關(guān)于教程
本次臨摹的設(shè)計作品
，光影原理非常簡單，適合初學(xué)者學(xué)習(xí)。光影從上到下，上方亮下方暗。底座要用到漸變和投影，S字母對話框部分要制作高光，營造質(zhì)感。教程步驟
新建畫布 900×600px 72ppi，填充背景色#f9f9f9，在畫布上繪制一個圓角矩形，大小225×160px，圓角20px
。居中于整個畫布，并命名為【底座】。在矩形圖層上添加圖層樣式。添加漸變營造光感。
添加描邊
。因為光線的方向，描邊顏色為漸變。上淺下深。
添加投影
，突出層次感。投影疊加3層，增加真實感。投影顏色不變#595959。第一層投影距離和大小數(shù)值較小，第二層和第三層投影距離和大小數(shù)值逐漸加大。
可以適當(dāng)?shù)恼{(diào)整等高線
。調(diào)整投影間的過渡關(guān)系。
給底座添加反光
。Ctrl+J復(fù)制【底座】，并將復(fù)制的圖層命名為【反光】，刪除圖層樣式。
去掉填充色
，設(shè)置描邊色為#ffffff。給反光層添加圖層蒙版。用柔邊畫筆擦去下半部分。
繪制一個圓角矩形
，命名為【小按鍵】大小29×31px，圓角6px。矩形填充顏色為#ebedef，描邊色為#7a7a7a。描邊為1px。并添加投影。投影顏色為#595959。
多復(fù)制幾個【小按鍵】放在合適的位置
。中間的長圓角矩形大小為102×31px。圓角為6px。
繪制一個圓角矩形
，并命名為【對話框】。大小150×114px，圓角20px。并添加圖層樣式漸變及描邊對話框有三層顏色，故添加內(nèi)外兩層描邊
通過修改錨點，做出對話框的形狀
復(fù)制【對話框】圖層 從原圖可以看出 框出投影的大概范圍并填充較深的藍(lán)色 繪制圓角矩形 將【高光】復(fù)制一層。命名為【質(zhì)感】 最后選一個喜歡的字體 最終效果圖，命名為【描邊】，放在【對話框】圖層的下方。柵格化【描邊】圖層及其圖層樣式后，再添加圖層樣式。
，對話框與底座間是有陰影的。我們可以通過羽化來實現(xiàn)。在【描邊】圖層下方新建圖層，命名為【對話框投影】，選擇橢圓選框工具，設(shè)定羽化值為30px。
。填充顏色后可以適當(dāng)?shù)母淖兤浯笮『屯该鞫?div id="d48novz" class="flower left">，也可以多?fù)制幾層。使投影更加真實。
，按住shift鍵，使高光顏色過渡均勻。
，先將蒙版部分填充為白色，右鍵轉(zhuǎn)換該圖層為智能對象，選擇濾鏡-模糊-高斯模糊。并添加圖層蒙版，使過渡均勻。
，打上字母S。
相關(guān)新聞
