动画教程,用PS做一个李小龙武术动态图

本篇教程通过PS制作一款李小龙动态动画,什么?用PS制作动图的教程?那得看一下,其实很多东西都是互通的,看你怎么使用呢,教程难度中等,把握好要点,比如“进场、静态”等叠加在一起的时候,很多东西难度不在于软件,而在于人本身,看到一个东西,一个设计,你先把它定义为“难”,就很难有耐心做下去,同学们要迎难而上,才会有所进步。

效果图: 动画教程,用PS做一个李小龙武术动态图_www.16xx8.com
www.16xx8.com

 动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

只要是你愿意,用PS也能做动画,

不同的是,精细度不一样。

而影片本质也是动画,它只是用N多张静态的图拼起来的。

两张图片互相切换也是动画,PS实现起来特别方便的。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

操作步骤:

第一步:图层导入

一开始要用CDR或者AI做好的静态图导入图层,

CDR纯平面失量(注意:不能有透明度和渐变)可以直接粘到AI,

然后由AI直接粘到PS,到了PS就是智能物件,取好图层名字,

图层少就还好,图层多了,你不管理,那简直不要太复杂。

就像上面这样子,从上向下罗列好。

我喜欢用智能物件,后期要改起来,很方便。

而且不会在放大缩小的时候损坏图层。

如果我们把动画主体当成是演员,

那么画面就是他们的舞台。

只要有演员就会有进场、表演、出场。

所以大湿用PS做动画的时候,就三个状态。

进场状态、静态表演、出场状态。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

以上面这个李小龙案例来说,

这个是其中一个进场状态,用径向模糊实现的。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

然后是之前就放好的静态图层状态

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

这个是以上面这个静态图的出场状态(和进场是一样的)。

每个桢的静态图大湿都喜欢用三个状态。

在PS图层里,其实就是两个图层,

一个是静态,一个是模糊。

再简单点就是:进来(模糊)、静态、离开(模糊)

说一下文字的三个状态。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

这是进来(径向模糊)

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

这是静态

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

这是离开(径向模糊和入场是一样的)

所有的图层都可以将你想要的动画状态全部做好。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

第二步:打开时间轴工具设置

找到PS的窗口菜单 > 时间轴 > 切换到帧动画界面

(我个人不想花时间去研究复杂的界面)

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

以上这个界面和其它动画软件都是有点像的,而且还能加入音轨。

点击红框处,进入桢动画工具条。

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

而这个界面呢,就是大湿最喜欢的样子,简单嘛。

第三步:开始制作动画桢

我们来看一个状态动画桢界面工具条

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

注意:

1、GIF动画一般是选择“永远”。

2、必须先新建一个桢,再用图层设置这个桢的样子(进场、静态、出场)。

3、将所的桢全部新建并设置好后,再来设置时间。

(通常静态桢时间要长一些,因为这是表演时间,进场及离场设置0.1秒或者0.05秒)

4、然后就是播放,观察动画的节奏感,时间长短可以再去调整。

完成:

 动画教程,用PS做一个李小龙武术动态图_www.16xx8.com

如果没有用过这个时间轴的,开始会有点迷糊,不过熟能生巧,

这可能是学得最快的一种动画工具了。

PS的时间轴简易动画制作,本身是不复杂的,

以上这些动画的进场及离场效果都是模糊效果,

而多个“进场、静态、出场”效果叠加在一起的时候,

就会有一些你想不到的效果。

总结一下吧:

1、要有一定的手绘能力和想象力(简单的网络广告,可以不用手绘)

2、可以在CDR或者AI软件里先画好你想要的状态(CDR的翻页更容易测试)

3、每一个动画就是多个图层状态,图层效果设置完了,其实动画就做了80%

4、最方便的进场和离场效果就是用动态模糊和径向模糊实现的。

5、只要有耐性可以做你想要的很多效果,例如移动、缩小、放大等等。

6、要不断的审视动画的节奏感,关键的信息停留的时间长短要控制好。

7、广告的话,要认真思考要传达的信息即功能,不能为了动画而动画。

动手做起来才知道究竟难于不难,PS中的功能只要下功夫研究,总有很多令你惊艳的功能。

全教程完,学完记得交作业。教程对您有所帮助,请推荐给你的朋友。如果学会了,可以尝试投稿给我们,跟大家分享你的学习经验:http://i.16xx8.com

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程:http://i.16xx8.com

    迷你小朋友220346 说: 加油