PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 情非得已 给我们带来经精彩的文章!
设计教程/矢量教程/Illustrator教程2011-09-18
本教程主要使用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创建一个可以无限重用的按钮样式

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa