三、使用的软件
AI、FL、PS都可以设计表情,表情图片大小及规范参照微信表情平台设计规则
表情主图
16/24个,表情缩略图:16/24个,详情页横幅:1个
表情封面图:1个,聊天面板图标:1个
赞赏图:1个,致谢图:1个
AI设计方法:
把草图拍照或者扫描导入AI ,用钢笔描线并上色
如果要做gif动画,需要一帧帧画出每一张图,一个图层一幅画,然后导出png序列帧
再导入ps,在时间轴里调好时间,循环模式选永远
做好后存储为Web所用格式,导出gif文件
PS设计方法
把草图拍照或者扫描导入PS,用钢笔描线并上色
每个图层对应一幅画也就是对应一个动作
通过ps时间轴调时间动画,循环模式选永远
做好存储为Web所用格式,导出gif文件
FL设计方法
把草图拍照或者扫描导入FL,用钢笔或者直线工具描线并上色
可以在fl里直接做动画,导出png序列帧
再导入ps,在时间轴里调好时间,循环模式选永远
做好后存储为Web所用格式,导出gif文件
前面啰嗦了一大堆,本文的重点终于来了
五、制作流程
1.草稿设计
根据你列出的词语(参照步骤二的第2小点)
对应画出草图,草稿尽量画的准确一些
这样再后面清线上色的时候会比较方便
2.清线上色、描边,确定最终稿
3.做好动作并导出png序列帧
例1:表情-出现
(动画怎么做这里不做具体阐述,可以学习动画运动规律以及日常的观察学习来设计动作)
(序列真的导出如上图所示)
例2:表情-撒花
4.把导出的序列帧导入ps
并打开时间轴做逐帧动画
每一个时间轴图层对应一个图层
记得是一一对应
插播一个png序列帧一键导入ps小技巧:
1)文件-脚本-将文件载入堆栈
2)浏览-选择要导入的png序列帧(并全选)-点击确定
此时,你会看到这样的ps界面
5.按照步骤1做好动画,调好帧数时间,循环模式设为永远
存储为Web所用格式,导出gif文件
6.这样一个简单的gif表情就完成啦
文章教程就分享到这里,不知道你有没有get到,反正小编我已经蠢蠢欲动了,赶紧动手操作一下吧!