Photoshop制作外景照片下雨动画效果(3)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:火焰

关键词

18、选择“下雨”动作,然后点击下面的播放按钮,点击两次。

Photoshop制作外景照片下雨动画效果

19、回到图层面板,我们得到了两个新的图层,如下图。

Photoshop制作外景照片下雨动画效果

20、现在开始制作动画,选择菜单:窗口 > 时间轴。

Photoshop制作外景照片下雨动画效果

21、选择“创建帧动画”,然后点及下面的按钮。

Photoshop制作外景照片下雨动画效果

22、把下面的时间设置为0.2。

Photoshop制作外景照片下雨动画效果

23、选择第一帧,然后在图层面板把其它两个图层隐藏,只显示图层1,如下图。

Photoshop制作外景照片下雨动画效果

24、点击面板右侧的新建按钮新建一个帧。

Photoshop制作外景照片下雨动画效果

25、在这一帧选择“图层2”,图层1和图层3隐藏。

Photoshop制作外景照片下雨动画效果

26、再新建一个帧。

Photoshop制作外景照片下雨动画效果

27、这一帧只显示图层3,图层1,图层2隐藏。

Photoshop制作外景照片下雨动画效果

28、把下面的“一次”位置设置为“永远”。

Photoshop制作外景照片下雨动画效果

29、点播放按钮预览一下效果,满意后选择菜单:文件 > 存储为Web所用格式。

Photoshop制作外景照片下雨动画效果

30、选择GIF格式,然后点击“存储”按钮保存。

Photoshop制作外景照片下雨动画效果

最终效果:

Photoshop制作外景照片下雨动画效果

 收藏