Q版人物插畫和动画表情制作全解析.docVIP

? ? ? 导言： 2005年的时候不经意画的小人，觉得很可爱，然后断断续续做了几张插图和表情，以下把制作的过程拿出来和大家分享，希望对大家能有所帮助。使用软件：Painter、Photoshop制作时间：8个小时左右 插画效果图  HYPERLINK /UploadTeach/201006/20100604115520173.jpg \t _blank  第一步 首先当然是绘制草图，画的时候尽量绘制的细致一些，进ai以后勾线会比较清楚。（图01）  HYPERLINK /UploadTeach/201006/20100604115521746.jpg \t _blank  ?图01 表现的是在餐厅吃饭的场景，大家也能看的出是在干什么吧，呵呵。 第二步导入AI，调整图片的透明度，我这边设定了24%透明度(一般只要能看清楚的样子就可以了)，然后琐定图层,见下图。（图02）  HYPERLINK /UploadTeach/201006/20100604115522769.jpg \t _blank  ?图02 第三步 新建一层，开始慢长和痛苦的勾线过程。（图03） 图03 对于初学者来说建议背景一层，人物一层，也可以把不同的物件建立多个层来区分，取个名字,看起来会更加方便。 第四步 开始填色了，建议之前把人物的颜色做好，然后用吸管工具直接吸取，ai的吸色功能还是很方便的，可以吸取颜色和线条的粗细。（图04）  HYPERLINK /UploadTeach/201006/20100604115524324.jpg \t _blank  ?图04 打开之前做好的人物，用吸管工具 ，直接吸取颜色。（图05）  HYPERLINK /UploadTeach/201006/20100604115525512.jpg \t _blank  ?图05 第五步 这边我顺便说一些制作时候的小技巧，勾线方面的一些技巧。以手为例，从颜色图来看是一样的，转成线稿模式的时候大家就能看清楚，第一种方法更加人性化一点，在以后的修改和调整会比较方便，第2种方法虽然效果是一样，但是不利于修改,如果图象过于复杂，务必会增加不必要的劳动力，效率就会大大下降。（图06）  HYPERLINK /UploadTeach/201006/20100604115526248.jpg \t _blank  ?图06 头部的分解图,能看清物件和物件之间的分布，前后排列的顺序，勾勒的时候多考虑一下它们之间的结构关系。（图07）  HYPERLINK /UploadTeach/201006/20100604115527212.jpg \t _blank  ?图07 第六步 做完之后图片的外框有很多零碎的边角，这个时候可以运用ai的蒙板功能，隐藏掉这些讨厌的边角，具体步骤如下：（图08）  HYPERLINK /UploadTeach/201006/20100604115531624.jpg \t _blank  图08 蒙板用什么颜色都无所谓，因为最后它是不显示的，这里为了方便观看效果我用了灰色,快捷键CTRL+7。 第七步 最后导入ps，从网上找了一张纸纹，合成到图片里，增加画面的质感，样式表做了个正片叠底,透明度50%。（图09）  HYPERLINK /UploadTeach/201006/20100604115531686.jpg \t _blank  ?图09 第八步 好了，打上文字，终于完成了。（图10）  HYPERLINK /UploadTeach/201006/20100604115533696.jpg \t _blank  ?图10 第九步 ok，现在我们把这个造型做成QQ表情，因为是用imageready做的，逐帧动画,所以每个表情步骤都要先画出来(比较原始的方法……)（图11）  HYPERLINK /UploadTeach/201006/20100604115535326.jpg \t _blank  图11 导入到ai里面，开始勾线。（图12）  HYPERLINK /UploadTeach/201006/20100604115535681.jpg \t _blank  图12 这里我有做过一个基本造型，可以直接把头部复制过来修改，比较方便，而且人物也不会怎么走形。 第十步 ai全部勾完以后，导入到ps，因为都是adobe公司旗下的软件，所以交互性很好，可以直接拖到ps，或者在ps里面直接打开ai文件，这里我用的一种方法(个人认为比较省事)（图13）  HYPERLINK /UploadTeach/201006/2010060411553633