先把最后的效果圖拋出來。

step1:那么，看見這張圖，先分解，即它是由哪幾個部分構成的呢?

大背景

透視的背景線

立體圖

以及一些周邊的按鈕之類的。

step2：背景制作

直接選擇矩形工具，拉漸變。

接著選擇橢圓工具，畫一個填充白色的正圓，設置其羽化值。

好了，背景完成了。

step3：背景透視的線了，這個地方我用的方法比較笨，所以畫了好久好久好久好久~

先用矩形工具畫一個矩形，填充去掉，描邊2px

接著，根據需要的點配合鋼筆工具的加減錨點以及小白(直接選擇工具)進行錨點的一對一修改。

然后用相同的方法拼出來一整個背景線條

畫好后，ctrl+G進行編組，并復制一個組，命名背景-線，第一個組隱藏掉。(這個操作是備份，以防后續需要進行修改)。

接著，在復制的組 背景-線 右鍵 - 轉為智能對象，并進行顏色疊加。

接下來進行透視操作，先快捷鍵ctrl+T，將圖旋轉45度，如下圖：

旋轉45°后，再次右鍵，選擇扭曲，并操作

那么，背景就完成了。

step4：立體的圖了，這個我們需要先把層分出來，就跟剛剛對整個畫面分層是一樣的道理，先來看第一個。

將元素組合起來，就是模型01的樣式了。

接下來看一下有光的效果的是拆分。

剩下的就是疊加上去，凹進去的可以創建剪切蒙版，快捷鍵ctrl+alt+G

等幾個圖形都制作完畢后，就進行一下整體的調節，添加一些周邊的東西。剩下還有一個按鈕，疊加了兩層，原本考慮直接用內陰影，效果不理想，于是就分兩層來做了。

最后，成品啦!

附上一張應用立體感覺設計的圖，放在網頁上面，網站看起來就比較專業啦~