欢迎来到山村网

Photoshop制作星光闪烁GIF动画效果

2019-03-14 07:21:11浏览:931 来源:山村网   
核心摘要:  Photoshop制作星光闪烁GIF动画效果最终效果   1、首先要绘制好星星,然后再做GIF动画。新建一个文档,参数如图。  2、设

  Photoshop制作星光闪烁GIF动画效果

最终效果

Photoshop制作星光闪烁GIF动画效果   山村

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

Photoshop制作星光闪烁GIF动画效果

  2、设置参考线。

Photoshop制作星光闪烁GIF动画效果

  3、参数如图。

Photoshop制作星光闪烁GIF动画效果

  4、显示网格。

Photoshop制作星光闪烁GIF动画效果

  5、背景填充黑色。

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

  6、新建一个图层。

Photoshop制作星光闪烁GIF动画效果

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

  10、右键选择删除路径。

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果
Photoshop制作星光闪烁GIF动画效果

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

Photoshop制作星光闪烁GIF动画效果

  最终效果:

Photoshop制作星光闪烁GIF动画效果

(责任编辑:豆豆)
下一篇:

PS字体特效设计

上一篇:

老友召集令文字制作过程

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com