PS利用圖層樣式制作漂亮的立體感紫色玻璃心形
設(shè)計(jì)派 發(fā)布時(shí)間:2014-12-24 14:30:58 作者:Pudding
我要評(píng)論

教程分為兩個(gè)大的部分:背景和水晶心形。背景先用漸變色填充,然后填充自制圖案,再用濾鏡等做一些變形處理;心形部分制作稍微復(fù)雜一點(diǎn),用到多個(gè)圖層,分別控制高光、暗部、細(xì)節(jié)等,用圖層樣式來完成
教程分為兩個(gè)大的部分:背景和水晶心形。背景先用漸變色填充,然后填充自制圖案,再用濾鏡等做一些變形處理;心形部分制作稍微復(fù)雜一點(diǎn),用到多個(gè)圖層,分別控制高光、暗部、細(xì)節(jié)等,用圖層樣式來完成。
最終效果

1、打開Photoshop,新建一個(gè)文件。設(shè)置如下圖,像素長(zhǎng)寬比選擇:方形像素。保存文件并命名為Adv Reflective Clear Style.psd。在工作過程中要記得經(jīng)常按Ctrl+S保存和更新文件。

2、雙擊背景層打開圖層對(duì)話框。更改名字“Gradient bg(漸變BG)”,并單擊“確定”。雙擊“漸變BG”圖層打開圖層樣式對(duì)話框,然后選擇左邊選項(xiàng)欄的漸變疊加。創(chuàng)建一個(gè)徑向漸變,單擊漸變編輯器添加漸變色,具體設(shè)置如下。


3、單擊左側(cè)欄中的“圖案疊加”。點(diǎn)擊圖案右側(cè)的小三角,調(diào)出圖案選項(xiàng),在選項(xiàng)設(shè)置中,選擇“藝術(shù)表面”“小列表”,然后在圖案列表選項(xiàng)中選擇“石頭”模式。
然后將不透明度降低到10%,因?yàn)槲覀冎恍枰稽c(diǎn)點(diǎn)的石頭質(zhì)感就好。再次點(diǎn)擊漸變疊加的圖層效果,改變其混合模式為正片疊底,將兩種圖層效果混合在一起。接下來我們要添加內(nèi)發(fā)光,可以讓背景更吸引人。

4、內(nèi)發(fā)光是從內(nèi)邊向里發(fā)散。我們用這個(gè)內(nèi)發(fā)光做一個(gè)從邊緣開始向內(nèi)的暗色漸變的效果。設(shè)置如下圖:混合模式為正片疊底,顏色為RGB(115,17,112),大小為199像素。

5、為了做出背景中圓點(diǎn)的效果,我們首先要?jiǎng)?chuàng)建一個(gè)自定義的形狀,并將其保存為圖案。然后,我們會(huì)用這個(gè)圓點(diǎn)形狀生成背景圓點(diǎn)的圖案效果。創(chuàng)建一個(gè)新文件對(duì)它進(jìn)行以下設(shè)置。

6、創(chuàng)建一個(gè)新的空白層(按Ctrl + Shift + N)。選擇橢圓選框工具,在選項(xiàng)欄中單擊樣式下拉菜單并選擇固定大小。然后寬度和高度設(shè)置為45px。點(diǎn)擊畫布的左上角建立一個(gè)圓形選區(qū)。
如果前景色背景色不是黑白色,按D鍵來改變前景色和背景色為黑色和白色。然后按(Alt + Backspace)為選區(qū)填充黑色,Ctrl + D取消選區(qū)。同時(shí)選中選區(qū)層和背景層,選擇移動(dòng)工具,然后在選項(xiàng)欄中單擊垂直居中對(duì)齊和水平居中對(duì)齊按鈕?,F(xiàn)在刪除背景層,因?yàn)椴恍枰恕H缓缶庉?gt;定義圖案,給它命名為“circle_45px”。這種圖案就被保存為新的圖案了。


