AIPSIR制作Q版人物插画和动画表情.docx

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

1、AI/PS/IR 制作Q 版人物插画和动画表情本文介绍用 Photoshop 含 ImageReady、 Illustrator 绘制 Q 版插画和动画表情的方法和步骤。这些是以前不经意画的小人，觉得很得意，然后断断续续做了几张插图和表情，下面把制作的过程拿出来和大家共享，期望对大家有所帮助。动画表情如下。插画效果图如下。绘制草图首先是手绘草图，画的时候尽量绘制的细致一些，进 ai 以后勾线会比较清楚。(图 01)图 01表现的是在餐厅吃饭的场景。导入 IllustratorAI导入 AI，调整图片的透亮度，我这边设定了 24%透亮度(一般只要能看清楚的样子就可以了)，然后琐定图层,见以以下图

2、。(图 02)图 02勾线建一层，开头慢长和苦痛的勾线过程。(图 03)图 03对于初学者来说建议背景一层，人物一层，也可以把不同的物件建立多个层来区分，取个名字,看起来会更加便利。填色开头填色了，建议之前把人物的颜色做好，然后用吸管工具直接吸取，ai 的吸色功能还是很便利的， 可以吸取颜色和线条的粗细。(图 04)图 04翻开之前做好的人物，用吸管工具，直接吸取颜色。(图 05)图 05勾线技巧这边我顺便说一些制作时候的小技巧，勾线方面的一些技巧。以手为例，从颜色图来看是一样的，转成线稿模式的时候大家就能看清楚，第一种方法更加人性化一点，在以后的修改和调整会比较便利，第 2 种方法虽然效果是

3、一样，但是不利于修改,假设图象过于简洁，务必会增加不必要的劳动力，效率就会大大下降。(图 06)图 06头部的分解图,能看清物件和物件之间的分布，前后排列的挨次，勾画的时候多考虑一下它们之间的构造关系。(图 07)图 07运用 AI 的蒙板功能隐蔽画面零碎边角做完之后图片的外框有很多零碎的边角，这个时候可以运用 ai 的蒙板功能，隐蔽掉这些厌烦的边角， 具体步骤如下：(图 08)图 08蒙板用什么颜色都无所谓，由于最终它是不显示的，这里为了便利观看效果我用了灰色,快捷键CTRL+7。请点击“下一页”，我们进入 Photoshop 效果细化阶段。导入 Photoshop最终导入 ps，从网上找了

4、一张纸纹，合成到图片里，增加画面的质感，样式表做了个正片叠底,透亮度50%。(图 09)图 09添加文字用文字工具添上适宜的文字，完成。(图 10)图 10制作 QQ 动画表情现在我们把这个造型做成 QQ 表情，由于是用 imageready 做的，逐帧动画,所以每个表情步骤都要先画出来(比较原始的方法)(图 11)图 11导入到 ai 里面，开头勾线。(图 12)图 12这里我有做过一个根本造型，可以直接把头部复制过来修改，比较便利，而且人物也不会怎么走形。AI 全部勾完以后，导入到ps，由于都是adobe 公司旗下的软件，所以交互性很好，可以直接拖到ps， 或者在 ps 里面直接翻开ai 文件，这里我用的一种方法(个人认为比较省事)(图 13)图 13先在 ps 里面建一个画布，直接从ai 里面托到ps 的画布里，然后调整大小，按enter。(图 14)图 14把图片摆放在相应的位置，然后把别的图层隐蔽掉。(图 15)图 15请点击“下一页”，我们进入 imageready 制作动画。接下来做动画了。单击，转入 imageready。调整帧数的时间,这个可以依据个人的感觉来调，最终动起来效果好就可以，可以反复测试，调整。(图 16)图 16动画调试完成后，存储为 gif 动画。(图 17)图 17GIF 效果图：