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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:草米

关键词

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

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

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

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

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

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

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

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

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

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

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

最终效果:

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

 收藏