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

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

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

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

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

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

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

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

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

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

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

選擇“純色”(見下圖)

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

這將打開取色板。你可選取你喜歡的顏色,點確定(見下圖),

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

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

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

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

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

這表示“純色”只對背景層起作用。這層填充色并不會影響到上面的圖案層,正因為它在圖案層的下面。接下來我們要給給圖案添加顏色,F(xiàn)在選擇圖案圖層,

再次點開陰陽按鈕,選擇“純色”。在彈出的取色板上選取你喜歡的顏色(我這里取的是十份淺的藍色)(見下圖)

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

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

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

在工作界面上我們看到我們的圖像為新的顏色層所覆蓋,遮住了圖案層, 因為顏色層在圖案層的上面。(見下圖)

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

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

或把鼠標放在兩圖層之間,按alt鍵,這時鼠標會變成一個帶黑三角的圖形。都能建立剪貼蒙版。)

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

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

(見下圖)

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

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

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

改變顏色:

前面我提到過使用了填充層,會比使用普通填充功能更為方便靈活,是因為我們可以隨時隨意地改變圖層的顏色。如:想改變背景層的顏色,只要直接雙擊

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

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

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

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

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

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

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

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

選取顏色(見下圖)

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

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

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

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

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

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

回到開頭。(見下面兩圖)

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

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

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

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

這一次,我們來學(xué)用一個新的更為快捷方式:按住alt鍵,點擊陰陽按鈕,選擇“漸變”,這會彈出一個“新圖層”對話框(我們可以在這里對漸變選項

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

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

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

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

點開漸變,選擇你喜歡的漸變,然后點擊確定,

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

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

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

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

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

隨意改變“漸變”:

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

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

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

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

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

學(xué)習 · 提示

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

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

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