ps設(shè)計(jì)電影網(wǎng)站實(shí)例(2)
10、接下來我們添加Logo和導(dǎo)航文字。選擇文字工具,分別鍵出”電影”、”工作室”、”Flyfish Film Studio”三個(gè)文字圖層,”電影”文字使用68像素大小、漢儀雪君字體,并應(yīng)用如下圖層樣式:
“工作室”和”Flyfish Film Studio”文字分別使用方正小標(biāo)宋字體和Georgia字體,22像素和14像素大小,顏色都為#b86850。
導(dǎo)航中文文字部分使用12像素大小、微軟雅黑字體、加粗、犀利、顏色#bab1ad,然后新建一個(gè)圖層,選擇矩形選區(qū)工具(M),畫一個(gè)包含中文文字上半部分的選區(qū),填充為白色,然后按住Alt鍵將該圖層創(chuàng)建為文字圖層的剪貼蒙板,這樣導(dǎo)航文字就有了如同金屬般的質(zhì)感。
英文文字部分使用12像素大小、Georgia字體、犀利、顏色#b86850。然后使用移動(dòng)工具將中英文導(dǎo)航文字排列好,導(dǎo)航部分的設(shè)計(jì)就完成了。如下圖:
11、我們繼續(xù)。接下來是整個(gè)設(shè)計(jì)中最重要的部分,主視覺的設(shè)計(jì)。首先下載導(dǎo)演椅素材,在photoshop中打開,使用鋼筆工具仔細(xì)的將椅子從背景中摳出來。摳圖雖然是技術(shù)含量不高的步驟,但是卻直接影響到后期的設(shè)計(jì)效果,所以不能馬虎。接下來使用修補(bǔ)工具(J)和仿制圖章工具(S)將椅子圖片上的水印和椅背后的文字抹掉。完成之后,使用拷貝粘貼將其載入文檔,右鍵轉(zhuǎn)換為智能對(duì)象,使用自由變換(Ctrl+T)將其大小調(diào)整到合適,觀察圖片后發(fā)現(xiàn),椅子的亮度和飽和度太高,所以我們這里依然使用上面步驟中的方法,將其壓暗,并降低飽和度,以下是色階調(diào)整圖層和色相飽和度調(diào)整圖層的具體參數(shù)設(shè)置。
調(diào)整結(jié)束后我們可以清楚的看到椅子的靠背和坐墊部分為綠色,所以我們這里需要改變其色相,以下是具體參數(shù):
完成后的效果如下圖:
12、椅子的色調(diào)雖然調(diào)完了,但是椅子卻像是飄在空中,沒落地的感覺。別急,接下來我們就讓椅子結(jié)結(jié)實(shí)實(shí)的落在地上。首先為了增加孤獨(dú)的氣氛,我們打算在椅子頂部打上一束光,類似于舞臺(tái)追光燈的效果。那么我們?cè)趯?dǎo)航圖層組下方新建一個(gè)圖層組,命名為”燈光”,在其中新建一個(gè)圖層,使用多邊形套索工具,在椅子頂部畫一個(gè)梯形,然后選擇漸變工具(G),按住Shift鍵,使用白色至透明的漸變?cè)谶x區(qū)內(nèi)部畫一個(gè)白色的漸變,如下圖所示:
將此圖層轉(zhuǎn)換為智能對(duì)象,應(yīng)用半徑為10個(gè)像素的高斯模糊,將圖層模式更改為疊加,然后降低圖層的飽和度至65%。完成之后將此圖層復(fù)制一遍,使用自由變換(Ctrl+T)將復(fù)制的圖層縮小,放置于外層光的中間,這樣光線中間就有了一個(gè)更為明亮的區(qū)域,使用同樣的方法再做幾遍,讓光線看上去有一定的層次感。最后新建一個(gè)圖層,使用橢圓形工具(U),在椅子底部畫出一個(gè)和上方光線范圍大小差不多的白色橢圓,圖層模式更改為疊加,將此圖層復(fù)制一遍,柵格化圖層,應(yīng)用3個(gè)像素的高斯模糊,這樣光線不會(huì)看上去過于生硬。最后完成的效果如下圖:
13、接下來我們給椅子添加陰影和高光。新建一個(gè)圖層,使用矩形工具(U)在椅子底部畫一個(gè)和椅子座位部分大小差不多的黑色矩形,應(yīng)用5個(gè)像素的高斯模糊,不透明度更改為30%。然后將椅子圖層復(fù)制一遍,按住Ctrl鍵在圖層縮略圖上點(diǎn)擊一下,將椅子載入選區(qū),填充為黑色,Ctrl+D取消選區(qū)。然后使用自由變換(Ctrl+T)將圖層從上向下壓扁,效果如下圖:
接下來給陰影圖層添加圖層蒙板,使用大小合適的柔軟黑色畫筆將多余的陰影部分擦去,這樣椅子就結(jié)結(jié)實(shí)實(shí)的落在了地板上了。最后的效果如下:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 調(diào)整
- 設(shè)計(jì)
- 我們
- 一個(gè)
- 網(wǎng)站首頁
學(xué)習(xí) · 提示
相關(guān)教程
- PS創(chuàng)建一款簡(jiǎn)潔大方的歐美商務(wù)網(wǎng)站首頁
- 如何創(chuàng)建一個(gè)Fancy的設(shè)計(jì)工作室網(wǎng)頁布局
- 使用ps打造一個(gè)企業(yè)網(wǎng)站首頁設(shè)計(jì)制作全
- Photoshop制作筆記本電子商務(wù)網(wǎng)站首頁模板
- Photoshop設(shè)計(jì)藍(lán)色風(fēng)格網(wǎng)站首頁模板
- Photoshop美工教程:游戲網(wǎng)站首頁布局
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- Photoshop繪制高雅清新的網(wǎng)站首頁模板
- Photoshop制作田園風(fēng)格網(wǎng)站首頁
- photoshop網(wǎng)頁設(shè)計(jì):個(gè)性鮮明的網(wǎng)站首頁
推薦教程
- PS設(shè)計(jì)制作攝影主題網(wǎng)站主頁教程
- photoshop設(shè)計(jì)黑色風(fēng)格的網(wǎng)站界面實(shí)例
- Photoshop制作漂亮的綠色風(fēng)格的網(wǎng)頁模板
- Photoshop繪制簡(jiǎn)潔的包含云朵主題的網(wǎng)頁
- Photoshop設(shè)計(jì)軟件行業(yè)網(wǎng)站模板教程
- Photoshop制作禮品店網(wǎng)站模板
- Photoshop制作網(wǎng)站首頁(3):切割網(wǎng)頁圖片
- photoshop如何設(shè)計(jì)綠色的時(shí)尚Web網(wǎng)站
- Photoshop設(shè)計(jì)個(gè)人簡(jiǎn)歷介紹網(wǎng)站過程
- Photoshop結(jié)合Dreamweaver制作網(wǎng)頁相冊(cè)