Photoshop繪製立體質感數字撥號鍵盤
本教程主要使用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)
結論
現在你可以簡單地複製圖層組和變一下數字和字母的就可以了!你可以使用最終的圖像作為參考,看看數字對應的字母。
想要獲取更多PS後期合成處理知識加微信號PSxiangyun.也可加群參加每晚精彩直播課程免費學習!
※男性經常疲乏勞累,咋辦?補足精氣神、強體質,六種食物要常吃
※產科醫生:做好月子脫胎換骨改變體質,最後一點很多人不知道?
※易胖體質的人該要如何減肥呢
※兩個部位就能看出來,你是不是易孕體質
※火影里無血繼限界,不靠特殊體質,照樣走到忍界巔峰的2人
TAG:體質 |
※用Photoshop製作玻璃質感流體字體
※Photoshop分享 金屬字體設計
※Photoshop繪製立體逼真的擬物儀錶盤圖標
※Photoshop繪製立體感十足的進度條圖標
※Photoshop設計金色大氣的母親節立體字
※Photoshop結合AI製作時尚的連寫立體字
※Photoshop製作金屬紋理立體字
※3分鐘用Photoshop進行玻璃質感圖標的繪製
※Photoshop繪製立體風格的C4D軟體圖標
※Photoshop結合AI繪製質感自行車插畫
※利用Photoshop製作一個立體糖果色6.1字體
※Photoshop結合AI繪製質感的荷塘鯉魚插畫
※Photoshop繪製立體感十足的憤怒小鳥
※Photoshop基礎:Photoshop中的直方圖使用
※Photoshop製作3D立體感主題的APP展示模板
※Photoshop製作立體質感的下載圖標教程
※Photoshop人物摳圖
※Photoshop製作扁平質感的鏡頭圖標
※認識Photoshop
※Photoshop基礎:Photoshop中色相/飽和度工具