電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)(4)

來源:站酷 作者:夢冥軒 學(xué)習(xí):24494人次

教程雖然運(yùn)用的都是一些基礎(chǔ)的工具運(yùn)用,比如蒙版、剪切蒙版等,但步驟比較多,對新手可能有一定難度,作者提供了PSD文件供大家參考,不懂的可以下載來參考學(xué)習(xí)。

教程比較長,對概念部分沒興趣的,可以跳過前言,直接看正文部分。

先來看看最終效果,最終效果看起來是不是很復(fù)雜很有意境呢?其實(shí)制作方法并不難。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

在動(dòng)手做之前,我們需要先想好自己要做什么樣的效果,腦海中需要有個(gè)大致的概念;有條件的最好能畫出草圖,這樣對深入和鞏固想法有很大的幫助呢。

首先,我在做這個(gè)海報(bào)之前,我在想什么能代表蝙蝠老爺呢?答案顯而易見:蝙蝠、黑暗、恐怖、孤獨(dú)等等。

于是,在我腦海里把這些元素進(jìn)行篩選結(jié)合,最終構(gòu)建了一個(gè)以蝙蝠、黑暗以及孤獨(dú)為主要感覺的劇本。

而在尋求靈感撰寫劇本的時(shí)候,我們往往需要找一些參考,如下圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

在看了這些參考后,我們要迅速抓住感覺,讓腦海里的草圖逐漸清晰起來,之后就是思考:要做出這樣的效果,我們需要哪些步驟?需要借助哪些工具和素材?

關(guān)于找素材,這花了我非常漫長的時(shí)間,我只能說:素材就是演員,而劇本就是腦子里的想法,而素材的精確度,完全取決于你的思路和想法是否清晰。

以下便是我以腦海中的想法為基礎(chǔ),最終選定了三個(gè)主要素材。

PSD源文件及素材:http://www.theoat.com.cn/photoshop/sucai/2016/u544007.html

蝙蝠圖片:http://www.theoat.com.cn/photoshop/sucai/2016/s963141.html

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

正文部分:

廢話不多說,開始制作海報(bào)吧。

打開PS,新建一個(gè)畫布,我建立的是豎版的畫布,把背景層填充黑色,然后用柔邊畫筆工具,給畫布先打個(gè)大概的光源,并線圖層編組,命名為背景,再從準(zhǔn)備好的蝙蝠素材里挑選出幾只不一樣的蝙蝠,分別做一些旋轉(zhuǎn)變形,讓他們看起來是獨(dú)立的個(gè)體,如下圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

把變換好的蝙蝠合并成一個(gè)圖層,復(fù)制一些,并且都做相應(yīng)的變換調(diào)整,讓他們看起來沒有規(guī)律,如下圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn
<點(diǎn)圖片看大圖>www.theoat.com.cn

就像剛才說的,多復(fù)制一些,復(fù)制成一個(gè)蝙蝠俠善外形就可以了,并給圖層編組命名蝙蝠群,如下圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在開始就是比較關(guān)鍵的部分了,把準(zhǔn)備好的蝙蝠俠素材拉到PS里,因?yàn)槲覀円男Ч球鹑旱墓庥皩Ρ葮?gòu)成的蝙蝠俠形象,所以不需要特別清晰的邊緣輪廓。把素材設(shè)若模糊兩到三個(gè)像素,如下圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

把模糊之后的素材放到已經(jīng)復(fù)制好的蝙蝠群上,并且建立圖層蒙版,把蝙蝠俠多余的部分擦掉,讓蝙蝠俠的臉保持在蝙蝠群的范圍內(nèi),如下右圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在把蝙蝠俠素材的混合模式改為疊加,得到如下左圖的效果,這時(shí)候有些效果了,但還不明顯,然后把混合模式改為疊加的蝙蝠俠素材,復(fù)制一層,并建立剪切蒙版,讓他不會(huì)超出原本的范圍,再將不透明度降低少許即可得到如下右圖的效果,這樣比之前對比要強(qiáng)烈很多,但丟失了部分細(xì)節(jié)。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在給已經(jīng)做好的效果添加一些少許改動(dòng),建立一個(gè)色階調(diào)整圖層,同樣建立剪切蒙版,讓這個(gè)調(diào)整圖層只針對蝙蝠俠素材進(jìn)行調(diào)整,參數(shù)如下左圖,最終得到如下右圖的效果:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在我們要對蝙蝠俠的面部做一些調(diào)整,因?yàn)橛行┑胤降拿靼挡荒芡ㄟ^快捷的調(diào)整圖層得到,右下左圖,圈出來的部分光影有些奇怪,需要進(jìn)行改進(jìn)。

方法就是新建圖層并用柔邊畫筆在紅圈部位進(jìn)行擦涂,讓該暗的地方暗下去,得到效果如下右圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

蝙蝠俠調(diào)整完了,現(xiàn)在我們來調(diào)整蝙蝠群的細(xì)節(jié),給蝙蝠群圖層組新建一個(gè)黑色填充層和反相調(diào)整圖層,同樣建立剪切蒙版,讓這些圖層只針對蝙蝠群圖層組進(jìn)行調(diào)整,圖層混合模式都為疊加。

