Photoshop字效教程:光滑質(zhì)感立體字(9)
來(lái)源:未知
作者:admin
學(xué)習(xí):7733人次
立體字的制作需要配合光源方位來(lái)渲染效果。先制作好文字的立體效果,方法有很多,注意好表面的高光機(jī)暗部的制作。然后再制作背景效果,再利用光照效果來(lái)整體渲染。教程的制作過(guò)程非常詳細(xì),值得學(xué)習(xí)。
最終效果
光源:在我們開(kāi)始教程之前,先來(lái)看看一個(gè)光源是怎樣對(duì)物體產(chǎn)生影響的。如圖,畫面中間有個(gè)正方體,它的左上方有一個(gè)明亮的光源。當(dāng)光照射到正方體,就會(huì)在另一邊產(chǎn)生陰影。這種陰影和Photoshop中的陰影(指圖層樣式)有截然不同的效果,看上去能夠令物體躍然紙上。如果我們想令一個(gè)物體具有三維立體感,不需翻看沉悶的教科書,這里的光與影就是答案。
1、我們的教程從一道微妙的線性漸變開(kāi)始,是從深灰色到灰黑色的。注意到畫面左上方比右下方光亮了嗎?因?yàn)樽髡呦氚压庠捶胖迷谧笊辖恰?
2、現(xiàn)在我們開(kāi)始放置文字,作者習(xí)慣使用一種名為“Agency FB”的字體,它們看起來(lái)緊湊而且硬朗,設(shè)置前景色為灰藍(lán)色#c2c8d4。
3、按住Ctrl用鼠標(biāo)左鍵點(diǎn)擊剛才的文字圖層載入選區(qū),然后新建一個(gè)圖層。在新圖層,保持選區(qū)被選狀態(tài),用漸變工具畫一個(gè)從#495a79到透明、從右下到左上的線性漸變。你會(huì)得到如下圖的效果。
4、按下鍵盤上“D”回復(fù)默認(rèn)前背景色,按住Ctrl點(diǎn)擊文字圖層載入選區(qū),在文字圖層之下新建一個(gè)圖層,F(xiàn)在按下鍵盤上的下箭頭一次,再按右箭頭一次(即向下向右各移動(dòng)1像素),使用Alt+Backspace(退格鍵)填充黑色。重復(fù)這組動(dòng)作30次。
5、下圖是你現(xiàn)在應(yīng)該得到的效果。取消陰影圖層的選區(qū),然后使用濾鏡>模糊>動(dòng)感模糊,角度為-45度,距離30像素。
6、設(shè)置陰影圖層為正片疊底,不透明度40%,接著按住Shift鍵按下鍵盤的右箭頭和下箭頭各一次,這會(huì)使得每次移動(dòng)變?yōu)?0像素,F(xiàn)在你可能還會(huì)看見(jiàn)字母的上方和左方有一些模糊的陰影,使用一個(gè)柔軟的橡皮擦擦掉那些不該出現(xiàn)陰影(還記得文章開(kāi)頭對(duì)陰影的分析嗎?)。
7、復(fù)制陰影圖層一次,再次按住Shift向下和向右移動(dòng)。使用動(dòng)感模糊濾鏡,設(shè)置距離為50像素,設(shè)置這個(gè)圖層的混合模式為正片疊底,不透明度20%。這會(huì)使得陰影的過(guò)渡更為順滑。
8、在所有圖層之上新建一個(gè)圖層,按住Ctrl點(diǎn)擊文字圖層載入選區(qū),在新圖層中填充白色。先不要取消選區(qū)范圍,按下鍵盤的“↓”、“→”各一次,然后按下“DELETE”刪除選區(qū)內(nèi)容,F(xiàn)在留下的是小小的白線,設(shè)置圖層不透明度為80%。
9、現(xiàn)在你可以看到,剛才做出來(lái)的小小白線為文字圖層添加了如同高光的效果。物體面向光源的一面會(huì)有高光出現(xiàn),這樣的效果使得我們的文字更為立體。
10、接下來(lái)我們要模擬自然光創(chuàng)造一些光線。在所有圖層之上新建一個(gè)圖層,用矩形工具畫4~5道長(zhǎng)方形,顏色為白色,如下圖(越下方的矩形越粗)。
11、按下Ctrl+T進(jìn)行自由變換,旋轉(zhuǎn)和放大到如下圖的效果,然后按下右鍵呼出菜單,選擇透視。把左方的兩個(gè)變換點(diǎn)拉得靠近一些,使白色矩形看起來(lái)是從左上方發(fā)散出來(lái)的。
12、現(xiàn)在我們得到如下圖的四道虛擬“光線”,設(shè)置該圖層混合模式為疊加,不透明度20%,然后使用濾鏡>模糊>高斯模糊,半徑為6像素。
13、現(xiàn)在你應(yīng)該如下圖的效果。
14、既然我們剛才創(chuàng)造出來(lái)的白色矩形是用來(lái)模擬光線的,那么我們的高光是不是只應(yīng)該出現(xiàn)在光線照到的位置呢?Ctrl+左鍵點(diǎn)擊矩形圖層載入選區(qū),添加圖層蒙版。這樣會(huì)得到一個(gè)蒙版,使得“高光”只在“光線”照到的位置出現(xiàn)。
15、現(xiàn)在停下來(lái)看看,這樣的效果看起來(lái)已經(jīng)十分不錯(cuò)了,不過(guò)我們會(huì)需要為畫面添加一些溫暖的陽(yáng)光感。
16、在背景圖層之上新建一個(gè)圖層,使用粉紅色#9d506c進(jìn)行填充。
17、設(shè)置粉紅圖層的混合模式為顏色,不透明度20%,這會(huì)使得我們的背景有一種偏紅的暖色調(diào)。因?yàn)榻酉聛?lái)我們需要混合一些黃光,如果現(xiàn)在不在背景上添加一些粉紅色調(diào),那么之后我們得到的最終結(jié)果將會(huì)顯得不夠真實(shí)。
18、在粉紅圖層之上新建一個(gè)圖層,填充整個(gè)為白色,然后使用濾鏡>渲染>燈光效果。作者并不是經(jīng)常使用燈光效果,但其中的2點(diǎn)鐘聚光(Two O’clock Spotlight)效果十分酷。在燈光效果面板選擇剛才提到的Two O’clock Spotlight,你可以直接使用默認(rèn)設(shè)置的效果,但為了更好地實(shí)現(xiàn)我們的想法,最好稍微拉長(zhǎng)光效的橢圓形(這會(huì)使光源效果延長(zhǎng)一些)。
19、設(shè)置燈光圖層為疊加,你會(huì)得到如下圖的效果。復(fù)制一次燈光圖層,移動(dòng)到所有圖層之上,設(shè)置不透明度為40%。這樣會(huì)令你作出的暖調(diào)光效果不止影響背景,更會(huì)影響整幅畫面。
最后,我們復(fù)制最上面的燈光圖層多一次,設(shè)置不透明度為65%,然后添加圖層蒙版,在蒙版中用漸變工具畫一個(gè)從左上到右下、從白色到黑色的線性漸變,這會(huì)使光效擁有平滑的漸隱過(guò)渡。
最終效果
光源:在我們開(kāi)始教程之前,先來(lái)看看一個(gè)光源是怎樣對(duì)物體產(chǎn)生影響的。如圖,畫面中間有個(gè)正方體,它的左上方有一個(gè)明亮的光源。當(dāng)光照射到正方體,就會(huì)在另一邊產(chǎn)生陰影。這種陰影和Photoshop中的陰影(指圖層樣式)有截然不同的效果,看上去能夠令物體躍然紙上。如果我們想令一個(gè)物體具有三維立體感,不需翻看沉悶的教科書,這里的光與影就是答案。
1、我們的教程從一道微妙的線性漸變開(kāi)始,是從深灰色到灰黑色的。注意到畫面左上方比右下方光亮了嗎?因?yàn)樽髡呦氚压庠捶胖迷谧笊辖恰?
2、現(xiàn)在我們開(kāi)始放置文字,作者習(xí)慣使用一種名為“Agency FB”的字體,它們看起來(lái)緊湊而且硬朗,設(shè)置前景色為灰藍(lán)色#c2c8d4。
3、按住Ctrl用鼠標(biāo)左鍵點(diǎn)擊剛才的文字圖層載入選區(qū),然后新建一個(gè)圖層。在新圖層,保持選區(qū)被選狀態(tài),用漸變工具畫一個(gè)從#495a79到透明、從右下到左上的線性漸變。你會(huì)得到如下圖的效果。
4、按下鍵盤上“D”回復(fù)默認(rèn)前背景色,按住Ctrl點(diǎn)擊文字圖層載入選區(qū),在文字圖層之下新建一個(gè)圖層,F(xiàn)在按下鍵盤上的下箭頭一次,再按右箭頭一次(即向下向右各移動(dòng)1像素),使用Alt+Backspace(退格鍵)填充黑色。重復(fù)這組動(dòng)作30次。
注意移動(dòng)的只是選區(qū)而不是填充的黑色塊,最好保持選擇著選區(qū)工具。如果你選擇了移動(dòng)工具,就會(huì)在操作鍵盤的時(shí)候同時(shí)移動(dòng)黑色填充色塊和選區(qū),你只會(huì)不斷重復(fù)填充同一個(gè)位置。
5、下圖是你現(xiàn)在應(yīng)該得到的效果。取消陰影圖層的選區(qū),然后使用濾鏡>模糊>動(dòng)感模糊,角度為-45度,距離30像素。
6、設(shè)置陰影圖層為正片疊底,不透明度40%,接著按住Shift鍵按下鍵盤的右箭頭和下箭頭各一次,這會(huì)使得每次移動(dòng)變?yōu)?0像素,F(xiàn)在你可能還會(huì)看見(jiàn)字母的上方和左方有一些模糊的陰影,使用一個(gè)柔軟的橡皮擦擦掉那些不該出現(xiàn)陰影(還記得文章開(kāi)頭對(duì)陰影的分析嗎?)。
7、復(fù)制陰影圖層一次,再次按住Shift向下和向右移動(dòng)。使用動(dòng)感模糊濾鏡,設(shè)置距離為50像素,設(shè)置這個(gè)圖層的混合模式為正片疊底,不透明度20%。這會(huì)使得陰影的過(guò)渡更為順滑。
8、在所有圖層之上新建一個(gè)圖層,按住Ctrl點(diǎn)擊文字圖層載入選區(qū),在新圖層中填充白色。先不要取消選區(qū)范圍,按下鍵盤的“↓”、“→”各一次,然后按下“DELETE”刪除選區(qū)內(nèi)容,F(xiàn)在留下的是小小的白線,設(shè)置圖層不透明度為80%。
9、現(xiàn)在你可以看到,剛才做出來(lái)的小小白線為文字圖層添加了如同高光的效果。物體面向光源的一面會(huì)有高光出現(xiàn),這樣的效果使得我們的文字更為立體。
10、接下來(lái)我們要模擬自然光創(chuàng)造一些光線。在所有圖層之上新建一個(gè)圖層,用矩形工具畫4~5道長(zhǎng)方形,顏色為白色,如下圖(越下方的矩形越粗)。
11、按下Ctrl+T進(jìn)行自由變換,旋轉(zhuǎn)和放大到如下圖的效果,然后按下右鍵呼出菜單,選擇透視。把左方的兩個(gè)變換點(diǎn)拉得靠近一些,使白色矩形看起來(lái)是從左上方發(fā)散出來(lái)的。
12、現(xiàn)在我們得到如下圖的四道虛擬“光線”,設(shè)置該圖層混合模式為疊加,不透明度20%,然后使用濾鏡>模糊>高斯模糊,半徑為6像素。
13、現(xiàn)在你應(yīng)該如下圖的效果。
14、既然我們剛才創(chuàng)造出來(lái)的白色矩形是用來(lái)模擬光線的,那么我們的高光是不是只應(yīng)該出現(xiàn)在光線照到的位置呢?Ctrl+左鍵點(diǎn)擊矩形圖層載入選區(qū),添加圖層蒙版。這樣會(huì)得到一個(gè)蒙版,使得“高光”只在“光線”照到的位置出現(xiàn)。
15、現(xiàn)在停下來(lái)看看,這樣的效果看起來(lái)已經(jīng)十分不錯(cuò)了,不過(guò)我們會(huì)需要為畫面添加一些溫暖的陽(yáng)光感。
16、在背景圖層之上新建一個(gè)圖層,使用粉紅色#9d506c進(jìn)行填充。
17、設(shè)置粉紅圖層的混合模式為顏色,不透明度20%,這會(huì)使得我們的背景有一種偏紅的暖色調(diào)。因?yàn)榻酉聛?lái)我們需要混合一些黃光,如果現(xiàn)在不在背景上添加一些粉紅色調(diào),那么之后我們得到的最終結(jié)果將會(huì)顯得不夠真實(shí)。
18、在粉紅圖層之上新建一個(gè)圖層,填充整個(gè)為白色,然后使用濾鏡>渲染>燈光效果。作者并不是經(jīng)常使用燈光效果,但其中的2點(diǎn)鐘聚光(Two O’clock Spotlight)效果十分酷。在燈光效果面板選擇剛才提到的Two O’clock Spotlight,你可以直接使用默認(rèn)設(shè)置的效果,但為了更好地實(shí)現(xiàn)我們的想法,最好稍微拉長(zhǎng)光效的橢圓形(這會(huì)使光源效果延長(zhǎng)一些)。
19、設(shè)置燈光圖層為疊加,你會(huì)得到如下圖的效果。復(fù)制一次燈光圖層,移動(dòng)到所有圖層之上,設(shè)置不透明度為40%。這樣會(huì)令你作出的暖調(diào)光效果不止影響背景,更會(huì)影響整幅畫面。
最后,我們復(fù)制最上面的燈光圖層多一次,設(shè)置不透明度為65%,然后添加圖層蒙版,在蒙版中用漸變工具畫一個(gè)從左上到右下、從白色到黑色的線性漸變,這會(huì)使光效擁有平滑的漸隱過(guò)渡。
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請(qǐng)回答!