首页 > 设计 > 详细

Photoshop制作出漂亮的星光闪烁动画效果

时间：2016-02-05 15:48:25      阅读：139      评论：0      收藏：0      [点我收藏+]
最终效果

技术分享

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格式即可。

技术分享

最终效果：

技术分享

Photoshop制作出漂亮的星光闪烁动画效果

原文：http://www.jb51.net/photoshop/38551.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！