當(dāng)前位置:首頁>ps實(shí)例教程>ps繪畫教程>插畫教程>教程內(nèi)容

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫(4)

來源:站酷 作者:豆醬嗆 學(xué)習(xí):47079人次

本篇教程通過PS做一個(gè)剪紙風(fēng)格的小插畫,營造一張秋風(fēng)掃落葉的氣氛,主要用到了到了PS中的圖層效果,整個(gè)插畫出來的效果很是簡約又美觀,同學(xué)們一起來練習(xí)下吧。

效果圖:

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn
m.tgudhdp.cn

背景制作

1. 新建一個(gè)750*1334px的畫布,分別畫出534*534px和130*130px的圓,擺好各自的位置后,畫出一個(gè)合適大小的圓角矩形連接兩個(gè)圓,然后將三個(gè)圖形合并到一個(gè)圖層,并合并形狀組件,再用鋼筆工具把連接處處理的更圓滑。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

景物制作

2. 從最底層的樹木開始畫,依次勾勒樹的左右兩邊樹枝;勾勒完后,需要用圖層蒙版把景物控制在背景內(nèi):按住ctrl鍵單擊背景圖層的縮略圖,形成虛線選區(qū),然后在景物圖層上新建圖層蒙版,圓形背景外的圖像就不會顯示。整幅畫圖層比較多,所以要注意圖層命名規(guī)范哦。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

3. 接下來依次畫出:山坡—黃色的樹叢—綠色松樹,遇到靠藍(lán)色背景邊緣的景物,也是用圖層蒙版控制,像黑色圈出的樹枝是部分露出背景的,這時(shí)用白色的畫筆在蒙版上將露出部分擦出來就行(蒙版中是純白色顯示,純黑色不顯示)。最后加上點(diǎn)綴的落葉和白鳥就打好了基礎(chǔ)層。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

效果制作

4. 用到圖層效果共有3種:1漸變 2內(nèi)陰影 3投影。其實(shí)有手繪板的話可以省很多工夫,這些效果可以直接用筆刷出來的。鑒于新手大多沒有購置手繪板,用圖層效果來做會比較好。下面以一顆樹為例。

1)加漸變

我們通過觀察可以看出光是從左邊打來的,所以樹從左到右會有一個(gè)由亮到暗的漸變。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

2)加內(nèi)陰影

加內(nèi)陰影主要是為了給靜物加一層雜色,使其更有質(zhì)感,雜色控制就在內(nèi)陰影界面的最下面哦

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

3)加投影

加投影是讓景物有層次的重要的一步哦,這里要強(qiáng)調(diào)的一點(diǎn)是投影也可以加雜色的哦。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

5. 通過上面的方法我們就可以做出大概的層次感啦。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

6. 接下來我們用畫筆添加一些比較簡單的陰影和色彩,這里注意要新建一個(gè)圖層來加色彩,方便后續(xù)的修改,另外,為了更好的將畫的色彩控制在圖層內(nèi),我們最好將畫色彩的圖層剪切蒙版到目標(biāo)圖層上:按住ALT鍵將鼠標(biāo)移到兩圖層中間,單擊鼠標(biāo)左鍵完成剪切蒙版。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

7. 最后我們可以用圖案疊加來增加一點(diǎn)紙質(zhì)感,我用的圖案是花崗巖,系統(tǒng)默認(rèn)就有的餓哦,大家也可以多嘗試一下別的效果。

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

8. 看一下大的完成圖:

剪紙插畫,用Photoshop設(shè)計(jì)一款簡直風(fēng)格的插畫_m.tgudhdp.cn

怎么樣,畫完這幅畫是不是很有成就感呢,畢竟里面好多細(xì)節(jié)需要我們耐心去刻畫,多試試圖層樣式的疊加,多用幾個(gè)圖層加畫筆增添效果,就可以很好的完成。

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
18914689722018-12-11 09:51
謝老師分享。。。。!
冷淡少女嚶嚶嚶2018-12-11 08:05
感覺就是在裝B
小西西2018-11-09 04:27
簽到
小西西2018-11-08 11:08
簽到
游客2018-11-07 05:17
簽到
樂以功成2018-07-30 12:21
凈色2018-06-15 04:50
水平有限,一點(diǎn)點(diǎn)拼起來的,只能做成這樣! 我的作業(yè):
愛我別走2018-01-07 05:00
沒看懂...
愛我2017-11-27 03:27
沒看懂...
MrKeiKei2017-11-25 04:48
謝樓主分享
陌曉缺2017-11-25 07:30
學(xué)習(xí)學(xué)習(xí)
夢中的那個(gè)她2017-11-25 06:44
學(xué)習(xí)了
戀戀雪依2017-11-25 05:09
感覺就是在裝B
帥小伙er2017-11-25 03:49
謝老師分享。。。。!
魯瑟2017-11-25 12:35
簽到

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

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