你怕不怕?電影級的夢幻場景合成

在本教程中我將會向你展示如何在 Adobe Photoshop 中使用照片合成技術打造一個中世紀的女人以及一隻信鴿的夢幻場景。

首先我們需要添加天空和景觀,其次導入橋、 模特和城堡,並藉助一系列的調整圖層、蒙板以及筆刷工具將所有這些元素融合。之後,我們使用類似的方法將花、 鴿子、 玫瑰以及捲軸融入到場景中。 然後我們會使用畫筆和混合模式創建一些飛舞的花瓣以及營造夢幻效果的光,最後添加幾個調整圖層來增強最終的效果。

教程素材

以下是本教程中所使用到的素材:

  • 天空
  • 石橋
  • 模特
  • 城堡
  • 景觀
  • 花 1
  • 花 2
  • 花 3
  • 捲軸
  • 信鴿
  • 玫瑰
  • 花瓣

1.添加天空和景觀

步驟 1

打開Photoshop,新建一個2000 x 1333 px 的文件,具體參數如下:

步驟 2

打開圖像天空。使用矩形選框工具 (M) 框選中天空並使用移動工具(V)將其拖拽至新建文檔並放置在畫布的上半部分。

步驟 3

打開圖層> 新建調整圖層 > 色彩平衡,調整中間調設置:

步驟 4

添加照片濾鏡調整圖層,顏色設置為#00ecd3。在其蒙板上使用黑色、不透明度區間大概為40-45%的柔邊圓畫筆工具 (B)以減輕濾鏡作用於天空上部分的效果。

步驟 5

添加曲線調整圖層將天空稍微提亮一些。在其蒙板上,同樣使用黑色的柔邊圓但更低的不透明度(30-35%)的畫筆在畫布的兩側塗抹。

步驟 6

打開景觀圖像使用移動工具將其置於新建文檔中。

為景觀圖層添加圖層蒙板遮住天空部分以顯現之前添加的天空。

步驟 7

打開濾鏡 > 模糊 > 高斯模糊,將半徑設置為14px:

步驟 8

新建顏色平衡調整圖層並將其設置為剪貼蒙版。調整中間調參數使其色調與天空色調相協調。

步驟 9

使用曲線調整圖層將整體調亮。

2. 導入石橋

步驟 1

將石橋從圖像中摳出並置於畫布下半部分稍低的位置。

步驟 2

添加色彩平衡調整圖層(同樣設置為剪貼蒙版)並改變中間調參數:

步驟 3

新建照片濾鏡調整圖層並將顏色設置為 #fb5757。這樣做是為了給石橋表面添加粉色光線的反射效果。

步驟 4

添加一個曲線調整圖層增加亮度。由於橋的下部區域並未被光照直射,所以我們需要在其蒙板上適當塗抹以移除調整圖層所產生的效果。

步驟 5

再次新建一個曲線調整圖層以減小橋樑的對比度和銳度,使其與天空中散發出的夢幻般的光線相協調。

步驟 6

為右胸牆的下半部分添加陰影,使用套索工具 (L) 沿邊緣創建長形的選區並填充黑色。

將圖層的不透明度降至 60%並添加 6 px高斯模糊

步驟 7

添加圖層蒙板,減輕下部分的陰影效果。

3. 添加模特

步驟 1

將模特從圖像中摳出並將其放置在橋上。

步驟 2

使用圖層蒙板隱去模特裙子的下部分,使她看起來彷彿置身於橋上。

步驟 3

新建圖層並將其設置為剪貼蒙版。使用仿製圖章工具(S)去掉模特背部和手臂上的紋身。

步驟 4

添加色彩平衡調整圖層,調整中間調參數:

步驟 5

模特看起來太黑了,我們需要添加一個曲線調整圖層來提升亮度。

步驟 6

新建圖層,將其模式更改為疊加100%,並填充50%的灰色:

使用減淡加深工具 (O)工具組對模特的光影進行調整,範圍和曝光度分別設置為中間調以及15-20%。左圖為正常模式下的顯示效果,右圖為疊加模式下的效果。

4. 置入城堡

步驟 1

將城堡從原圖中摳出並將其添加到新建文檔畫布的左邊。調整圖層位置使其位於石橋圖層的下面。

步驟 2

由於城堡所處的位置比較遠看起來略模糊所以我們需要對其應用12px高斯模糊

步驟 3

新建色相/飽和度調整圖層並調整全圖參數設置:

步驟 4

添加色彩平衡調整圖層並改變中間調參數:

步驟 5

新建另一個色相/飽和度調整圖層以更改城堡的顏色。

步驟 6

使用曲線調整層以增加在城堡上的亮度。在此圖層蒙版上,使用柔邊的黑色筆刷來減少調整圖層對陰影區 (提高亮度) 的影響。

步驟 7

新建一個圖層,模式更改為疊加 100%,填充 50%的灰色。使用減淡加深工具來優化城堡的光影,特別注意減輕陰影效果及降低對比度。

5. 添加花枝

步驟 1

將花從花 1 圖像摳出並將其添加到畫布的右上角。

步驟 2

對這些花應用4 px高斯模糊

步驟 3

使用色相/飽和度調整圖層來更改花的顏色:

步驟 4

添加一個曲線調整圖層使花看起來更明亮。

步驟 5

