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

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

时间:2016-04-29 20:53 来源:PS照片处理教程 作者:制作GIF动画 阅读:

Step4——复制+反向

还有一个从有到无的过程,把刚才从无到有的动画编组并且复制,转到时间轴把这个组向后拖动到一定位置(在前面组的结尾往前一点点,使其神不知鬼不觉地循环运动),然后在复制组的圆环图层的关键帧(起始帧与结束帧)互相对调,最后将时间线拖到关键帧的位置调出图层样式,渐变勾上反向。当然你不喜欢这种复制+反向的方法而要重新做颜色的渐变也没人拦你~

以上4步已经完成了一个loading从无到有,从有到无的动画,你可以设置更多样式,比如设置圆环的填充为0,给圆环添加内阴影,转换为智能对象再添加样式等等。

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

绽放的烟花

Step1——画长条

新建一个500×900px(取决于烟花绽放尺寸)的画布,用钢笔工具(填充无,描边4,端点圆角,色值任意但我喜欢用黄)画一根长182px(你要长短都行,不要影响到最后效果便可)的线条,ctrl+j复制多一根(保持一样的位置),然后调出时间轴并且创建时间轴动画。

Step2——条子动画

通过学习【玩转PS时间轴-3】中的剪贴蒙版+移动,我们先将其两根条子按下图设置

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

下面的图层填充设置为0,图层样式的混合选项设置为

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

回到时间轴,将长度设置为30f(等于1s),选择两个图层转换为一个智能对象,双击智能对象可以得知画布大小与画的条子是一样的(4×182px),而我们要将画布的长度调整如下图

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

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