这篇文章最初发表于2010年。
介绍的技巧和技术可能过时。

遵循这一步一步的AdobeIllustrator教程,创建一个带有简单形状和图案的风格化矢量猫头鹰插图。我们将从构建具有各种向量形状的基本owl字符开始,然后开始用色彩赋予它生命,shading and pattern fills.

矢量猫头鹰图

观看大型艺术作品

我们将要创建的猫头鹰角色是从一系列基本形状中构建出来的,以创建一种简单而优雅的风格。这幅插图以增加深度的阴影效果呈现出来,and a range of pattern fills to give a feathered impression.为了完成这个设计,它被引入了Photoshop,让一些粗糙的纹理粗糙化干净的向量,给人beplay足球一种凉爽的触觉。

打开Adobe Illustrator,在艺术板上画一个大圆圈。按住alt键并将圆拖到一边以复制,然后使用Pathfinder调色板中的Subtract选项从原始图像中冲出圆。

画一个圆角半径最大的矩形(按右光标键),并小心地将其与新月形的宽度对齐。切换大纲模式(Cmd+Y)以确保所有内容都对齐。Merge these two shapes with the Pathfinder palette.

画另一个圆,这一次在猫头鹰身体的上边缘重叠。Use the Subtract option from the Pathfinder to create a couple of simple ears on the head.

在画板上的其他地方画一个圆圈,然后使用“转换定位点”工具从上下点移除贝塞尔控制柄。使用直接选择工具分别向上和向下拖动这些点,以延长此形状以生成简单的机翼。

Rotate and move the wing into place on the body of the owl.再画一个圆一样进入的地方。Use the Pucker and Bloat effect to convert the shape.

复制形状,然后粘贴到前面(cmd+f)。Hold Shift while rotating to limit the angle to 45 degrees,then go to Object > Expand Appearance to convert the effect into solid shapes then merge the two with the Pathfinder.

再添加一些与此形状中心对齐的圆。粘贴每个新圆,然后在按住SHIFT和ALT键的同时缩放它。Finish the eye with a couple of smaller circular highlights.

复制构成眼睛的所有形状,并将它们移到另一侧。Merge the surrounding shapes to blend them together where the two overlap.

Create the basics of what will be the owl's beak using three circles – Two small circles placed side by side,then a larger one at the exact with of the two smaller circles.使用直接选择工具从较大的圆中选择和删除最上面的点。

垂直向下拖动最低点(按住SHIFT键),然后使用“转换定位点”工具删除贝塞尔曲线。

重叠形状,然后使用PathFinder中的“合并”选项将它们混合在一起。将喙移到眼睛之间的位置。

按住Shift键的同时使用笔工具绘制流动形状。保持贝塞尔曲线严格的角度应该有助于保持曲线流畅。

Move all the shapes into their final positions to create the basic structure and outline of the owl character.

给猫头鹰的身体添加一种基本的蓝色填充物,then head to Effect > Stylize > Inner Glow.选择一个较深的蓝色调,并调整模糊,使辉光从边缘微妙地流入。为翅膀添加相同的填充和发光设置。

使用类似的内发光样式,但这一次,眉毛和眼睛周围的形状都是灰色的。

为了让眼睛更加突出,添加投影。调整选项,使不存在偏移,不透明度约为40%。

Add a grey to white radial fill to the outer circles that make up the complete eye.移动渐变滑块,使灰色仅稍微从边缘进入。

给下一个圆圈一个橙色/黄色的放射状填充,以形成明亮的虹膜颜色,并添加另一个微妙的阴影。

Elsewhere in the document draw a small circle.Drag the upper most point upwards with the Direct Selection Tool then remove the bezier curves with the Convert Anchor Point tool.

选择“旋转”工具,然后在形状正下方按住Alt键单击。In the subsequent options box enter 10 degrees and hit the Copy button.

反复按快捷键Cmd+D生成一个完整的径向形状圆。删除黑色笔画并将它们组合在一起(Cmd+G)。

