最近在逛dribbble或behance時，發現UI這幾年的設計風格從全2D扁平化設計，到現在趨向於會參雜一些3D元素或3D立體圖
一剛開始看到這些3D圖還不以為意，覺得可能只是一時流行吧！但後來發現熱度不但不減，反而越來越多人這樣設計，連Line bank裡的Line@廣告推播訊息都開始加入3D的設計元素後，讓我真的是不得不注意了
我就去網路上找一下3D圖片，直接用Adobe Xd的鋼筆、透明、陰影、物件模糊…等效果試做看看，老實說，做的過程有點複雜和耗時，因為要將不同效果的圖疊一層一層加上去，最後再用遮罩剪裁掉，操作起來沒到非常簡單
但覺得能用Adobe Xd硬做出3D立體圖
有種小小的成就感！
下圖是用Adobe Xd做出橢圓立體圖的拆解操作
如果上圖看不懂也沒關係！換一種白話翻譯版 ↓
PS： Adobe Xd不是專門畫3D的軟體，是用來畫介面的軟體，所以一定不比真正在畫3D的軟體好用，只是嘗試看看用Xd做出的效果會如何~
底下為操作步驟 ↓
1.用左邊的「圓形」和「鋼筆」工具，拉出橢圓上身和下身的形狀
2.用Linear Gradient將橢圓上/下身的顏色，調整為紅色漸層色
＊備註說明：在紅色色階上，上面的紅色顏色稍深、下面的紅色稍淺
3.用Inner Shadow做出橢圓上/下身的左上方的內陰影
4.另外拉出幾個「要放在橢圓上身當陰影和光線」的區塊(for 橢圓上身)，再用Object Blur將區塊做出模糊的效果
橢圓上身的模糊區塊做完，換做橢圓下身的模糊區塊，一樣拉出幾個「要放在橢圓下身當陰影和光線」的區塊(for 橢圓下身)，再用Object Blur將區塊做出模糊的效果
5.將上一步做的模糊區塊重疊放在橢圓的上層
重疊放好後，先將「橢圓上身」和「模糊區塊(for 橢圓上身)」群組一起
再將「橢圓下身」和「模糊區塊(for 橢圓下身)」群組一起
＊群組快捷鍵：Command+G
6.複製步驟一做的橢圓上/下身的形狀(顏色不重要，因為最後都要被遮罩剪裁掉)，再重疊放在橢圓的上層
重疊放好後，先將「橢圓上身(已群組模糊區塊)」和「橢圓上身形狀(複製的)」一起遮罩剪裁掉
再將「橢圓下身(已群組模糊區塊)」和「橢圓下身形狀(複製的)」一起遮罩剪裁掉
＊遮罩快捷鍵：Command+Shift+M
7.遮罩剪裁後，將橢圓上/下身組合一起
組合後，就大功告成囉！！！
