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

2016-02-16 19:39 20 1 收藏

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

【 tulaoshi.com - Illustrator 】

先看看效果图

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

第1步:

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

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

第2步:

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

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

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

第3步:

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

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

第4步:

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

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

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

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

第5步:

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

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

第6步:

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

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

第7步:

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

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

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教程,图老师教程网

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

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

来源:http://www.tulaoshi.com/n/20160216/1572685.html

延伸阅读
这篇教程中,我将展示如何用AI去创建一个3D楼层户型图。本教程非常简单,总共只有简单的6步。该方法可以用在图表或建筑物的布局图中。让我们开始吧。
介绍一个有Toolbar功能的可重用类 CPopupText 赵湘宁 本文例子代码背景:我用一个CListBox派生类实现宿主(owner-draw)列表框,这个列表框的项目宽度超过了列表框本身的宽度,因此当鼠标指针指向大宽度的列表框项时,我想显示一个类似Toolbar的提示窗口,在窗口中显示完整的列表框项目文本。 ...
void __fastcall TForm1::FormCreate(TObject *Sender) {  SetWindowLong(TreeView1-Handle,GWL_STYLE, GetWindowLong(TreeView1-Handle,GWL_STYLE) | TVS_CHECKBOXES); } //判断一个节点是否处于Checked状态 bool GetNodeChecked(TTreeNode *ANode) { TVITEM tvItem; tvItem.mask = TVIF_HANDLE | T...
标签: PS PS基础
先看效果图 新建文档200x50像素,背景填充深灰色。建新层,前景色#9a2941画一个圆角矩形。 添加图层样式。 然后建新层,画下图所示蓝色形状,效果如下, 单列选框工具点一下,填充白色,复制2个,图层模式叠加,添加蒙版去除多余部分。 输入白色文字,添加黑色1像素描边样式,具体不截图了,很容易。 建新层...

经验教程

390

收藏

53
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部