PhotoShop制作循环盛放的花朵GIF动画教程

10/11/2015来源:Photoshop教程人气:2847

  教程教我们用photoshop制作循环盛放的花朵超炫GIF动画效果,主要用到变换工具来制作花朵,以及动画都有详细说明,喜欢的同学可以学习一下!

PhotoShop制作循环盛放的花朵GIF动画教程 三联

  先看效果图:

按此在新窗口浏览图片

  1、打开ps新建300*300像素的文件,文件名随便填,如图点确定。

按此在新窗口浏览图片

  2、把图层1填充为黑色的背景,然后新建图层2,如图。

按此在新窗口浏览图片

  3、选中图层2,用椭圆工具拖一个正圆的选区,填充为红色,不要取消选区。

按此在新窗口浏览图片

  4、用左方向键移动适当的距离,然后删除选区内的内容,如图。

按此在新窗口浏览图片

  5、把图层2复制一层图层2副本,如图。

按此在新窗口浏览图片

  6、选中图层2副本,在画布上用移动工具把图层2副本移到如图所示。

按此在新窗口浏览图片

  7、选中图层2,用橡皮檫工具檫除掉不需要的部分,如图。

按此在新窗口浏览图片

  8、选中图层2副本向下合并如图。

按此在新窗口浏览图片

  9、中心位置建立水平,垂直参考线到,然后用移到工具把图像移到中心交叉点位置,如图所示。

按此在新窗口浏览图片

  10、按快捷键ctrl+alt+t,然后把旋转控点移到参考线的中心点上,如图。

按此在新窗口浏览图片

  11、设置旋转角度为22.5度,然后双击确定。

按此在新窗口浏览图片

  12、按三键加T(SHIFT+CTRL+ALT+T)进行变换,按14下如图。

按此在新窗口浏览图片

  13、除背景层外其他层合并,并复制一层,如图。

按此在新窗口浏览图片

  14、选中复制层,执行编辑-变换-水平翻转,如图。

按此在新窗口浏览图片

  15、载入复制图层的选区,填充绿色覆盖原有颜色,如图。

按此在新窗口浏览图片

  16、按ctrl+alt+t进行旋转复制,设置旋转角度为-1.5度(反方向),如图,然后双击确定。

按此在新窗口浏览图片

  17、然后按快捷键三键加T(Shif+ctrl+alt+T),包括复制出的图层共15层,如图。

按此在新窗口浏览图片

  18、按ctrl+g把所有绿色图层为一个组,并关闭眼睛,如图。

按此在新窗口浏览图片

  19、红色图层操作、设置方法同绿色图层,只是旋转方向为正时针,如图。

按此在新窗口浏览图片

  20、分别选中两组,设置图层混合模式为正片叠底,如图。

按此在新窗口浏览图片

  21、打开动画调板,执行从图层建立帧,如图,再删除黑色背景帧。

按此在新窗口浏览图片

  22、在动画调板上选蓝16-30帧,执行拷贝多帧。

按此在新窗口浏览图片

  23、在动画调板上选蓝1-15帧,执行粘贴多帧,出现的对话框设置如图。然后删除多余的16-30帧。

按此在新窗口浏览图片

  24、在动画调板上选中所有帧,把时间调为0.1秒,循环改为永远,播放一下看效果怎么样,先不要打开背景层,如图。

按此在新窗口浏览图片

  25、在动画调板上,执行将帧拼合到图层,如图。

按此在新窗口浏览图片

  26、然后打开背景层,如图。

按此在新窗口浏览图片

  27、新建一图层在最顶层,并保持选中状态,如图

按此在新窗口浏览图片

  28、点渐变工具,选透明彩虹渐变如图所示。

按此在新窗口浏览图片

  29、从中心点拉出径向渐变,图层混合模式设为滤色,效果如图所示。

按此在新窗口浏览图片

  30、在动画调板上选中全部帧,点选刚做的渐变图层和背景图层使之作用在全部动画帧上。如图。这是可以播放一下看看效果,如果正常保存后输出网页格式gif动画,

  至此全部教程结束,本教程适合初学者入门学习,通过此教程激发学习兴趣。完。

按此在新窗口浏览图片

  最终效果!

按此在新窗口浏览图片