Photoshop制作出漂亮的星光闪烁动画效果
Photoshop制作出漂亮的星光闪烁动画效果
发布时间:2017-01-03 来源:查字典编辑
摘要:最终效果1、首先要绘制好星星,然后再做GIF动画。新建一个文档,参数如图。2、设置参考线。3、参数如图。4、显示网格。5、背景填充黑色。6、...

最终效果

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

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

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

2、设置参考线。

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

3、参数如图。

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

4、显示网格。

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

5、背景填充黑色。

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

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

6、新建一个图层。

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

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

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

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

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

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

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

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

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

10、右键选择删除路径。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新photoshop学习
热门photoshop学习
网页设计子分类