手把手教你如何照片变漫画(经典教程)

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

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

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

  • 05

    1.开始在线稿图层展开拉贝兹线作业。 2.可以依据个人习惯从任何地方开始,我则是习惯从头顶开始画。

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

    依序完成各部分线稿绘制工作;这样的画法就可以得到漫画式不规则粗细的轮廓线了!!

  • 11

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

  • 12

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

  • 13

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

  • 14

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

  • 15

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

  • 16

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

  • 17

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

  • 18

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

  • 19

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

  • 20

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

  • 21

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

  • 22

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

  • 23

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

  • 24

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

  • 25

    将全部区域色块都绘出。

  • 26

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

  • 27

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

  • 28

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

  • 29

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

  • 30

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

  • 31

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

(0)

相关推荐

  • 手把手教你绘制购物袋图标(PS教程)

    Duang的一声一转眼元宵节都过去了,说好的每天一标呢,要每天补起来了,开年不能输在起跑线上,今天给大家带来的教程是@看不见的敌人28发布的用PS绘制一个写实的购物袋图标,这种购物袋图标在很多地方都能 ...

  • 手把手教你把照片处理成冲洗的尺寸

    很多人在网上冲洗照片,是直接把原片发过去,冲洗好后拿回来却发现构图变了,或缺胳膊少腿了.这个可不能怪人家冲印店,你要是个完美主义的人,那裁剪的步骤一定是要自己来做的. 操作方法 01 下载个 Phot ...

  • 照片变漫画是怎么弄的 照片一键变漫画的软件

    操作方法 01 打开美图秀秀,点击下方的"工具箱". 02 在工具箱页面,往下拉,找到"跨次元相机"并点击. 03 在弹出的跨次元相机页面,点击"立即 ...

  • 手把手教你画404页面(AI教程)

    嗨~嗨~嗨~今天的教程是手把手(超详细,非常适合新手练习AI软件)教同学们创建一个细节丰富的404页面,帅译Wangyijie_非常用心,时不时还插播提高效率的小技巧,想练下手的千万不要放过呦. 最终 ...

  • 美图秀秀把模糊的照片变清晰图文教程

    在拍照的时候没有处理好焦距,拍出来的照片就很容易模糊.其实原因不仅在于好相机和对光线的处理,更重要的是源于照片后期.说到照片后期,倒也没有想象那般神秘,今天就教大家一些最实用的修片技巧. 操作方法 0 ...

  • 手把手教你打造精致麦克风(PS教程)

    不知不觉年就过完了,还沉浸在假日氛围的童鞋该收收心了,新年新气象,就从打造一个麦克风icon开始吧,也希望通过这个小小的麦克风让更多人了解到学UI网,一起来学习UI设计,教程里用的是纯PS,而且@ed ...

  • 手把手教你画Download图标(photoshop教程)

    今天的教程,非常实用.作者非常详细的讲解了设计一枚下载图标需要注意的几个方面,:1.厚重感  2.布尔运算的运用  3.图层样式的一些设置(渐变,斜面浮雕,内阴影,内发光,投影) 赶紧跟着做一个吧~! ...

  • 手把手教你用“按键精灵”运行脚本教程大全

    按键精灵是一个可以模拟电脑操作的软件,您在电脑上的一切动作都可以让按键精灵模拟执行,完全解放您的双手.按键精灵可以帮你操作电脑,不需要任何编程知识就可以作出功能强大的脚本. 操作方法 01 首先,我们 ...

  • 手把手教你win7如何升级到win10教程指南

    Windows10预览版已经出来一段时间了,很多人想要安装,但是由于自己的电脑是Windows7了,又不想要安装双系统,又不想重装系统,想要直接从Windows7升级到Windows10,这是可以的, ...