Illustrator教學 — 仿凹凸的柔化感
新擬物化風格的凹凸柔化感,用 Illustrator 的漸層面板就能做,不必開 Photoshop。
因「新擬物化風格」的出現,在UI界絕對是最有感,最早是Apple 蘋果公司提出了擬物化的設計概念,通過模擬現實物體的紋理、材質來進行介面設計。而新擬物則是擬物的變體,在擬物的基礎上改變了圖形的樣式,讓設計元素看起來更有真實感,不再是精細的模擬,更像是從介面中「生長」出來。而這樣的風格也在平面界掀起效仿,雖然使用不同工具,但我們還是可以利用ai玩一下這樣的風格。
Designed by Dotty.
START (使用軟體:Illustrator CC 2022,尺寸:210x297mm / 300dpi)
1開新文件後,使用「橢圓工具」(Ellipse Tool)畫一個正圓,並且超出工作區域,如下圖。
橢圓工具

2到「視窗」開啟「漸層面板」填入兩端顏色,數值可參考我的,分別是「#ffffff」、「#bdbdbd」,上方顏色較灰,下方為白色。

3接著按下快捷「Cmd/Ctrl+C」複製與「Cmd/Ctrl+V」貼上,稍微縮小一點,做出兩個圓,相互反轉漸層色。

4到功能表找到「物件」選「漸變」內的「製作」,呈現的樣子如下圖。


5再到一次功能表的「物件」選「漸變」內的「漸變選項」,選擇「指定階數」,輸入數值。

6這樣就完成囉!是不是超級簡單~
完成
也可以試著做出不同變化喔~
Designed by Dotty.
- 使用軟體
- Illustrator CC 2022
- 作者
- 蔡點點 Dotty
謝謝你讀到這裡。這裡的文章全部免費,如果內容對你有幫助,也歡迎用你喜歡的方式支持我。
這篇文章原先發表於 Medium 碰巧遇見設計期刊 ,現已搬遷至此並持續更新。