Photoshop制作漂亮的心型挂坠Gif动画图

[复制链接]
查看3347 | 回复3 | 2009-1-26 22:34:52 | 显示全部楼层 |阅读模式

马上注册登陆,显示高清大图

您需要 登录 才可以下载或查看,没有账号?注册(请务必填写正确的邮件地址,否则无法通过验证)

×
  先来看看漂亮的挂坠


                               
登录/注册后可看大图




  下面开始制作
  1.新建一个300*200的文件,新建一个图层,
  选择画笔工具挑一些你喜欢的笔刷在图层1上绘制组合一个挂坠。


                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图




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


                               
登录/注册后可看大图




                               
登录/注册后可看大图




                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



  第一层将嘴唇勾选出来删掉只显示翅膀,第二层删掉翅膀只显示嘴唇,这样就可以了。
  然后接着把后面的图案的颜色改掉,按顺序来顺时针一圈。


                               
登录/注册后可看大图




                               
登录/注册后可看大图




                               
登录/注册后可看大图



  这是绘制图案的笔刷,有很多种,大家可以自由组合制作更漂亮的图案。

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


                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图



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


                               
登录/注册后可看大图




                               
登录/注册后可看大图




                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图




                               
登录/注册后可看大图



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


                               
登录/注册后可看大图




                               
登录/注册后可看大图
meing | 2009-6-28 19:35:29 | 显示全部楼层
很感谢这么详细的讲解!
李力李力 | 2015-4-11 23:39:24 | 显示全部楼层
很有用

本版积分规则