瞧一瞧,看一看,小白兔大变活人啦!神奇的小兔子,更加神奇的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设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

 
你可能喜欢的:
二次曝光下的动态摄影与静态图像,这竟然是用PS做的?二次曝光下的动态摄影与静态图像,这竟然是用PS做的?
PHOTOSHOP 3D功能系列教程 ③PHOTOSHOP 3D功能系列教程 ③
光是预览图就呼之欲出!十八分钟后你也会做这样的动感3D~光是预览图就呼之欲出!十八分钟后你也会做这样的动感3D~
渐变质感技法(六):制作阶梯渐变抽象纸艺图案渐变质感技法(六):制作阶梯渐变抽象纸艺图案
轻松三步改变事物视角?透视变形实在太好用了!轻松三步改变事物视角?透视变形实在太好用了!
PS噪点插画教程PS噪点插画教程
小狗邮票插画教程小狗邮票插画教程
渐变质感技法(四):教你用PS打造炫美风景精致图标渐变质感技法(四):教你用PS打造炫美风景精致图标
扁平夜景房屋插画扁平夜景房屋插画
PHOTOSHOP 3D功能系列教程 ②PHOTOSHOP 3D功能系列教程 ②