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

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

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

【 tulaoshi.com - Illustrator 】

先看看效果图

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

第1步:

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

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。

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

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

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

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

第13步:

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

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

第14步:

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

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

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

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

第15步:

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

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

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

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

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

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

第16步:

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

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

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

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

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

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

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

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

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

延伸阅读
标签: Web开发
a href="java script:void(0)" onclick="copyinfo()"点击复制UBB标签/a input type="button" onclick="copyinfo()" value="点击复制UBB标签" / script language="javascript" function copyinfo() {     var obj = document.getElementById("ubbinfo...
标签: ASP
  下面zip文件:http://www.content.aspdir.co.uk/files/Article-11.zip During this article you will learn how to construct your own web poll using ASP. The article presumes you already understand basic database interaction. The following samples of code allow a user to select one of four options to a question....
介绍一个有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...
    本TuLaoShi.com教程很简单,后面有附样式下载! 制作过程如图(图片过大,请点击打开):   样式下载地址:http://www.poluoluo.com/sucai/psys/Index.html

经验教程

306

收藏

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