Illustrator打造精细矢量黑白徽章

  在Adobe Illustrator中系列矢量图形就可以制作出来个非常精细美观黑白徽章我们只要巧妙地利用些基本工具把各种各样图形重新排列在然后用先进点点路径寻找器(Pathfinder)和混合工具(Blender tools)来添加些小细节

Illustrator打造精细矢量黑白徽章

  效果图

  请浏览整个设计过程:

Illustrator打造精细矢量黑白徽章

  图:01

  打开Adobe Illustrator创建个新文件找到星星工具(Star tool)点击它并拖动到画板上在放开鼠标的前使用键盘光标键来添加些斑点和CMD/Ctrl键来调整尖端大小

Illustrator打造精细矢量黑白徽章

  图:02

  按住Sht键同时使用椭圆工具(Ellipse tool)来画出个漂亮圆圈给这个圆圈添加个比较厚白色外圈记住别填充任何颜色哦在排列面板(Align palette)中把对齐选项(Align to)调整为选择对齐(Align to selection)然后选择这两个对象在横向和纵向轴上对齐

Illustrator打造精细矢量黑白徽章

  图:03

  复制这个圆圈(CMD/Ctrl+C)然后粘贴在前面按住Alt键点击这个复制圆圈缩小它尺寸在画笔面板(stroke palette)上稍微降低圆圈重量然后选择虚线(dashed)选项

Illustrator打造精细矢量黑白徽章

  图:04

  再次复制个圆圈把它大小调整为比上个圆圈更小复制个更加小圆圈并且把画笔颜色设置为白色最后复制个圆圈填充黑色尺寸比白色圆圈更小

Illustrator打造精细矢量黑白徽章

  图:05

  用星星工具画个星星在中间同时用线条工具(Line tool)在星星两旁各画条直线把这 3个对象组合设置成为徽章形状按住Sht键来增加外部徽章形状然后再次点击它使它成为重点对象这样做会确保这些小物体有它们自己位置而不是排成

Illustrator打造精细矢量黑白徽章

  图:06

  现在为我们徽章添加些文字我使用是我认为非常酷League Gothic字体把这些字转为大纲(CMD/Ctrl+SHIFT+O)右键点击取消组合(Ungroup)然后把每个词字母重新组合最后移动调整大小重新摆放位置使文字在圆圈最中心

Illustrator打造精细矢量黑白徽章

  图:07

  按住sht键拖动条直线和水平线形成45度角把直线重量设为0.5pt然后复制这条直线把复制线移动到徽章另外边(按住sht键来保持直线角度)设置两条直线:对象(Object)'混合(Blend)'制作(Make)

Illustrator打造精细矢量黑白徽章

  图:08

  回到对象'混合'混合选项(Blend options)调整设置选择详细步骤(Specied Steps)接着调整数字在画布上形成系列密集直线

Illustrator打造精细矢量黑白徽章

  图:09

  在所有直线被选中状态下找到对象'展开(Expand)然后选择对象(object)和画笔(stroke)选项同时把这些直线移除到另外

Illustrator打造精细矢量黑白徽章

  图:10

  选中外部徽章大纲然后点击对象“路径(Path)”偏移路径(Off Path)在off栏输入1.5mm

Illustrator打造精细矢量黑白徽章

  图:11

  把所有直线都复制移动到整个徽章设计上面仔细地选中偏移路径和直线然后按着Alt键同时在路径寻找器中点击交叉(Intersect)选项

  小提示:为了只选到两个对象在画布上拉个选区按住sht键点击不需要那些部分就可以更加方便快捷地选择你所需要那两部分

Illustrator打造精细矢量黑白徽章

  图:12

  现在把交叉选项全部清空对象“展开外观(Expand Appearance)”这个步骤会清除在对象周围所有能看得见直线

Illustrator打造精细矢量黑白徽章

  图:13

  选中在徽章中间虚线然后对象“展开”画笔选项

Illustrator打造精细矢量黑白徽章

  图:14

  复制这些虚线然后粘贴在前面接着把另外个虚线复制本覆盖着这个徽章上面次利用路径寻找器来交叉这些形状在原本是白色虚线上留下系列设置过小线条

Illustrator打造精细矢量黑白徽章

  图:15

  复制和粘贴这些文字把这个复制本移下点点这样形成个很基本阴影效果在原始那些文字顶部添加白色画笔



Illustrator打造精细矢量黑白徽章

  图:16

  粘贴另外个线条复制本把下面文字添加到这个选区在路径寻找器里使用交叉选项来描摹文本轮廓

Illustrator打造精细矢量黑白徽章

  效果图

  英文地址:http://www.blog.spoongraphics.co.uk/tutorials/create-a-detailed-vector-emblem-badge-in-illustrator



Tags: 

延伸阅读

最新评论

发表评论