Photoshop制作流畅的爆炸背景动画效果(3)

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:昀恒

关键词

23、把滑块移到尾部,再添加两个关键帧,如下图。

Photoshop制作流畅的爆炸背景动画效果

24、按Ctrl + T 拉大一点,确定后把不透明度设置为0%,如下图。

Photoshop制作流畅的爆炸背景动画效果

Photoshop制作流畅的爆炸背景动画效果

25、在图层面板把“烟雾”图层复制一层,然后同样的方法设置一下动画。

Photoshop制作流畅的爆炸背景动画效果

26、再把“烟雾”图层复制一层,并重新设置一下动画和关键帧位置,如下图。

Photoshop制作流畅的爆炸背景动画效果

27、选择色阶调整图层,也是同样的方法设置不透明度动画,中间位置不透明度为100%,两端设置为0%,如下图。

Photoshop制作流畅的爆炸背景动画效果

28、预览一下动画,满意后可以选择菜单:文件 > 存储为Web所用格式。

Photoshop制作流畅的爆炸背景动画效果

29、循环选项选择“永远”其它默认,确定后保存到本机。

Photoshop制作流畅的爆炸背景动画效果

最终效果:

Photoshop制作流畅的爆炸背景动画效果

 收藏