我知道你想学动效【第九期-教你做个摩天轮】

用户头像
广州/动画师/9年前/2930浏览
我知道你想学动效【第九期-教你做个摩天轮】
用户头像
过No儿

突然想到,这个东西简单而且又有些知识点...

还是要宣传一下:

有兴趣的孩子可以关注一下疯子在右工作室的公众号,有空没空我就会发点这样那样的...教程。【个人首页扫码


本文主要的知识点:PSD的引用、父级的继承、AE表达式(属性的父级?)

OK,开始。

90735796d3640000018c1bc1bff7.jpg

借一张网上的图片来用一下...


        这次就不教大家在AE里面直接画摩天轮啦,因为很多时候还是用PS画方便些,而且当动效师和平面设计交接的时候大多数情况下也是拿的PSD。所以这次我们做素材就在PS里面做...

        如果有平面设计看到这文章,也希望你们可以了解一下,以后在需要做动效的工程文件的时候可以适当的配合处理一下...相互理解万岁嘛...


        又啰嗦了一回,老毛病......




        OK,OK,讲正经的。

        1.图片丢进PS里,首先是拉两条中分参考线。

742e5796d6080000018c1bbbbc32.jpg

        2.然后画各种部分(过程省略)

b1bc5796d6980000012e7e2b6a20.jpg

662f5796d6b30000018c1b6aa7ce.jpg

0f6c5796d6cb0000012e7ee9ede1.jpg

3f245796d71f0000012e7ed81d73.jpg

15775796d74c0000012e7e2167ed.jpg

分段的画完了,来个组合图。

6f925796d9a90000018c1b5410cf.jpg

f3945796daa30000012e7e98f323.jpg

大家注意这里的圆都是以“画布”的中心为中心的;

大家注意把各种图层的命名改一下;

座椅只要一个就够了,可以在AE里面复制,注意画布中心点对应座椅的位置。


然后保存成PSD就算完成素材了。




然后打开AE,导入PS时,选择如下图

7a4b5796dc790000012e7e0977cd.jpg

这时,它会默认合成的时长为上次新建合成的时长,所以需要再手动调整一下。

24f55796dcb50000018c1b96c43e.jpg

abe35796dcd40000012e7e16c5d3.jpg

        怎么样?看到这种直接导入很棒是不是?

        这里提一下,这里导出的所有的图层大小都是PSD的尺寸大小,就是说,在PS中对准中心点之后导入AE锚点就会在图层的中心,当然我们也可以通过手动来调整锚点位置,只是在PS里放会方便些而已。




讲完第一个知识点了,现在讲第二个知识点...

关于父级的概念,简单的理解就是    子级被锚点“钉”在父级上。

83b85797009e0000012e7ebae63b.jpg

座椅和铁缆钉在外圈上,外圈钉在中心点上,中心点钉在支架上。

这样建立父级关系之后,我们移动支架,就相当于移动了整个摩天轮,这应该很好理解。




然后我们把座椅放好位置,要它的锚点钉在外圈上。(下图红点位置即锚点)

1f735796e0880000018c1beb1c11.jpg

15775796d74c0000012e7e2167ed.jpg

(还记得PS中这个图?)



现在我们要考虑做多少个座椅,这个将直接关系到最终GIF的大小,转速之类的因素。(其实关系也不是很大)



因为GIF是循环在动的,那么想要压缩到最小的体积就是帧数越少,其中的一点就表现在周期。

以摩天轮为例,其实是不用转一整圈的,只要从这个位置转到下一个位置就可以了。

但是前提是这两个位置的画面完全重合。

这里有一点要注意,除了座椅之外,还有一个会影响画面的因素就是,铁缆。


这个GIF中铁缆有10根,所以其中一个因素为1/10,如果是做10个座椅的话那就其实只转1/10圈就可以了;

如果做5个座椅的话,1/10与1/5的最小公倍数是1/5,所以要转1/5圈;

如果做4个座椅的话,1/10与1/4的最小公倍数是1/2,就要转1/2圈了。


哈哈,会不会觉得很麻烦?当然咯,如果不嫌大的话,统统转一圈就好了,保证不出错。。




然后我们对外圈打关键帧,让它动起来...因为是逆时针转动的所以是 -1。

6f88579702460000018c1bbeb6de.jpg

7742579702bb0000012e7ef89fe5.jpg

然后大家可以看到,很明显有问题对不对?

先理清父级关系,外圈是座椅的父级,所以座椅继承了外圈的属性,包括变换类的大部分属性都有继承...
4638579703b10000018c1b4b14fc.jpg

        这其中包括了旋转呀...虽然这里显示的是0但是它其实是有继承关系的,就是这个座椅相对于外圈没有旋转,但是因为外圈在旋转所以座椅也跟着在旋转。


        那怎样才能让座椅不旋转呢?其实在第七期有提到过...在这个位置。

a38e57971ae60000012e7e92dcf2.jpg


这里也是同样用到一个角度抵消的方法。

文字都写在上面了,我就只上个图好了,记得在前面加个负号...

3bd257971bfb0000018c1b77744d.jpg

811357971ce40000018c1b5eb480.jpg

效果如上




好了,没剩多少内容了...

接下来就做写快点吧...



我决定做5个座椅...这样可以简单点...因为可以转慢些更好看。

首先复制4层座椅,这里有点注意的是,只复制子级的话它是不携带父级关系的...

653b57971df80000018c1bf81621.jpg

但是,它里面的表达式是会自动带上的...

92ff57971e4a0000018c1bbb54ca.jpg





大家不要直接建立父级然后自己手动去摆位置,记住,手动摆的绝大多数会出现误差。

我的做法是旋转外圈,每旋转1/5圈(72度)拿一个座椅建立父级,这样就能保证它们的位置绝对没问题了...


当你建立完父级之后你就会发现,完成啦~这里我改了一下关键帧,因为之前的那个转得太快了。

1f0f57971fd60000018c1ba43bde.jpg

0f06579720df0000018c1be49335.jpg


看完效果图,最后最后一点要提一下的就是,导出前不能包含最后的那个关键帧,要往前缩短一帧,因为这一帧和开头第一帧是重复的....包含的话会显得顿一下,导致看上去不流畅...




对了,如果要把开头的小动物放上去的话,一定要转一圈哦...下面我也做了一个...速度有调整...

46c9579728e10000012e7ef027e0.jpg

做成黑白的是因为省些体积...





带上附件给你们下载啦,喜欢的就点个赞呗...


24
Report
|
22
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
大家都在看
Log in