當(dāng)前位置:首頁(yè)>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

ps給圖案背景圖片更換顏色(5)

來(lái)源:PS學(xué)堂 作者:太妮翻譯 學(xué)習(xí):25468人次

先看看我們要做的圖案(教程:http://www.theoat.com.cn/photoshop/jiaocheng/84850.html)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

如果你沒(méi)保存,可以新建一個(gè)1000*1000px的白色文件,在上面再建一層,用上次做的“圓”圖案填充,如圖所示。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

給背景層添加“純色solid color”:

我們完全可以像平時(shí)那樣用PS常用顏色的填充命令給背景層換個(gè)顏色,但是為了使我們自己以后更具靈活性(下面我會(huì)演示和說(shuō)明的),請(qǐng)跟我一起做。

首先選中背景層,點(diǎn)擊圖層面板下方的“創(chuàng)建新的填充或調(diào)整圖層”,即俗稱的陰陽(yáng)按鈕,

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

選擇“純色”(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

這將打開(kāi)取色板。你可選取你喜歡的顏色,點(diǎn)確定(見(jiàn)下圖),

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

我們的背景層立刻換上了新的顏色。(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

我們來(lái)關(guān)注一下圖層面板,可以看到,在背景層的上面, PS給我們添加了一個(gè)圖層----“填充1”(見(jiàn)下圖),

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

這表示“純色”只對(duì)背景層起作用。這層填充色并不會(huì)影響到上面的圖案層,正因?yàn)樗趫D案層的下面。接下來(lái)我們要給給圖案添加顏色,F(xiàn)在選擇圖案圖層,

再次點(diǎn)開(kāi)陰陽(yáng)按鈕,選擇“純色”。在彈出的取色板上選取你喜歡的顏色(我這里取的是十份淺的藍(lán)色)(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

圖層面板上,在圖案層的上面出現(xiàn)了新圖層---“填充2”。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

在工作界面上我們看到我們的圖像為新的顏色層所覆蓋,遮住了圖案層, 因?yàn)轭伾珜釉趫D案層的上面。(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

這不是我們所需要的,我們只要對(duì)圖案本身填充而不是填充整個(gè)圖層,選中剛才的圖層“填充2”,執(zhí)行“圖層→創(chuàng)建剪貼蒙版”(或者用快捷鍵ctrl+alt+G。

或把鼠標(biāo)放在兩圖層之間,按alt鍵,這時(shí)鼠標(biāo)會(huì)變成一個(gè)帶黑三角的圖形。都能建立剪貼蒙版。)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

我們看到圖層面板上,圖層“填充2”向右邊縮進(jìn),有個(gè)箭頭朝下,說(shuō)明該層變成了一個(gè)剪貼蒙版,它的內(nèi)容只對(duì)下面的圖形(而不是整個(gè)圖層)起作用。

(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

回到工作界面,我們看到我們需要的效果了-----只有圖案本身被填上了淺藍(lán),對(duì)應(yīng)著較深的藍(lán)色背景。(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

改變顏色:

前面我提到過(guò)使用了填充層,會(huì)比使用普通填充功能更為方便靈活,是因?yàn)槲覀兛梢噪S時(shí)隨意地改變圖層的顏色。如:想改變背景層的顏色,只要直接雙擊

圖層面板里的“填充1”的縮略圖(見(jiàn)下圖)就可以立刻做到,

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

讓我們來(lái)看下效果:雙擊“填充1”縮略圖,在彈出的取色板上取色(見(jiàn)下圖):

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

背景立刻換上了你選取的顏色(見(jiàn)下圖18)。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

改變圖案的顏色:也一樣方便容易。同一樣地操作,雙擊“填充2”的顏色縮略圖(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

選取顏色(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

圖案的顏色也立馬改變了(見(jiàn)下圖)。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

是不是很靈活也很方便哦!

給循環(huán)圖案添加漸變:

我們也可以給圖案添加漸變,方法完全一樣,只要把“純色”改為“漸變(它就在純色的下面)”。讓我們先把圖層“填充1”和“填充2”刪除掉,

回到開(kāi)頭。(見(jiàn)下面兩圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

現(xiàn)在選中圖案圖層,我們給圖案加上漸變(見(jiàn)下圖),

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

還記得剪貼蒙版吧,像給圖案添加顏色一樣,在給圖案添加“漸變”時(shí),我們一樣要給它添加剪貼蒙版,

這一次,我們來(lái)學(xué)用一個(gè)新的更為快捷方式:按住alt鍵,點(diǎn)擊陰陽(yáng)按鈕,選擇“漸變”,這會(huì)彈出一個(gè)“新圖層”對(duì)話框(我們可以在這里對(duì)漸變選項(xiàng)

做一些設(shè)置)。在對(duì)話框的小方塊里勾選“使用前一圖層創(chuàng)建剪貼蒙版”(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

點(diǎn)擊確定關(guān)掉對(duì)話框,接著會(huì)彈出漸變提取器讓你選擇你喜歡的漸變(見(jiàn)下圖27),

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

點(diǎn)開(kāi)漸變,選擇你喜歡的漸變,然后點(diǎn)擊確定,

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

圖案就換上了漸變顏色。(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

你也可以用以前學(xué)到的方法追加上PS自帶的很多其它的漸變或“載入”你下載的漸變,從多種多樣的漸變里選擇自己喜歡的(見(jiàn)下圖29)。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

隨意改變“漸變”:

和前面的方法一樣,想要改變漸變,雙擊“漸變填充1”圖層的縮略圖,在彈出的“漸變選擇器”上隨意換上新的漸變。(見(jiàn)下圖)

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

當(dāng)然我們也不想要一個(gè)白色的背景,用這一課前面學(xué)到的方法,任意換上一種背景顏色吧(見(jiàn)下圖)。

Photoshop給圖案背景圖片更換顏色,PS教程,16xx8.com教程網(wǎng)

是不是非常方便且靈活哦!

學(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)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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