PS+AI教程！教你绘制超酷炫的钢铁侠面具！

编者按：最近特迷钢铁侠，手心张开，腾一下窜上天，姿势简直帅呆了。钢铁侠 4 上映之前，分享一篇教程，教同学们绘制写实的钢铁侠面具，教程重点是绘制思路，不过即使软件不熟悉的同学，光思路也非常实用呦！择日不如撞日，今天就学起来吧！

在这篇教程里，我将向大家展示怎样用Illustrator和Photoshop来创建钢铁侠面具（其实在Photoshop中用钢笔工具也可以完成Illustrator中的工作）。可能教程并不是非常详细，因为我只是想让大家了解一下大概的步骤，感兴趣的童鞋可以继续深入研究，我认为这才是最好的学习方法。

• 素材：螺纹金属材质

微盘下载

第1步：

打开Illustrator新建一个文档，首先我们应该有个好的参考，在中间创建圆形和线条。我们现在只创建一半就可以，用钢笔工具勾勒出大致的轮廓。

第2步：

将面具的每个部位都创建成单独的形状，这有利于我们后面在Photoshop中进行填色和填充纹理。

第3步：

所有的形状都创建完了之后，使用不同明度的灰色填充，来看看一切是否跟想象中的一样。

第4步：

将创建好的半个面具复制一份，对称到左边。

第5步：

在Photoshop中将面具的每一部分都粘贴为单独的图层，并且填充上颜色。钢铁侠的基本颜色是金色和紫色。像下图一样继续添加一些阴影和微妙的细节。

第6步：

为面具的每一个部位上方都添加一个图层，设置为剪贴蒙版（图层>创建剪贴蒙版），将每个空白图层都填充为黑色，将图层混合模式设置为颜色减淡。选择非常柔软的白色画笔，不透明度选择10-20%，开始在一些区域绘制出高光。

第7步：

重复上一步的操作，不过这次图层的混合模式改为滤色，在图层上绘制出更多高光。

第8步：

添加更多的高光，尤其是嘴部和紫色部分。

接下来会用到很多图层方面的知识，不熟悉的同学赶紧先来充充电！《10个你所不知道的PHOTOSHOP图层技巧》

第9步：

接下来我们开始添加纹理。仍然记住为每一部分都加上纹理，移动纹理的位置来增加立体感。这里我用到的是一张螺纹金属材质。

微盘下载

第10步：

创建两个眼睛形状，填充为蓝色，再添加上基本的纹理，最后再应用一定的高斯模糊。

第11步：

在眼睛图层上方新建一个图层，跟眼睛图层一起创建一个图层组，将图层组的混合模式设置为滤色。使用柔边白色画笔在眼睛上绘制出两个亮点。在图层组里新建一个图层，绘制出两个蓝色亮点。

第12步：

复制图层组，删掉蓝色图层。将图层组的混合模式设置为颜色减淡。清除掉两个白色亮点图层中的内容，创建两个更小但是更亮的亮点。颜色减淡模式将会使这种光效显得非常真实。

总结：

教程的整个过程更像是绘画而不是设计。我真的不擅长数字绘画，不过这权当是一个很好的练习吧。我将会在这个设计上增加更多的细节，不过我想与大家分享的是设计的过程而不是结果。好了，现在轮到你了，加油~

近期最酷炫的教程全在这儿了！

精美到惊呆了的宇宙飞船教程！
《PS中级教程！手把手教你打造超酷炫的宇宙飞船》

超写实精致风车教程，感受一下！
《AI教程！手把手教你用AI创建精致玲珑的多彩风车》

乐高像素画，手把手教你画出来！
《PS酷炫教程！手把手教你绘制个性十足的像素画》

原文地址：abduzeedo
译文地址：shejipai
译者：南辰
uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量78万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：