Illustrator 教學

Illustrator教學 — 微模擬Adobe Animate CC 2019的啟動頁

模擬 Adobe Animate 2019 啟動頁的視覺,用 Illustrator 的路徑管理員分割完成。

今天來模擬一下「Adobe Animate CC 2019的啟動頁」,跟翻頁效果非常相近,步驟不難,一下就可以完成囉,如果想做的更仔細,細節還需要靠PS的協助,此篇文章只有教怎麼使用Ai做出基本樣式,那我們快開始吧~

Designed by Dotty. Designed by Dotty.

START (使用軟體:Illustrator CC 2021,尺寸:210x297mm / 300dpi)

1開新文件後,填入想要的底色,使用「文字工具」(Type Tool),打個數字「8」,這邊使用的字體為「Montserrat」,底圖先鎖定。

文字工具 文字工具

2按下滑鼠右鍵,將文字「建立外框」。

3使用「矩形工具」(Rectangle Tool)工具繪製長方形,按住「Option/Alt」加滑鼠拖曳複製一份出來,接著按下快捷「Cmd/Ctrl+D」再製,排列如下圖。

矩形工具 矩形工具

4到視窗開啟「路徑管理員」,把文字與框線一起選,點選「分割」,接著按下滑鼠右鍵「解散群組」。

5把多餘的框線刪除,只留下被分割的文字。

右邊為框線刪除後的樣子 右邊為框線刪除後的樣子

6一長條為一個單位,把被分開的文字群組起來,以此類推。

上下有分開的要把它群組起來 上下有分開的要把它群組起來

7把文字分段全選,按下滑鼠右鍵「變形」內的「個別變形」,把「鏡射X」打勾,按下確定,就會呈現水平鏡射的樣子。

8再一起填入漸層色,可填入灰至黑的顏色,這樣就完成囉。

9這張有將中間幾條長條區塊刪除,都可以自由調整喔,調整後如下圖。


原始 Adobe Animate CC 2019的啟動頁

原始 Adobe Animate CC 2019的啟動頁,細節都還需要Ps的協助,自己也還可以再試試摸索喔~ 原始 Adobe Animate CC 2019的啟動頁,細節都還需要Ps的協助,自己也還可以再試試摸索喔~

使用軟體
Illustrator CC 2021
分類
Illustrator 教學
作者
蔡點點 Dotty

謝謝你讀到這裡。這裡的文章全部免費,如果內容對你有幫助,也歡迎用你喜歡的方式支持我。

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

這篇有哪裡卡住嗎?

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

寄信問我 →