欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

illustrator cs绘制超酷的黄色钢盔教程

程序员文章站 2023-01-01 09:28:10
这篇教程是向脚本之家的朋友分享illustrator cs绘制超酷的黄色钢盔方法,教程绘制出来的效果真的很不错,难度不是很大,推荐到脚本之家,喜欢的朋友快快来学习吧... 16-01-29...

今天给大家带来的是一个用illustrator cs绘制超酷黄色钢盔的ai教程,制作过程比较简单,希望这个教程对大家有所帮助!我们还是先来看看最终的效果图:

illustrator cs绘制超酷的黄色钢盔教程

illustrator cs绘制超酷的黄色钢盔教程


第一步

我们将用我找到的这张图作为基础。这张图不一定是最好的,但是我们可以用它来界定我们要做的头盔的形状。这张图好在它是用广角相机拍摄,而且透视图非常清晰,当我们谈到图标时,透视图是非常重要的,所以这张图非常完美。

illustrator cs绘制超酷的黄色钢盔教程

第二步

首先,将头盔从背景中抠出来,你可以用钢笔工具来完成,或者任何你喜欢的抠图的方法。然后拷贝这张图到一个新的ps文档,调整大小以适合图标的尺寸——一般是128×128像素。
比如你可以将其新建一个图层并将图像调整为128×128像素,或者调整画布大小为128×128像素,但是我比较喜欢更大的空间来绘制。

illustrator cs绘制超酷的黄色钢盔教程

第三步

选择钢笔工具一步一步的描出头盔的每个部分。我们从帽舌开始,不要担心颜色,形状最重要。为了能更加精确,最好调整一下图层透明度,你可以用小键盘来控制,举例来说,5就是50%透明度,当你开始描的时候,确保你画的是形状图层,这样你在后面才能修改它。记住因为我们只是描的帽舌部分,所以被帽子挡住的那部分不必描那么精确。(我们在后面不会用到那部分的)

illustrator cs绘制超酷的黄色钢盔教程

第四步

通过复制图层(ctrl+j)以及使用直接选择工具上移选择的点来创建“尖尖”的第二部分。

illustrator cs绘制超酷的黄色钢盔教程

第五步

然后照下面的描出钢盔的主体部分。

illustrator cs绘制超酷的黄色钢盔教程

第六步

不要忘记中间的突起部分(旁边的图是放大以后的)。你可以把它做的尽可能大点,因为中间的尖尖能更好的帮你界定钢盔的3d阴影。

illustrator cs绘制超酷的黄色钢盔教程

第七步

这就是为什么你也能像一个新图层一样来画这个尖尖。首先,从右边的部分开始——就是阴影那部分。

illustrator cs绘制超酷的黄色钢盔教程

第八步

然后复制这个图层并用直接选择工具,移动右边的点到左边去。这样,形状的右边部分就能完美的贴合之前图层的左边部分。

illustrator cs绘制超酷的黄色钢盔教程

第九步

你准备开始进入下一阶段了。隐藏原始图片(或者把它移到旁边去),就像你看到的那样,我们图标的基本形状已经完成了。你现在应该有5个形状图层来准备进入下个阶段。我将按照我们绘制的顺序来把它命名为1-5.

illustrator cs绘制超酷的黄色钢盔教程

第十步

作为开始,隐藏除了第一个(1)意外的所有图层并将图层填充为黄色(#ffdf14),然后创建一个新的图层(ctrl+shift+alt+n),并将它与前者编组(ctrl+alt+g),在这个截图中,它是图层(2),在这个图层中,用大的软的黑色(#d59d00)笔刷来画出让图层右边暗一些的效果,接着,选取图层(4)的选区,反选(ctrl+shift+i),创建新图层(3)并再次用大的软的笔刷来画出右边的阴影(#3b1c02)。

illustrator cs绘制超酷的黄色钢盔教程

第十一步

这样你不用为图层(4)都再做一遍,将此图层的透明度调整为50%。这样,你仍然可以从之前的图层中看到阴影——多么简单啊。现在为止,“尖尖”已经完成了并且你可以继续头盔的主体部分了。

illustrator cs绘制超酷的黄色钢盔教程

第十二步

主体形状部分取消隐藏并重新着色(#fddb13),再一次,创建新的图层,与前者编组,并在标记的区域用大的软的更黑的笔刷来绘制。这里没必要做出一个很大的阴影….

illustrator cs绘制超酷的黄色钢盔教程

第十三步

为了一个更好的效果,你可以用一个中间蒙版,取消隐藏这个图层,用暗黄色(#aa6f00)重新着色,并添加一个图层蒙版,在这个蒙版中,在中间用大的软的黑色(就像下图这样)笔刷绘制,这样图层将只有边缘可见,中间不可见。

illustrator cs绘制超酷的黄色钢盔教程

第十四步

接着,取消隐藏最后的图层,条纹的主体部分。用黄色重新着色(#fbd500)。在这一步,你依然可以调暗钢盔的主体部分来配合条纹。

illustrator cs绘制超酷的黄色钢盔教程

第十五步

为了让头盔的阴影更突出,用这个简单的工具:在每个形状的边缘被光照到的地方画一个1像素的白线。从第二个尖图层开始,读取选取(ctrl+点击图层),创建新图层,从编辑菜单中选择描边功能,设置宽为1像素,白色。

illustrator cs绘制超酷的黄色钢盔教程

第十六步

添加一个图层蒙版并填充为黑色。这样任何东西都不可见。然后选择一个大的软的白色笔刷在光线会照到的地方对应的蒙版位置绘制一小片白色。只有蒙版上的白色区域会让轮廓可见。

illustrator cs绘制超酷的黄色钢盔教程

第十七步

用同样的方法来对付其他的部分,图标开始真的出现立体感了!

illustrator cs绘制超酷的黄色钢盔教程

第十八步

在下面标记的对比度太低的头盔部分继续调整。

illustrator cs绘制超酷的黄色钢盔教程

第十九步

为了让图标更好看,你可以用另外一个颜色添加一个背光。这将很有效果因为图标只有一个颜色将看起来比较不鲜明。
首先,选择所有形状图层的选区(ctrl+shift+点击所有图层),创建新图层,缩小选区1像素(选择>修改>收缩),并用大软笔刷来画背光,就像箭头所示,用任何你喜欢的颜色,亮蓝或紫罗兰效果很好。

illustrator cs绘制超酷的黄色钢盔教程

第二十步

最后的事情就是添加大型高光。照图做吧,用钢笔画出窗户的形状开始。(原作者说的是他之前在另外一个教程讲过方法,所以这里大家各自发挥想象力,或者照着图里面的做,依葫芦画勺吧

illustrator cs绘制超酷的黄色钢盔教程

第二十一步

复制图层并高斯模糊(数值低一点)

illustrator cs绘制超酷的黄色钢盔教程

第二十二步

现在用大软白笔刷来覆盖高光,这样看起来会更反光。不要担心窗户的形状,不可能看的那么完整。

illustrator cs绘制超酷的黄色钢盔教程

第二十三步

完成!!!

illustrator cs绘制超酷的黄色钢盔教程

illustrator cs绘制超酷的黄色钢盔教程

教程结束,以上就是illustrator cs绘制超酷的黄色钢盔教程,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!