Illustrator教學 — 立體App Store
用 Illustrator 的 3D 和素材裡的膨脹,把 App Store 圖示做成有厚度的糖果感。
相信大家都知道 Illustrator 這次強大的新功能,可以更直覺地做出3D質感,包含材質、光源、陰影都做得很完善,我也還在摸索中,希望能利用新功能做出更多有趣的成品,這次先來簡單製作立體 App Store 吧!做完突然好想吃糖果~~~
Designed by Dotty.
START (使用軟體:Illustrator CC 2022,尺寸:210x297mm / 300dpi)
1開新文件後,使用「矩形工具」(Rectangle Tool)與「直接選取工具」(Direct Selection Tool)做出你App Store的圖示,到「視窗」開啟「漸層面板」填入想要的顏色。
矩形工具
直接選取工具
漸層面板填色參考
直接拉成圓角,結果如最右邊的圖示
2選取圓角矩形,到功能表找到「效果」選「3D和素材」內的「膨脹」,數值均可參考,按下「即時預視」更擬真,但非常耗電腦效能,選「光源」,調整裡面的參數,可再開啟「陰影」,看起來就很可口。



目前呈現效果
3同樣的做法,套用裡面的3條圓角矩形,一樣選「膨脹」,3個效果數值都一樣,但光源部分不同,這邊分為「A、B、C」調整不同的參數。




由左至右為 A、B、C 數值
4這樣就完成囉,是不是超可愛!!!趕快來試試~
Designed by Dotty.
- 使用軟體
- Illustrator CC 2022
- 作者
- 蔡點點 Dotty
謝謝你讀到這裡。這裡的文章全部免費,如果內容對你有幫助,也歡迎用你喜歡的方式支持我。
這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。