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

2/5/2017来源:Photoshop教程人气:4100

   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文字教程

PS鼠绘教程

PS合成图片教程