用蒙版把黑色填充層的人臉部分擦除,只保留蝙蝠群邊緣的加深效果;對反相調(diào)整圖層的蒙版進(jìn)行擦除,最終效果如上右圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

繼續(xù)調(diào)整蝙蝠群組,新建一個(gè)色階調(diào)整圖層和一個(gè)色相飽和度調(diào)整圖層,依舊建立剪切蒙版,用色階把整體壓暗,因?yàn)槲覀冏龅氖潜尘靶Ч,然后在色相飽和度圖層上把飽和度降到最低。

色階參數(shù)如下左圖,這樣蝙蝠群圖層組就調(diào)整好了,效果如下右圖。到這一步為止,我們都是在調(diào)整海報(bào)的基本明暗關(guān)系。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

基本明暗關(guān)系調(diào)整完了,現(xiàn)在我們給蝙蝠群加上動(dòng)態(tài)效果。把蝙蝠群組復(fù)制一層,合并圖層組,添加濾鏡 - 模糊 - 動(dòng)態(tài)模糊,1到2個(gè)像素即可,如下左圖。

然后分別為動(dòng)態(tài)模糊層和蝙蝠群圖層組添加蒙版,因?yàn)槲覀兊囊暰聚焦的部分不會(huì)是模糊的,所以把動(dòng)態(tài)模糊層的視覺中心部分擦除,保留邊緣。

然后為讓動(dòng)態(tài)模糊更自然,我們把蝙蝠群圖層組的邊緣部分擦除,只保留知覺中心部分。這樣一個(gè)視覺中心是清晰而邊緣是動(dòng)態(tài)模糊的效果就出來了,如下右圖:

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在我們給海報(bào)加上一些透光效果,找到一個(gè)小光球的素材,直接在調(diào)整菜單里用色相飽和度中的著色功能,給素材進(jìn)行調(diào)整。

這里不要對其他兩項(xiàng)進(jìn)行變動(dòng),只需要把明度調(diào)到最高即可,然后將調(diào)整好的光球素材復(fù)制一些,方法就和我們復(fù)制蝙蝠群的時(shí)候一樣,如下左圖。

然后放到海報(bào)上面,根據(jù)我們設(shè)定的光線,左邊的光要更強(qiáng),所以海報(bào)左邊的透光效果更強(qiáng),最終效果如下右圖。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

接下來我們要去給畫面的主要光源做些細(xì)節(jié)了,因?yàn)楣庠词莵碜则鸬谋澈,所以我們來到背景圖層組,這次用大光球素材,用色相飽和度調(diào)整圖層進(jìn)行調(diào)整,勾選著色選項(xiàng),參數(shù)如下左圖。

用蒙版擦除一些光線過強(qiáng)的地方,并且將光球素材復(fù)制一些補(bǔ)充光線不足的地方,效果如下右圖。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在開始海報(bào)整體添加細(xì)節(jié)和氛圍塑造,在我們之前做好的圖層之上,新建一個(gè)色階調(diào)整圖層,參數(shù)如下左圖,最終效果如下右圖。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

找出之前收集的材質(zhì)素材,分別是碎石和煙霧。將它們添加到海報(bào)的四周,圍繞視覺中心展開,要注意不能擋住視覺中心哦。并加入幾只近景蝙蝠,添加動(dòng)態(tài)模糊效果。

最終效果如下右圖,到這里海報(bào)基本就做的差不多了,剩下的全部都是整體調(diào)整環(huán)節(jié)了。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

現(xiàn)在來做整體調(diào)整,先為海報(bào)添加冷色調(diào),新建色階調(diào)整層,色相飽和度調(diào)整層,以及純色填充層。

純色填充層選擇偏冷的色調(diào),混合模式疊加,不透明度為25%,而其他調(diào)整圖層參數(shù)如下左圖,最終我們得到如下右圖的效果。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

冷色調(diào)有了,選擇我們需要為海報(bào)打上暖色調(diào),這樣就會(huì)產(chǎn)生冷暖對比了。

方法很多,我選擇的是新建圖層,用畫筆疊加顏色,然后用色彩平衡來掌控整體的平衡,最終效果和參數(shù)如下圖。到這一步基本就剩最后一步的銳化和飽和度調(diào)整了,相信大家都能找到合適的方法完成這最后一步。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

調(diào)整完之后,添加文字,海報(bào)就大功告成啦。

電影海報(bào),設(shè)計(jì)蝙蝠俠電影海報(bào)_www.theoat.com.cn

這次用的工具都是非;A(chǔ)的工具了,只是不同工具組合出來的效果不同罷了。

其實(shí)能做到這些效果的工具組合是很多的,我選擇了我最順手的組合,大家在實(shí)戰(zhàn)的時(shí)候也應(yīng)該會(huì)有自己最順手的工具,所以不一定完全和教程中的一樣哦。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
愛生活愛迪仔2017-05-28 07:38
教程像放屁
fuyangjue2017-05-28 06:00
謝謝老師分享,我要好好的學(xué)習(xí)一下
三馬車的馬2017-05-28 08:24
辛苦了,多謝分享。

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

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