Photoshop打造星光闪烁的效果

PHP中文网
Freigeben: 2016-06-01 14:34:15
Original
2018 Leute haben es durchsucht

本教程介绍较为简单的GIF动画制作方法。大致分为两部分来完成。首先是星光部分的制作,熟练的话几步就可以做好。然后再设置动画,可以根据自己的喜好设置不同的动画效果,注意过渡要自然。

最终效果

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

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

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

2、设置参考线。

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

3、参数如图。

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

4、显示网格。

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

5、背景填充黑色。

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

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

6、新建一个图层。

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

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

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

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

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

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

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

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

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

10、右键选择删除路径。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!