ps設計電影網(wǎng)站實例(2)

來源:站酷 作者:飛魚的聲納 學習:16083人次

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

Photoshop設計電影導演工作室網(wǎng)站首頁

Photoshop設計電影導演工作室網(wǎng)站首頁

Photoshop設計電影導演工作室網(wǎng)站首頁

“工作室”和”Flyfish Film Studio”文字分別使用方正小標宋字體和Georgia字體,22像素和14像素大小,顏色都為#b86850。

導航中文文字部分使用12像素大小、微軟雅黑字體、加粗、犀利、顏色#bab1ad,然后新建一個圖層,選擇矩形選區(qū)工具(M),畫一個包含中文文字上半部分的選區(qū),填充為白色,然后按住Alt鍵將該圖層創(chuàng)建為文字圖層的剪貼蒙板,這樣導航文字就有了如同金屬般的質感。

英文文字部分使用12像素大小、Georgia字體、犀利、顏色#b86850。然后使用移動工具將中英文導航文字排列好,導航部分的設計就完成了。如下圖:

Photoshop設計電影導演工作室網(wǎng)站首頁

Photoshop設計電影導演工作室網(wǎng)站首頁

 

11、我們繼續(xù)。接下來是整個設計中最重要的部分,主視覺的設計。首先下載導演椅素材,在photoshop中打開,使用鋼筆工具仔細的將椅子從背景中摳出來。摳圖雖然是技術含量不高的步驟,但是卻直接影響到后期的設計效果,所以不能馬虎。接下來使用修補工具(J)和仿制圖章工具(S)將椅子圖片上的水印和椅背后的文字抹掉。完成之后,使用拷貝粘貼將其載入文檔,右鍵轉換為智能對象,使用自由變換(Ctrl+T)將其大小調整到合適,觀察圖片后發(fā)現(xiàn),椅子的亮度和飽和度太高,所以我們這里依然使用上面步驟中的方法,將其壓暗,并降低飽和度,以下是色階調整圖層和色相飽和度調整圖層的具體參數(shù)設置。

Photoshop設計電影導演工作室網(wǎng)站首頁

Photoshop設計電影導演工作室網(wǎng)站首頁

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

Photoshop設計電影導演工作室網(wǎng)站首頁

完成后的效果如下圖:

Photoshop設計電影導演工作室網(wǎng)站首頁

12、椅子的色調雖然調完了,但是椅子卻像是飄在空中,沒落地的感覺。別急,接下來我們就讓椅子結結實實的落在地上。首先為了增加孤獨的氣氛,我們打算在椅子頂部打上一束光,類似于舞臺追光燈的效果。那么我們在導航圖層組下方新建一個圖層組,命名為”燈光”,在其中新建一個圖層,使用多邊形套索工具,在椅子頂部畫一個梯形,然后選擇漸變工具(G),按住Shift鍵,使用白色至透明的漸變在選區(qū)內部畫一個白色的漸變,如下圖所示:

Photoshop設計電影導演工作室網(wǎng)站首頁

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

Photoshop設計電影導演工作室網(wǎng)站首頁

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

Photoshop設計電影導演工作室網(wǎng)站首頁

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

Photoshop設計電影導演工作室網(wǎng)站首頁

學習 · 提示

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

關注大神微博加入>>

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