7、在原文件里創(chuàng)建一個(gè)新的空白層,用白色填充。雙擊圖層打開圖層樣式選項(xiàng)框,選擇圖案疊加,單擊左側(cè)的小三角下拉圖案選項(xiàng),選擇“circle_45px”,在該圖層上你可以用移動(dòng)工具隨意拖動(dòng)它,位置滿意后你可以點(diǎn)擊確定。
當(dāng)然你也可以選擇編輯>填充,形成圓點(diǎn)鋪滿背景的效果,兩者的不同之處就是,填充后的圖層不像圖層樣式中圖案疊加的那個(gè)圖層那樣是可移動(dòng)的。但問題是在空白的圖層上添加圖案疊加后,不會(huì)引起任何變化,所以要記得先給圖層填充顏色。

8、在圖案層下方新建一個(gè)空白層,合并這個(gè)空白層和圖案層?,F(xiàn)在這個(gè)圖案層就變成了一個(gè)普通的圖層,也不能在對(duì)它的圖層樣式進(jìn)行編輯了。重命名合并層為“圓圖案扭曲”。
現(xiàn)在我們要用到濾鏡里的扭曲,因?yàn)槲覀円龀鲆粋€(gè)邊緣柔和的3D凸起,柔和的邊緣我們可以通過羽化來實(shí)現(xiàn)。首先我們創(chuàng)建一個(gè)大圓選區(qū),選擇橢圓選框工具。按著Shift + ALT從圖像中心向外拖動(dòng)一個(gè)完美的圓。如果圓位置不合適,不要松開shift+alt鍵,再同時(shí)按著空格鍵,就可以拖動(dòng)定圓到你要的位置。當(dāng)然你也可以畫圓之后再拖動(dòng)選區(qū)到合適位置。如下圖所示。

9、保持選區(qū)存在,從上方選項(xiàng)欄中點(diǎn)擊選擇>修改>羽化,羽化值為50像素。然后點(diǎn)擊濾鏡>扭曲>球面化,數(shù)量為100%,模式為正常,點(diǎn)擊確定。
現(xiàn)在你可以看到在圖像中間凸起。改變“圓圖案扭曲”層的混合模式為疊加,降低圖層的不透明度為20%。黑色點(diǎn)看著有點(diǎn)暗,不怕,我們選擇圖像>調(diào)整>反相,效果出來了,是不是很贊。





10、選擇自定義形狀工具(U),在選項(xiàng)欄中點(diǎn)擊打開自定義形狀選擇器,它會(huì)打開自定義形狀彈出面板。單擊面板右側(cè)的設(shè)置按鈕,選擇小縮覽圖,然后選擇“常春藤2”的形狀。
單擊并拖動(dòng)鼠標(biāo)創(chuàng)建新的常春藤形狀圖層。改變工具為移動(dòng)工具(V)。同時(shí)選中該層和圓圖案扭曲層,在選項(xiàng)欄中選擇垂直居中對(duì)齊和水平居中對(duì)齊。把常春藤形狀調(diào)整到中心位置。

最終效果

1、打開Photoshop,新建一個(gè)文件。設(shè)置如下圖,像素長(zhǎng)寬比選擇:方形像素。保存文件并命名為Adv Reflective Clear Style.psd。在工作過程中要記得經(jīng)常按Ctrl+S保存和更新文件。

2、雙擊背景層打開圖層對(duì)話框。更改名字“Gradient bg(漸變BG)”,并單擊“確定”。雙擊“漸變BG”圖層打開圖層樣式對(duì)話框,然后選擇左邊選項(xiàng)欄的漸變疊加。創(chuàng)建一個(gè)徑向漸變,單擊漸變編輯器添加漸變色,具體設(shè)置如下。


3、單擊左側(cè)欄中的“圖案疊加”。點(diǎn)擊圖案右側(cè)的小三角,調(diào)出圖案選項(xiàng),在選項(xiàng)設(shè)置中,選擇“藝術(shù)表面”“小列表”,然后在圖案列表選項(xiàng)中選擇“石頭”模式。
然后將不透明度降低到10%,因?yàn)槲覀冎恍枰稽c(diǎn)點(diǎn)的石頭質(zhì)感就好。再次點(diǎn)擊漸變疊加的圖層效果,改變其混合模式為正片疊底,將兩種圖層效果混合在一起。接下來我們要添加內(nèi)發(fā)光,可以讓背景更吸引人。

