按钮样式设计(设置按钮的形状样式)
admin
2022-12-02 13:10:46

 先看看效果图

005.Illustrator创建样式按钮_办公百科网

第1步:

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

005.Illustrator创建样式按钮_办公百科网

第2步:

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

005.Illustrator创建样式按钮_办公百科网

第3步:

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

005.Illustrator创建样式按钮_办公百科网

第4步:

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

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

005.Illustrator创建样式按钮_办公百科网

005.Illustrator创建样式按钮_办公百科网

第5步:

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

005.Illustrator创建样式按钮_办公百科网

第6步:

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

005.Illustrator创建样式按钮_办公百科网

第7步:

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

005.Illustrator创建样式按钮_办公百科网

第8步:

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

005.Illustrator创建样式按钮_办公百科网

第9步:

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

005.Illustrator创建样式按钮_办公百科网

第10步:

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

005.Illustrator创建样式按钮_办公百科网

第11步:

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

005.Illustrator创建样式按钮_办公百科网

第12步:

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

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

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

005.Illustrator创建样式按钮_办公百科网

005.Illustrator创建样式按钮_办公百科网

第13步:

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

005.Illustrator创建样式按钮_办公百科网

第14步:

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

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

005.Illustrator创建样式按钮_办公百科网

005.Illustrator创建样式按钮_办公百科网

第15步:

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

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

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

005.Illustrator创建样式按钮_办公百科网

005.Illustrator创建样式按钮_办公百科网

第16步:

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

005.Illustrator创建样式按钮_办公百科网

005.Illustrator创建样式按钮_办公百科网

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

005.Illustrator创建样式按钮_办公百科网

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

005.Illustrator创建样式按钮_办公百科网



以上就是005.Illustrator创建样式按钮,希望大家喜欢,请继续关注办公百科网。

相关内容

热门资讯

北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...