GMACE78

[GM头教程]如何给MS线稿上色?

大家好,我是吉姆头!作为瀧川版GM上色系列的一段小插曲,本次我所带来的是一篇详尽的设定稿PS上色教程!

——各位可以更深入地了解我是如何来进行绘制的,也希望本文能对同样是用PS作画的初学者有所帮助。

然后~由于最近某款我等了足足3年的怨念物总算是入手了…
好啦不废话了,下面就有请今回的主角登场!

——没错!这正是有着KA版GM之称的RGM-79C GM改,而接下来我也会将其作为示例来给大家演示详细的绘制步骤。
(想必熟悉我的人都知道~,这就是传说中的那只怨念物…——表问我为什么..问限定上瘾了的万代去…)

顺便附上系列索引帖:http://hi.baidu.com/ace7878/item/abc8a928a0d74bc7a517b6b6

在正文开始前先声明下:
本人接触Photoshop的时长仅为4个月左右,且大部分的绘图方式都是个人自己琢磨的,所以在许多地方都了解得并不够深入,望各位高手轻喷。
此外,本教程需要读者略有一定的软件操作基础——毕竟要从头讲PS的使用方式的话~本帖的内容也会显得过于繁杂,同时我精力也有限。

恩恩,那么现在就进入正题吧!

本系列机设图均是以2010年推出的一本优秀设定集——Master Archive Moble Suit RGM-79中的线稿素材为基础来进行上色的。

——担任该书机械设定师的瀧川虚至笔下的机体有着十分优秀的细节,规整的笔触,以及~对我而言十分重要的【造型统一度】,是绘制系列套图的极佳素材。

而今天,我就以瀧川笔下的RGM-79C为例,向大家演示下我的全部绘图过程。

上色流程主要分为这几个步骤:
【处理线稿】+【上基础色】+【施加阴影】
(所有的操作基本都是用鼠标来进行的,所以即便是缺乏数位板等设备的同学也可以来尝试)

1.【线稿部分】:
首先,我们得要找到一份良好的线稿素材,比如Master Archive系列中的这种一大张的机设稿插页。(有背景色不要紧,但记得整个画面一定不能有太多杂点~这取决于扫描的质量)

找到素材后,我们就可以进行线稿的提取——现在我们打开PS,将素材丢进去。
(我所采用的PS版本为CS3,在界面布局上可能和新版略有不同)

(顺带一提,图像看上去比较粗糙是因为这是在PS中缩放时的预览效果)

接着我要做的是去掉这碍眼的绿色背景部分——在上方工具栏的【图像】→【调整】里有一项【替换颜色】

跳出页面后将鼠标移到画面上便可取色,而选择绿色后便能对其进行调节
怎样才能将其去掉?——当然是将明度调到最高,使其变白。

考虑到扫描图上会有不少噪点,画面中肯定还存有许多其他的杂色点,所以我们最好是再打开色相/饱和度选项(也是【图像】→【调整】里,建议按Ctrl+U)

将饱和度调到最低,那么整张画等于就是由黑白灰构成的了,但这样还是远远不够的。

然后我们可以先对画面进行一些大局的调整,比如在【图像】里的【图像大小】中根据自己的要求来调节图片尺寸。(我调节的是1500×2000+像素)

同时还可以用选取或是套索工具将机体本身抠出来,新建一张图放进去,这样能使画面感觉不少。

看着机体背后的一坨~大家都很不舒服吧?所以接下来我们要将线稿进一步地“净化” ,而我们也将会用到看似复杂但却挺好用的通道抠图法:

在通道窗口(可以从工具栏的【窗口】项里打开)里选中一个通道,比如蓝色。
(其实一般用通道抠图法时,我们需要选一个“所扣物体与背景反差最大”的一个颜色通道,不过目前我们画面是黑白的~所以选啥都一样)

然后右键将该通道复制一份,选中这个新通道的同时再按Ctrl+I来使画面变成反色。

——搞绘图软件要搞清一个概念:白代表有~黑代表无,而通道抠图法时画面中白色的地方将会保留下来,黑色的则会去掉。