4、內(nèi)發(fā)光是從內(nèi)邊向里發(fā)散。我們用這個(gè)內(nèi)發(fā)光做一個(gè)從邊緣開始向內(nèi)的暗色漸變的效果。設(shè)置如下圖:混合模式為正片疊底,顏色為RGB(115,17,112),大小為199像素。

5、為了做出背景中圓點(diǎn)的效果,我們首先要?jiǎng)?chuàng)建一個(gè)自定義的形狀,并將其保存為圖案。然后,我們會(huì)用這個(gè)圓點(diǎn)形狀生成背景圓點(diǎn)的圖案效果。創(chuàng)建一個(gè)新文件對(duì)它進(jìn)行以下設(shè)置。

6、創(chuàng)建一個(gè)新的空白層(按Ctrl + Shift + N)。選擇橢圓選框工具,在選項(xiàng)欄中單擊樣式下拉菜單并選擇固定大小。然后寬度和高度設(shè)置為45px。點(diǎn)擊畫布的左上角建立一個(gè)圓形選區(qū)。
如果前景色背景色不是黑白色,按D鍵來改變前景色和背景色為黑色和白色。然后按(Alt + Backspace)為選區(qū)填充黑色,Ctrl + D取消選區(qū)。同時(shí)選中選區(qū)層和背景層,選擇移動(dòng)工具,然后在選項(xiàng)欄中單擊垂直居中對(duì)齊和水平居中對(duì)齊按鈕?,F(xiàn)在刪除背景層,因?yàn)椴恍枰恕H缓缶庉?gt;定義圖案,給它命名為“circle_45px”。這種圖案就被保存為新的圖案了。


7、在原文件里創(chuàng)建一個(gè)新的空白層,用白色填充。雙擊圖層打開圖層樣式選項(xiàng)框,選擇圖案疊加,單擊左側(cè)的小三角下拉圖案選項(xiàng),選擇“circle_45px”,在該圖層上你可以用移動(dòng)工具隨意拖動(dòng)它,位置滿意后你可以點(diǎn)擊確定。
當(dāng)然你也可以選擇編輯>填充,形成圓點(diǎn)鋪滿背景的效果,兩者的不同之處就是,填充后的圖層不像圖層樣式中圖案疊加的那個(gè)圖層那樣是可移動(dòng)的。但問題是在空白的圖層上添加圖案疊加后,不會(huì)引起任何變化,所以要記得先給圖層填充顏色。

8、在圖案層下方新建一個(gè)空白層,合并這個(gè)空白層和圖案層?,F(xiàn)在這個(gè)圖案層就變成了一個(gè)普通的圖層,也不能在對(duì)它的圖層樣式進(jìn)行編輯了。重命名合并層為“圓圖案扭曲”。
現(xiàn)在我們要用到濾鏡里的扭曲,因?yàn)槲覀円龀鲆粋€(gè)邊緣柔和的3D凸起,柔和的邊緣我們可以通過羽化來實(shí)現(xiàn)。首先我們創(chuàng)建一個(gè)大圓選區(qū),選擇橢圓選框工具。按著Shift + ALT從圖像中心向外拖動(dòng)一個(gè)完美的圓。如果圓位置不合適,不要松開shift+alt鍵,再同時(shí)按著空格鍵,就可以拖動(dòng)定圓到你要的位置。當(dāng)然你也可以畫圓之后再拖動(dòng)選區(qū)到合適位置。如下圖所示。

9、保持選區(qū)存在,從上方選項(xiàng)欄中點(diǎn)擊選擇>修改>羽化,羽化值為50像素。然后點(diǎn)擊濾鏡>扭曲>球面化,數(shù)量為100%,模式為正常,點(diǎn)擊確定。
現(xiàn)在你可以看到在圖像中間凸起。改變“圓圖案扭曲”層的混合模式為疊加,降低圖層的不透明度為20%。黑色點(diǎn)看著有點(diǎn)暗,不怕,我們選擇圖像>調(diào)整>反相,效果出來了,是不是很贊。





