ps設(shè)計(jì)電影網(wǎng)站實(shí)例(2)

來源:站酷 作者:飛魚的聲納 學(xué)習(xí):16083人次

10、接下來我們添加Logo和導(dǎo)航文字。選擇文字工具,分別鍵出”電影”、”工作室”、”Flyfish Film Studio”三個(gè)文字圖層,”電影”文字使用68像素大小、漢儀雪君字體,并應(yīng)用如下圖層樣式:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎ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ì)就完成了。如下圖:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

 

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è)置。

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

調(diào)整結(jié)束后我們可以清楚的看到椅子的靠背和坐墊部分為綠色,所以我們這里需要改變其色相,以下是具體參數(shù):

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

完成后的效果如下圖:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

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è)白色的漸變,如下圖所示:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

將此圖層轉(zhuǎn)換為智能對(duì)象,應(yīng)用半徑為10個(gè)像素的高斯模糊,將圖層模式更改為疊加,然后降低圖層的飽和度至65%。完成之后將此圖層復(fù)制一遍,使用自由變換(Ctrl+T)將復(fù)制的圖層縮小,放置于外層光的中間,這樣光線中間就有了一個(gè)更為明亮的區(qū)域,使用同樣的方法再做幾遍,讓光線看上去有一定的層次感。最后新建一個(gè)圖層,使用橢圓形工具(U),在椅子底部畫出一個(gè)和上方光線范圍大小差不多的白色橢圓,圖層模式更改為疊加,將此圖層復(fù)制一遍,柵格化圖層,應(yīng)用3個(gè)像素的高斯模糊,這樣光線不會(huì)看上去過于生硬。最后完成的效果如下圖:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

13、接下來我們給椅子添加陰影和高光。新建一個(gè)圖層,使用矩形工具(U)在椅子底部畫一個(gè)和椅子座位部分大小差不多的黑色矩形,應(yīng)用5個(gè)像素的高斯模糊,不透明度更改為30%。然后將椅子圖層復(fù)制一遍,按住Ctrl鍵在圖層縮略圖上點(diǎn)擊一下,將椅子載入選區(qū),填充為黑色,Ctrl+D取消選區(qū)。然后使用自由變換(Ctrl+T)將圖層從上向下壓扁,效果如下圖:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

接下來給陰影圖層添加圖層蒙板,使用大小合適的柔軟黑色畫筆將多余的陰影部分擦去,這樣椅子就結(jié)結(jié)實(shí)實(shí)的落在了地板上了。最后的效果如下:

Photoshop設(shè)計(jì)電影導(dǎo)演工作室網(wǎng)站首頁

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!