• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Illustrator > Illustrator创建无限重用的按钮样式图文教程

Illustrator创建无限重用的按钮样式图文教程

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-23

佚名 向大家分享了Illustrator创建无限重用的按钮样式图文教程,其中包含illustrator 样式,illustrator图形样式,adobe illustrator,illustrator,illustrator cs6下载等知识点,遇到此问题的同学们可以参考下
本教程是向大家介绍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创建一个可以无限重用的按钮样式,破洛洛

第11步:

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

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

第12步:

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

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

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

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

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

第13步:

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

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

第14步:

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

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

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

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

第15步:

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

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

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

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

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

第16步:

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

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

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

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

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

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

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

教程结束,以上就是Illustrator创建无限重用的按钮样式方法,希望大家看完之后会有一定的帮助!谢谢大家观看本教程!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Illustrator创建一个折纸样式的小鸟标识
  • Illustrator创建无限重用的按钮样式图文教程
  • Illustrator实例教程:绘制知乎样式的按钮 解析多重填充与多重描边
  • Illustrator 超流行的凸版印刷样式文字

相关文章

  • 2017-05-23Illustrator绘制扁平化风格的黑色皮肤外科医生头像
  • 2017-05-23ai怎么制作绚丽的太阳花矢量图?
  • 2017-05-23AI绘制一个沧桑的老人头像教程
  • 2017-05-23Illustrator绘制夸张有创意的大嘴光盘封面效果图
  • 2017-05-23AI绘制一群可爱的卡通风格的忍者部队
  • 2017-05-23AI绘制出一个逼真的黄色柠檬
  • 2017-05-23Illustrator(AI)设计绘制常见的传统图案实例教程
  • 2017-05-23Illustrator(AI)设计制作出漂亮的彩色时尚圆圈图实例教程
  • 2017-05-23ai制作收缩和膨胀效果图形
  • 2017-05-23AI怎么建立复合路径? AI制作SVG复合路径图标的教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • AI渐变文字怎么添加描边?
    • Illustrator制作一款可爱的绒线字体
    • Illustrator(AI)设计制作一个建筑装饰公司标志图实例教程
    • 简单10步教你用AI绘制矢量极简风格的人像插画
    • ai固定比例的圆怎么绘制?
    • Illustrator三步简单制作立体丝带缠绕字体效果
    • illustrator无法启动运行的解决方法
    • Ai简单绘制小人滑浪的标志
    • Illustrator怎么打散艺术符号形状?
    • 网格在AI排版中的妙用(图文教程)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有