GIF图片制作模板 精选文档.pptVIP

入门级 GIF 表情设计 —— Oba 肥鸡 style! 主讲人： 倪大挫 欢迎关注 优秀网页设计 上期回顾： 卡通漫画角色设计 ——从獠麝鸡谈起 自我介绍 ? 新浪微博 倪大挫 ? 漫画爱好者，目前供 职于一家房地产媒体 ? 新版 SDC 吉祥物 ——“獠麝鸡”作者 引入 ? 这些都是 GIF 4 课程介绍 ? 从零开始学习 GIF 表情制作 ? 主角： SDC 吉祥物 獠麝鸡 概念解释 ? 帧： 动画的基本单位，一张静态画面为一帧 ? 延迟时间： 从某一帧播放到下一帧之间的间隔时间 ? 关键帧： 相对“过渡帧”而言，指角色或者物体运动或 变化中的关键动作所处的那一帧 ? 过渡帧： 起始关键帧和结束关键帧之间的帧为过渡帧 ? 帧速： 动态画面每秒钟展现的帧数，单位为帧 / 秒（ fps ） ? 1 秒 (s)=1000 毫秒 (ms) ，动画中计时单位常用 1/100 秒 制作工具 ? 软件： 截图软件、 SAI （绘图）、 Photoshop （调整） 、 GIF Movie Gear （拼凑） ? FLASH 亦可，软件的选择并不重要，能杀猪就是好刀 ? 硬件： 数位板（ Wacom Bamboo Fun CTH-661 ） 制作工具 -GMG ? GMG(GIF Movie Gear) 的特点 – 可逐帧调整延迟时间 – 可融合多个 GIF 文件 – 后期处理功能有限，但已足够使用 设计思路 - 设计要求 ? 搞笑 ? 酷！ ? 忠实于《江南 style 》原型 ? 忠实于獠麝鸡原型 ? 首尾衔接完美，能无限循环 设计思路 - 参考对象 ? 《江南 style 》 MV ? 獠麝鸡原型 设计思路 - 思路整合 ? 鸟叔的骑马舞动作 – 关键：脚和手的跳跃和摆动 – 辅助：撅嘴的表情、墨镜 ? 问题：獠麝鸡的脚过于细小，动作表现力度有限 ? 解决方案： – 着重表现手部动作和表情 – 加上鸡冠的摆动增加动作力度 – 脚部动作尽可能表现，但不作为重点 制作过程 ? 截图 → 挑取循环 → 分析动作规律 → 逐帧绘画（从关键帧开始） → 整合，反复修改 → 加背景，搞掂 绘画过程 - 截图 ? 截图 – 逐帧截下 MV 中的目标动作，至少包括一个循环 绘画过程 - 挑取循环 ? 挑取循环 – 把所有截图排好顺序拉进 GMG ，调整到合适大小并裁 剪掉多余部分 绘画过程 - 挑取循环 ? 挑取循环 – 观察并挑取一个顺畅的循环，删除其他多余的帧 – 鸟叔的舞步一个循环原本为“左右左左右左右右”， 此处简化为“左右 - 左右 - 左右 - 左右”，即以“左右” 为一个循环 绘画过程 - 挑取循环 ? 挑取循环 – 播放 GIF 调试，“所有帧延时”调整节奏 – 注意，网络传播中 GIF 的帧速最好不大于 10fps 20 帧，所有帧延时 =10 （注：此处所有帧延时单位为 1/100 秒 ) 绘画过程 - 挑取循环 ? 挑取循环 – 可通过“减少帧数”改变帧数与帧速的关系 20 帧， 所有帧延时 =10 10 帧， 所有帧延时 =10 绘画过程 - 分析动作规律 ? 分析动作规律 – 绘画之前，先想清楚怎么画，不急着动笔 – 把整体拆分为多个部件思考 ? 躯体为一部件，手为一部件，脚为另一部件，还要添加鸡冠为 另一部件 – 反复观察动作，各部件的运动规律要心中有数 ? 头和躯体只有整体位移 ? 手、脚、鸡冠：有各自的动作变化规律 – 绘画时各个部件要独立出来 绘画过程 - 逐帧绘画 ? 逐帧绘画 – 先确定关键帧 ? 如脚抬到最高位置的一帧为一关键帧，脚位于最低位置的一帧 为另一关键帧，考虑到左右之分，共有 4 个关键帧 – 没有动作变化的部分可重复使用 ? 躯体和头只有位移，没有动作，可作为固定部分在各帧中刚重 复使用，调整到合适即可 固 定 部 分 变 化 部 分 绘画过程 - 逐帧绘画 ? 逐帧绘画 – 绘画顺序是 草稿 - 线稿 - 基本色 - 简单分色区 ? 绘画技巧详见上期教程，此处略过 ? 纯色填充，不带渐变 草稿 线稿 基本色 简单分色区 绘画过程 - 逐帧绘画