Photoshop星光闪烁的GIF动画图案欣赏
本教程介绍较为简单的GIF动画制作方法。大致分为两部分来完成。首先是星光部分的制作，熟练的话几步就可以做好。然后再设置动画，可以根据自己的喜好设置不同的动画效果，注意过渡要自然。最终效果http://www.23ps.com/Files/UpLoadFile/201501/201501302045421467.gif
一、首先要绘制好星星，然后再做GIF动画。新建一个文档，参数如图。
http://www.23ps.com/Files/UpLoadFile/201501/201501302045507826.jpg
二、设置参考线。
http://www.23ps.com/Files/UpLoadFile/201501/201501302045575613.jpg
三、参数如图。
http://www.23ps.com/Files/UpLoadFile/201501/20150130204606303.jpg
四、显示网格。
http://www.23ps.com/Files/UpLoadFile/201501/201501302046147917.jpg
五、背景填充黑色。
http://www.23ps.com/Files/UpLoadFile/201501/201501302046225530.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302046287112.jpg
六、新建一个图层。
http://www.23ps.com/Files/UpLoadFile/201501/201501302046362391.jpg
七、选择画笔工具，设置好笔刷大小及其它属性，如下图。
http://www.23ps.com/Files/UpLoadFile/201501/201501302046464366.jpg
八、选择钢笔工具，属性设置如下图，拉一条水平的路径。
http://www.23ps.com/Files/UpLoadFile/201501/201501302046568882.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302047036320.jpg
九、右键路径选择“描边路径”，选择画笔，勾选“模拟压力”。
http://www.23ps.com/Files/UpLoadFile/201501/201501302047138329.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302047213226.jpg
十、右键选择删除路径。
http://www.23ps.com/Files/UpLoadFile/201501/201501302047339836.jpg
十一、把当前图层复制一层。
http://www.23ps.com/Files/UpLoadFile/201501/201501302048022447.jpg
十二、选择菜单：编辑 > 变换 > 顺时针旋转90度。
http://www.23ps.com/Files/UpLoadFile/201501/20150130204813834.jpg
十三、按Ctrl + E 向下合并图层。
http://www.23ps.com/Files/UpLoadFile/201501/20150130204826793.jpg
十四、新建一个图层，同上的方法再用钢笔勾出稍短的路径再描边路径。
http://www.23ps.com/Files/UpLoadFile/201501/201501302048409224.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302049092565.jpg
十五、删除路径后再复制图层，然后顺时针旋转90度，并合并图层。
http://www.23ps.com/Files/UpLoadFile/201501/201501302049356386.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302049496627.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302049591842.jpg
十六、再把图层旋转45度，星星部分基本完成。
http://www.23ps.com/Files/UpLoadFile/201501/201501302050134941.jpg
http://www.23ps.com/Files/UpLoadFile/201501/20150130205027406.jpg
十七、把做好的星星图层复制一层，适当缩小一点。
http://www.23ps.com/Files/UpLoadFile/201501/201501302050382906.jpg
十八、选择菜单：窗口 > 动画。
http://www.23ps.com/Files/UpLoadFile/201501/201501302050475436.jpg
十九、把大星星图层隐藏，如下图。
http://www.23ps.com/Files/UpLoadFile/201501/201501302050584937.jpg
二十、在动画面板再新建2个帧，如下图。
http://www.23ps.com/Files/UpLoadFile/201501/201501302051089594.jpg
二十一、回到第二帧，把小星星图层隐藏，只显示大星星图层。
http://www.23ps.com/Files/UpLoadFile/201501/201501302051382936.jpg
二十二、点击动画面板过渡按钮设置属性，分别设置上一帧和下一帧，参数设置如下图。
http://www.23ps.com/Files/UpLoadFile/201501/20150130205155746.jpg
http://www.23ps.com/Files/UpLoadFile/201501/201501302052055055.jpg
http://www.23ps.com/Files/UpLoadFile/201501/20150130205213858.jpg
二十三、保存：选择菜单：文件 > 储存为Web所有格式，并保存为GIF格式即可。
http://www.23ps.com/Files/UpLoadFile/201501/201501302052247119.jpg
最终效果：
http://www.23ps.com/Files/UpLoadFile/201501/201501302052358189.gif
页:
[1]