这时候仔细看画面,会发画中充满着白点,其实这些都是原来图里的那些色点。

而根据白有黑无的概念——我们可以利用色阶工具(【图像】→【调整】里 ,Ctrl+L)来将暗色区域增加~得以消除掉那些白点。
但也得注意,消除杂点的同时也会对你的线稿本身造成影响,所以一定要适度。(我图中黑色的值仅提高了10)

保证线稿足够的白~背景足够的黑后,便可按通道窗口下方的【将通道作为选取载入】按钮了。

这时回到图层窗口,选择下方的【添加蒙版】(记得要先解锁图层),这时线稿就被干净地提取出来了!

顺便再右键按下【应用图层蒙版】以结束整个通道抠图。

这时将背景图层给隐藏(按图层窗口左边的眼睛来关闭当前图层),便会发现整个线稿图层除了线条外就都是透明的了。

(不过就算空白部分不透明也没啥关系~这样做主要是为了尽可能地去掉扫描图上的那些纸张纹理与杂色点)

提取完线条后,我们可以对整个画进行点小调整,比如给各个图层命名等等:

同时作为图鉴,我也在画的下面加入了醒目的机体编号。
(为了确保本系列设定图看上去有着高度的统一性,所以我建立了一个命名为定位的图层来存放之前的GM线稿,以便来调节本次作画的机体位置,使其中心在同一位置。)

其实在提取完线稿后就可以进行上色工作了,不过个人对于GM形象的要求颇高~所以还会对线稿进行一定的造型调整。

——仔细看,会发现泷川绘制的79C面部造型略显别扭:

比如面部神情无力,嘴部干瘪,且从透视结构上来说~下半张脸还是向右歪的… 所以说整容工作是很有必要的。

这时,我们可以去找些其他版本的79C来进行参考,然后我找了以下这些素材:

分别是MG版实物图,HGUC版封绘图,以及这本Master Archive中的3D建模图。

——这3款造型各有优点,同时不一样的角度也方便大家来参考结构,对接下来我们的整容工作很有帮助。

然后在正式对线稿进行细部修正前,我们还需要对大局进行点调整:

将之前的GM与新的这张GM改重叠在一起(脚在同一水平线):

可以明显地发觉后者要矮了很多(在设定中2者同为18米)


——而这点对于强迫症十分严重的本宫来说是绝对不可容忍的…

这时我们可以将整个头部都拉长以使其整体高度与之前的GM统一

先使用多边形套索工具来将头部“捆住”…(后面会经常用到这个工具)

然后按Ctrl+T来调节出变换控件——这样就可以对所选区域进行拉伸了

拉伸前记得将之前的GM线稿显示出来以确认高度。

调整过高度后的对比:

可以发现原本的头确实是扁了点…拉高一点也不奇怪…

不过拉伸后,一些线条幅度也会变大,而本来就略歪的嘴部线条则就更明显了:

这时依旧是用多边形套索工具将其选住。

然后Ctrl+T调节出变换控件,将线条进行旋转以调节嘴部角度(旋转的方式是鼠标移到选区角落~会出现个旋转图标~然后按住拖动)
记得调整的时候一定不能过头!——虽然你看上去嘴歪了很多,但线条略微的变化便会影响很多!

而旋转后,嘴部线条这里也会断裂开。

这时我们可以用铅笔工具来进行小幅度的像素填补,记得线条边缘是略浅的,如同都是同样浓度则会显得很不协调。

而接下来,则需要各位根据自己的审美以及对透视的掌握来进行各种调整,基本上不外乎是用到套索、缩放、旋转、透视、仿制图章等等工具。

另外对于额外的线条绘制与修补,没有数位板的同学则只能用鼠标配合铅笔/橡皮工具来慢慢画了——能用鼠标绘制出如同原线稿那样协调的线条是很需要经验及耐心的…
不过这里就不详细阐述了~相信也没几个人会这么蛋疼…

(PS:虽然我有数位板,但我已经习惯用鼠标来一像素一像素地修图了…而且反而觉得比数位板好用…)

