网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 图形图象 > Photoshop
Tag:水晶,效果,画笔,圣诞,滤镜,艺术,手绘,蒙版,抠图,照片,风景,特效,人像,矢量,国画,图像,数码,合成,玻璃,美女,图案,鼠绘,调色,婚纱,插画,图层,山水,非主流,漫画,透明,水粉,光线,笔刷,工具,实例,入门,人物,头发,签名,视频,视频,壁纸,水墨,相框,海报,立体,动画,文字,按钮,磨皮,字体,摄影,路径,修复
图形图象:Photoshop,Fireworks,CorelDraw,Flash,3Dmax,AutoCad,Maya,Director,Authorware,Illustrator,相关软件
本月文章推荐
.Photoshop照片调色:超酷淡黄色美.
.Photoshop入门教程:简单给图片做.
.Photoshop图层模式快速修复局部昏.
.Photoshop把照片调成时光定格效果.
.Photoshop帮你处理照片偏色.
.Photoshop校正颜色差异 完美拼接.
.Photoshop批处理快速制作同尺寸图.
.Photoshop技巧交流:摹仿色调的秘.
.Photoshop制作可爱的人物签名效果.
.Photoshop快速修复多杂点的视频小.
.Photoshop调出MM清新色调.
.Photoshop鼠绘实例:圆锥的立体表.
.Photoshop制作小鸟趣味动画教程.
.Photoshop制作卡通美女雪花飘飞动.
.Photoshop制作斑驳高光金属字.
.Photoshop为照片添加文字 增强艺.
.Photoshop制作梦幻的仿手绘插画.
.快速掌握Photoshop CS4照片处理新.
.巧用Photoshop巧为女友添加五彩眼.
.用Photoshop制做腐蚀效果.

Photoshop和ImageReady绘制精巧漂亮闪图

发表日期:2007-10-21


  “闪图”的制作原理主要就是运用几幅图案相同、颜色不同的画面,组合成滚动显示的Gif动画。多用Photoshop和ImageReady联合制作。
  昨晚有人问我下面这个效果怎么做,当时我也不懂,后来搜索了一下,用ImageReady打开看了影子姐姐教程中的例图,终于知道怎么做了。同时我还研究出另一种更好看的效果,于是写下教程跟大家分享。
 例图Photoshop制作精巧漂亮的闪图

  下面是我做的效果

  Photoshop制作精巧漂亮的闪图

  制作过程如下:

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

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

  Photoshop制作精巧漂亮的闪图图1

  Photoshop制作精巧漂亮的闪图图2

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

  Photoshop制作精巧漂亮的闪图图3

  Photoshop制作精巧漂亮的闪图图4

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

  Photoshop制作精巧漂亮的闪图图5

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

  Photoshop制作精巧漂亮的闪图图6

  Photoshop制作精巧漂亮的闪图图7

  Photoshop制作精巧漂亮的闪图图8

  Photoshop制作精巧漂亮的闪图图9

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

  Photoshop制作精巧漂亮的闪图图10

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

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

  Photoshop制作精巧漂亮的闪图图11

  Photoshop制作精巧漂亮的闪图图12

  Photoshop制作精巧漂亮的闪图图13

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

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

  Photoshop制作精巧漂亮的闪图图14

  Photoshop制作精巧漂亮的闪图图15

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

  Photoshop制作精巧漂亮的闪图图16

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

  Photoshop制作精巧漂亮的闪图图17

  Photoshop制作精巧漂亮的闪图图18

  Photoshop制作精巧漂亮的闪图图19

  Photoshop制作精巧漂亮的闪图图20

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

  Photoshop制作精巧漂亮的闪图图21

  Photoshop制作精巧漂亮的闪图图22

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

  Photoshop制作精巧漂亮的闪图图23

  Photoshop制作精巧漂亮的闪图图24

上一篇:Photoshop与ImageReady做QQ表情:磕头动画 人气:5772
下一篇:Photoshop教程:画笔的应用 人气:6602
浏览全部Photoshop的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