首頁 > web前端 > PS教程 > Photoshop打造星光闪烁的效果

Photoshop打造星光闪烁的效果

PHP中文网
發布: 2016-06-01 14:34:15
原創
2121 人瀏覽過

本教程介绍较为简单的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制作出漂亮的星光闪烁动画效果

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板