gif图片制吴作模板.ppt

——Oba 肥鸡 style! 入门级GIF表情设计 主讲人： @倪大挫 欢迎关注 @优秀网页设计 上期回顾： 卡通漫画角色设计——从獠麝鸡谈起 自我介绍 新浪微博 @倪大挫 漫画爱好者，目前供职于一家房地产媒体 新版SDC吉祥物——“獠麝鸡”作者 引入 这些都是GIF 课程介绍 从零开始学习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个关键帧 没有动作变化的部分可重复使用 躯体和头只有位移，没有动作，可作为固定部分在各帧中刚重复使用，调整到合适即可 固定部分 变化部分 绘画过程-逐帧绘画 逐帧绘画 绘画顺序是草稿-线稿-基本色-简单分色区 绘画技巧详见上期教程，此处略过 纯色填充，不带渐变 草稿 线稿 基本色 简单分色区 绘画过程-逐帧绘画 逐帧绘画 画出关键帧后，再根据动作变化规律补充完关键帧之间的过渡帧 将前一帧或后一帧半透明化，在此基础上画新的一帧 最难画的地方是首末缝合处，需同时观察前后两帧 ↑ 关键帧 ↑ 关键帧 ↑ 关键帧 ↑ 关键帧 绘画过程-逐帧绘画 逐帧绘画 画出关键帧后，再根据动作变化规律补充完关键帧之间的过渡帧 将前一帧或后一帧半透明化，在此基础上画新的一帧 最难画的地方是首末缝合处，需同时观察前后两帧 ↑ 关键帧 ↑ 关键帧 ↑ 关键帧 ↑ 关键帧 绘画过程-整合成GIF 整合 依次输出各帧图像，拉进GMG，设定好参数，检测GIF是否顺畅 10帧，所有帧延时=10 4帧，所有帧延时=12 绘画过程-整合成GIF 整合 不合格，推翻重来！ 不断修改，直到拿得出手 绘画过程-添加背景 添加背景 背景直接用MV中的图片PS而来（移花接木） 背景2帧，獠麝鸡10帧，最小公倍数10，即10帧可实现背景和肥鸡同时形成循环 绘画过程-添加背景 添加背景 背景直接用MV中的图片PS而来（移花接木） 背景2帧，獠麝鸡10帧，最小公倍数10，即10帧可实现背景和肥鸡同时形成循环 绘画过程-Done! 完