4

表情包制作教程,小白也能轻松上手

 2 years ago
source link: https://www.shejidaren.com/ipad-biaoqing.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

表情包制作教程,小白也能轻松上手

8月 16, 2022 发表于: 视觉设计. 评论

Sponsor
single-top-500x62-v2.jpg

超详细的表情包制作教程,非常容易上手,小白也能轻松学会哦!需要用到的制作工具是PS+Procreate!

65383.jpg

我自己其实写过一些表情包制作教程了,但是最近发现了一种更好用的方法,可以让表情包变得更加丝滑,所以就迫不及待的分享给大家了。

首先,强烈给大家推荐这个软件——Procreate,真的非常好用,且功能强大。可以画插画,可以做动画,还可以辅助渲染3D模型。真的太爱了!这次的表情包教程就是主要围绕这个软件来说的,非常适合没有动画基础的小白学习,上手容易,操作简单!

image-pending.gif

话不多说,正题开始!

表情绘制部分

一、葵花宝典之动势秘诀

欲上先下,欲左先右

在介绍软件之前,先给大家传授一个我自己总结的动态好看的秘诀。从动画专业的角度来说,应该叫动势,但我觉得不好理解,所以就用自己的白话给大家总结一下:如果表情的最终要往上走,那么在开始的时候就要先往下;如果表情的最终动势是要往左,那么在开始的时候就要先往右。举例如下:

image-pending.gif

不知道大家能否get到这个秘诀的精髓,这个方法可以让大家迅速掌握表情包的动势走向,让表情的动态更加生动,

动态对比如下:

image-pending.gif
image-pending.gif

二、葵花宝典之Q弹秘诀

遇上要下,遇左要右

我们在使用表情包的时候,会发现有些表情动起来非常丝滑Q弹,而有些则比较生硬。那具体区别到底在哪里呢?我觉得重点在于伴随表情主体动势的部分也要有跟随的动势及形变,这样会让整个表情都变得很可爱。解释起来就是遇到主体向上的情况,伴随部分要向下;遇到主体向左的情况,伴随部分要向右。举例如下:

image-pending.gif

结尾处在重复一下口诀要领:遇到主体向上的情况,伴随部分要向下;遇到主体向左的情况,伴随部分要向右。

动态图如下:

image-pending.gif
image-pending.gif

三、葵花宝典之鬼畜秘诀

帧不用多,速度要快

有一些表情需要表达一些比较激烈的情绪,这个时候往往不需要太多帧画面,可能只需要两三帧,然后再叠加一个比较快的速度就可以很好的表达情绪了∶

image-pending.gif

动态效果如下: 

image-pending.gif

四、葵花宝典之点睛之笔

动势线

动势线虽然只是两条简单的细线,但却可以让表情的动势更加明显,有种捕捉到动作本身的感觉,以图为证:

image-pending.gif

大家感受到差别了嘛,有没有觉得动势线很灵魂~

表情包的绘制精髓就给大家总结这些。以上方法并不绝对,只是我自己根据自己的表情包制作经验提炼总结出来,并不全面。大家还是要根据自己具体的情况来看。那下面进入软件使用部分。

软件使用部分

一、软件初识—打开动画协助

image-pending.gif

Procreate的操作逻辑是和PS帧动画差不多的,就是一帧一帧的去画动作。但好处是操作方便,非常适合画动画草图,如下:

二、在画布上依次绘制表情动态

Procreate的操作逻辑是和PS帧动画差不多的,就是一帧一帧的去画动作。但好处是操作方便,非常适合画动画草图,如下:

image-pending.gif

Procreate的优势就在于其他未选择的图层会自动以透明的方式叠加在下面,这样会便于我们及时和上一个动作进行对比和调整。

三、调节帧的速度

image-pending.gif

总体的规律是数字越达速度越快,我自己一般做表情包就在4帧/秒左右

四、导出PSD格式文件

image-pending.gif

我自己一般是用Procreate画草图,然后用PS做后期的部分。但是大家也可以直接用lpad做完全部的表情包。PS后期的优点是可以做矢量,表情比较规整。当然也可以用AE做后期动画(这个比较复杂,在这里就先不多说啦)。总之,大家可以选择自己喜欢的方式做后期处理。

image-pending.gif

image-pending.gif
作者 | 糊涂的猫HuTu
来源 | 站酷(zcool.com.cn/u/16546676)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接 500-62-douban-gaogen-sheji-shuji-tuijian.jpg

赞助商链接

jianli-muban.jpg
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK