Illustrator图形绘制RSS图标按钮实例教程

给各位Illustratror软件的使用者们来详细的解析分享一下图形绘制RSS图标按钮的实例教程。

教程分享:

先来看一下最终效果。

 


RSS图标

 


Web 2.0风格按钮

下面介绍具体操作步骤。

1.按Ctrl+N打开【新建文档】对话框,并按如图1所示进行设置。设置完毕单击【确定】按钮。

 


图1

2.选择工具箱中的【圆角矩形工具】,按住Shift键的同时在画布上拖曳,绘制一个圆角矩形,如图2所示。注意要将矩形的描边设置为无。

 


图2

3.用浅橙色到深橙色的径向渐变填充圆角矩形,如图3所示。

 


图3

4.选择工具箱中的【弧形工具】(隐藏在【直线工具】组中),按住Shift键的同时绘制一段弧形,如图4所示。

 


图4

5.将弧形的填充色设置为无,描边色设置为白色,并在【描边】面板中适当改变描边的粗细,如图4所示。

6.按住Shift键的同时旋转弧形,使其方向变为如图5所示。

 


图5

7.按Ctrl+C复制弧形,再按Ctrl+F粘贴到原位置。

8.按住Shift键的同时拖动弧形右上方的控制点,改变弧形的大小,得到如图6所示的结果。

 


图6

9.在如图7所示位置画一个小的圆形,填充为白色,描边色设置为无。

 


图7

10.选中两段弧形,然后选择【对象|路径|轮廓化描边】菜单命令,将描边转化为路径。这样以后缩放形状时,即会按比例缩放。但如果不轮廓化描边,则在缩放对象时描边粗细不会随之发生变化。

11.选中弧形组与圆形,然后单击控制面板中的【对齐】链接,并单击【对齐】面板中的【水平左对齐】按钮和【垂直底对齐】按钮,并适当调整各个对象的位置与大小,得到RSS图标的最终效果,如图8所示。

 


图8

12.使用【圆角矩形工具】绘制一个圆角矩形,将矩形的填充色设置为黑色,描边设置为无,如图9所示。

 


图9

13.2 按Ctrl+2将圆角矩形锁定,以方便接下来图形的绘制。使用【圆角矩形工具】绘制一个比第1个矩形小的矩形,其大小和位置如图10所示。绘制完毕使用白色到黑色的渐变色填充该圆角矩形。

 


图10

14.使用【矩形工具】在第2个圆角矩形上方再绘制一个矩形,大小及位置以恰好盖过第2个圆角矩形为宜,并将填充色设置为白色,如图11所示。

 


图11

15.选中这两个矩形,然后单击图标面板中的【透明度】图标 ,打开【透明度】面板。

16.单击面板右上方的 打开面板菜单,然后单击菜单中的【建立不透明蒙版】命令。建立不透明蒙版后的效果如图12所示。如果要显示出不透明蒙版的相关选项,可能要单击面板菜单中的【显示选项】命令。

 


图12

17.单击【透明度】面板中的 ,进入不透明蒙版编辑状态,将其不透明度改为62%,如图13所示。修改完毕单击 停止编辑不透明蒙版,回到正常的图形编辑状态。

 


图13

18.置入上节中制作的RSS按钮,将其移动到按钮上,并输入按钮文字,适当调整其大小和位置,完成按钮的制作,如图14所示。

 


图14

19.如果要改变按钮的颜色,可以选择【对外|全部解锁】菜单命令,然后选中最下方的黑色圆角矩形,改变其颜色,再相应的改变不透明蒙版的颜色。在修改不透明蒙版颜色时,不必进入不透明蒙版编辑状态,直接修改第2个圆角矩形的渐变色即可。这样可以得到颜色不同的按钮,如图15所示。

 


好了,以上的信息就是小编给各位Illustratror的这一款软件的使用者们带来的详细的图形绘制RSS图标按钮的实例教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在看到了这里是非常的清楚了绘制方法了吧,那么大家就快去按照小编给大家分享的教程自己去绘制RSS图标按钮吧。

时间: 2024-09-19 22:50:28

Illustrator图形绘制RSS图标按钮实例教程的相关文章

Illustrator设计简洁的水晶图标按钮制作教程

