PS入門:圖層樣式之顏色疊加、圖案疊加

2021-01-08 源碼時代

上次我們學習了圖層樣式裡面的描邊和內陰影,這節課我們繼續來學習PS圖層樣式裡面的顏色疊加、圖案疊加、漸變疊加。

一、顏色疊加

ps顏色疊加工具能夠很好的用其他顏色替換圖層本身的顏色,使圖片效果看上去更加完善,其優勢就是保護了圖層原本的顏色不受損壞。

在實際使用中,顏色疊加樣式其實並非那麼單一,它不僅可以為圖層替換顏色,還可以通過調節透明度和混合模式得到我們想要的效果。如上圖,我們給紅色的原圖添加了紫色,然後通過對混合模式和透明度的調節,大家可以對比一下就可以發現其中奧秘了。

二、漸變疊加

其原理和顏色疊加一樣,都是在圖層上加一種顏色,只不過這裡的顏色不是單一的,而是有各種顏色。並且這些顏色按照一定的規律排列起來,就形成了漸變。

上圖給大家展示了一個最基本的圖層的漸變疊加樣式,接下來我們詳細的來講解它的參數:

1、混合模式:之前已經說過了, 忘了的同學可以看看之前的哦!

2、不透明度:這裡一定要注意,這裡的不透明度不是說圖層的透明度,而是說加在該圖層上漸變顏色的不透明度,說到這裡,大家是不是應該想到要是把這個透明度降低了,透出來的應該就是圖層本身的顏色呢,對比如下

對比就可以看出來,其他參數都沒變的情況下,只是改變了透明度,這時你會發現物體本身沒有變透明,而是漸變的顏色變透明了,所以露出了圖層本身的紅色。

3、漸變:當我們單擊色條的時候,會有一個彈窗,這個彈窗告訴我們怎麼去改變漸變的顏色:如圖

PS默認有幾種漸變,這些漸變ps都還給它們取了好聽的名字,看名稱那裡就知道這些默認的漸變叫什麼了,但這些漸變基本不怎麼用,因為它根本滿足不了我們的需求,所以事實上我們還得親自調出想要的漸變,那麼該如何調節?大家看到漸變類型那裡,其實它分為:

實底:

雜色:

通過對比,大家可能發現了,實底對應著平滑度的調節,默認是100%,這個是我們最常用漸變類型,還有一種基本不會用它,就是雜色,雜色對應著粗糙度,默認是50%,不管是平滑度還是粗糙度,說白了都是在說這種漸變類型的過渡程度,試試吧!

4、樣式:默認是線性漸變,其實它還有徑向漸變、角度漸變、對稱的漸變、菱形漸變。這個大家可以試一試,效果立竿見影,一目了然。

5、角度:漸變的方向,默認是90度,實際應用中這個參數也是必不可少的,特別實用,所以希望大家引起重視。

6、縮放:這裡的縮放其實也可以理解成是漸變過渡的一個生硬程度,默認是100%。

三、圖案疊加

跟顏色疊加和漸變疊加一樣,都是在圖層上添加一個樣式,只不過這裡不添加顏色了,而是添加圖案,用圖案來覆蓋這個圖層。如圖

這裡的混合模式、透明度、縮放等參數和前面的是一模一樣的,如果忘記了的趕緊回去看一次,加深印象,我就主要說一下圖案這個參數,滑鼠點開圖案,裡面有幾種ps默認的圖案,比如剛剛那個斜線條,如果你覺得斜線條的間隙粗細太大,你可以通過縮放來調節。當然,ps裡面默認的圖案肯定滿足不了我們用戶的需求,所以這個時候我們需要藉助外部資源,比如到素材網上下載自己喜歡的圖案,然後通過載入圖案功能,於是這個圖就是你的啦,在這裡一定要給大家說一下載入圖案怎麼使用:

1、點擊上圖方框的圖案:

2、找到旁邊的齒輪,點開,找到載入圖案:

3、找到你的圖案放在的目錄

總結,大家在學工具的時候,不能學得太死板,要靈活應用。一個工具不是只能做這個效果,一個效果也並非只能用這個工具,所以建議初學者最好是靈活應用,琢磨工具真正的用意。經驗就是這樣一點一點積累下來的,相信下一個大神就是你哦!

這節課就給大家分享到這裡,下節課我們繼續講解圖層樣式裡面的其他圖層樣式。

