一个表情“包”的制作过程

Baby鹿的大萌眼

北京/学生/9年前/714浏览

版权

一个表情“包”的制作过程

Baby鹿的大萌眼

微信的表情包，做的不好，希望大家多多交流共同进步。

最开始我想做一款微信表情可是一直没有思路，突然奶奶身体重病想到了非常喜欢奶奶做的包子，所以就做了这个表情“包”，结合了当下流行的MBE断线风格，可是我的手绘比较差，所以所有的图都是用AI画的然分了图层放到AE中做动画效果，导出后用PS打开保存成gif，过程中遇到很多问题，下面来跟大家分享一下，互相进步.......

一个表情“包”的制作过程（图ZNzgyMTE1MzI=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

首先我去看了微信的设计要求

收藏

一个表情“包”的制作过程（图ZNzgyMTE3NDg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

了解规范后在AI中画表情，把每个图层都要分开方便做动画效果

收藏

一个表情“包”的制作过程（图ZNzgyMTIyNDg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

在这要注意一下！保存的时候“创建PDF兼容文件”一定要打钩，要不然保存下来没有图层

收藏

一个表情“包”的制作过程（图ZNzgyMTI2OTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

下面我们来进入AE阶段，以下图为标准我们来做动画效果

收藏

一个表情“包”的制作过程（图ZNzgyMDg0OTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

把AI图拖进AE中

收藏

一个表情“包”的制作过程（图ZNzgyMDg1NTI=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

我们创建一个两秒的动画用快捷键n来确定,由于观看方便我把每个图层都起了相应的名字利于观看,首先把下轴的位置进行改变,这里注意上面有一个对齐按钮，对齐按钮打钩系统将自动对齐，如果移动不需要对齐请不打。注意图的初始位置和结束位置。

收藏

一个表情“包”的制作过程（图ZNzgyMDg1MjA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

另一个问题就是描边问题，在这里用帽翅比喻如果描边和帽翅是一个图层那么旁边就会出现白边所以我把所有图层的白色描边新建了图层放到了最下面，帽翅怎么动下面的描边图层就怎么动。左右帽翅是一样的旋转角度，关键点是中心点的位置，快捷键Y可以调中间点。

收藏

一个表情“包”的制作过程（图ZNzgyMDg1NDA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

把右边帽翅和描边都加上旋转效果，描边和帽翅角度要一样。

收藏

一个表情“包”的制作过程（图ZNzgyMDg1ODA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

下面怎么来做恭喜发财的部分，这部分用到了遮罩功能，需要画一个矩形遮罩恭喜发财图层，之后移动该矩形位置即可。

收藏

一个表情“包”的制作过程（图ZNzgyMDg1ODQ=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

动销阶段现在就完成了，然后导出保存，因为要求是背景透明，所以要导出为透明像素，QuickTime 压缩过的文件都会自动加上黑色背景，所以就不能用，导出视频直接拖拽至PS导出GIf即可。

收藏

一个表情“包”的制作过程（图ZNzgyMDg1OTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

下面展示我这一组表情

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MDg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MDQ=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDkzODg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDkzOTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MDA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MTI=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MjA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0Mjg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MjQ=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0MzY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0NDg=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0NDA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk0NTI=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk2MDA=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

一个表情“包”的制作过程（图ZNzgyMDk2MDQ=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

欢迎大家多多下载咯！！！

收藏

一个表情“包”的制作过程（图ZNzgyMDk2MTY=） - 网络表情 - 站酷设计师Baby鹿的大萌眼原创素材 - 站酷ZCOOL

收藏

9

创作信息

|

举报

|

声明

13

分享

原创作品动漫网络表情

评论

评论你的想法~

表情

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

登录注册

9

13

评论

分享