经过鼠标君3个晚上的努力…我也总算是把头部修得更接近素材中的那样了…

修改的重点主要是:墨镜线条锐化,帽檐下移,嘴部饱满化,耳机形状变更,后脑勺形状变更,天线长度/角度变更,无数过于毛糙~以及透视有问题的线条处理…

这时再与原来的线稿进行对比,不难发现整个面部顿时俊俏了很多,而且整个头部结构的透视感与协调性也大幅提升了。

(不过这时总有人会给老娘来句——“看不出有啥区别”….

2.【上基础色】
在确保线稿足够满意后我们便可进行上色工作了,而这一步可谓的最没啥技术含量的,主要就是给线稿填满纯色。

上色前,我们需要一份素材来让我们参考颜色(PS可以直接取色),而以下分别是79C的纯色原设稿以及MG版模型实物图:

将素材放进行PS,我们可以发现79C大概有这样4个配色:灰、青、红、黄
而我们要做的便是建立4个新图层(一定要分开不然到时候作画很困难,此外颜色图层一定要在线稿图层下),同时也要记得重新命名(命名很重要,不然到时候分不清)。

另外关于颜色图层的上下概念,最好是把那些结构比较靠内靠后的颜色部分给放到最下面~比如灰色,而靠外靠前的放最上面~比如红色黄色(可能不太好解释)
——这样之后处理起来会方便点,相信我。

然后我们来制作一套“色板”:
用取色工具(选择画笔时按住ALT可以直接取色)从直接的素材上选取你要的颜色,然后分别在相应的颜色图层上涂一笔:

比如红色图层里就涂上素材中的红色,青色图层里就涂上素材中的青色。(随便怎么涂,不过最好大点~方便以后作画时取色)

做完色板后还有很重要的一步:将线稿图层的图层模式切换为【正片叠底】

这样一来下面颜色图层里的颜色便可正常融入线稿图层了。(不然涂上颜色后线稿除会有白边)

现在我们开始上色,记得一定要再相应的颜色图层里进行上色——不然会乱掉,同时大家也要多注意到图层窗口~看看自己有没有弄错。

上基础色时,建议大家是用100%硬度+100%不透明度的画笔

不过呢~如果画笔太大的话,一些细节会画不到,同时要整个涂抹的话也很费心。

这里教大家个方法,先将画笔调到较小的直径(按键盘上的 [  ] 2个键可快速缩小/放大画笔),然后细心地将所需部分的轮廓给描绘好。

当然了,我没傻到会一点点地去拖画笔工具,而是用鼠标+Shift键来达成线条间的快速连接。
(先按左键涂一下,然后按住Shift再按左键便可连成一条线,如下图中的1~3)

按照这样来将整个轮廓给勾勒好。(记得颜色不要溢出线条也不要缺漏——与线条刚好重叠是效果最好的)

然后我们便可用油漆桶工具来泼其一身了…
不过不知道为什么我用油漆桶后会留有一条空白的线…难道是容差问题..?——反正遇到的就再用画笔填补下吧~(千万不要再用油漆桶,不然整个颜色会大幅溢出线条)

然后便是如法炮制,将红色区域全部弄好,给大家看下大局。

接着是黄色部分,大致上色方法一样。

像是V字徽记这种不太好勾勒的细小物体,我们可以先直接涂抹~溢出也不要紧,然后再用橡皮擦来方便地修饰。(橡皮擦同样可以配合shift来两点一线地进行擦除)

然后是青色部分,总的来说除了上色面积较大外也没啥变化。

不过呢由于这个颜色较淡,所以大家做上色时可能看不清自己哪溢出了又或是哪里没涂匀~

这时可以将整个青色图层给反向(Ctrl+I),这样青色部分就会变成反差极大的深红棕色,而瑕疵也就完全暴露了出来。

当然,你也可以在上青色的时候先用其他深色来代替,等上完后再将其换成青色。(换色方式很多:【替换颜色】、【色相/饱和度】、【颜色叠加效果】、【选区+覆盖前景色】等等等)

至于灰色,由于是在青色图层的下面,所以在许多部分你都可以随性所欲地涂抹而不用担心其溢出。

当然了..要是你隐藏青色图层的话就是这个样子的了…——要是强迫症比我还厉害的话就去处理下吧…

此外,由于灰色部分被许多其他颜色所覆盖,所以上完灰色后我们会发现全是上下的溢出瑕疵都暴露了出来,各位务必要细心地处理下!

顺带一提,部分灰色区域可能显得格外的深——更加接近黑色,比如喷嘴,腋下等等。

大家可以通过【选区】+【色相/饱和度】来使这部分变暗。

再来是墨镜部分,这里大家可以不用填充纯色,而是利用【渐变工具】。

首先建立个新的图层,然后将墨镜部分选择出来。(因为是在青色图层下面,所以选区不用十分严谨)

然后选择渐变工具,在左上角有个渐变颜色选项

进行选项页后大家可以根据自己的喜好及要求来调整,而墨镜的话一般都是2边深中间亮。

调节好后在墨镜这里滑动一下便可根据路径来表现出渐变效果,具体手感自己操作几下便懂了。

而我的话,则直接用之前GM的墨镜图层——这样2者能达成一定的统一。

至此,基础上色完毕。

3.【施加阴影】
我个人表现阴影的方式比较独特,可能会显得略非主流,一般人可能也不太适应~
——不过其最终的表现效果还是不错的,此外我一直用这个方式来上色也是为了让系列设定图的视觉效果统一~(好吧我承认其实强迫症又一次胜利了…)

首先,将之前每一种颜色图层都复制出一份,并放在其上方。

而这一套副本便是接下来我们要处理的阴影图层。

然后我们要做的是调节这份副本的颜色深浅,下图调节的是灰色:

话说一般用【色相/饱和度】来调节就够了,不过若是想精确取色的话,大家可以试着用图层窗口下【fx】中的【颜色叠加效果】

在这里大家可以更直观地来调节颜色,同时还能取色。

不过由于是个效果,建议大家在调好后再建个图层来使其合并,不然对之后的作图会有影响。(比如不能用色相工具来直接换色)

可能大家觉得这样会挺麻烦,不过这个在以后进行各种换色工作中将会十分方便。

此外要注意一点,用了颜色叠加后,整个阴影图层的颜色都会被统一,像之前基础色中被加深过的灰色区域大家最好是再次加深一下。

然后就是如法炮制的为每一种颜色的副本来进行明暗调节以得到一套阴影图层。

而这时候,由于颜色加深了,同时又是2份图层叠在一起,所以各种溢色瑕疵都暴露了出来:


建议大家去处理下,细节决定成败!  (切记处理的时候不要搞错图层)

同时,觉得有必要的还可以调整下线稿的透明度。(我是为了系列图统一所以才进行了调整,各位自己看着办)


万事俱备后,我们就可以进行最难也是掌握关键的一步了。

 

通常的设定图阴影上色方式基本都是纯色的,比如下图:

而我的话~大家也看到了

——是用类似于MAX渡边阴影喷涂法的方式来表现阴影的,这样处理后机体表面看上去更加细腻,同时轮廓也很突出——立体感更强。

虽然许多人和我想要的效果是差不多的,但我的绘制方式并不同——对,许多人都猜到了~我的阴影效果是用橡皮擦出来的!…


首先我们拿头部作例,选择青色阴影图层(记得擦的时候一定不要选错图层)

将橡皮调成0%的硬度和5~10%的不透明度

然后对着高光区域进行擦拭,可以看到已经有点感觉了
当然,大步需要大家有一定的美术功底——要知道哪些该擦,哪些保留~(那啥我是纯业余的..大家轻喷)

大致擦出亮的部分即可,不需要十分准确,因为后续还会进行调整。

现在我们再将画笔工具调成10~15%的硬度和不透明度(颜色的话就取之前我们做的色板里的暗青色)

然后各个轮廓进行勾勒,记得千万别太重。

一番勾勒后,整个头的立体感又强了不少。

接着是对阴影面的强化,大家最好是将画笔调成0%的硬度和5%左右的不透明度。

不过要是直接涂的话,会因为溢出而降低立体感,所以建议大家是配合套索工具来进行刻画:

不过切记阴影面不要过重,不然会显得不太协调。

而之后,不外乎就是在“擦出高光”、“勾勒轮廓”、“强化阴影面”这3部里反复,从而调到你所认可的效果。

同时像是火神炮这样结构较为特殊的地方,要进行格外的处理,这里就看各位的美术功底了。

整体处理好后,还可以用【饱和度/色相】工具来对阴影的明暗度进行点调节。

(此外本来我可以把阴影调得更明显些的,不过依旧是考虑系列统一度…)

然后拿红色的部分来演示下:
可以看到红色部分的结构也不简单,如果直接用橡皮来擦高光的话,可能会破坏一些阴影结构。

所以建议大家同样是配合套索工具来进行处理:

擦好高光后依旧是勾勒线条纹路和轮廓,记得别过重。

这样一看的话,立体感就强很多了。

然后再是强化阴影面,大体和头部一样~
顺便这里再教大家一点,涂抹阴影面的时候容易出界~从而影响其他部分,而要精确套索的话又太麻烦~
——不过,对着图层按Ctrl+左键(要按在图层图标上)后边会自动将图层里所有的内容进行选区~很方便!

(不过由于阴影图层的内容会被擦拭,所以大家可以直接Ctrl+左键基础色图层,然后再切换到阴影图层里来进行涂抹等操作)

一番修饰后,便能表现出一个极具立体感的胸部结构了:

接下来的处理步骤基本都大同小异~,只是注意许多地方要用套索隔开后再进行处理——不然会破坏其他层面上的阴影。

像下图中的肩甲:

肩甲极暗的内侧部分和外侧部分就相隔一条线,如果直接擦拭的话肯定不会有这样强烈的对比效果。

同时建议大家最好是一口气把大片区域的高光给处理好,不然一部分一部分弄可能会导致最后一块深一块浅的。

各处的阴影面也最好是配合套索工具来着重表现一下,这样整体会更具备立体感

一番处理后,上半身(除了灰色)便完成了:

然后是处理下半身,同样是先大致擦出高光:

然后一条腿一条腿地来处理

这里大家也可以好好对比下“处理了高光+轮廓+阴影面”的右腿和“仅仅是擦了高光”的左腿的视觉效果差异。

顺带一提,如果各位需要反复调整阴影面的话,可以直接用钢笔工具建立一套工作路径来进行选取:

不过可能许多人都不太熟悉钢笔工具和路径的概念…所以这里就不多提了~(毕竟对于不懂的人我也很难说明白,懂的人也不用我教..)

此外,对于像是油压管这样金属质感较强的部分,大家也可以进行特殊处理:

基本就是用橡皮从粗到细的擦——越亮的地方越细,大家多尝试下就理解了。

每个阴影图层都处理好后就基本大功告成了,这时可能很多人想把左边碍眼的色板给去除吧?

不过建议大家是保留,这样对以后的换色等等都有很大的帮助,但“去掉”是必须的:


——建立一个新的图层,然后把有色板的区域变白,这样便可间接式的隐藏色板了,而当你像显示色板的时候只要隐藏这个“色板图层”即可!(哈哈 我聪明吧~)

至此,一份效果逼真的彩色机体设定稿便彻底完成!

最后,再教下大家如何来进行换色工作,而正好79C又有个比较知名的沙漠配色,那么下面我就拿这个来作例!

一开始让大家将每个图层都分开,就是为了后期能够灵活地换色,大家可以直接用【色相/饱和度】工具来换色:

不过呢,这样弄的话颜色不太精确

建议大家是用我之前说过的【颜色叠加效果】

(换色前最好是将其阴影图层先关闭,这样看上去更直观点。 )

然后如同之前讲的那般用【颜色叠加效果】将各个颜色进行转换,先是基础色:

然后是阴影色,不过这样看上去机体有点过暗了~——不急,这些最后再调整。

墨镜的话由于是渐变的,所以建议是直接用【色相】工具调:

79C沙漠配色的墨镜是比较鲜艳的草绿。

接下来我们会面临个问题,79C标准配色和沙漠配色的配色方案不同——后者胸部有2个颜色

这样的话,我们就可以用套索和选取工具将所有沙漠中是红色的部分先选出来,然后复制一份。

(记得基础色图层和阴影色图层都要,同时这里图层得在原图层的上面)

这样一来,当你将原来红色的主体部分切换成蓝色时便不会影响到那些区域!

顺便,也别忘了79C沙漠配色的关节部分是低饱和度的,不像是标准配色那样偏蓝偏紫。

同时,沙漠色在设定中的背包是和胸部同色的,也别忘了改过来。(同样是用套索复制出一份再换色)

这样一来,换色工作就基本完成了:

不过我们最好再处理点细节,比如火神炮这里轮廓比较淡,大家可以再勾勒下:

同时,大家还可以用【色相】工具来对全局进行点调整,使其达到最佳的效果:

最后,完成!

好啦,那么今天的教程就到这里啦,希望在让大家理解我绘图方式的同时也能帮到广大的PS初学者~

而下期我将会带来更多与79C相关的机体,各位尽请期待!

猜你喜欢...

发表评论

  1. Young说道:

    哦哦哦,赶脚是萌妹子呢~~~O(∩_∩)O哈哈~

  2. icdl0000说道:

    吉姆头的沙发击落

  3. afcty说道:

    感情吉姆头是个妹子

  4. blueskydong说道:

    我落伍了。。。实在是不明白这东西整出来啥用

  5. monolith171说道:

    79个赞! [RGM79]

  6. GMACE78说道:

    From:blueskydong:
    我落伍了。。。实在是不明白这东西整出来啥用

    和做模型其实是差不多道理,能凑成一套自己想要的图鉴~~另外作图时处理得好的话 后续换起色也很方便,对于喷涂前的参考很有帮助~
     

  7. GMACE78说道:

    From:blueskydong:

    我落伍了。。。实在是不明白这东西整出来啥用

    和做模型其实是差不多道理,能凑成一套自己想要的图鉴~~另外作图时处理得好的话 后续换起色也很方便,对于喷涂前的参考很有帮助~

     

  8. blueskydong说道:

    From:GMACE78:

    From:blueskydong:
    我落伍了。。。实在是不明白这东西整出来啥用

    和做模型其实是差不多道理,能凑成一套自己想要的图鉴~~另外作图时处理得好的话 后续换起色也很方便,对于喷涂前的参考很有帮助~
     

    [RGM79]

  9. blueskydong说道:

    From:GMACE78:

    From:blueskydong:

    我落伍了。。。实在是不明白这东西整出来啥用

    和做模型其实是差不多道理,能凑成一套自己想要的图鉴~~另外作图时处理得好的话 后续换起色也很方便,对于喷涂前的参考很有帮助~

     

    [RGM79]

  10. plutole说道:

    [RGM79] 这AEM也能发现GM头呢
     

  11. plutole说道:

    [RGM79] 这AEM也能发现GM头呢
     

  12. Nicehang说道:

    (°∀°)ノ 好棒好棒收藏了

  13. notdiebird说道:

    [惊] 居然有 技术贴! 支持!!! (^・ω・^ )

  14. jfxzqmrs说道:

    顶起妹子的技术贴 [花痴]
    LZ对吉姆的热爱非同一般

  15. jfxzqmrs说道:

    顶起妹子的技术贴 [花痴]

    LZ对吉姆的热爱非同一般

  16. 465142说道:

    undefined undefined undefined [RGM79] 是妹子!什么情况,一定是我没睡醒吧、

  17. Clide说道:

    高大上……

  18. combine929说道:

    [闪眼] 热情令人叹服

  19. ZetaA1说道:

    认真看完之后打开PS。。。脑子一片空白。。。。。。 _(:3」∠)_

跳至工具栏