在虹膜上移动径向形状。使用快捷键Cmd+[改变叠加顺序,使其位于瞳孔下方。

Finish off the eye with a black to grey gradient on the pupil and leave the highlights with just a white fill.用同样的颜色从虹膜到颜色的嘴填充和内部发光。不要忘记一个好的旧的放置阴影来列出屏幕上的对象。

Draw another small circle elsewhere on the artboard.删除最上面的点以留下半圆形。Give this semi-circle a vertical gradient fill from the darker blue tone used on the body to transparent.

按住ALT键并按住SHIFT键,同时将形状拖到一边以并排对齐多个圆,then select and drag this row downwards to duplicate a series of further rows.

Align a guide to the centre of the first circle,然后移动第二行,直到圆的边缘与此参考线对齐。使用快捷键Cmd+D在每一行重复移动,然后将它们组合在一起。

Use three more guides to carefully outline a repeating area within the series of rows.Zoom right in to ensure the guides sit perfectly against the centre points and outlines of the circles.在这些参考线内画一个空白正方形。

Select both the group of circles and the blank square and click the Crop option from the bottom row of the Pathfinder to trim the pattern down to size.将此图形拖到样本调色板中。

复制主体形状并按Cmd+F将其粘贴到前面。从外观调色板中删除内部辉光,然后用新创建的图案样本替换填充。Change the blending mode to Color Burn.

在机翼上重复这个过程,也可以转到“对象>变换>旋转”。Select just the Patterns checkbox and enter 30 degrees into the Angle to rotate the pattern to match the orientation of the wing.

再做一个翅膀的复制品,并给它一个黑色填充物。使用一个带有探路器的大临时圆来裁剪形状。

添加大约40px的大高斯模糊(效果>模糊>高斯模糊)。

按命令-[发送主翼下面的黑色形状,然后稍微旋转它,使模糊从较低的边缘稍微向外延伸。将混合模式更改为乘以30%。

在猫头鹰胸部画一个大椭圆。Adjust the Stroke options to 30pt Weight with Round Cap and Bevel Join,检查虚线选项,将虚线更改为0,并将间隙更改为与30磅的行程权重匹配。

转到“对象>展开”,然后仅选择“笔划”选项将笔划转换为基本形状。右键单击并取消组合,然后把所有东西和探路者合并在一起。

Use a duplicate of the main body shape as a tool along with the Intersect option from the Pathfinder to trim the chest shape down to size.

给它一个基本的蓝色填充,然后将其设置为乘以40%。

To finish off the design with some rough textures,将其粘贴到灰色背景的大型Photoshop文beplay足球档中。

从Illustrator粘贴一份主体图案填充的副本,并将其放大以填充整个文档。将此设置为颜色燃烧,then add a rough texture and set it to Color Dodge at 80%.

导入另一个纹理文件,然后在按住Cmd键的同时单击层缩略图加载猫头鹰插图的选择。反转选择(cmd+shift+i),然后清除多余的。

Set this new texture overlay to Color Burn at 70% opacity to finish off the illustration with some dirty distressed marks.

矢量猫头鹰图

There we have one complete owl illustration.The basic vector shapes help build a simple and stylized illustration while the subtle shading effects add depth and dimension to the design.我的设计没有一个完整的没有肮脏的纹理粗糙的东西,这反过来给清洁的载体一个更触觉的感觉。

访问此下载

喜欢这个设计?Get the t-shirt!

13
分享
Share on Pinterest
36评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

订阅我的时事通讯,成为第一个听到新文章的人

36评论

  1. On Form Mr Spooner cheers for the tutorial although I am a little bit surprised at the lack of owl puns,所以我会选一个;

    "Hey Chris this tutorial was a hoot :)"

    - 7)
  2. This looks amazing,I will try this when at home (right now at the office) but for sure I know that Chris's tutorials rock the world.:D

    - 7)
  3. Fabulouotut!I work every day for many years in Illustrator and "every day you lear something new"我们经常在阿根廷说,A这证实了这句话。
    谢谢!

    - 7)
  4. 真可爱!!!!谢谢分享。It's really great tutorial.The pattern and the color is so gorgeous!XD

    - 7)
  5. 我喜欢:很好的教程,but the second step where you create the basic outline of the owl coudlve been more detailed,or maybe it's just because im a newbie to illustrator :D

    - 8)
  6. 你好,Im a subscriber to your blog and just want to say a huge thankyou for all the stuff you share with your readers.很多人都会收取一大笔钱来获得一些免费的建议,所以我只是让你们知道我们中的一些人真的很感激:)

    - 6)

评论现已关闭