PS怎么繪制質(zhì)感撥號鍵盤的矢量圖案?
我要評論版權(quán)申明：本文原創(chuàng)作者“設(shè)計軍團團長”，感謝“設(shè)計軍團團長”的原創(chuàng)經(jīng)驗分享！這篇教程教飛特網(wǎng)的PS鼠繪學(xué)習(xí)者們使用PS來繪制一個非常有質(zhì)感的撥號鍵盤。教程難度一般，質(zhì)感部分主要是通過PS的圖層樣式來制作的。難度一般，我們先來看看最終的效果圖吧：
關(guān)鍵是要找準突出的小細節(jié)，如陰影，照明，和擠壓的邊緣。在本教程中，您將學(xué)習(xí)如何使用形狀圖層和圖層樣式制作電話撥號按鈕！具體的制作步驟如下：
1、開始新建一個600*600的圖層。
2、制作鍵盤的背景。首先創(chuàng)建一個圖層"背景"和填充顏色# 363636
3、添加一些紋理的背景。復(fù)制背景層，命名為"設(shè)計網(wǎng) 副本"濾鏡>雜色>添加雜色，數(shù)量：60%，分布：平均分布，單色：選中，設(shè)置"設(shè)計網(wǎng) 副本"層，模式：疊加，不透明度設(shè)置15%左右。
4、背景添加一個漸變燈光效果。設(shè)置前景色為白色。復(fù)制"設(shè)計網(wǎng)副本"層，命名它為"梯度"。設(shè)置圖層的填充為0%。圖層樣式>漸變疊加，混合模式：疊加，
樣式：徑向，
角度：90，
范圍：117%，設(shè)置漸變顏色為前景色到透明（這就是為什么我們的前景為白色）。設(shè)置"梯度"層的疊加，不透明度設(shè)置15%左右。
5、現(xiàn)在，讓我們開始創(chuàng)建撥號按鈕。用橢圓來創(chuàng)建一個小圓圈。這將是按鈕外的影子，我命名為"設(shè)計網(wǎng) 圓"按鈕（外）。"我的是約76像素。設(shè)置圖層的填充為0%。圖層樣式斜面和浮雕，
樣式：外斜面，
深度：441%，
方向：下，
大?。?0px，
角度：90
高度：60；
全局光：勾選。
現(xiàn)在，我們有我們的撥號按鈕看起來像這樣的外部：
6、讓我們內(nèi)部的按鈕。復(fù)制"設(shè)計網(wǎng) 圓（外）"的形狀，并重新命名為"設(shè)計網(wǎng) 圓（內(nèi)）"。設(shè)置"按鈕（內(nèi)）"形狀圖層的顏色（# 363636），設(shè)置填充不透明度為100%
7、現(xiàn)在我們調(diào)整的圖層樣式。首先，我們先對"按鈕的投影設(shè)置如下：
8、現(xiàn)在讓我們調(diào)整"按鈕內(nèi)陰影（內(nèi)）"形狀圖層。
9、現(xiàn)在我們要調(diào)整"按鈕內(nèi)發(fā)光（內(nèi)）"形狀圖層。
10、現(xiàn)在讓我們改變斜面和浮雕的"按鈕設(shè)置（內(nèi)）"形狀圖層。
11、現(xiàn)在讓我們改變"按鈕漸變疊加設(shè)置（內(nèi)）"形狀圖層。
現(xiàn)在，調(diào)整后的所有這些層的設(shè)置，我們應(yīng)該有這樣的事情：
12、增加數(shù)字和字母的撥號。
13、組數(shù)和字母鍵，我們已經(jīng)創(chuàng)建了一組（快捷鍵：ctrl+g）
結(jié)論：
現(xiàn)在你可以簡單地復(fù)制圖層組和變一下數(shù)字和字母的就可以了！你可以使用最終的圖像作為參考，看看數(shù)字對應(yīng)的字母。
相關(guān)推薦：
相關(guān)文章
- PS怎么制作多層圓形金屬感超強的按鈕？想設(shè)計一個金屬感很強但又很細膩的按鈕，該怎么設(shè)置呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2016-08-03
- 這篇教程是向腳本之家的朋友分享PS鼠繪唯美清爽簡約的漸變按鈕圖標(biāo)方法，教程鼠繪出來的圖標(biāo)非常漂亮，難度不是很大，但值得大家學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-07-20
- 今天小編為大家分享PS簡單制作一個網(wǎng)頁按鈕方法介紹，教程制作出來的按鈕非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦過來，希望大家喜歡2016-07-19
- 這篇教程是向腳本之家的朋友分享PS繪制漂亮的藍色圓形水晶按鈕方法，教程繪制出來的按鈕非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦到腳本之家，一起來學(xué)習(xí)吧2016-07-13
- 這篇教程是向腳本之家介紹ps簡單繪制一個綠色水晶按鈕方法介紹，操作很簡單的，制作出來的效果非常漂亮，推薦過來，一起來學(xué)習(xí)吧2016-07-02
- 這篇教程是向腳本之家的朋友分享PS利用圖層樣式制作播放器按鈕方法，教程真的很不錯，值得大家學(xué)習(xí)，推薦到腳本之家，來看看吧2016-06-21
- ps怎么使用圖層面板中的搜索按鈕快速找到所需圖層？ps文件中有很多圖層，想要找某個圖層很麻煩，我們可以使用圖層面板中的搜索按鈕快速找到所需圖層，詳細的教程請看下文介2016-06-17
- 這篇教程是向腳本之家的朋友分享PS鼠繪漂亮質(zhì)感的游戲按鈕方法，教程制作出來的按鈕非常漂亮，難度不是很大，值得大家學(xué)習(xí)，推薦過來，一起來看看吧2016-05-04
ps怎么做一個朦朧的按鈕? ps制作彌漫陰影效果的按鈕的教程
ps怎么做一個朦朧的按鈕？ps中想繪制一個漸變并且周圍很朦朧的按鈕，該怎么制作呢？下面我們就來看看ps制作彌漫陰影效果的按鈕的教程，需要的朋友可以參考下2016-05-03- 這篇教程是向腳本之家的朋友分享ps制作有個性的播放按鈕方法，教程制作出來的播放按鈕非常有個性，推薦到腳本之家，喜歡的朋友快快來學(xué)習(xí)吧2016-03-31