当前位置:首页 > PS教程 > 设计教程

PS美工教程:塑造流光动画曲线

  • 2021-05-11 20:14:58
  • 来源/作者:互联网/佚名
  • 己被围观

PS的内置动画制作功能非常强大,应用也非常广泛,只要你有足够的想象力既能完成很多特效,本例以PS在淘宝美工动画中的流光动画曲线制作为例进行讲述,有兴趣的朋友可以一试。

17、单击选择画笔工具,设置画笔大小为22左右,硬度为50%,前景色为白色,如下图所示:

Photoshop美工教程:塑造流光动画曲线

18、确保单击选中“图层2 副本”的蒙版,然后按住Shift键,在图像的右上方拉出一条白色的横线(横线在蒙版里看得见,在图像中看不见),如下图所示:

Photoshop美工教程:塑造流光动画曲线

19、鼠标单击“图层2 副本”的蒙版链接处,将链接去除,这样在移动蒙版时就不会移动对应的图层,如下图所示:

Photoshop美工教程:塑造流光动画曲线

20、接下来制作流光动画,单击选择菜单“窗口->动画”,在弹出的动画设置窗口中,单击窗口下方的“复制所选帧”,将帧复制一帧生成第2帧,如下图所示:

Photoshop美工教程:塑造流光动画曲线

21、确保单击选中第2帧,图层中确保单击选中“图层2 副本”的蒙版,单击选择移动工具,将蒙版中的白色横线向下拖动到底端(实际上是整个蒙版向下移动),在移动的过程中其实就可以看到流光动画的效果,如下图所示:

Photoshop美工教程:塑造流光动画曲线

22、按Ctrl键将两个帧一起选中,设置时间间隔为0.1秒,如下图所示:

Photoshop美工教程:塑造流光动画曲线

23、单击动画设置窗口下方的“过渡”按钮,在弹出的“过渡”设置窗口中,设置过渡方式为“选区”,要添加的帧数为48帧(相同时间间隔时,帧数越多流光速度越慢,动画越细致,但容量也越大),图层为所有图层,勾选位置、不透明度和效果,如下图所示:

Photoshop美工教程:塑造流光动画曲线

24、应用过渡设置后可以看到在动画窗口中就出现了50帧的画面,如下图所示:

Photoshop美工教程:塑造流光动画曲线

25、最后还要将动画保存为特殊的gif格式,选择菜单“文件->存储为Web和设备所用格式”,如下图所示:

Photoshop美工教程:塑造流光动画曲线

26、在弹出的存储窗口中,确保预设为GIF格式,其它具体参数如下图所示,之后单击“存储”按钮进行保存即可。到此本例的流光动画就算完成,这种原理的动画可以应用于多种淘宝美工中,充分发挥你的想象力即可!

Photoshop美工教程:塑造流光动画曲线

先看看效果图

Photoshop美工教程:塑造流光动画曲线

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?