當(dāng)前位置:首頁(yè)>ps培訓(xùn)教程>ps合成教程>照片合成>教程內(nèi)容

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)(4)

來(lái)源:UI中國(guó) 作者:PS平面設(shè)計(jì) 學(xué)習(xí):9270人次

本篇教程通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào),在制作海報(bào)的時(shí)候,靈感來(lái)源是關(guān)鍵,即使給了同樣的素材,也不一定能合成相同的效果,所以說(shuō)思路是關(guān)鍵,同學(xué)們可以通過(guò)教程來(lái)找尋一些靈感,來(lái)進(jìn)行海報(bào)合成,在合成的時(shí)候要注意畫面的透視、陰影要符合常理邏輯,具體通過(guò)教程來(lái)學(xué)習(xí)一下吧。

效果圖:

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

操作步驟:

第1步

打開ps創(chuàng)建一個(gè)畫布,這里選擇創(chuàng)建了A3尺寸的畫布。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第2步

制作天空,創(chuàng)建3508×2082px的矩形,圖層命名為天空。

填充漸變#37b2af~#fab79d

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第3步:繪制遠(yuǎn)山

觀察原圖,山體大致可以分為四個(gè)部分:遠(yuǎn)山(看不到細(xì)節(jié),只填充色塊)、中距離的山(在半透明色塊的掩蓋下能看到一些細(xì)節(jié))、近處的山(大部分細(xì)節(jié)都能看到)、還有被填充了碎花圖案的山。

那么對(duì)遠(yuǎn)山的繪制,只需要用鋼筆工具勾出山的輪廓,填充相應(yīng)的顏色就可以。(鋼筆工具勾勒的時(shí)候要選擇形狀)

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

將這些填充了顏色的形狀圖層打組,命名為遠(yuǎn)山。

第4步:中距離山的繪制

在找素材的時(shí)候,盡量找和原圖透視、方向、光影相似的素材圖。這樣后期處理也比較方便。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

可以看到這張素材圖后面的山體部分,和原圖的山體方向透視都很相似。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

原圖的山體是左邊的山位于右邊的山的前方,并且兩座山的色調(diào)不同。

用鋼筆工具對(duì)山體部分進(jìn)行摳圖,右鍵建立選區(qū),然后添加蒙版http://theoat.com.cn/tags/38847/。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

圖層命名為中距離山-左。復(fù)制圖層,選擇編輯-變換-水平翻轉(zhuǎn),備用,圖層命名為中距離山-右。

原圖的山體是暗部在左邊,亮部在右邊,素材的亮部和暗部反了需要調(diào)整。這里我是用仿制圖章工具涂抹出了亮部和暗部,以及將山的輪廓涂抹得跟原圖更接近。如果小伙伴們有更好的方法可以在評(píng)論區(qū)提出來(lái)。場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

在左邊山體圖層添加混合選項(xiàng):

顏色疊加,顏色填充為#c5b2c8,不透明度49%

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

漸變疊加,顏色過(guò)渡為#fa3726~#ffffff,漸變需要拖動(dòng)

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

右邊山體圖層同樣也添加混合選項(xiàng)

顏色疊加,分別是#93adf0

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

#c6adc2

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

漸變疊加,#2d5f8a~#ffffff,漸變需拖動(dòng)。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

用仿制圖章工具把右邊的山體輪廓擦的更接近原圖

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第5步:制作前山

因?yàn)榻嚯x的山能看到山表面的很多細(xì)節(jié),所以要在找素材圖的時(shí)候盡量找清晰一些的圖。把圖片中的山體部分用鋼筆工具摳出來(lái),參考原圖擺放地錯(cuò)落有致一些。圖案是碎花的山體可以先用鋼筆工具勾勒出形狀填充顏色。素材圖會(huì)放在鏈接里供大家下載練習(xí)用。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

將相對(duì)離的比較遠(yuǎn)的山的圖層添加顏色疊加和漸變疊加,使它看上去和遠(yuǎn)山相比沒有那么突兀,增添朦朧感。這里參數(shù)不詳細(xì)列出啦,感覺畫面和諧即可。場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

將碎花圖案素材拖進(jìn)ps,放在山體圖層上方,按住alt鍵,鼠標(biāo)放在兩個(gè)圖層中間,點(diǎn)一下,建立剪切蒙版。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

其他幾個(gè)也如法炮制。
場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

在最左邊離得最近的山體圖層上添加混合模式,添加兩個(gè)漸變疊加。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

在山體用鋼筆勾勒出形狀填充顏色#292929,圖層透明度為68%,和下面山體圖層建立剪貼蒙版http://theoat.com.cn/tags/38848/

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第6步:制作地面部分

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

用鋼筆工具將除了天空以外的部分摳出來(lái)

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

放在合適的位置,調(diào)整大小。圖層命名為地面,放在所有圖層上方。為圖層添加圖層樣式,顏色疊加#a95b6b

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第7步:制作太陽(yáng)和云彩

選擇形狀工具繪制直徑為1197px的正圓,填充漸變

#f5616f~#f5be65

添加圖層樣式

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

將形狀圖層居中對(duì)齊

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

將云彩素材拖進(jìn)ps

用形狀工具繪制3514*1956px的矩形,填充漸變

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

和下方的云彩圖層簡(jiǎn)歷剪切蒙版

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第8步:繪制立方體和山洞

形狀工具繪制300*538px的圓角矩形,圓角調(diào)到最大。填充顏色#00000。圖層命名為山洞陰影。復(fù)制一個(gè),填充顏色#654b71,圖層命名為山洞-底,放在一邊待用。用路徑選擇工具選中陰影圖層,復(fù)制粘貼一個(gè),向右平移40px,路徑操作選擇與形狀區(qū)域相交,合并形狀組件。將陰影圖層置于上方,將兩個(gè)圖層右對(duì)齊、上對(duì)齊。

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

用形狀工具畫出310*1260px的矩形,填充顏色#f00087

畫出56*1260px的矩形,用直接選擇工具選中右上的錨點(diǎn),向下移動(dòng)40px(下半部分是要被遮住的所以可以不進(jìn)行變換)

用同樣的方法畫出其他兩個(gè)立方體。用形狀工具畫出108*1114px和38*1114px的矩形,填充顏色為#5dbeab和#5f8498。畫出83*1187px和42*1187px的矩形,填充顏色為#f1c336和#dfad31場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

接著制作立方體上的山洞

制作步驟一樣,山洞底色分別填充為#9e195e,#cca548,#749fb5,山洞陰影圖層需要填充漸變

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

把相應(yīng)顏色的山洞放到立方體上,打好組,將組放到相應(yīng)山體圖層后面就好啦
場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

第9步

制作地面上的方盒子和色塊,以及山上發(fā)光的小路

用鋼筆工具勾出色塊和方盒子的形狀,填充相應(yīng)的顏色。注意,色塊和方盒子的擺放要順應(yīng)圖片的透視線

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

用鋼筆工具勾出路的路徑,注意路的走向在山上要有延伸感。描邊10px,填充關(guān)閉。圖層添加外發(fā)光樣式

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn

最終效果

最后在海報(bào)上加上一些文字,就完成啦

場(chǎng)景合成,通過(guò)PS合成一副視覺系的創(chuàng)意海報(bào)_theoat.com.cn搜索公眾號(hào)photoshop教程論壇,免費(fèi)領(lǐng)取自學(xué)福利

一起來(lái)學(xué)習(xí)制作一下吧,相信可以通過(guò)教程制作有自己風(fēng)格的海報(bào)。

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

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

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

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