10、選擇自定義形狀工具(U),在選項(xiàng)欄中點(diǎn)擊打開自定義形狀選擇器,它會(huì)打開自定義形狀彈出面板。單擊面板右側(cè)的設(shè)置按鈕,選擇小縮覽圖,然后選擇“常春藤2”的形狀。
單擊并拖動(dòng)鼠標(biāo)創(chuàng)建新的常春藤形狀圖層。改變工具為移動(dòng)工具(V)。同時(shí)選中該層和圓圖案扭曲層,在選項(xiàng)欄中選擇垂直居中對(duì)齊和水平居中對(duì)齊。把常春藤形狀調(diào)整到中心位置。


相關(guān)文章
PS基礎(chǔ)教程之橡皮擦工具組和填充工具組使用知識(shí)
今天我們繼續(xù)來介紹ps基礎(chǔ)教程,這篇我們主要講橡皮擦工具組和填充工具組,這兩個(gè)工具在修圖的時(shí)候是比較常用的,下面我們就來看看基礎(chǔ)教程2024-12-23photoshop圖層初識(shí) ps圖層相關(guān)概念與基本操作
ps圖層是什么?簡(jiǎn)單來說,ps軟件中的圖層就好比是一張“透明紙”,將圖像的各個(gè)部分繪制在不同的“透明紙”上,可以看到紙后的東西,而且每層紙都是獨(dú)立的,下面我們就來看2024-12-23PS基礎(chǔ)教程之學(xué)習(xí)應(yīng)用圖層樣式的基本方法
ps零基礎(chǔ)之圖層樣式的講解,在使用ps的時(shí)候,我們經(jīng)常會(huì)在圖層上添加一些效果,這就是圖層樣式,該怎么應(yīng)用呢?詳細(xì)請(qǐng)看下文介紹2024-12-23ps如何把一張長(zhǎng)圖切成幾張小圖片? ps把長(zhǎng)圖切成短圖的技巧
有時(shí)候,我們希望能把一張圖片均勻地分成幾張圖片,就像拼圖一般的效果,需要某一部分隨時(shí)可以拿出來使用,該怎么操作呢?詳細(xì)請(qǐng)看下文介紹2024-09-10- PS調(diào)整字體大小是一個(gè)非常基礎(chǔ)的操作,但也是非常實(shí)用的技能,在Photoshop中,調(diào)整字體大小的方式有多種,詳細(xì)請(qǐng)看下文介紹2024-02-02
ps窗口字體太小怎么調(diào) PS窗口字體大小調(diào)節(jié)技巧
但最近有用戶在使用photoshop時(shí)發(fā)現(xiàn)窗口界面的字體比較小,使用起來非常的不方便,因此有不少用戶想將其大小進(jìn)行調(diào)節(jié),具體該如何操作呢?詳細(xì)請(qǐng)看下文介紹2024-02-02ps中圖層被父圖層鎖定怎么辦? 圖層被父圖層鎖定的解鎖技巧ps
ps中圖層被父圖層鎖定怎么辦?ps中圖層解鎖失敗,提示圖層被父圖層鎖定該怎么辦呢?下面我們就來看看詳細(xì)的解決辦法2023-12-19ps描邊最大只有288怎么辦? Photoshop描邊只能調(diào)到288像素的解決辦法
ps描邊最大只有288怎么辦?ps描邊在使用的過程中,發(fā)現(xiàn)只能調(diào)到288像素,該怎么操作呢?下面我們就來看看Photoshop描邊只能調(diào)到288像素的解決辦法2023-11-30PS工具欄中的工具有缺失怎么辦? Photoshop工具欄不全的多種解決辦法
PS工具欄中的工具有缺失怎么辦?ps工具欄中有很多工具,但是發(fā)現(xiàn)有些工具不見了,該怎么辦呢?下面我們就來看看Photoshop工具欄不全的多種解決辦法2023-11-30Photoshop2024怎么下載安裝? ps2024安裝圖文教程
Photoshop2024怎么下載安裝?ps2024發(fā)布以后,很多朋友想要嘗試信工鞥,該怎么下載安裝呢?下面我們就來看看ps2024安裝圖文教程2023-11-30