Photoshop繪製立體質感的撥號鍵盤圖標
學習PS
微信號:XXPS1979
【學習PS】PS、AI教程學習公益分享公眾平台
GIF/61K
鍵盤上的愛
鍵盤上的愛
白寧;張翠萍
00:00/03:50
本教程主要使用Photoshop繪製立體感十足的電話撥號鍵盤,教程難度一般,質感部分主要是通過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)
結論
現在你可以簡單地複製圖層組和變一下數字和字母的就可以了!你可以使用最終的圖像作為參考,看看數字對應的字母。
友情平台
平台自營微店
點擊展開全文
※羨慕別人怎麼吃都不胖?易瘦體質養成法!
※自己是啥體質都不清楚還談什麼養生!9種體質辨析,對照自測!
※辨清體質才能瘦的更快!不要南轅北轍哦
※體質決定成敗,不如說生活環境決定成敗
TAG:體質 |
※Photoshop繪製立體逼真的擬物儀錶盤圖標
※Photoshop繪製立體風格的餅乾主題圖標
※Photoshop繪製立體風格的C4D軟體圖標
※Photoshop繪製立體感十足的進度條圖標
※3分鐘用Photoshop進行玻璃質感圖標的繪製
※Photoshop繪製玻璃質感的水晶球圖標
※Photoshop製作立體質感的下載圖標教程
※Photoshop製作扁平質感的鏡頭圖標
※Photoshop繪製逼真的遊戲寶箱圖標
※Photoshop如何繪製立體逼真的相機圖標
※Photoshop繪製精緻的索愛播放器圖標
※Photoshop鼠繪逼真的音響圖標教程
※Photoshop基礎:Photoshop中的直方圖使用
※用Photoshop設計雙層立體圓形網頁按鈕圖標
※Photoshop使用混合模式繪製蘋果圖標
※Photoshop人物摳圖
※Photoshop設計逼真的購物袋APP圖標
※Photoshop繪製簡約風格的解密遊戲APP圖標
※Photoshop結合AI繪製質感的荷塘鯉魚插畫
※偽 「Photoshop」的圖像處理