【PS】小猫背影动效效果制作教程

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
3574 0 22 2018-12-24

名称:小猫动效制作

要求:掌握基础的PS技术、有一定的原画基础、安装PhotoScape X


Image title


有好多小伙伴问我这么一只可爱的小猫是怎么制作的,今天就给大家普及一下。


首先,拿到这张原画我们要先观察一下,在它只是一张jpg文件没有源文件的前提之下,哪些东西是可以动的,动哪些东西成本会相对比较低一些。


Image title我们发现这张图片上可以动的元素还是很多的,从上到下:飞机尾线、纸飞机以及它的影子、背景的云、各处的投影、小猫的耳朵、身体、尾巴、影子,但是,如果他们都要动的话成本太高,制作周期太长,所以我们把主要的效果放在视觉中心上,也就是主体物小猫,而在小猫身上,最容易可以去动的也就只有它的尾巴和耳朵啦。


许多人问我:为什么我做的尾巴动的就那么不自然呢?

我只能说决定要制作小猫,那首先我们要了解一下它的结构:

Image title


这是猫的骨骼模型,我们可以看出,猫的耳朵是独立存在的,而尾巴与大多数动物一样,是脊椎的延伸,如果脱离了这个骨骼的特性,那制作出来的效果肯定就不自然啦。

了解完结构原理,我们开始进行制作,首先我们把图片导入PS

Image title然后Ctrl+J复制一个图层,将原图保留,一切操作都在新建的这个图层上进行,

接下来无论你用什么办法,直接像画原画一样用画笔涂抹也好,用你高超的P图技术也好,把小猫的耳朵、尾巴以及纸飞机统统去掉,然后再填充上背景色。

Image title

这样,小猫变成了一只光秃秃的猫,而以上做的一切都是在为动图制作一个背景。

然后,开始制作尾巴,这个尾巴需要一些原画基础,回到原来的那张图再观察一下:

Image title

这张图有些诡异,从受光的效果来看,我们可以看出小猫的脸是向右看的,而身体却是朝向左边的,这就牵扯到一个扭头转身的一个骨骼特点在里面。

因为它是蹲着的,上半身是伸直的,而下半身是弯曲的。

所以我们可以简单得将它的脊椎走向理解为背上的那条红线。

了解了这些,接下来就要确定如果只是动尾巴,那么屁股那部分必须要有一个连接点。Image title

根据结构我们继续推断,红蓝两根线的交点就是尾巴与身体的交点啦

当你搞清楚这一切以后,我们回到刚刚那张光秃秃的猫身上,

以这个交点出发,画3—4条线,作为猫尾巴摆动的一个轴

Image title

注意,动作可以小一些,太大会显得过于夸张,就会很假,如果违背了它的骨骼特点就会那就不是尾巴了,动的完全不符合逻辑了。

我们可以上网去找些图片,看看:Image title

我们会发现,同一方向,无论尾巴怎么动,它的根部动作都是十分小的,几乎可以忽略,所以我们需要先画出它的根部,新建一个图层,画出一个“小凸起”Image title

Image title

然后新建几个空图层,点亮根部小眼睛,与尾巴草图的小眼睛,按照刚刚模拟的尾巴草图动态走向,分别画三条尾巴(注意:凸起不得更改,尾巴的一切效果都必须在凸起的效果前提下进行延伸)

Image title

Image title

到目前为止尾巴就搞定了

然后做耳朵,耳朵十分简单,首先按照原图把耳朵再画一遍(注意:两只耳朵需要分别画在两个图层上),编组命名为0

Image title

然后再将0组复制两个组进行旋转,(以猫头为中心,弱左耳朝外旋转则右耳必须朝外旋转,反之一个朝内另一个也必须朝内)旋转度数不能太大。分别命名1与-1

Image title

到目前,一切都已经完结,然后开始制作动效。

对图层进行整理,将尾巴与耳朵的图层分别编组,各图层分别命名

然后进行组合根部始终点亮

Image title

组合效果前者为尾巴图层,后者为耳朵图层:8 0、7 0、6 1、5 0、4 -1、3 0、2 1、1 0 ,每次组合必须都将效果保存成同等尺寸的jpg或png(注意:尾巴图层为顺序:8、7、6、5、4、3、2、1或1、2、3、4、5、6、7、8循环,耳朵图层必须为:0、1、0、-1或0、-1、0、1循环)

如果开始为8、0则经过无数循环以后也必须在8、0结束。

保存结束后,开始让它动起来,或者直接用PS的时间轴让它动(用ps做动图详情请查看我的《PS制作下雨动效》)

然后我们打开PhotoScape X,

Image title


选中导出的所以图片,拖进去:

Image title

在选中所有图层的前提下,点击第一个图层的时间,进行调整,大概每帧就控制在0.1s左右

Image title

没什么问题改一下尺寸,完事后可以点击下面的播放按钮预览一下,就点击save保存啦

Image title

Image title

Image title

Image title

一切都完事以后,我们就可以欣赏一下我们的作品啦

Image title


Image title

是不是觉得很棒棒!

Image title




全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票