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

这个Safari浏览器从苹果公司有一个伟大的小图标,在小格式工作得很好,同时也显示了许多复杂的细节时,在大格式查看。浏览此Adobe Illustrator教程,在Adobe Illustrator中绘制您自己的受Vector Safari启发的指南针。

Apple Safari图标

像往常一样,从AdobeIllustrator中的新文档开始,在画板上画一个圆圈,同时按住SHIFT键以产生完美的形状。用灰色到白色的垂直渐变填充形状。

复制粘贴在前面(ctrl/cmd+f)一个新版本的圆,并添加一个浅灰色到白色的渐变。这次是径向格式。稍微缩小圆圈。

粘贴到第三个圆中,填充一个非常微弱的灰色,并按比例缩小,留下相当数量的前一个形状可见。

再粘贴一个圆,这一次是灰色到白色的线性渐变,比例非常小。

再次使用径向渐变粘贴到另一个圆中。这种铺设不同坡度的方法给人以轮廓和反光金属框架的印象。

粘贴到最后一个圆,但这次用蓝色渐变填充,以表示罗盘面的背景。

开始用划过的圆圈和星形工具绘制贴花,拖动星形时,按箭头光标键可将点数从右向下更改为一。使用直接选择工具(白色箭头)将最上面的点进一步向上拖动,形成一个较长的三角形。

复制三角形并将其放置在圆周围的90度位置。使用Align调色板中的Align to ArtBoard功能可以更轻松地工作。

重新创建三角形并稍微缩放以创建对角线指针。

使用更多的小三角形来标记北方的点,East南部和西部。在蓝色背景中添加笔划有助于将三角形与框架混合在一起。

原始Safari图标周围是增量三角形,指示指南针周围的度数。要重新创建此模式,请从三角形开始,复制并将固定距离移动到侧面。

用一个稍小的三角形重复这个过程,在大小形状之间产生交替图案。

在为本教程创建Safari图标的过程中,我犯了一个小错误,但我认为将其包含在内并显示一个可以使用的简单解决方案是非常好的。
注意,在这个例子中,我们将创建的画笔图案不匹配,因为三角形之间的距离不相等。

简单的解决方法是在模式的末尾添加一个点,与之前使用的距离相同。该点将不可见,但将向图案区域添加一个额外的部分。

现在,创建图案时,选择三角形组并旋转,使其指向下方。然后从画笔调色板中单击新的画笔图标。

从列表中选择New Pattern Brush,然后在对话框中选择OK和Options。

复制粘贴在蓝色背景圈前,清除填充并添加新创建的画笔,根据需要缩放圆,使其适合罗盘区域。

抓住一个自由向量映射从最近的一篇文章中,在Illustrator中打开并粘贴到文档中。使用Pathfinder工具中的蓝色圆圈副本以及“从形状区域相交”选项来切掉多余的部分。

将其余地图区域填充为白色,并将透明度设置为覆盖或柔光,根据需要调整不透明度。

使用类型工具绘制n,ES和W缩写。这里使用的字体是一种叫做爪哇职业.

旋转首字母并将其放置在罗盘上的适当位置,使用对齐调色板精确匹配它们。

用较小的西北等首字母重复该过程,将这些设置为80%的较低不透明度。

用另一个三角形画出罗盘指针的一半,根据需要使用直接选择工具移动端点,以提供一个长点。

复制并粘贴指南针的副本,将底部的一个点向内移动一半。用浅灰色填充新版本。

将罗盘指针和位置复制到相反的方向,这一次用红色阴影填充两半。

放大并画一个圆圈作为打捆针安装销,使用灰色线性渐变作为填充。

粘贴到另一个圆中,稍微缩小一点,用另一个渐变填充,以获得反射表面的效果。

一个苹果产品没有它的反省是不完整的。在罗盘面上粘贴一个白色圆圈,绘制一个附加形状,与“取景器”工具中的“从形状区域中减去”选项一起使用。

降低反射的不透明度,在指南针的玻璃屏幕上投射出柔和的光线。

最后确定矢量罗盘的任何小调整和添加。在这里,我调整了相框的大小,与罗盘面相比,做了一些轻微的颜色变化,并稍微旋转了整个装置。

但是等等!还有更多的钱

完成矢量图后,最好在Adobe Photoshop中打开文件,添加一些最终的调整,以真正显示细节和颜色。beplay足球

使用刷子工具轻轻地在罗盘针下的一个微弱的阴影中画画,使其稍微从脸上抬起。也,在指南针上拖动黑白渐变,并将混合模式设置为覆盖65%。

在一个新的层上,用画笔工具画出一些粗糙的斑点,瞄准金属框架周围的随机区域。画上圆形遮罩,删除指南针边缘周围的多余部分和表面上的任何重叠部分。

将该层设置为50%的柔和灯光,以向金属外壳添加一些阴影。

在罗盘面上画一个蓝到白的渐变,并将该层设置为线性燃烧35%,这有助于弹出指南针背景的颜色。

Apple Safari图标

如果你的插图保持完全矢量化是至关重要的,那么可以在Illustrator中进行类似的调整,不过,我觉得photoshopbeplay足球可以更好地控制这些小的色调调整。在图像看起来相当平坦之前,但现在随着这些最终的调整,指南针有一个良好的音调范围,从而产生了一个稍微更现实的说明。

分享
在Pinterest上共享
没有图像。
53评论 提交 加上你的!
订阅接收spoon图形通讯beplay全方位手机移动娱乐平台

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

53评论

  1. 精彩的教程!我以为很难创造出如此详细的图像,但你的工作流程技术能如此高效地完成任务,谢谢你的提示。

  2. @大家:非常感谢所有的评论,很高兴听到这些技术被证明是有用的。

    @丹:我想为Vectrotts生产一些东西,这是一个接近我兴趣的网站,但目前我很难找到时间写教程博客。spoongraphics-也许有一天!

    @阿斯玛:我回复有点晚了,但是请在你的网站上加入图坦卡蒙。

  3. 希亚

    只是想说这是一个非常棒的教程,做得好。也许反射应该高于指针,但它们通常不会在玻璃下面?

    不过,教程很棒。继续努力。

    最美好的祝福,

    作记号

  4. 除了地图(似乎找不到)以外,我无法理解基础数学(测量箭头),对于像我这样不知道如何使用Illustrator的人来说,这是一个非常好的教程。

    我还在研究photoshop的部分,beplay足球但那是我自己的正午。

  5. 嘿,大啧啧。
    我对人工智能有点陌生,所以我不明白你是怎么从第19步到第20步的,当我在步骤19中使用“相交形状….”它删除了所有的圆环,让圆环保持颜色,然后我无法在第20步中去掉地图的剩余部分:/
    你能给我个提示吗?

  6. 不是一个彻头彻尾的混蛋,但最后的着色在Illustrator中是完全可行的,使用网格工具及其内置的形状混合选项。还有一个“投影”“效果”->“样式化”菜单中的选项。除此之外,太棒了。:3

评论现已关闭