教你使用PS繪製極具立體感的電話撥號鍵盤圖標教程
我們先來看看最終的效果圖吧:
關鍵是要找准突出的小細節,如陰影,照明,和擠壓的邊緣。在本教程中,您將學習如何使用形狀圖層和圖層樣式製作電話撥號按鈕!
具體的製作步驟如下:
步驟1
開始新建一個600*600的圖層。
步驟2
製作鍵盤的背景。首先創建一個圖層"背景"和填充顏色# 363636
步驟3
添加一些紋理的背景。複製背景層,命名為"學UI設計網 副本"濾鏡>雜色>添加雜色,數量:60%,分布:平均分布,單色:選中,設置"學UI設計網 副本"層,模式:疊加,不透明度設置15%左右。
步驟4
背景添加一個漸變燈光效果。設置前景色為白色。複製"學UI設計網副本"層,命名它為"梯度"。設置圖層的填充為0%。圖層樣式>漸變疊加,混合模式:疊加,
樣式:徑向,
角度:90,
範圍:117%,設置漸變顏色為前景色到透明(這就是為什麼我們的前景為白色)。設置"梯度"層的疊加,不透明度設置15%左右。
步驟5
現在,讓我們開始創建撥號按鈕。用橢圓來創建一個小圓圈。這將是按鈕外的影子,我命名為"學UI設計網 圓"按鈕(外)。"我的是約76像素。設置圖層的填充為0%。圖層樣式斜面和浮雕,
樣式:外斜面,
深度:441%,
方向:下,
大小:10px,
角度:90
高度:60;
全局光:勾選。
現在,我們有我們的撥號按鈕看起來像這樣的外部:
步驟6
讓我們內部的按鈕。複製"學UI設計網 圓(外)"的形狀,並重新命名為"學UI設計網 圓(內)"。設置"按鈕(內)"形狀圖層的顏色(# 363636),設置填充不透明度為100%
步驟7
現在我們調整的圖層樣式。首先,我們先對"按鈕的投影設置如下:
步驟8
現在讓我們調整"按鈕內陰影(內)"形狀圖層。
步驟9
現在我們要調整"按鈕內發光(內)"形狀圖層。
步驟10
現在讓我們改變斜面和浮雕的"按鈕設置(內)"形狀圖層。
步驟11
現在讓我們改變"按鈕漸變疊加設置(內)"形狀圖層。
現在,調整後的所有這些層的設置,我們應該有這樣的事情:
步驟12
增加數字和字母的撥號。
步驟13
組數和字母鍵,我們已經創建了一組(快捷鍵:ctrl+g)
結論
現在你可以簡單地複製圖層組和變一下數字和字母的就可以了!你可以使用最終的圖像作為參考,看看數字對應的字母。
※Photoshop給美女頭像磨皮和潤膚處理
※這樣也可以輕鬆掌握照片牆的效果製作!
TAG:小冊子科技 |