相關焦點

  • ps新手入門之圖層樣式
    通過上一篇文章我們知道了怎樣混合兩個圖層效果,今天這篇文章我們就來講講如何直接添加ps的一些效果在圖層上,接下來要介紹的工具就是我們的圖層樣式。先來介紹一下添加圖層樣式的方法,主要有四種,分別是:雙擊圖層縮覽圖的後方,彈出對話框點擊圖層面板下方fx按鈕,添加圖層樣式圖層菜單中選擇圖層樣式在畫布區域右擊彈出混合選項選擇(移動工具、抓手工具、放大鏡工具不可用)最常用就是第一種和第二種。
  • 怎樣在ps中對海報圖顏色疊加 教你快速實現顏色疊加方法
    但是很多朋友卻苦於對ps不熟練而不知道怎樣使用?今天小編將為大家分享怎樣在ps中對海報顏色進行疊加讓其效果更加突出,趕快動手操作使用吧。1.打開ps工具,進入繪製頁面中,在左上角文件中選擇打開,將保存在桌面的海報 圖片添加到ps工具中。2.在圖層欄目下方工具欄中點擊fx字樣,選擇其中的顏色疊加操作。
  • 設計入門——圖層樣式詳解
    圖層樣式可進行疊加處理。圖層樣式選區:在選擇不同圖層樣式的情況下,該區域會即時顯示出與之對應的參數設置。圖層樣式預覽區:在該區域中可以預覽當前所設置的所有圖層樣式疊加在一起時的效果。2描邊使用「描邊」圖層樣式,可以用「顏色」、「漸變」或者「圖案」等3種類型為當前圖層中的圖像勾繪輪廓。大小:用於控制描邊的寬度。數值越大,則生成的描邊寬度越大。
  • PS第十三課:圖層樣式,打造金屬效果
    圖層樣式打開方式雙擊圖層空白處斜面和浮雕、角度大小等阻塞控制邊緣的實和虛內陰影有方向,可製作陰影也可以發光內發光內部添加效果,模式一般是濾色模式,變亮模式組可以調節不透明度、大小、顏色等等沒有方向,一般是四周或居中,可製作陰影也可以內發光疊加組疊加組可以給圖形添加顏色顏色疊加:單種顏色的疊加,只有調節混合模式和透明度漸變疊加:和漸變面板差不多圖案疊加:可調加不同的圖案外發光
  • 平面設計中圖層樣式使用的技巧及模式
    一、 圖層色彩的混合模式將當前圖層上的顏色值與下一圖層顏色的值,通過混合計算,生成另一種值的顏色效果。它分為五種模式,(降暗型、變亮型、融合型、色異型和蒙色型)1.疊加/柔光/強光/亮光/線形光/點光和實色混合:將當前圖層與下圖層中的顏色對比,中間色灰色部分消失,從而達到不同程度的融合效果。4. 差值/排列:主要用於製作各種另類與反射效果。5. 色相/飽和度/顏色/明度/:依據上一圖層的顏色信息,不同程度映襯下一圖層上的圖像。二、 圖層樣式1.
  • PS教程|三分鐘教你學會利用圖層樣式製作大氣的黃金顆粒立體字
    今天美迪君向大家分享一下,如何利用圖層樣式製作大氣的黃金顆粒立體字,效果如下:1.先把素材定義成一個圖案2.新建畫布:文件--新建(尺寸自定)3.新建圖層,使用漸變工具調整好顏色,選擇徑向漸變,填充好漸變顏色4.使用文字工具輸入自己的內容
  • Ps小教程:圖層疊加+高斯模糊磨皮法
    拿出來和廣大ps愛好者分享。前言:很多的教程喜歡使用計算磨皮法,效果非常不錯。算是比較好的磨皮法。今天的方法非常類似,也可以說是從此算磨皮法演變而來,效果也是非常好的。拿出來和廣大ps愛好者分享。一:非常糟糕的原圖原圖雖然不是很差,也是一張斑點較多的圖二:高反差保留處理首先複製圖層(Ctrl+j)然後在上面的圖層進行高反差處理(濾鏡---其它---高反差保留),參數如下圖複製一層,模式為疊加效果如下
  • PS圖層蒙版中顏色疊加的實例應用
    圖層蒙版的實例應用,過程很簡單,多練習!看下面步驟:第一步:我們新建一個豎方向的畫布,給畫布填充綠色,再選擇文字工具,我們在上面輸入一些英文字符,自己隨意書寫,如圖二.第二步:我們在圖形工具裡面選擇一個相框的圖形,這裡選擇形狀模式,繪製出來的是直接帶顏色的圖形,設置顏色為白色。如下圖第三步:我們再選擇一個符號圖形,在方塊裡面繪製,如下圖第四步:我們會一個圓形的形狀,在裡面再輸入一些英文字符,自己看著來,走個樣子。
  • 兔課網——UI設計有哪些常見的圖層樣式?
    圖層樣式面板:光澤6.顏色疊加將在圖層對象上疊加一種顏色,即用一層純色填充到應用樣式的對象上。可以對同一個圖層疊加多種顏色,其中以最上層顏色優先出現。多個顏色可以通過「混合模式」或「不透明度」的調整,呈現最終效果。顏色疊加用的是純色,常用於改變不方便修改顏色的位圖圖層,例如一個被柵格化了的線條,就可以直接使用顏色疊加改變線條的顏色。
  • 基礎篇之Ps顏色和圖案的填充
    圖源網絡 廢話不多說,今天我和大家一起來看看在Ps中如何使用顏色和圖案的填充呢? 填充工具和命令可以大概填充實色、漸變和圖案等。 油漆桶工具填充命令 快捷鍵 G,可以填充前景色和圖案。油漆桶用來填充相近顏色的區域。 填充顏色可以直接點擊畫布,也可以通過建立選區填充顏色。
  • 學習ps不能不知道的內容,ps圖層面板介紹
    圖層的重要概念圖層的概念:在ps當中,圖層好比是一張張透明的膠片,每張膠片上都有繪製的圖案,並按照圖層面板上的順序從上而下的進行疊加,上層的圖層會遮擋住下層圖形中同一位置的圖像,在其透明區域可以看到下層的圖像。
  • PS教程:巧妙調整圖層樣式,製作逼真燙金LOGO
    4、Ctrl+J複製「圖層1」,雙擊「圖層1拷貝」圖層,打開它的圖層樣式面板,如下圖所示,勾選「斜面和浮雕」,樣式:外斜面;方法:平滑,深度這裡給到110%;方向:下;大小:3像素;軟化1像素;光源角度的設置和背景光源角度保持一致,本案例這裡給到73度,高度37度;光澤等高線:線性;高光模式:實色混合,白色,不透明度90%;陰影模式設置為「強光」,陰影顏色:黑色
  • ps教程——如何用ps圖層樣式設計金屬效果文字
    打這字注意顏色第二步:開始添加圖層樣式,我們先把文字添加一個浮雕樣式,使文字看起來有立體感一點,其設置和效果如下圖:添加內發光樣式第四步:重要的效果來啦,添加內發光圖層樣式,設置和效果如下圖:添加內發光圖層樣式第五步:重要的效果來啦,添加顆粒圖案增強金屬質感(如果你的ps沒有這個圖案,請儘量ps2020版,也可聯繫我索要此圖案),設置和效果如下圖:
  • PS疊加給圖片添加陽光的辦法
    ps對於這種效果的製作,是很簡單的。下面就把PS疊加給圖片添加陽光的辦法分享給大家吧。具體操作如下,以ps6版本為例。1打開ps,把需要添加陽光的圖片導入ps裡面,就以下圖為例。2老規矩,首先點擊右下角的創建圖層複製一個透明圖層。3然後選擇左側的多邊形套索工具。4用多邊形套索工具畫出一束陽光的方向。
  • ps教程——使用ps圖層樣式製作琉璃海報字體效果
    Hello,大家好,我是木子說PS,深度解析PS圖層樣式,讓你在最短的時間裡,真正領會PS的核心技能。通過我們前幾天的學習,相信大家大對PS圖層樣式已經非常熟悉了,這期的教程我們依然用PS的圖層樣式來設計一個字體特效。
  • PS圖層基礎知識介紹
    PS最簡單,最基礎的一些知識 圖層面板是自由獨立於ps工作空間裡面的一個面板。在這個神奇的圖層裡面,我們可以縮放、更改顏色、設置樣式、改變透明度,等等等等。一個圖層代表了一個單獨的元素,設計師可以任意更改之。圖層可以說在網頁設計中起著至關重要的作用。
  • ps大神透露圖層混合模式和圖層樣式使用大全,花錢都學不到的乾貨
    下方圖層中的亮色被上方圖層較暗的像素替代(該混合組包括:變暗、正品疊底(去白留黑)、顏色加深、線性加深、深色)變亮混合組:與變暗混合組相反,可以使圖像變亮,將下方圖層中的暗色被上方圖層較亮的像素替代(變亮混合組包括:變亮、濾色、顏色減淡、線性減淡(添加),淺色)對比混合組
  • PS如何給圖層中的文字和形狀更改顏色?
    給文字或者形狀更換顏色有兩種方式,一種是選區填色,另一種就是圖層樣式中的顏色疊加,下面小編詳細說一下吧!1.第一種方法選區填充法,先點擊選中文字圖層。2.按住Ctrl鍵不松,然後滑鼠點擊圖層前方的縮覽圖,就會將文字建立選區。3.點擊下方的新建圖層按鈕,在文字的上方新建一個透明圖層。4.點擊前景色,選擇一個紅色,點擊——確定。
  • PS新手教程:怎麼快速的使用PS給衣服換顏色
    同一件衣服有很多的顏色,怎麼樣不用頻繁地去換,就可以展示衣服的不同顏色的效果呢,用ps就可以很輕鬆的做到。下面來看實例。就拿超人的龍袍加身例子來說,第一步自然是把想要添加圖案的區域摳選好,並複製出來。第二步,創建一個黑白的調色圖層,並剪貼蒙版到複製出來的圖層中,使黑白的效果僅限於衣服的範圍。
  • ps疊加給圖片局部提亮的辦法
    下面就把ps疊加給圖片局部提亮的辦法分享給大家。具體操作如下,以ps6版本為例。1把需要調試的圖片導入ps中去,就以下把圖框選的地方調亮為例。2我們用矩形選框工具(或者用套索工具都可以)把需要提亮的部分選中。3點擊上面的選擇,再選擇修改,再選擇羽化。4羽化值50,點擊確定。