最終效果

下面開(kāi)始制作：

1、打開(kāi)photoshop軟件，我們這里使用的是cs版本。其他版本一樣啦~~~

打開(kāi)準(zhǔn)備好的素材圖片，并將這個(gè)圖片復(fù)制三次。

從下到上共有四個(gè)圖層，分別命名為背景，第一次復(fù)制，第二次復(fù)制，第三次復(fù)制。（這三個(gè)復(fù)制的到最后用，先不用管了~~~）

2、使用多邊形套索工具在素材圖片上畫(huà)一個(gè)不規(guī)則選區(qū)或者使用鋼筆工具畫(huà)一個(gè)不規(guī)則圖形，填充顏色(這里填充的是#008caf) 。命名這個(gè)圖層為玻璃。

這個(gè)就是我們要處理的玻璃啦。畫(huà)的時(shí)候大家隨意，只要形狀像是打碎的玻璃就可以！很好畫(huà)吧~~

畫(huà)好后，將玻璃圖層不透明度調(diào)節(jié)為75%，填充30%。效果如下圖。

|||

3、這步比較長(zhǎng)，我們一點(diǎn)一點(diǎn)來(lái)~~~這一步是制作玻璃立體感的陰影，所以我們先要制作玻璃的立體邊緣。

·創(chuàng)建玻璃的選區(qū)。按住ctrl，用鼠標(biāo)左鍵點(diǎn)擊玻璃圖層。

·進(jìn)入通道面板，創(chuàng)建一個(gè)新通道。命名為“玻璃選區(qū)”。

·回到圖層面板，再創(chuàng)建一次玻璃選區(qū)。還是按住ctrl，用鼠標(biāo)左鍵點(diǎn)擊玻璃圖層。

·隨便點(diǎn)擊一個(gè)選區(qū)工具，然后用鍵盤(pán)上的箭頭將選區(qū)下移8-10個(gè)像素。

·點(diǎn)擊菜單欄的“選擇”-----“載入選區(qū)”，在彈出的新窗口選擇“玻璃選區(qū)”，然后選擇下面的“從選區(qū)中減去”。點(diǎn)擊確定。

完成上面步驟時(shí)候，你可以看到你現(xiàn)在選擇了玻璃左下和右下角部分。

再使用多邊形套索工具將左下和右下角不足的部分補(bǔ)全（按住shift鍵添加選區(qū)，或者你也可以保存現(xiàn)在的選區(qū)到通道，然后補(bǔ)充剩余的的載入選區(qū)合并就可以）。

好了，下面的陰影部分選區(qū)做好了，新建一個(gè)圖層，為這個(gè)不規(guī)則的選區(qū)填充顏色(#008caf) ，還是和玻璃一樣的顏色，但是不透明度調(diào)節(jié)為75%，填充90%。

這個(gè)圖層我們叫玻璃下陰影。

4、學(xué)會(huì)上面一步，這步就簡(jiǎn)單了，這步是做玻璃上方被壓住的立體感覺(jué)。

把上面那步倒過(guò)來(lái)，先將玻璃選區(qū)下移8-10像素，然后保存為玻璃下移選區(qū)。

再創(chuàng)建玻璃選區(qū)，載入選區(qū)，選擇玻璃下移選區(qū)，點(diǎn)擊“從選區(qū)中減去”。確定。

填充一樣的顏色。

不透明度調(diào)節(jié)為35%，填充40%。立體玻璃就制作好了~~下面細(xì)節(jié)調(diào)整。

這個(gè)圖層我們叫玻璃上陰影。

|||

5、下面我們給第三步我們創(chuàng)建的玻璃下陰影圖層添加樣式。設(shè)置如下。

混合模式：

投影：

顏色為：#4ea3c2

內(nèi)陰影：

顏色為4c6f8c。

內(nèi)發(fā)光：

顏色為：008caf

斜面與浮雕：

描邊：

顏色為：3ab1b8

|||

6、下面為玻璃上陰影圖層添加樣式。

混合選項(xiàng)：

投影：

內(nèi)陰影：

顏色為467181。

內(nèi)發(fā)光：

顏色為008caf。

斜面與浮雕：

描邊：

顏色為409cdc。

|||

基本制作完成~~~

7、這一步是細(xì)節(jié)完善了~~~

還記得我們第一步復(fù)制的三個(gè)圖層嗎？現(xiàn)在有用了！！做了玻璃碎片我們還忘記一個(gè)東西要做~~

就是光的折射效果。不規(guī)則玻璃邊緣，光通過(guò)時(shí)會(huì)使下面的背景導(dǎo)致扭曲的視覺(jué)效果，就像是波動(dòng)的水下的東西都會(huì)看似扭曲一樣。

我們用上面三個(gè)圖層來(lái)制作扭曲的影像。

首先點(diǎn)擊第一次復(fù)制圖層，向上移動(dòng)3個(gè)像素。

然后創(chuàng)建“玻璃選區(qū)”圖層的選區(qū)（玻璃選區(qū)圖層是第三步制作的），創(chuàng)建方法是按住ctrl，再點(diǎn)擊鼠標(biāo)左鍵。

點(diǎn)擊“第一次復(fù)制”的圖層，點(diǎn)擊圖層面板下面的添加圖層蒙板。看到效果嗎？“第一次復(fù)制”的圖層只剩下“玻璃選區(qū)”那一點(diǎn)點(diǎn)了，而且與背景是錯(cuò)位的（移動(dòng)了3個(gè)像素嘛~~），是不是有種玻璃透視的感覺(jué)~

剩下的兩個(gè)圖層一樣，像下和左邊分別移動(dòng)3個(gè)像素，使用第二個(gè)復(fù)制圖層以及第三個(gè)復(fù)制圖層創(chuàng)建圖層蒙板得到以下效果~~~~

8、將第一次復(fù)制，第二次復(fù)制，第三次復(fù)制的圖層再分別復(fù)制一次，為三個(gè)新圖層分別添加0.6、0.2、0.9像素的高斯模糊。

最后使用加深工具和筆刷將周?chē)僬{(diào)節(jié)粗糙一點(diǎn)。最終效果就制作完畢了~~~

太晚了，頭腦暈暈的~~~教程如果有任何錯(cuò)誤或者不會(huì)制作的請(qǐng)留言給我~~~~~感謝各位支持！