Illustrator 教學

Illustrator教學-錯視文字效果

文字工具+形狀建立程式工具

蔡點點 Dotty

這也是許願的教學,終於排到這一篇了,之間也有寫過一篇類似的教學文,不過是用Ps操作的,有興趣的話下方會放相關連結,今天這篇要用Ai來製作,步驟其實很簡單,快一起來玩玩看吧!

Designed by Dotty. 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. Designed by Dotty.


相關文章

Photoshop教學-線條藝術
濾鏡收藏館+臨界值medium.com


文章結束,感謝你的閱讀,如果你喜歡我的文章歡迎大力拍手!最多可拍手到50下,你們的鼓勵將是我持續寫下去的動力,有任何設計需求與設計交流都歡迎來信,謝謝支持!

Instagram:dddotty

happentomeetdesign@gmail.com

支持 蔡點點
*邀請你成為我,蔡點點 的讚賞公民,支持我持續創作。*liker.land

這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。

這篇有哪裡卡住嗎?

照著做卻卡在某一步、或想問延伸的用法,都可以問我。 問題如果對其他人也有幫助,我會整理進這篇文章的「讀者提問」。

寄信問我 →