更聰明的使用 illustrator 自動讓輸入的文字變成圖示按鈕

illustrator的小技巧，透過外觀工具讓你輸入的文字，都可以變成有圓角的圖示，非常適合網頁設計師製作網站的視覺設計使用，本教學大約3分鐘

1. 首先我們先輸入一組文字並選取
2. 接著在外觀面板的視窗裡面，點選左下角的新增填色，請新增兩個填色

1. 我們在剛剛新增的兩個填色，分別填上桃紅色與黃色
2. 接著我們將 字元 的圖層，拖拉到兩個填色的中間，這樣上層的填色才能蓋住文字

1. 接著選取字元下面的填色圖層
2. 點選左下角 新增效果 的按鈕，選擇 轉換為以下形狀 / 圓角矩形

接著出現外框選項的視窗，我們分別填寫數據

• 勾選相對尺寸：確保未來變形時比例不會跑掉
• 額外的寬跟高：指延伸出去的範圍
• 圓角半徑：數值越大四邊的圓角越圓

完成了，於是我們更改文字的內容時，底部的黃底就會跟著改變了，這個概念可以做很多延伸，甚至可以將黃底改成漸變或是圖樣去做應用，未來介介再介紹 illustrator 新增效果的延伸應用．

另外剛剛做好的外觀，可以選取後，在繪圖樣式的視窗裡，按下新增繪圖樣式，就可以將這樣的效果存起來，未來只要開啟繪圖樣式就可以輕鬆的增加樣式了

另外介介也將本範例存成樣式，有需要的可以點此下載 illustrator 繪圖樣式檔