标题: ZT:手把手教你如何照片变漫画[经典教程]
stardust



状态 离线
 
发表于 2007-2-23 13:43  资料  个人空间  个人文库  短消息  加为好友 
ZT:手把手教你如何照片变漫画[经典教程]

手把手教你如何照片变漫画[经典教程]〓
本文由 一个中国人 在 2006-5-12 15:27 发表于: 倍可亲.美国 ( backchina.com )


2006.5.12

在这个教程里,跟大家讨论到下列四点:
1.如何用illustrator绘制类似漫画沾水笔的线条。
2.如何绘制较为标准的标志或符号。
3.如何利用透明屏蔽做出物体光影变化(立体感)。
4.如何制作对象轮廓剪影加粗的外框线。

这是我第一次作教程,除了期望对大家能够有所帮助外,如有说明不清楚或其它问题,请海涵!!!
BTW,这个制作过程只是我个人习惯的做法,不一定最快速、最简单、最便捷,所以如果您有更好的方法,请不要吝啬让大家教学相长喔!!!~
还有这是繁体版的软件,其中有些功能名称不尽相同,也请各位勉为其难...
感谢各位!!

好,废话不多说,来看看我是如何把下面这张图画出来的吧!!



  

step/1
为底图选定适合的图片,扫描后从窗口直接拖曳到工作台上(像这个机车鸟人就颇适合我们激番石榴的精神!!~~^^*)




step/2
1.新增一个图层,输入名称为"底图"。
2.勾选"模板",同时自动出现"模糊影像至__%" ,预设是50%(这样就够了)  




step/3
1.按确定后可以看到图层窗口出现刚设定的图层。
2.你的底图就会变成这样...方便待会在之上画图时不被底图干扰。




step/4
1.再增加一个图层,输入名称"线稿"。
2.在图层窗口原来底图图层之上又多了一个"线稿"图层。




step/5
1.开始在线稿图层展开拉贝兹线作业。
2.可以依据个人习惯从任何地方开始,我则是习惯从头顶开始画。
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #2发表于 2006-5-12 15:30  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/6
1.这张图我打算以先画边框,再填色的方式进行,所以脑中先想象边线的粗细变化,同时往外拉线。
2.通常这种画法尽量用细一点的线条绘制,因为越细的线条边界拉的越准。




step/7
1.描好图后如图一所示,都是沿着人物轮廓拉出的封闭区域。
2.我们可以不时按工具列的填色选择右上角箭头,反转填色(让原本线条填色改成封闭区域填色),藉以观察刚刚拉出的色块符不符合需要。




step/8
平滑工具的应用
1.这步骤主要介绍"平滑工具";当拉出的曲线不够顺畅时,就换神奇的平滑工具出场。
2.选择需要改善曲线的色块。
3.在想改善的曲线上按住鼠标顺着曲线方向拉。
4.平滑工具经过的线条与节点,将会自动重新改变数量与弯曲度,可以多试几次,直到满意为止。




step/9
1.3.在每块色块之间,检查是否有对接不好的地方。
2.4.利用"直接选取工具"将节点对齐,使每块封闭色块紧密接合。




step/10
依序完成各部分线稿绘制工作;这样的画法就可以得到漫画式不规则粗细的轮廓线了!!
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #3发表于 2006-5-12 15:32  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/11
1.再描绘的过程中,随时将画面缩小看整体感,发现笔划粗细变化不够的地方再加强。
2.如此描绘出变化更大的笔划。
3.融合补强到原本粗细度不够的轮廓在线。




step/12
现在我所使用的描轮廓法,造成打X的地方是搂空露出的,箭头所指的部位是待会要填色的,这样的方式可以造成轮廓线段为单一色块区域,方便接下来要填色时制作成卡通漫画黑线稿的效果。




step/13
1.画到了我最爱的nike鞋部分;画好了右脚后,发现左脚形状不太喜欢,所以就要进行移植手术啦!!
2.把右脚的鞋子按住Ctrl+Alt拖曳至左脚边。
3.双击镜射工具,出现镜射选单,选择垂直镜射,确定后鞋子就换边站啦。
4.把换好方向的左脚鞋子移动到适当位置。
5.把多余的笔划修齐后,适时改变光影方向,就做出完美的一双鞋啦!!




step/14
至此已将基本的轮廓线完成,检查哪里有视觉上不满意的地方,修补。




step/15
务必确认你的图案全部已转以色块为单位;图中所示的帽沿缝线当初就是用线条直接拉的,所以在这里我们要把它全部转为"外框笔划"!!
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #4发表于 2006-5-12 15:33  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/16
接下来要开始制作logo。
1.新增图层。
2.修改名称为"786图案"。
3.在新图层里开始工作




step/17
接着把之前手绘的logo草图扫描后拖曳到工作台(记得拖曳到一开始所设的底图图层)。




step/18
旋转缩放图形到适合大小。




step/19
开始logo绘制。
1.应用到精致制图时,把尺标叫出;同时把"锁定参考线"取消勾选。
2.定出基准的x、y轴后,从尺标左上角把归零线拉出并对齐。
3.固定斜度的参考线制作方式:先用钢笔工具绘制斜线,选择线条按鼠标右键,再选择"制作参考线"。
4.用规律且固定的参考线绘制出草图上的logo,同时给予标准化与模式化。
5.ok!!基本形状绘制完成,放到人物上看看感觉!!




