恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
从0到1的表情设计
0.0°
2019-03-11 原创文章 教程 举报 2821 35 31 5

这个是之前画的一个Q版头像。今天看到突然觉得很有意思,把它做成了个动图,在这里把设计的过程和制作成动图的方法记录一下!


插画设计


① 找一张你喜欢的照片进行简单的描绘,把大致的形象画出来。Q版就是卡通,卡通的特点就是低龄化的感觉,参考一些卡通漫画的特点,脑袋放大,五官逼近。

Image title


② 在AI中建个500*500px的画布,把手绘的线稿拖到AI里面用钢笔工具进行描边,描边不一定要很画的很细致,把五官位置、头发褶皱方向等简单绘制出来,这个时候不用管像不像,五官摆放位置合适不合适,基本上把线条大致关系处理好就可以了。

Image title


③ 下一步开始填色,把描边层放到上面,新建填色图层。开始填色前先调整,线条,眼睛大小,位置等。(眼睛鼻子等单独放到一个图层里并命名好,方便做动效)

Image title


Image title


④ 整体填色完后整理图层,你可以刚开始就分类好也可以画完再整理,看个人习惯,整理完了如右下图。

Image title



插画设计

① 接下来可以做个简单的动效,常用的表情有:高兴、生气、得意、发呆等。这个表情有点困惑不解的感觉,我想到——“这个人在干啥呢?”


好,就从打招呼开始吧,加上个文字上去。


再想下表情要怎么动,困惑的时候可能会摇头,眨眼等;这个表情看起来有点呆呆的,可以做歪头的循环动作。
Image title


② 我是用ae做动态表情,新建一个500*500px的合成,跟ai的画板保持一致,帧数设置为12帧每秒,也可以设置的高一点,帧数多了可能导出文件就会大一点。时间设置成五秒(实际一个表情用到两秒左右就够了)。

Image title

③ 导入刚才画好的AI文件。导入选择合成-保留图层大小。

Image title


④ 先做整体歪头的动作。建立个空对象,命名为头,然后将头部的所有图层都链接到这个空对象。

Image title


⑤开始k帧,先做一个左右摇头的动作,先把空对象的中心点用中心点选择工具移动到脖子位置。

Image title


⑥ 打开旋转属性,快捷键是R,选中空对象在0帧的时候打个关键帧,移动3帧再打个关键帧,把rotation调整到-6。这个时候有个停顿,我这里的停顿的时间是9帧,所以在第12帧的时候打个关键帧,值为-6,在15帧的时候再打个关键帧把rotation调回0,再停顿9帧,在24帧的地方结束工作区,正好是总共是24帧一个循环,两秒。

Image title

Image title


做完是这样的

Image title



⑦ 接着做五官表情的动作,丰富一下表情。做个眨眼的动效,只要调整缩放的参数就可以了,快捷键是s,在3帧的时候打个关键帧,移动两帧把第二个值改成10%,再移动两帧恢复成100%,在眨眼的时候眼皮要跟着动,所以调整下眼皮图层位置属性,快捷键P,操作和之前一样,数值移动4个单位。做完后复制前面三个关键帧移动9帧后粘贴,逐个图层操作。

Image title

Image title

Image title


⑧ 再调整眉毛动作,主要有两个属性,旋转和位置,参数如下,凭着感觉调就可以,也不一定要都是整数,我是直接拖动的,方法和上面一样。

Image title

Image title

Image title


——

最终效果如下,ae上面用到的功能都很基础,主要是K帧,还有一细节调整没有写出来,但是思路和上面的是一样的。

Image title


















更新:2019-03-11

收藏

35人已收藏

  • 2

    作品

  • 18

    粉丝

  • 5

    关注

  • 如何从0到1制作个人网站
相关标签
教程插画

    猜你喜欢

      2019-03-11 原创文章 教程 举报 2821 35 31 5

      从0到1的表情设计

      0.0°

      你确定要举报从0到1的表情设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      31
      35
      5

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录