客服中心

嘤嘤嘤一只呆鱼的起床气——自制GIF第三弹

2015.04.19 - 专题/心得
文/玲佳


大多数的友友们对待表情只会看→复制→外发

没关系,小女子今天撸袖子献上“一只呆鱼的起床气”GIF教程(名字还真长=,。=)

欧巴们学会了可以用来哄女神,姐姐们学会了可以打小三,小盆友们这都不会还算什么年轻人!

600.gif

在开始制作GIF之前

当然要首先画出一个草稿哇

不能想当然啊同学!

01.png

选了一只沉睡的大鱼醒来后吞了一只小小鱼的情节,毕竟起床气也蛮普遍的。然后,就可以用Photoshop或者其他你喜欢的绘图软件去完善一下设计草稿。有人会问为毛还要设计稿?敲头!虽然这是职业后期人员的必经流程,但做什么都要认真去做啊,以为是做着玩的就不用设计稿了吗!不看看大概效果谁知道做出来是什么鬼啦!

04.jpg

画上颜色之后,我觉得大鱼吃小鱼其实还蛮无聊(你看这就是设计稿的重要性),于是把小小鱼换成小小螃蟹!这样一来,画面就活跃多了呢!那现在我们就可以把这个参考图放到After Effects 软件中去,正式开始制作我们的动态GIF图。

05副本.jpg

在After Effects中,用不同的“Shape层”(别问我“Shape层”是什么(T_T))把大鱼的各个部位画出来,方便之后做动画。这里的要点是,请不要偏离设计稿太多好嘛,请一如既往地画一只鱼而不是别的什么怪怪看不懂的东西……

06副本.jpg

画出眼睛,在它上一层再建立一个“Shape层”画出它的眼皮。通过给它的“Path”属性做关键帧动画来控制大鱼眨眼。当然你也可以再加一层睫毛之类的,如果你喜欢的话。

08.jpg

09副本.jpg

岩石和小螃蟹自身没有打算做动画,可以直接使用在绘图软件里绘制好的元素。控制螃蟹的位置属性,制作一个它从上方掉下来的动画。使用AE的Puppet Pin Tool( 快捷键:command+P)功能,在螃蟹掉下来的时候,让鱼的身体有一个大的颤动,好像它被吓了一跳。同时控制眼皮的Shape层,让它睁眼。

10副本.jpg

控制鱼身体部分的Shape层让它张口,要想到把螃蟹吃进去的时候,它会吸进一些水。我们可以制作一些小气泡跟着螃蟹一起进入它的嘴里,看起来逼真一些。

142945070724722711.png

接着我们可以调整一些细节,让它的眼睛跟着螃蟹转动。尾巴做一些摇摆,画面不要出现完全静止的状态,我们做的是动画啦!

142945084164375812副本副本.jpg

新建一个固态层作为背景,我们可以在这里选择一个喜欢的颜色。然后控制工作区域从大鱼睁眼之前,到吃完螃蟹闭眼,这样去预览动画。它就会是一个无缝的循环,这时就可以输出MOV影片了。

屏幕快照 2015-04-19 下午10.22.45.png

在Photoshop中:文件-导入-视频帧到图层…将刚刚输出的MOV文件导入。

14.png

142945090185481515.png

16.png

然后是:文件 - 储存为Web所用格式。最后设定格式为GIF,并确定导出GIF图像的大小,点击储存。

600.gif

你看,一切就是这么简单( T_T)\(^-^ )


编辑:关河桑

本文系自化原创内容,如需转载请注明编者、出处,并保留文章在自化[zihua.com.cn]的完整链接.

评论2人参与讨论

发布评论请先

小姑奶奶wendy 2015-04-21 09:15

很可爱,喜欢的话为什么不可以收藏啊?

() | () | (0)
137******877 2015-04-20 17:24

号简单m

() | () | (0)

友情提示

1、注册用手机
2、注册然后登录

切记:购买课程!用微信支付!

周一到周五:工作时间

8.30-17.30

工作日联系电话:

15313471730

其他时间邮箱联系:

muzhanping@edudongfang.com

特殊时期,回复不及时尽请谅解
,如有紧急情况,
请发邮件到以上邮箱,
我们会及时帮您解决。

声明:各课程涉及到的素材,
由于授权问题不在提供下载!
谢谢理解!!

×
*手机格式不正确
*图片验证码不正确
*短信验证码不正确
发送短信验证码
*该用户昵称已存在
*密码不少于六位
快捷注册