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

可能是网络世界中最受欢迎和最容易识别的图标之一;RSS图标显示在许多网站上,以指示订阅源的可用性。您可以下载预先制作的图标并将其放置在您的网站上,然而,本教程涵盖了在Illustrator中创建自己的自定义矢量RSS图标的过程。
因为要以矢量格式创建图标,它可以按大小放大或缩小,以便将来在您可能工作的网站上实现,与光栅版本不同的是,为了防止像素化,光栅版本必须在更大的尺寸上进行重新绘制。

141.JPG

对于初学者来说,下图显示了组成图标的元素的结构。类似于photoshobeplay足球p,Illustrator可以分层工作,多个对象也可以在一个图层中相互叠加。通过使用“ctrl/cmd+[”和“ctrl/cmd+]”可以更改所选对象的堆叠顺序,而且,按“ctrl/cmd+shift+[”和“ctrl/cmd+shift+]”将分别向堆栈的底部和顶部发送对象。

110 JPG

开始,画一个圆角矩形。在释放鼠标之前,上下轻敲光标键以调整角的圆度。按住SHIFT键以限制比例,使其成为方形。或者,只需点击Artboard就会弹出一个对话框,在这里可以输入精确的测量值。
用从深橙色到浅色调的垂直渐变填充此形状。

210JPG

按“ctrl/cmd+c”和“ctrl/cmd+f”复制形状并放在前面。然后在按住alt键的同时稍微缩小形状。用之前使用的较深橙色填充此形状。按“ctrl/cmd+c”复制形状。

32.JPG

选择较小的形状后,使用渐变网格工具在左上角添加高光,调整颜色滑块以产生更亮的黄色色调。

42.JPG

按“ctrl/cmd+f”粘贴到上一步复制的形状中。我们在添加渐变网格之前复制了形状,因为网格会限制形状的可编辑性,基本上会把事情搞得一团糟!用白色填充形状。

使用笔工具创建一个覆盖白色对象下半部分的形状,在顶部添加一条曲线,这将用于剪切形状以创建反射。

52.JPG6JPG

同时选择白色对象和使用笔工具创建的新形状,然后单击Pathfinder窗口中的“从形状区域中减去”按钮,然后展开。将此形状的不透明度降低到20%。

71.JPG

要创建实际的RSS符号,画一个圆(按住Shift键)并添加一个黑色笔划。增加冲程以产生宽环。记下尺寸,就我来说是12磅,但你的尺寸可能取决于你工作的尺寸。

使用直接选择工具选择和删除组成圆的四个点中的两个,这只会给你留下四分之一的圆。复制此形状并向左向下移动45度。

81.JPG

在缩放和对齐形状时,使用辅助线提供视觉帮助,取决于您的首选项是否设置为缩放笔划,您可能需要将第二个形状的笔画重设为12磅(或之前记下的任何尺寸!).

91.JPG

选择该对并转到“对象>展开”,然后选中“笔划”复选框以将笔划转换为完整形状。

101.JPG

通过添加圆完成符号,按住SHIFT键以限制比例,并使用辅助线与其他对象对齐,按“ctrl/cmd+g”组合对象,然后用从白色到浅灰色的渐变填充。

112.JPG

将符号与橙色背景对象对齐,然后按“ctrl/cmd+shift+]”将反射排序到堆栈顶部。

121.JPG

通过选择
效果>样式化>外发光。

131.JPG141.JPG

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

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

73评论

  1. 嗨,Naida

    我从头开始创建了这个设计,然后修改了默认的WordPress模板以适应它。

    如果你对CSS感到满意,为什么不尝试制作你自己的模板呢?如果你真的决定尝试一下的话,那么火狐网页开发者的扩展是非常推荐的!

    克里斯

  2. 本教程有几个问题。

    错误1–偏移路径
    不要复制圆角矩形并缩放它。正如你所看到的,内矩形上的圆角边缘与外边缘不匹配。通过偏移第一个矩形,可以保持圆角的正确半径。

    错误2–透明度
    外部辉光的透明度设置应设置为倍增。这将防止黑色看起来泥泞,并将使其与下面的橙色很好地混合。

    我只有这些。希望这有帮助。

  3. 谢谢。对于初学者来说相当容易理解,并且产生了非常令人满意的结果。

    好一个!

  4. 我没有魔术师。那么,你怎样才能用烟花达到同样的效果呢?尝试为我们的武术馆网站设计一些图标:tri-c-a.com,但我相当紧张。任何帮助都将不胜感激。

    事先谢谢!

  5. 你好,

    我们想在pluginsworld.com上创建一个关于Illustrator和Photoshop的教程部分。beplay足球如果您有任何教程要提交,请随时联系我们。

    谢谢!

    - 1
  6. 那么,如何删除这四个点中的两个呢?作者假设每个人都是大师,这使得教程毫无用处。

    - 1
  7. 真的!制作本教程的方法!我喜欢它!既然我是插画家的初学者,这很容易理解,而且效果很好!!

    - 1
  8. Van Leeuwen
    “CTRL”用于PC和“Cmd”是给Mac的。如果你有电脑,使用Ctrl +C,反之亦然。

    - 1

评论现已关闭