给各位Illustratror软件的使用者们来详细的解析分享一下设计简洁的水晶图标按钮的制作教程. 教程分享: 1.在Illustrator中做一个浅色直线渐变的正圆,作为图标的底部图形. 2.做两个圆,一大一小,注意选取相近色阶的填充色,进行混合 . 3.做一个白色圆,适当高斯模糊. 4.做一个渐变色的椭圆,作为半透明遮罩,同时选择二者,打开透明度面板的选项设置,建立不透明蒙板,得到半透明的高光部分. 5.绘制出一个三角形,风格化:圆角.再做高光部分,然后与前面的圆角三角形一起放置. 组合放置

Illustrator绘制界面图标的边框教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制界面图标的边框的教程. 教程分享:   2.复制这个正圆,移动位置如图.   3.作出一条直线,中心旋转90度.(这条直线的作用下一步就知道了)   4.复制出两个正圆,移动位置如图.     5.按住Alt键,作出一个正圆,如图所示.   6.重点来了,把这个正圆的所有锚点的所有方向线都移动到如图位置.     7.一枚漂漂亮亮的界面图标的边框就作出来了,很简单的吧!   好了,以上的信息就是小编给各位Illustrator的这

Illustrator制作3D字体组合特效实例教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作3D字体组合特效的实例教程. 教程分享: 01 先把自己的想法勾勒在纸上,这样有助于更好的在软件里完成你想要的效果.这篇教程我只讲一个字体的制作方法,大家融会贯通很容易就能做出其他更复杂的效果来.   02 有许多方法可以制作等距网格线.但对我来说,这是最简单的方法:首先,在Illustrator中使用直线工具,画一条水平线贯穿页面并复制几次,直到你有足够数目的线条.现在选择全部,双击工具面板的剪切图标.输入角度30,点击垂直轴.

Illustrator制作剔透雨滴按钮效果教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作剔透雨滴按钮效果的教程. 教程分享:   最终效果:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的制作剔透雨滴按钮效果的教程解析分享的全部内容了,各位使用者们看到这里了小编相信大家现在是非常的清楚了制作方法了吧,那么各位就快去按照小编上面给大家带来的教程自己去绘制一下雨滴按钮吧.

Painter绘制写实侧身美女实例教程

给各位Painter软件的使用者们来详细的解析分享一下绘制写实侧身美女实例的教程. 教程分享: 首先来看看最终效果:   我是用painter7完成这幅画的,从我喜爱的杂志上找到一张参考图片.   首先我快速画出所有的色块,然后继续完成背景,因为我喜欢现有的颜色,我只用了Palette Knife.   然后我开始画身体,同时有一点偏离,因为我停止看头部的比例.   修正手臂的错误和在背面画上更多的阴影后,我开始画脸部细节.   2细节表现 不断增加脸部细节     开始头发的色块和细节   修

Illustrator利用画笔工具制作人物画像实例教程

给各位Illustrator软件的使用者们来详细的解析分享一下利用画笔工具制作人物画像的实例教程. 教程分享:   好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的利用画笔工具制作人物画像的实例教程解析分享的全部内容了,各位使用者们现在看到这里了,小编相信各位是很清楚了制作方法了吧,那么大家就快去按照小编的教程自己去制作下人物画像吧.

PS绘制计算器图标设计UI教程

  计算器图标设计UI教程 分类: PS鼠绘教程 ps图标制作教程

Illustrator打造苹果风格图标立体化风格教程

给各位Illustratror软件的使用者们来详细的解析分享一下打造苹果风格图标立体化风格的教程. 教程分享: 将扳手的形状选中,执行Illustrator的"对象>路径>偏移路径"命令,弹出"偏移路径"对话框,输入数值-0.4.(注:-0.4的数值只是根据形状大小而来,偏移路径命令只能计算绝对数值,而不能计算相对数值,希望能在CS3的版本中能够有所更新,所以大家在使用该命令的时候,要尝试大小合适才行.)   单击"好"按钮,得到一个

PS与CDR绘制瓢虫及背景实例教程

此为作品完成图有点立体效果: 能完成作业的话,那我基本上达到目的了,呵呵 不懂的可以问~! [希望大家能做出这个效果显示在下面,我会把教程一一发布出来][任何人不得出版,刊登,模仿以下教程牟利,龙腾工作室对其有最踪起诉权] 虫不知教程: 1.背景绘制 在背景区域填上浅蓝色,然后使用正方行工具画出一个方形放在下面,当着草坪.主要使用路径工具对其调整.再使用椭圆工具绘制出三四个挨在一起的圆形,然后使用焊接工具对其结合填色,再使用阴影工具拖扯,可以自己慢慢调试,阴影为比背景色稍微蓝些.然后复制图形,如