2022年AIPSIR制作Q版人物插画和动画表情 .pdf

《2022年AIPSIR制作Q版人物插画和动画表情 .pdf》由会员分享，可在线阅读，更多相关《2022年AIPSIR制作Q版人物插画和动画表情 .pdf（17页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、AI/PS/IR 制作 Q 版人物插画和动画表情本文介绍用 Photoshop（含 ImageReady ）、 Illustrator绘制 Q 版插画和动画表情的方法和步骤。这些是以前不经意画的小人，觉得很可爱，然后断断续续做了几张插图和表情，下面把制作的过程拿出来和大家分享，希望对大家有所帮助。动画表情如下。插画效果图如下。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 17 页 - - - - - - - - - 绘制草图首先是手绘草图，画的时候尽量绘制的细致一些，进

2、ai 以后勾线会比较清楚。(图 01) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 17 页 - - - - - - - - - 图 01 表现的是在餐厅吃饭的场景。导入 Illustrator（AI）导入 AI，调整图片的透明度，我这边设定了24% 透明度 (一般只要能看清楚的样子就可以了)，然后琐定图层 ,见下图。 (图 02) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - -

3、- - - - - 第 3 页，共 17 页 - - - - - - - - - 图 02 勾线新建一层，开始慢长和痛苦的勾线过程。(图 03) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 17 页 - - - - - - - - - 图 03 对于初学者来说建议背景一层，人物一层，也可以把不同的物件建立多个层来区分，取个名字,看起来会更加方便。填色开始填色了，建议之前把人物的颜色做好，然后用吸管工具直接吸取，ai 的吸色功能还是很方便的，可以吸取颜色和线条的粗细。(

4、图 04) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 17 页 - - - - - - - - - 图 04 打开之前做好的人物，用吸管工具，直接吸取颜色。(图 05) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 17 页 - - - - - - - - - 图 05 勾线技巧这边我顺便说一些制作时候的小技巧，勾线方面的一些技巧。以手为例，

5、从颜色图来看是一样的，转成线稿模式的时候大家就能看清楚，第一种方法更加人性化一点，在以后的修改和调整会比较方便，第2种方法虽然效果是一样，但是不利于修改,如果图象过于复杂，务必会增加不必要的劳动力，效率就会大大下降。 (图 06) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 17 页 - - - - - - - - - 图 06 头部的分解图 ,能看清物件和物件之间的分布，前后排列的顺序，勾勒的时候多考虑一下它们之间的结构关系。 (图 07) 名师资料总结 - - -

6、精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 17 页 - - - - - - - - - 图 07 运用 AI 的蒙板功能隐 藏画 面零碎边角做完之后图片的外框有很多零碎的边角，这个时候可以运用ai 的蒙板功能，隐藏掉这些讨厌的边角，具体步骤如下： (图 08) 图 08 蒙板用什么颜色都无所谓，因为最后它是不显示的，这里为了方便观看效果我用了灰色,快捷键CTRL+7 。请点击 “ 下一页 ” ，我们进入Photoshop效果细化阶段。名师资料总结 - - -精品资料欢迎下载 - - - -

7、 - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 17 页 - - - - - - - - - 导入 Photoshop最后导入 ps，从网上找了一张纸纹，合成到图片里，增加画面的质感，样式表做了个正片叠底,透明度50% 。(图 09) 图 09 添加文字用文字工具添上合适的文字，完成。(图 10) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 17 页 - - - - - - - - - 图 10 制

8、作 QQ 动画表情现在我们把这个造型做成QQ 表情，因为是用imageready做的，逐帧动画 ,所以每个表情步骤都要先画出来 (比较原始的方法 )( 图 11) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 17 页 - - - - - - - - - 图 11 导入到 ai 里面，开始勾线。(图 12) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1

9、2 页，共 17 页 - - - - - - - - - 图 12 这里我有做过一个基本造型，可以直接把头部复制过来修改，比较方便，而且人物也不会怎么走形。AI 全部勾完以后，导入到ps，因为都是 adobe 公司旗下的软件，所以交互性很好，可以直接拖到ps，或者在 ps 里面直接打开ai 文件，这里我用的一种方法(个人认为比较省事)(图 13) 图 13 先在 ps 里面新建一个画布，直接从ai 里面托到 ps 的画布里，然后调整大小，按enter 。(图 14) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理

10、- - - - - - - 第 13 页，共 17 页 - - - - - - - - - 图 14 把图片摆放在相应的位置，然后把别的图层隐藏掉。(图 15) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 17 页 - - - - - - - - - 图 15 请点击 “ 下一页 ” ，我们进入imageready制作动画。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -

11、- - - 第 15 页，共 17 页 - - - - - - - - - 接下来做动画了。单击，转入 imageready 。调整帧数的时间,这个可以按照个人的感觉来调，最后动起来效果好就可以，可以反复测试 ，调整。 (图 16) 图 16 动画调试完成后，存储为gif 动画。 (图 17) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 17 页 - - - - - - - - - 图 17 GIF 效果图：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 17 页 - - - - - - - - -