PS设计教程网欢迎你!

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

文章来源于 站酷,感谢作者 草米 给我们带来经精彩的文章!
设计教程/PS教程/动画教程2014-11-20
9、给图层11添加图层样式,颜色叠加,取图层3的颜色,不透明度为50%;给图层22添加同样的图层样式,但颜色取图层4的颜色,完成后效果就如下图。 10、这一步跟第七步一样,但是时间滑块移到了下图位置。 11、这一步也

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动画效果

最终效果:

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

进入论坛交作业:http://www.missyuan.com/thread-719142-1-1.html

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa