Photoshop制作立体图标转动GIF动画效果

9、给图层11添加图层样式,颜色叠加,取图层3的颜色,不透明度为50%;给图层22添加同样的图层样式,但颜色取图层4的颜色,完成后效果就如下图。

Photoshop制作立体图标转动GIF动画效果,PS教程

10、这一步跟第七步一样,但是时间滑块移到了下图位置。

Photoshop制作立体图标转动GIF动画效果,PS教程

11、这一步也是对图层11和22变形,变成了和图层3,4一样的三角形了。

Photoshop制作立体图标转动GIF动画效果,PS教程

12、把图层11和22颜色叠加的不透明度改成100%。

Photoshop制作立体图标转动GIF动画效果,PS教程

13、设置播放形式为“循环播放”,点击时间轴的播放键,看看动画效果。如果不是很清楚可以点这里下载源文件。

Photoshop制作立体图标转动GIF动画效果,PS教程

Photoshop制作立体图标转动GIF动画效果,PS教程

Photoshop制作立体图标转动GIF动画效果,PS教程

最终效果:

Photoshop制作立体图标转动GIF动画效果,PS教程