PS制作星光闪烁GIF动画

来源:网络   作者:热心网友   发布时间:2012-10-22    浏览次数:868
如何利用photoshop制作星光闪烁的GIF动画,本节教程将为大家详细讲解。大致分为两部分来完成。首先是星光部分的制作,熟练的话几步就可以做好。然后再设置动画,可以根据自己的喜好设置不同的动画效果。
最终效果:

星光闪烁,设计先锋网

1、首先要绘制好星星,然后再做GIF动画。新建一个文档,参数如图。

星光闪烁,设计先锋网

2、设置参考线。

星光闪烁,设计先锋网

 

3、参数如图。

星光闪烁,设计先锋网

4、显示网格。

星光闪烁,设计先锋网

5、背景填充黑色。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

 

6、新建一个图层。

星光闪烁,设计先锋网

7、选择画笔工具,设置好笔刷大小及其它属性,如下图。

星光闪烁,设计先锋网

8、选择钢笔工具,属性设置如下图,拉一条水平的路径。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

9、右键路径选择“描边路径”,选择画笔,勾选“模拟压力”。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

10、右键选择删除路径。

星光闪烁,设计先锋网

 

11、把当前图层复制一层。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

12、选择菜单:编辑 > 变换 > 顺时针旋转90度。

星光闪烁,设计先锋网

13、按Ctrl + E 向下合并图层。

星光闪烁,设计先锋网

 

14、新建一个图层,同上的方法再用钢笔勾出稍短的路径再描边路径。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

 

15、删除路径后再复制图层,然后顺时针旋转90度,并合并图层。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

 

16、再把图层旋转45度,星星部分基本完成。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

17、把做好的星星图层复制一层,适当缩小一点。

星光闪烁,设计先锋网

 

18、选择菜单:窗口 > 动画。

星光闪烁,设计先锋网

19、把大星星图层隐藏,如下图。

星光闪烁,设计先锋网

20、在动画面板再新建2个帧,如下图。

星光闪烁,设计先锋网

21、回到第二帧,把小星星图层隐藏,只显示大星星图层。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

 

23、点击动画面板过渡按钮设置属性,分别设置上一帧和下一帧,参数设置如下图。

星光闪烁,设计先锋网

星光闪烁,设计先锋网

星光闪烁,设计先锋网

24、保存:选择菜单:文件 > 储存为Web所有格式,并保存为GIF格式即可。

星光闪烁,设计先锋网

最终效果:

星光闪烁,设计先锋网

 

联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/PSjiaocheng/PSshili/882.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通