漫水GIF制作教程(入门级)

用户头像
北京/UI设计师/8年前/612浏览
漫水GIF制作教程(入门级)
用户头像
Rain_Fly
漫水loading-GIF制作小教程
1.建立图层
先建立基本需要的图层,并将需要进行位置变换的图层转换为智能对象。
2.原理及关键帧
蓝色水流层其实是一个很大的覆盖图层,将其建立剪切蒙版,剪切到白色圆中。其原理是从左下角位移到右上角,并将水流图层完全覆盖在白色圆上,实现漫水效果。
第一个关键帧:将第一个关键帧打在“水流层”位于左下角,并将一点点水流层漏出在白圆的下边。
第二个关键帧:将第二关键帧打在“水流层”完全覆盖白圆上时。
此时“水流层”相当于是从左到右,从下到上,在白圆上进行位移,产生水流漫水的效果。
3.预览并优化
此时图片主体已经完成,预览一下是否是想要的效果。
单有水漫效果会显得效果过于单调,进行简单优化;做一个加载完成的对号进行装饰。
对号的制作与水漫效果类似,先画一个白色的对号,在画一个可以完全遮盖对号的蓝色矩形。将矩形转换成智能对象并将其剪切到对号上,创建关键帧,此处也是只需要两个关键帧即可。第一帧创建在矩形完全覆盖对号处,第二帧建矩形向右位移使对号完全露出;就是一个矩形向右平移的原理。
再次预览,修改自己不满意的地方或加入更多自己喜欢的效果。
4.总结
次GIF动画图非常简单,制作也相对容易,适合新手小白的学习练手。
制作GIF的方法千千万,就看有没有天马星空的想法和动画实现的逻辑思维,祝大家在这条路上越走越远。
注:本人也是小白一只Q 。Q
漫水GIF制作教程(入门级)(图ZOTgwMjA3NzI=) - 动效设计 - 站酷设计师Rain_Fly原创素材 - 站酷ZCOOL
附有源文件,可下载使用
收藏
9
举报
|
2
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
你可能喜欢
相关收藏夹
大家都在看
登录注册