当前位置: 首页 > 设计教程 > Illustrator教程 > Illustrator制作图片按钮重复使用的样式效果教程(2)

Illustrator制作图片按钮重复使用的样式效果教程(2)

Illustrator制作图片按钮重复使用的样式效果教程

第5步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第6步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第7步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第8步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第9步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第10步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第11步:

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

Illustrator制作图片按钮重复使用的样式效果教程

第12步:

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

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

  • 共4页:
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 下一页
  • 上一篇:Illustrator实现曲功造型名片设计作品实例教程
    下一篇:AI打造彩色梦幻气泡

    图集推荐

    • 灵感
    • 美图