站长学院通行证

 

返回“站长学院”网站首页

 当前位置 → 中国站长学院设计在线图像处理Photoshop → 浏览正文


TAG:  Photoshop ImageReady

Photoshop和ImageReady绘制精巧漂亮闪图


作者:中国站长学院(整理)     来源:中国站长学院     点击数:     更新时间:2007年11月05日

【字体: 】             【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色) 】    【收藏本文】   【打印


“闪图”的制作原理主要就是运用几幅图案相同、颜色不同的画面,组合成滚动显示的Gif动画。多用Photoshop和ImageReady联合制作。


  昨晚有人问我下面这个效果怎么做,当时我也不懂,后来搜索了一下,用ImageReady打开看了影子姐姐教程中的例图,终于知道怎么做了。同时我还研究出另一种更好看的效果,于是写下教程跟大家分享。
 

例图

点此在新窗口浏览图片  中国站长学院

  下面是我做的效果

  点此在新窗口浏览图片  中国站长学院

  制作过程如下:

  1.Photoshop中新建一个300*200的文件,新建一个图层,

  选择画笔工具挑一些你喜欢的笔刷在图层1上绘制组合一个挂坠。

  点此在新窗口浏览图片  中国站长学院

图1

  点此在新窗口浏览图片  中国站长学院

图2

  2.复制图层1,也就是图案层,用钢笔工具把第一个要变色的图案圈出来,按CTRL+回车将路径转换成选区。

  点此在新窗口浏览图片  中国站长学院

图3

  点此在新窗口浏览图片  中国站长学院

图4

  按CTRL+U跳出色相饱和度选项框,设置色相为+100,其它选项保持默认,然后按完成。

  点此在新窗口浏览图片  中国站长学院

图5

  接下来再复制图层1,用钢笔工具把第二个要变色的图案圈出来,跟第一个变色图案做法一样,根据你想要变色图案的顺序来做。

  点此在新窗口浏览图片  中国站长学院

图6

  点此在新窗口浏览图片  中国站长学院

图7

  点此在新窗口浏览图片  中国站长学院

图8

  点此在新窗口浏览图片  中国站长学院

图9

  做到心形里有翅膀图案的时候,要注意一下,首先复制两个图层,用色相饱和度改变图案的颜色,两个图层的颜色都要改

  点此在新窗口浏览图片  中国站长学院

图10

  第一层将嘴唇勾选出来删掉只显示翅膀,第二层删掉翅膀只显示嘴唇,这样就可以了。

  然后接着把后面的图案的颜色改掉,按顺序来顺时针一圈。

  点此在新窗口浏览图片  中国站长学院

图11

  点此在新窗口浏览图片  中国站长学院

图12

  点此在新窗口浏览图片  中国站长学院

图13

  大家可以下载一些现成的图案笔刷,网上有有很多种,大家可以自由组合制作更漂亮的图案。

  3.将图层1副本——图层1副本11的眼睛关掉, 只显示背景和图层1,下面进入ImageReady开始制作动画。

  点此在新窗口浏览图片  中国站长学院

图14

  点此在新窗口浏览图片  中国站长学院

图15

  4.首先复制当前帧,选择图层1副本并打开眼睛,把图层1的眼睛关掉,这是变色的第一个图案;

  点此在新窗口浏览图片  中国站长学院

图16

  然后再复制当前帧,选择图层1副本2并打开眼睛,关闭图层1副本的眼睛,这是第二变色图,按照这个步骤一直做到翅膀图的时候,先制作翅膀的动画帧,然后再是嘴唇,接着把第7帧和第8帧(翅膀和嘴唇)复制2份,也就6张动画帧,翅膀和嘴唇各3帧,分别隔开来排,依次是翅-唇-翅-唇-翅-唇;

  点此在新窗口浏览图片  中国站长学院

图17

  点此在新窗口浏览图片  中国站长学院

图18

  点此在新窗口浏览图片  中国站长学院

图19

  点此在新窗口浏览图片  中国站长学院

图20

  再接下来按顺序将余下来的几个图案复制到动画帧上,跟前面的步骤相同;一共是16帧动画

  点此在新窗口浏览图片  中国站长学院

图21

  点此在新窗口浏览图片  中国站长学院

图22

  选择16帧动画,按CTRL+左键点击或者按SHIFT点击第一张和最后一张,设定延迟的时间为0.07秒,最后存储优化结果就OK了!

  点此在新窗口浏览图片  中国站长学院

图23

  点此在新窗口浏览图片  中国站长学院

图24


责任编辑:忧郁的秋天

注册投稿

收藏本文到  >>>

相关文章

Photoshop7.0破解版06/01 
[视频教程]Photoshop制作虚02/22 
[视频教程]Photoshop制作木02/22 
[视频教程]Photoshop制作闪02/22 
[视频教程]Photoshop制作雕02/22 
[视频教程]利用Photoshop切02/22 
[视频教程]Photoshop制作水02/22 
[视频教程]Photoshop怎样使02/22 
[视频教程]Photoshop仿水彩02/22 
Photoshop制作眼睛鼻子变大小02/22 
Photoshop帮个性MM非主流照02/22 
教你用Photoshop打造百变小胖02/22 
Photoshop五步创建CD效果图02/22 
Photoshop简单绘制真实质感足02/22 
Photoshop调色教程:MM的惊02/22 
Photoshop制作超酷3D透视字02/21 

推荐导读

热门资讯

资讯快报

论坛新贴

返回首页

关于我们 - 帮助(?) - 广告服务 - 诚征英才 - 友情链接 - 网站地图 - 站长BLOG

返回网站顶部

Copyright © 2007 中国站长学院(CNZZXY.COM). All Rights Reserved
站长学院服务资咨热线:0755-84289786    业务合作:(0)13554938953  (0)13423986856    网络宽带及主机提供:深圳傲网科技
粤ICP备08006968号   站长:忧郁的秋天(向管理员发邮件)   站长交流QQ群①:1815595   站长交流QQ群②:32960074