step/20
开始对logo进行加工。
1.复制一个图案,并加粗笔划至想要的宽度。
2. 把副本的加粗线条转换成外框笔划。
3.重新全选副本,并使用"路径管理员"窗口中的"加入外框区域"予以融合。
4.别忘记融合完还要"展开",如此一来就可以得到比原本图案还要大上一圈的"边框"。
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #5发表于 2006-5-12 15:36  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/21
接下来再复制一组,把外框线条加得更粗,依照刚刚的做法制作最底层的黑色边框(如图4的黑色最外围框线):
step20做的那组则改成白色(如图4的白框中层);
把三层图案的图层关系改为图1最上面、图2第二层、图3最下层排列;最后把1+2+3垂直水平对齐后就变成图4啦!!!
如此的基本做法可以让字体logo变的更有层次与丰富。




step/22
ok,在完成logo图案后,进入到填色阶段,在开始填色前,先把刚刚的人物轮廓线处理好。
1.在全选轮廓线后使用"路径管理员"窗口中的"加入外框区域"予以融合,尚未展开前图案边缘还是彼此分开的。
2.图2可以看到在展开完成后,所有的轮廓线已经完全融合成一个大单位。




step/23
进入填色阶段!!
1.照例新增图层"皮肤色"。(注意新增完毕后把线条图层拉至最上层,因为轮廓线是要Cover在填色色块上的)
2.依照轮廓线露出的部位再拉一次贝兹曲线;因为只要确定拉的色块边缘隐莫在轮廓线后即可,所以可以加快绘制速度。
3.快速拉出各部位所需的色块形状。
4.将色块填入适当颜色。(可先填入单色以辨别位置)




step/24
也可以试着将色块以渐层方式填色,如此一来便可做出基本的立体感与光影变化。




step/25
将全部区域色块都绘出。
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #6发表于 2006-5-12 15:39  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/26
这个步骤我们要把胸前的logo图案做的更有立体感。
1.为了仿真logo图案在衣服上的弯曲变形,选择图案后到"特效"栏→"弯曲"→"旗形"。(这里有很多种变形方式,需要慢慢尝试出适合的)
2.等到弯曲成适合的形状后,"扩充外观"取得改变的形状。(这里只做了些微的变形,因为衣服本身皱折很少)
3.复制拉出logo图案最后一层的色块,利用它来将logo图案上白边的地方作出光影变化。
4. 从对象属性的透明度窗口,将属性改为"色彩增值",同时将不透明度调低为50%,然后将这个色块盖到原来logo位置,白边产生明暗色调变化。




step/27
按照上一步的做法,将人物全身欲着色的部位都用多层透明屏蔽层层覆盖,便可做出调性十足的柔和色彩变化!!!




step/28
透明屏蔽放大解说:
1.这个是原来基本的色块,属性为一般,不透明放射状渐层作为基调。
2.这个对象极为重要!!将属性改为"色彩增值",透明度改为50%,并利用放射状渐层拉出阴影的位置。
3.重迭后即产生简单又效果好的光影效果。




step/29
色彩大实验!!!
在透明度屏蔽都完成后,就可以轻松开始尝试各种编排与色彩变换!!
是否越看这个人越欠扁啊....尤其是一整排出现的时候....><"




step/30
在这里进行最后一个动作..加粗边效果(作轮廓剪影)。
1.先把人物轮廓线独立一个副本。
2.将刚才填好色的人物图案,每部份色块皆复制一组到只有轮廓线的人物上。
3.仔细检查色块与轮廓线对齐与否。
4.检查完毕,全选,融合全部对象。
5.记得要展开。
访问一个中国人的空间





我是一个热爱自己祖国的中国人,我健康,我快乐。
您的回帖是对我的最大支持。
温馨提示:
本人贴的“在线观看”节目因为网速问题,可能有缓冲,希望大家多一些耐心。
引用  报告 回复   

一个中国人

版主
[历史回顾+帅哥美女+流行前线]斑竹

自定义头衔:倍可亲决策会员(十九级)



用户数字ID 33051
精华 950
积分 21449
帖子 15516
阅读权限 100
注册 2004-1-10
状态 离线  #7发表于 2006-5-12 15:44  作者资料 访问我的空间 文集 给我发悄悄话   
字体:小 中 大


step/31
1.在融合完毕后发现对象内部有不完全的线条与节点,我的目的是只要轮廓剪影,所以必须把多余的修掉(使用删除描点工具)。
2.修正完成后,准备把填色模式交换(之前是外框线条无填色,现在为了取得比人物外轮廓更大一圈的粗线,所以把剪影外框线条填色加粗即得)。
3.将剪影加粗到适当粗细,并把内部填入鲜艳色(藉此更清楚观察外框线条粗细程度)。
4.将剪影外框移到底图层,并移至人物原图正下方,完成人物外框加粗的公作!!这样的效果可以让主体更为突显,带有漫画的感觉,可以跟左侧无外框粗线的人物比较两者的效果差异。

呼呼~~
完成了!!各位觉得如何呢??
有值得参考的地方吗??~~

软件下载:
Adobe Illustrator CS 绿色软件站专用第二免安装版
软件名称 Adobe Illustrator CS 绿色软件站专用第二免安装版  
运行环境 Win9X/WinXP/Win2000/  
软件语言 简体中文
整理时间 2006-4-26 11:40:27
软件类型 国产软件
程序主页 http://www.greendown.cn/
授权方式 共享软件
联系作者 admin@greendown.cn
软件大小 71 MB
界面预览 没有预览图片
软件等级  5
解压密码 本站默认解压密码:www.greendown.cn
访问一个中国人的空间

顶部
seeyourlight



状态 离线
 
发表于 2007-2-23 16:32  资料  个人空间  个人文库  短消息  加为好友 
谢谢星尘.
正想等有时间了把家里的照片好好整理一下呢.





The Light in Me sees the Light in You.
顶部