當前位置:首頁>ps實例教程>ps繪畫教程>手繪教程>教程內(nèi)容

ps手繪指環(huán)王中土世界場景教程(6)

來源:站酷 作者:藍色性格 學習:18165人次

看看《霍比特人》這部電影,觀察電影中是如何營造中土世界的環(huán)境和氣氛,比如巖石、山脈以及樹木都是怎樣的,還有它里面的用光又是怎樣的。借鑒學習完畢后,腦子里有了想法后,就可以開始繪制草圖了。

最終效果

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

1、借鑒和素描

(1)新建Photoshop文件7000×3138像素,分辨率為300,用畫筆工具勾勒出腦中的草圖

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)新建圖層,繼續(xù)細化場景,使草圖的層次感更加明顯

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

2、分層上色

(1)使用畫筆工具,設置圓形硬噴筆,參數(shù)設置如下:

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

粗略涂抹出天空和云的顏色

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

大致確定的主光源方向

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)新建圖層,涂抹出山的大致顏色

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)不用畫的很光滑,讓它有高低起伏變化

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)新建圖層,顏色設置的較暗一點(#1d1e20),涂抹出中間的山峰層

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(5)繼續(xù)新建圖層,涂抹出前景山峰層,這一層也是最暗的

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(6)在中間地面層上面新建組,命名為“structure1”

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(7)用硬邊筆刷,給柱子上色

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(8)在柱子層的后方繼續(xù)給其他部分上色,顏色適當淺一點

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(9)將建筑背后也涂抹上山的顏色

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(10)在前景層上面涂抹出瀑布的大體輪廓

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

3、繪制最初的明暗關系

(1)給瀑布增加一些明暗變化,讓它更加真實立體

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)選中前面的山峰層,繪制大體明暗變化,讓巖石的形狀更加清晰

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

(3)繼續(xù)豐富細節(jié),讓亮的部分更亮,暗的部分更暗

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)在巖石中繪制一些灌木(#20261a)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(5)新建組“structure2”,因為背光,此部分不需要太多細節(jié)!

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(6)回到中間山峰層,根據(jù)主光源的位置,繪制巖壁上的高光

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(7)新建一層,繪制一些更亮的部分!

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

4、繪制中間部分的細節(jié)

(1)用“Textured Round Brush”筆刷(在“Rahll Brush Set”里),繪制巖壁高光和邊緣部分

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)同時增加更多的暗部細節(jié)以及一些山頂?shù)臉淠?/p>

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)新建瀑布層,使用“Textured Round Brush”筆刷,設置筆刷透明度20%左右,從上向下繪制,營造水流下的感覺

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)增加巖石層的更多細節(jié),將背景山峰層的透明度下降到50%左右!

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

5、添加紋理

(1)打開巖石紋理,并翻轉(zhuǎn)90度,如下所示

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

復制紋理,得到下圖效果

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

使用仿制圖章工具,讓接縫處更加柔和自然

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

(2)拖動紋理到瀑布層的下方,執(zhí)行“Ctrl+T”,自由變換

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)將其放置在下圖位置,并設置混合模式為柔光,將不透明度降為70%左右,刪除多余的部分,這樣巖壁的效果就更加真實可信了

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)在巖石層上新建樹木層,繪制一些樹木的細節(jié),這樣會更加有層次感

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

6、背景和天空

(1)選中背景山峰層,繪制一些綠色的樹木細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)讓遠處更亮,營造一種漸行漸遠的感覺

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)繼續(xù)添加一些高光細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)新建瀑布2,繪制一些小型零散的瀑布流

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(5)調(diào)整背景山峰層的透明度為87%

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(6)在天空層上方新建云層,用“Cloud Brush1”筆刷繪制天空的云,時刻遵循光是從左上角打過來的

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

(7)上述階段完成后,效果如下所示

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(8)新建“Mist”層,使用#f5edd5,筆刷透明度降至5%-7%,在底部繪制一層薄霧

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(9)同樣再新建一個“Mist background”層,用#c9cbd8繪制水霧

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

7、前景詳圖

(1)回到前景,選中下面的層,并執(zhí)行自有變換,將其拉大一點

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)雖然只是縮放了一下,但前景立馬得到了突顯

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)繼續(xù)繪制一些巖石和灌木的邊緣高光

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)打開另一個巖石紋理

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(5)將其拖放在巖石層上面

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(6)設置混合模式為疊加,透明度降低至62%,用仿制圖章工具給巖石表面增加上紋理

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(7)繼續(xù)添加更多地巖石細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(8)使得下圖部分巖石更加亮一點,這樣層次感會更加突出

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

(9)回到主瀑布層,繪制更多的高光和陰影,豐富更多地細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

8、建筑物細節(jié)

(1)選中建筑物層

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)添加一些高光

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)添加更多的小細節(jié),時刻注意光源的方向

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)在柱子周圍增加更多的灌木

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(5)選中柱子后面的建筑

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

(6)添加高光,此部分不需要過于細致,只是營造出層次感即可

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(7)選中建筑2層,用硬邊橡皮把建筑邊緣擦得清晰一些

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(8)新建陰影層,繪制更多陰影細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(9)新建高光層,添加更多高光細節(jié)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(10)在高光層下方新建細節(jié)層,畫一些修飾部分

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

9、最紅燈光效果

(1)新建組“Lighting”

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(2)使用透明度30%的軟邊畫筆,用柔和的黃色(#fed450)繪制陽光徑直穿過山峰的感覺,并將該層的混合模式設置為點光模式,圖層透明度設為60%

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(3)新建一層,用較暗的黃色(#faa604),繪制下圖效果,并設置圖層模式為淺色模式,透明度為79%

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

(4)用顏色#fcf6e3,輕輕描畫一些底部的霧氣

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

好了,這個教程基本告一段落!對數(shù)字繪景技術(shù)感興趣的同學可以嘗試一下!雖然沒有太多具體畫的方法,但是整體的操作流程還是有很強的借鑒意義的!最后再來欣賞一下完成的效果吧!

Photoshop繪制中土世界場景教程,PS教程,16xx8.com教程網(wǎng)

 

學習 · 提示

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

關注大神微博加入>>

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