| AI教程 | Flash教程 | Fireworks教程 | Painter教程 | CDR教程 | CAD教程 | 3Dmax教程 | Maya教程 | 摄影技巧 | 广告文案 | LOGO案例 | PS教程

Illustrator绘制可以重复使用的按钮样式

先看看效果图

Illustrator创建一个可以无限重用的按钮样式

第1步:

找一个比较粗壮的,我选的是VAL字体,60pt。用文本工具打出想要的字。

Illustrator创建一个可以无限重用的按钮样式

第2步:

将这个文字的填充及描边都设为空,就像下面这样,看不见文字了。这样是为了方便之后在外观appearance面板为其添加更为弹性的描边和填充。

Illustrator创建一个可以无限重用的按钮样式

第3步:

在外观appearance面板右上角的下拉菜单为其添加一个填充,默认为黑色。

Illustrator创建一个可以无限重用的按钮样式

第4步:

再添加一个填充,为方便区分将其颜色设置为其他颜色,我设成了橙黄色。

ps:请注意,在以上及下面的所有步骤,tap it!这段文本一直都是被选中的。

Illustrator创建一个可以无限重用的按钮样式
Illustrator创建一个可以无限重用的按钮样式

第5步:

在橙黄色填充被选中的情况下,使用菜单-> 效果-转换为形状-圆角矩形。参数设置如下。

Illustrator创建一个可以无限重用的按钮样式

第6步:

在选中橙黄色圆角矩形填充的情况下,点击外观面板右下角垃圾桶旁边的新建按钮,便会复制出一层出来。

Illustrator创建一个可以无限重用的按钮样式

第7步:

将上步之后,下面那层橙色填充颜色改为灰色。

Illustrator创建一个可以无限重用的按钮样式

第8步:

选中最下面的灰色填充,使用效果-路径-位移路径命令,设置如下,使该填充往外扩大5px。

Illustrator创建一个可以无限重用的按钮样式

第9步:

修改第一个黑色填充也就是文字的颜色为白色到浅灰色的渐变。

Illustrator创建一个可以无限重用的按钮样式

第10步:

添加一个描边,颜色为灰色,宽1pt,在描边面板里勾中虚线,虚线和间隔均设为2pt,如下图。

Illustrator创建一个可以无限重用的按钮样式

主题测试文章,只做测试使用。发布者:绘画吧,转转请注明出处:http://www.huitu8.com/shejijiaocheng/AIjiaocheng/20190921/97633.html



联系我们

在线咨询:点击这里给我发消息

邮件: