Photoshop教程-制作加载等待特效GIF图

通过应用Adobe Photoshop软件的时间轴面板,制作加载等待特效GIF图。

Photoshop教程-制作加载等待特效GIF图

Photoshop教程-制作加载等待特效GIF图

01、原图。

Photoshop教程-制作加载等待特效GIF图

02、新建椭圆形状图层覆盖原图,黑色填充无描边,添加样式渐变叠加。

Photoshop教程-制作加载等待特效GIF图

03、创建剪贴蒙版,改变渐变叠加角度。

Photoshop教程-制作加载等待特效GIF图

04、新建红色剪贴图层,修改椭圆图层混合颜色带选项。

Photoshop教程-制作加载等待特效GIF图

05、打开时间轴面板,点击面板中间下拉箭头选择创建帧动画,单击创建帧动画,第1帧就创建出来了。

Photoshop教程-制作加载等待特效GIF图

06、选中第1帧,点击复制所选帧图标,第2帧就创建出来了。保持选择第2帧,改变椭圆图层渐变叠加角度。

Photoshop教程-制作加载等待特效GIF图

07、选择第1帧,单击过渡动画帧图标,弹出过渡对话框,要添加的帧数填4,点击确定。这样就在第1帧后面添加了4帧,原来的第2帧变为第6帧。选中第6帧,单击复制所选帧图标,第7帧就创建出来了。修改第7帧渐变叠加角度。

Photoshop教程-制作加载等待特效GIF图

08、复制第7帧创建第8帧,修改第8帧渐变叠加角度。

Photoshop教程-制作加载等待特效GIF图

09、选择第7帧,单击过渡动画帧图标,弹出过渡对话框,要添加的帧数填4,点击确定。这样就在第7帧后面添加了4帧,原来的第8帧变为第12帧。选中全部12帧,单击任1帧下方的时间箭头,将时间延迟改为0.05秒。

Photoshop教程-制作加载等待特效GIF图

10、将文件导出为GIF图,效果如下。

Photoshop教程-制作加载等待特效GIF图

11、将红色图层的填充颜色改为绿色后导出,即可得到绿色GIF图。

Photoshop教程-制作加载等待特效GIF图


分享到:


相關文章: