繼上篇如何用Adobe Xd做出3D立體橢圓，這次換成用Figma來試做看看如何做出3D的效果，結果意外的製作起來超輕鬆，比Adobe Xd好做10倍以上有，因為Figma的單一物件可以一直疊加數個不同效果的圖層，這點超方便，整個大加分，根本完勝Adobe Xd！
Adobe的單一物件只能有一層效果圖層，所以要做到3D效果，必須將不同效果的圖疊一層一層加上去，最後再用遮罩剪裁掉
那就直接來看看用Figma做出3D的效果呈現如何吧！
上圖我以「Google的搜尋頁面」當範例來做改版，左邊是原Google搜尋頁面2D平面的呈現；右邊是我用Figma改版成3D立體的效果(並將一些元件的圓角加大，會比較圓滑點)，整體有浮起來立體的感覺，突然覺得Google的搜尋頁面好像變可愛多了（？
底下為操作步驟 ↓
這次做兩種樣式的3D立體圓形
【樣式一】
1.拉出一個圓形，並填色
2.先來做內陰影，先按「Effects」，再選擇「Inner shadow」做出「左下方」的內陰影效果
3.做完內陰影，接著換作高光，一樣先按「Effects」，再選擇「Inner shadow」做出「右上方」的高光效果
＊備註說明：因為要做「高光」效果，所以要將顏色設為白色或其他明亮色
4.最後做外陰影，一樣先按「Effects」，再選擇「Drop shadow」做出「左下方」的外陰影效果。樣式一完成囉！
【樣式二】
1.拉出一個圓形，並填色
2.先來做外陰影，先按「Effects」，再選擇「Drop shadow」做出「左下方」的外陰影效果。
3.接著換作高光，先複製一個跟原本一樣大小的圓形，填色改用「Radial(放射性漸層)」，右上方為中心設為白色，接著以中心向外放射的漸層色設為綠色
＊備註說明：放射性漸層色可以適度調些透明度
4.將步驟三製作完成的「高光效果」重疊放到原本圓形的上層
5.樣式二完成囉！
PS：以上範例的設計數值只是參考，物件的大小和顏色不同，設計的數值也應當不同，也要依照個人的需求和喜好，不過任何形狀的設計手法都是一樣的
底下再做出一個3D暗色版的Google搜尋頁面來看看，並結合上面兩種 3D設計樣式
【參考】
＊Figma 3D 教學影片(How to create a 3D illustration in figma)：
https://www.youtube.com/watch?v=_5gdaorJk0s&t=75s&ab_channel=niayeshuiux
＊Google頁面：https://www.google.com.tw/
＊插圖：Window shopping：https://undraw.co/illustrations
Hi~~~dear friends
或許我不認識你，但很開心你能看到最後!
如果看完覺得對這篇有好感的話，歡迎你拍手支持👏👏👏