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

特效背景合成:漸變網(wǎng)格效果

來(lái)源:不詳 作者:佚名 學(xué)習(xí):1593人次
特效背景合成:漸變網(wǎng)格效果

本例教程中我們將學(xué)習(xí)如何制作漸變網(wǎng)格背景效果。

素材圖:

before

效果圖:

after

1. 創(chuàng)建方格圖案

創(chuàng)建一50 X 50像素的正方形畫(huà)布,并設(shè)置為透明背景。

checkers tutorial pattern

選擇 直線工具, 將寬度設(shè)為1像素,在畫(huà)布左邊和頂部各繪制一條白線。

checkers tutorial photoshop pattern

編輯 >> 定義圖案,并為圖案命名。

2. 用圖案填充

打開(kāi)素材文件,創(chuàng)建新圖層。

選擇 油漆桶工具,并將填充圖案設(shè)置為之前定義的網(wǎng)格圖案。

點(diǎn)擊畫(huà)布,網(wǎng)格效果就出現(xiàn)了。

photoshop tutorial checkers

選擇移動(dòng)工具將網(wǎng)格向右移動(dòng),得到如下效果。

adobe photoshop tutorial checkers

3. 蒙版效果

點(diǎn)擊“添加圖層蒙版”按鈕為網(wǎng)格層添加蒙版。

打開(kāi)通道面版,選擇網(wǎng)格蒙版。

4. 選擇油漆桶工具,并將前景色設(shè)為黑色,用前景色填充蒙版,得到如下效果。

adobe photoshop tutorial checkers

選擇筆刷工具,并按下圖設(shè)置。

將前景色設(shè)為白色,并用筆刷點(diǎn)擊畫(huà)布右側(cè)中央位置,得到如下效果。

adobe photoshop tutorial checkers

將網(wǎng)格蒙版設(shè)為不可見(jiàn)(點(diǎn)掉蒙版層前的眼睛圖標(biāo))。

6. 復(fù)制網(wǎng)格層,并刪除復(fù)制層的蒙版效果。在背景層上方創(chuàng)建新圖層,并用黃色填充(圖層透明度60%-70%)。

選擇網(wǎng)格副本層,圖像 >> 調(diào)整 >> 反相,原白色網(wǎng)格就變成了黑色。

adobe photoshop tutorial checkers

選擇油漆桶工具,并將透明度設(shè)為“20%” 。

用白色和黃色隨意填充若干網(wǎng)格。

adobe photoshop tutorial checkers

利用魔棒工具,刪除黑色網(wǎng)格線,得到最終效果。

adobe photoshop tutorial checkers



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

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
冬天去看海2011-08-08 04:05
為啥看不到?
林中一散人2008-08-13 10:54
不錯(cuò)呀。很漂亮
艾倫桐2008-08-13 04:51
汗死為什么沒(méi)辦法定義圖案啊
hml2008-08-12 10:15
大家?guī)蛶兔Π?/div>
hml2008-08-12 10:10
呵呵 效果不好啊
hml2008-08-12 10:10
發(fā)表于 2008-8-12 06:35 只看該作者 為什么要?jiǎng)h除復(fù)制層的蒙版效果呢,不是已經(jīng)有效果了么 文章來(lái)自photoshop論壇(bbs.16xx8.com) 詳文參考:http://bbs.16xx8.com/redirect.php?fid=32&tid=56614&goto=nextnewset是為了加深顏色
蛋糕的誘惑2008-08-12 06:35
為什么要?jiǎng)h除復(fù)制層的蒙版效果呢,不是已經(jīng)有效果了么
65117822008-08-09 03:42
做不出那種效果啊。。。。。。。。。。。。。。。。!11
65117822008-08-09 02:58
學(xué)會(huì)啦! 謝謝
JJ21CHONG2008-04-17 06:24
ps:ps軟件 ps:ps合成 ps:psd模板
蟲(chóng)丫2007-12-06 04:50
照做啦··可是效果沒(méi)有樓主好耶ps:Q
感覺(jué)很屌﹖℡2007-10-26 06:01
哦? 好東西 我就是想做這種效果 我學(xué)會(huì)啦 謝謝LZ啊ps:<驚訝
水果撈2007-08-23 03:36
嗯,不錯(cuò),大世界,小作為!
v-Rabia2007-07-11 12:36
- -..我沒(méi)有直線工具..好慘牙,,5555
┆嬾ω釹朲2007-06-10 09:22
T.T那個(gè)復(fù)雜的...想去撞豆腐..為什么我做第1個(gè)方格圖案...做完了.圖案里面卻沒(méi)有捏..ps:'( ps:'( ps:'(

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

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