本教程是向大家介紹Illustrator創(chuàng)建無限重用的按鈕樣式方法，教程很實(shí)用，創(chuàng)建的按鈕非常漂亮可愛，介紹也很詳細(xì)，轉(zhuǎn)發(fā)過來，喜歡的朋友可以跟著一起制作！

先看看效果圖

第1步：

找一個(gè)比較粗壯的字體，我選的是VAL字體，60pt。用文本工具打出想要的字。

第2步：

將這個(gè)文字的填充及描邊都設(shè)為空，就像下面這樣，看不見文字了。這樣是為了方便之后在外觀appearance面板為其添加更為彈性的描邊和填充。

第3步：

在外觀appearance面板右上角的下拉菜單為其添加一個(gè)填充，默認(rèn)為黑色。

第4步：

再添加一個(gè)填充，為方便區(qū)分將其顏色設(shè)置為其他顏色，我設(shè)成了橙黃色。

ps：請(qǐng)注意，在以上及下面的所有步驟，tap it!這段文本一直都是被選中的。

第5步：

在橙黃色填充被選中的情況下，使用菜單-> 效果-轉(zhuǎn)換為形狀-圓角矩形。參數(shù)設(shè)置如下。

第6步：

在選中橙黃色圓角矩形填充的情況下，點(diǎn)擊外觀面板右下角垃圾桶旁邊的新建按鈕，便會(huì)復(fù)制出一層出來。

第7步：

將上步之后，下面那層橙色填充顏色改為灰色。

第8步：

選中最下面的灰色填充，使用效果-路徑-位移路徑命令，設(shè)置如下，使該填充往外擴(kuò)大5px。

第9步：

修改第一個(gè)黑色填充也就是文字的顏色為白色到淺灰色的漸變。

第10步：

添加一個(gè)描邊，顏色為灰色，寬1pt，在描邊面板里勾中虛線，虛線和間隔均設(shè)為2pt，如下圖。

第11步：

選中最下面的灰色填充，使用 效果-路徑-位移路徑 命令，設(shè)置如下，使該填充往內(nèi)收縮2px。

第12步：

為文字添加一個(gè)微妙的陰影。

復(fù)制一次文字的淺灰漸變填充，選中下面的那層，使用 效果-扭曲和變換-變換 命令，將該填充下移2pt，即把垂直位移設(shè)為-2px。

然后點(diǎn)擊該填充透明度，將其混合模式改為正片疊底。

第13步：

將之前的橙色純色填充改為紅色漸變填充。

第14步：

添加一個(gè)新描邊，使用菜單-> 效果-轉(zhuǎn)換為形狀-圓角矩形。參數(shù)設(shè)置如下。

然后將該描邊顏色改為米色，1.5pt虛線，具體參數(shù)如下。

第15步：

為虛線描邊添加一個(gè)微妙的陰影。

復(fù)制一次米色虛線描邊，選中下面的那層，使用 效果-扭曲和變換-變換 命令，將該填充下移2pt，即把垂直位移設(shè)為-2px。

然后點(diǎn)擊該填充透明度，將其混合模式改為正片疊底。

第16步：

將最下面一層深灰色填充顏色改為同文字一樣的淺灰色填充。并為該填充添加一個(gè)陰影。

最后，下面就是該文字的全部外觀信息。

在該文字被選中的情況下，點(diǎn)擊圖層樣式面板右下角的新建按鈕，或者直接將該文字拖至圖層樣式按鈕，就能夠建立新的圖層樣式。這些樣式就可以應(yīng)用于任何圖形。

教程結(jié)束，以上就是Illustrator創(chuàng)建無限重用的按鈕樣式方法，希望大家看完之后會(huì)有一定的幫助！謝謝大家觀看本教程！

最新評(píng)論