將花從花朵 2 圖像中摳出將其放置於畫布的左下角,對其應用14 px高斯模糊。調整圖層位置使其位於模特圖層的上面。

步驟 6

使用色相/飽和度調整圖層降低花朵的飽和度。

步驟 7

花朵看起來太暗了,添加一個曲線調整圖層來提升它的的亮度。

步驟 8

新建一個色階調整圖層進一步增強這些花朵的亮度。在過亮的細節處使用畫筆工具在蒙板上塗抹。

步驟 9

將花從花朵 3 圖像中摳出添加到橋的右下角處並對其應用 14 px 高斯模糊

步驟 10

使用色相/飽和度調整圖層使花的顏色與其它圖層相協調。

步驟 11

使用曲線調整圖層降低花朵亮度。目的是要在這些花上創建一些陰影。在圖層蒙版上,使用柔軟的黑色筆刷在前方被照亮的花瓣上塗抹以去除調整圖層所產生的效果。

6. 添加信鴿、玫瑰以及捲軸

步驟 1

將信鴿從原圖中摳出,將其放置於模特的視線上。

步驟 2

使用色相/飽和度調整圖層減少飽和值至接近最小數值。

步驟 3

使用色彩平衡調整圖層為信鴿添加一抹粉色。

步驟 4

新建曲線調整圖層降低信鴿圖層的亮度。使用畫筆工具在圖層蒙板上位於信鴿上方的翅膀處塗抹以使此調整圖層對其不產生效用。

步驟 5

創建一個新的圖層(疊加模式100%、填充50%灰),使用減淡加深工具調整信鴿的光影。

步驟 6

將玫瑰從暗色背景中提取出來並將其放置在信鴿的喙部。使用圖層蒙板移除一些枝葉與細節使玫瑰看起來整潔並遮蓋被喙隱藏的部分。

步驟 7

使用色相/飽和度調整圖層改變玫瑰的顏色。調整紅色黃色的參數設置:

步驟 8

添加一個曲線調整圖層來提亮玫瑰的花枝。

步驟 9

將捲軸從白色背景中提取出來之後將其放置在信鴿爪的下面。

步驟 10

使用色彩平衡調整圖層來調整捲軸的顏色:

步驟 11

使用曲線調整圖層為捲軸添加一些光照效果。由於捲軸的下半部分位於主要光源的陰影處,因此在圖層蒙板適當塗抹以減輕調整圖層所對其產生的效果。

步驟 12

創建另一個曲線調整圖層以增強捲軸下半部分的陰影效果。在蒙板上捲軸的上半部分處塗抹以使其不受調整圖層的影響。

7. 添加飛舞的花瓣

步驟 1

打開花瓣圖像。使用快速選擇工具 (W) 在中間的位置選擇一個花瓣並將其添加到畫布右側靠近右下角的地方。使用自由變換工具 (Control-T) 變形模式適當彎曲它,如下所示:

步驟 2

對花瓣應用 8px高斯模糊 :

步驟 3

將花瓣圖層重複複製多層並將它們分別放置在畫布上合適的位置。在畫布的前景創建一些更大的花瓣,分別調整花瓣的大小以及高斯模糊半徑加強景深的效果。

步驟 4

選中所有的花瓣圖層使用快捷鍵Control-G將它們編組。將模式更改為正常100%,在組內新建色相/飽和度調整圖層來更改花瓣的顏色。

步驟 5

使用曲線調整層為花瓣添加一些陰影的細節。在蒙板上花瓣的前方和左邊處適當塗抹以使它們不受調整圖層的影響。

步驟 6

創建另一個曲線調整圖層來提亮花瓣。下圖所示的暗區為在圖層蒙版上塗抹的位置。

8. 調整光照

步驟 1

新建一個圖層並將其置於所有圖層之上,使用深色#2a011d的畫筆在光線集中的位置也即天空的右上方處塗抹,此外在模特的前方以及城堡和橋的表面也進行同樣的操作。隨後將模式更改為線性減淡100%,添加蒙板以適度減輕城堡處的效果。

步驟 2

使用另一種顏色的畫筆 (#eba498)為模特、城堡以及其它細節添加更多的暖光。將此圖層模式更改為濾色 100%。你還可以使用圖層蒙板對一些你不需要的細節進行進一步的調整。

9. 最後的調整

步驟 1

新建照片濾鏡調整圖層並使其位於所有圖層的上面,顏色設置為 #fff373:

步驟 2

新建顏色填充圖層,填充色設置為 #280404。改變此圖層模式為 排除100%

步驟 3

添加一個色彩平衡調整圖層並改變中間調高光的參數值:

步驟 4

使用自然飽和度調整圖層來增強最終效果。在圖層蒙版上,使用柔邊的黑色筆刷在模特的背部皮膚處塗抹,以使其飽和度維持在適度的範圍內。

祝賀你,大功告成!

希望你們喜歡這個教程並且從中學到了一些新的知識。也歡迎在下方的評論區隨時分享你的想法或意見。


推薦閱讀:

用戰爭思維來「管理」設計團隊
南昌想學UI設計的可以好好看看
自己適不適合學UI設計?
設報 · 第三期 —— 近兩周的設計最新的行業信息,方法案例 & 工具資源
UI設計中提高網頁設計感的幾個小動效

TAG:UI設計師 | 交互設計 | 交互設計師 |