瞧一瞧,看一看,小白兔大变活人啦!神奇的小兔子,更加神奇的Photoshop,快来动手做个gif图吧~(嘘,小编给你搞到了PSD源文件哦)~~~!废话不多说了,转入知识点,本教程教你用Photoshop时间轴制作动画,制作之前先要构思好动画的展示流程,然后制作出所需的图形,后期在时间轴上按照自己的想法设置动画即可
最终效果

092524sk2lh77k4wjdkyms (1)

先来认识一下时间轴及常用图层放入后时间轴中出现的一些属性栏。

092524n5gvzp9e9thqqg9f

09252582xz7dtllr88llq4

1、画出主体:画的时候部分需要先想好,但有时候做到一半时,有更好的灵感就可以加上,所有不需要太严谨(点击这里下载作者画好的素材 )。

0925256x0dxdbixixi4tzx

2、为盒子添加动画,过程如下图。

092525m8x0c6i6e08ukn0x

3、头副本动画制作,过程如下图。

092526ty352kkolkec2ook

盖子飞起动画制作如下图

092526efwwztfxwyexwkb2

4、画出一只兔子,然后添加动画。

092526h3yoepf9ekfq739s

5、盒子动画第二部分制作。

092527eb1r2xbce9kc442j

为魔术师图层建个下图所示的蒙版

09252774zf9u4t2ozv26u6

6、制作魔术师动画。

092527ivhvgdovdutdgugr

7、最后兔子动画制作如下图。

092528w4jon0yu0zjw544u

最终效果:

092524sk2lh77k4wjdkyms

 

down

 

原作者:Mianxiu zcool主页教程下面有下载文件。

转载请注明:学UI网 » PS制作GIF动画-小白兔大变活人(有PSD素材)

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
Switch教程Switch教程
帅炸!妙招搞定3D环绕空心球![AI教程]帅炸!妙招搞定3D环绕空心球![AI教程]
写实psp教程写实psp教程
水彩画教程水彩画教程
浪漫风插画教程浪漫风插画教程
卡通蚊子教程卡通蚊子教程
写实计算器教程写实计算器教程
写实手机教程写实手机教程
PS发光字体教程PS发光字体教程
3招教你制作钱币底纹-Guilloche图形3招教你制作钱币底纹-Guilloche图形