Ps繪製超質感細膩漂亮的撥號鍵盤
完成效果圖先睹為快
關鍵是要找准突出的小細節,如陰影,照明,和擠壓的邊緣。在本教程中,您將學習如何使用形狀圖層和圖層樣式製作電話撥號按鈕!
具體的製作步驟如下:
步驟1、開始新建一個600*600的圖層。
步驟2、製作鍵盤的背景。首先創建一個圖層"背景"和填充顏色# 363636
步驟3、添加一些紋理的背景。複製背景層,命名為"學UI設計網 副本"濾鏡>雜色>添加雜色,數量:60%,分布:平均分布,單色:選中,設置"副本"層,模式:疊加,不透明度設置15%左右。
步驟4、背景添加一個漸變燈光效果。設置前景色為白色。複製"學UI設計網副本"層,命名它為"梯度"。設置圖層的填充為0%。圖層樣式>漸變疊加,混合模式:疊加,
樣式:徑向,
角度:90,
範圍:117%,設置漸變顏色為前景色到透明(這就是為什麼我們的前景為白色)。設置"梯度"層的疊加,不透明度設置15%左右。
步驟5、現在,讓我們開始創建撥號按鈕。用橢圓來創建一個小圓圈。這將是按鈕外的影子,我命名為"圓"按鈕(外)。"我的是約76像素。設置圖層的填充為0%。圖層樣式斜面和浮雕,
樣式:外斜面,
深度:441%,
方向:下,
大小:10px,
角度:90
高度:60;
全局光:勾選。
現在,我們有我們的撥號按鈕看起來像這樣的外部:
步驟6、讓我們內部的按鈕。複製"圓(外)"的形狀,並重新命名為"圓(內)"。設置"按鈕(內)"形狀圖層的顏色(# 363636),設置填充不透明度為100%
步驟7、現在我們調整的圖層樣式。首先,我們先對"按鈕的投影設置如下:
步驟8、現在讓我們調整"按鈕內陰影(內)"形狀圖層。
步驟9、現在我們要調整"按鈕內發光(內)"形狀圖層。
步驟10、現在讓我們改變斜面和浮雕的"按鈕設置(內)"形狀圖層。
步驟11、現在讓我們改變"按鈕漸變疊加設置(內)"形狀圖層。
現在,調整後的所有這些層的設置,我們應該有這樣的事情:
步驟12、增加數字和字母的撥號。
步驟13、組數和字母鍵,我們已經創建了一組(快捷鍵:ctrl+g)
結論
現在你可以簡單地複製圖層組和變一下數字和字母的就可以了!你可以使用最終的圖像作為參考,看看數字對應的字母。
點擊展開全文
※PS摳圖教程-2-多邊形和鋼筆摳圖
※18個讓你相見恨晚的Photoshop隱藏技巧
※Photoshop化妝品海報設計教程
※巧用油漆桶快速製作背景底紋
※少女心爆棚的極速調色法
TAG:PS平面設計教程 |
※教你使用PS繪製極具立體感的電話撥號鍵盤圖標教程
※簡單粗暴,利用PS設計繪製黑板上的手繪粉筆畫效果!
※PS後期,為人像加上細膩質感的膚色
※PS教程 用濾鏡製作絢麗漂亮的藍色放射光束
※PS教程!可以一鍵調色的磨皮PS插件
※PS學習教程 用濾鏡製作絢麗漂亮的藍色放射光束
※PS繪製一個插畫風格的紫色配色海報
※ps濾鏡特效,用動感模糊來製作炫酷頭像
※PS的快捷鍵初識
※搞笑PS系列,求大神把我的女朋友P漂亮一點,挪不動腳步的那種!
※灰濛照片秒變小清新 簡單PS讓你掌握快速調色
※這麼漂亮的水晶紐扣用PS如何繪製?PS大神有話說
※PS簡單幾步製作漂亮的布簾
※PS加AI搭配繪製彩繪風格的鸚鵡插畫效果教程
※PS給照片增加一個柔和的輝光效果,強化質感與氛圍
※這些psv經典遊戲不容錯過!盤點值得回味的PSV獨佔遊戲
※詳解口紅咬唇妝技巧 幾個tips打造精緻妝容
※PS:超級簡單的磨皮美白操作,你值得擁有
※UI設計:PS教程!教你繪製超漂亮的漸變按鈕圖標
※ps中的正片疊底,濾色,疊加,線性光,柔光有什麼用