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

呱呱叫GO

呱呱叫GO

2016-02-16 19:39

图老师小编精心整理的Illustrator创建一个可以无限重用的按钮样式希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~

先看看效果图

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第1步:

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第2步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第3步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第4步:

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

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第5步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第6步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第7步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第8步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第9步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第10步:

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

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第11步:

选中最下面的灰色填充,使用 效果-路径-位移路径 命令,设置如下,使该填充往内收缩2px。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第12步:

为文字添加一个微妙的阴影。

复制一次文字的浅灰渐变填充,选中下面的那层,使用 效果-扭曲和变换-变换 命令,将该填充下移2pt,即把垂直位移设为-2px。

然后点击该填充透明度,将其混合模式改为正片叠底。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第13步:

将之前的橙色纯色填充改为红色渐变填充。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第14步:

添加一个新描边,使用菜单- 效果-转换为形状-圆角矩形。参数设置如下。

然后将该描边颜色改为米色,1.5pt虚线,具体参数如下。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第15步:

为虚线描边添加一个微妙的阴影。

复制一次米色虚线描边,选中下面的那层,使用 效果-扭曲和变换-变换 命令,将该填充下移2pt,即把垂直位移设为-2px。

然后点击该填充透明度,将其混合模式改为正片叠底。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

第16步:

将最下面一层深灰色填充颜色改为同文字一样的浅灰色填充。并为该填充添加一个阴影。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

最后,下面就是该文字的全部外观信息。

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

在该文字被选中的情况下,点击图层样式面板右下角的新建按钮,或者直接将该文字拖至图层样式按钮,就能够建立新的图层样式。这些样式就可以应用于任何图形。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/illustrator/)

Illustrator创建一个可以无限重用的按钮样式,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Illustrator创建一个海底世界场景

Illustrator CorelDRAW
Illustrator创建一个海底世界场景

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Illustrator创建一个时尚的斜面浮雕

Illustrator CorelDRAW
Illustrator创建一个时尚的斜面浮雕

一个可重用的RAS类

编程语言 网络编程
一个可重用的RAS类

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

在photoshop中创建一个透明玻璃按钮

电脑网络
在photoshop中创建一个透明玻璃按钮

Illustrator结合PS创建一个复古丝带效果

Illustrator CorelDRAW
Illustrator结合PS创建一个复古丝带效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

3DMAX实例教程:详解解说制作精品火车

3DMAX实例教程:详解解说制作精品火车

Illustrator绘制立方效果的苹果图标

Illustrator绘制立方效果的苹果图标
下拉加载更多内容 ↓