网站首页网站地图google地图百度地图学习库RSS在线PSPS联盟素材下载  PS视频教程专题 PS爱好者教程网www.psahz.com PS教程自学网QQ群
当前位置:PS爱好者教程网主页 > PS照片处理 > 教程

学习用Photoshop制作GIF动画的技巧,制作漂亮的loading动画图片

时间:2016-04-29 20:53 来源:PS照片处理教程 作者:制作GIF动画 阅读:
学习用Photoshop制作GIF动画的技巧,制作漂亮的loading动画图片。效果图如下:

学习用Photoshop制作GIF动画的技巧,制作漂亮的loading动画图片

Step1——画圆环

新建一个500px²(以下出现的所有数值可以自定义不用完全照搬)的默认画布,并用椭圆工具(填充无,描边30,色值#f2f2f2)画一个正圆环,然后调出时间轴并且创建时间轴动画。

Step2——圆环渐变

给圆环上色,技巧也就在这里。首先我们分析颜色的变化是从无到有,再从有到无。利用图层样式的渐变,可以实现这个效果(事实上利用图层样式实现的动画实在是太多了并且太好用了)。在时间轴的第一帧位置打开样式动画的关键帧开关,调出图层样式勾上渐变,样式为角度,打开渐变编辑器并选取一个颜色如下图,

学习用Photoshop制作GIF动画的技巧,制作漂亮的loading动画图片

因为是从无到有的过程,因此【无】(即白色)的透明度设置0,【有】(即绿色)的透明度设置100%,

然后把【无】的透明度和颜色拖到跟【有】重叠如下图,

学习用Photoshop制作GIF动画的技巧,制作漂亮的loading动画图片

PS笔刷下载 PS滤镜下载 PS形状下载 PS样式下载 PS动作下载 PS图案下载
相关教程