瞧一瞧,看一看,小白兔大变活人啦!神奇的小兔子,更加神奇的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素材)

登录收藏
 
你可能喜欢的:
【开工大火】时尚炫酷的雷电文字效果【开工大火】时尚炫酷的雷电文字效果
【PS-3D功能探索】如何在ps内创建抽象3D文本效果【PS-3D功能探索】如何在ps内创建抽象3D文本效果
PS做文字效果,水泥文字和钢铁字体之间只差一个描边的图层样式PS做文字效果,水泥文字和钢铁字体之间只差一个描边的图层样式
如何在photoshop中创建树叶覆盖文本的效果如何在photoshop中创建树叶覆盖文本的效果
如何在AI中创建一个2.5D文本如何在AI中创建一个2.5D文本
如何创建一个漂亮又好吃的饼干呢?如何创建一个漂亮又好吃的饼干呢?
用PS打磨质感水晶风格图标用PS打磨质感水晶风格图标
轻松几步搞定熟悉城市线性插画轻松几步搞定熟悉城市线性插画
5分钟学会轻质感3D图标5分钟学会轻质感3D图标
UI设计背景模糊效果详解UI设计背景模糊效果详解