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

illustrator

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

illustrator

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

 

 

illustrator

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

 

illustrator

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

 

illustrator

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

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

 

illustrator

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

 

illustrator

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

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

 

1 Response

  1. Ling Shang Guan表示:

    喜歡你的教學~^^

發表迴響

下面還有更多有趣的文章喔