Illustrator教學 — 錯視文字效果
用 Illustrator 的漸變工具做錯視文字。
這也是許願的教學，終於排到這一篇了，之間也有寫過一篇類似的教學文，不過是用Ps操作的，有興趣的話下方會放相關連結，今天這篇要用Ai來製作，步驟其實很簡單，快一起來玩玩看吧！
Designed by Dotty.
START （使用軟體：Illustrator CC 2022，240 x 240 mm）
1使用「文字工具」（Type Tool）輸入想要的文字，接著選取文字，到功能表的「文字」，選「建立外框」。
文字工具
2使用「橢圓形工具」（Ellipse Tool）繪製出一大一小的圓，如下圖。
橢圓形工具
3選取兩個圓，到功能表的「物件」選「漸變」內的「製作」，第二次一樣的地方選「漸變選項」，將選項改成「指定階數」，可參考我的數值。
4複製一份做好漸變的圓到文字這邊對齊好。
5點選漸變的圓，到功能表的「物件」選「展開」直接按下確定，這邊會做個2次，最終要讓圓展開變形狀，如下圖。
展開變形狀
6全選圓與文字，使用「形狀建立程式工具」（Shape Builder Tool），按住「Option／Alt」將包覆在文字以外的線去除，下方有影片操作，這個步驟非常療癒XD
形狀建立程式工具
最終結果
7單選原本的文字將其刪除，就會看到剩下的線段。
把文字刪除會得到右邊的結果
8回到一剛開始的圓，我們將文字與圓使用「水平居中」、「垂直居中」對齊，再到屬性列把文字增加筆畫寬度，下方有參考步驟影片。
9這樣就完成囉！是不是很簡單呢～
Designed by Dotty.
相關文章
- 使用軟體
- Illustrator CC 2022
- 作者
- 蔡點點 Dotty
謝謝你讀到這裡。這裡的文章全部免費，如果內容對你有幫助，也歡迎用你喜歡的方式支持我。
這篇文章原先發表於 Medium 碰巧遇見設計期刊 ，現已搬遷至此並持續更新。