Skip to content

10個不可錯過的Photoshop漸層透明技巧,你也能得心應手!

有在學習 Photoshop 一定會玩到漸層或漸層到透明區塊,許多人對於漸層印象大概只到最一般的線性漸層,但是,你知道嗎,真正能在 Photoshop 展現漸層的方法有 10 個,今天以漸層透明的方式去解說。


以下需要使用到 Photoshop,如果你沒有的話,點擊下方按鈕即可購買!


logotype

線性漸層

這是一般人玩 Photoshop 都會知道的方法,只要拉一個單一形式漸層就可以,這個開啟的方式有兩種,這兩個都會說,如果說開啟的快慢的話,個人認為兩個都一樣的感覺,當然,無論你覺得哪一個快或者方便,都可以使用它,反正結果是一樣的。

★如何超快得到Photoshop漸層?24組photoshop漸層系列組合提供素材下載

方法一

在圖層的下方你會找到一個漸層的選項點擊它,它會跳出視窗,然後不要動它,因為我要講方法二後就一併下去講,因為視窗出現的是一樣,也就是說你只要跳到方法二後面就可以了。

方法二

在整個畫面中的左側,你會看到一個漸層的小 icon,接著到屬性欄中有一個長方型漸層,點它就出現視窗了。

adobe-ps

視窗出現後要幹嘛?

一開始你會看到各種不同的預設集,通常有紅、綠、藍、紫等色,都已經幫你調好了,非常漂亮,都是可以依造個人喜好而決定。

有些人會覺得說他想要自行調整,因此,到下面有一條常常的漸層狀,那個是要給你去調整你要什麼顏色。

那麼漸層透明方式如何呈現?

像我需要紅色到透明的話,在這個軸上的兩端,在這兩端上的上下會有類似滴管工具,下方是選擇顏色用的;上方取決於透明度問題。

所以軸上的左側選紅色;另一側其實選任何色都沒關係,除非你有特定要的顏色。

接著,換到上方,因為我們設定是紅色到透明的話,所以呢,軸上的左側就不用動它,你真正要動的是軸上的右側,把不透明的數值降到0%,這樣就完成漸層透明了。

完成!(灰白格子代表透明)

接下來的放射性、角度、反色性以及菱形所設定的漸層到透明方法都是一樣的(他們是一起的),所以下面開始我只會講解它呈現效果、位置在哪裡就好了。

放射性漸層

位置在左上方屬性欄中的第二的,提前就是要先按漸層的小 icon 才能操作,當一切都設定好之後就可以去拉放射性漸層。

envato elements

如果想讓放射性漸層更加滑順,那該怎麼做?

雖然這個方法看起來沒有太明顯有滑順感覺,但是它就是做了可以滑順的方式,不妨試試看。

用完放射性漸層到透明後,你還可以到上方屬性欄的濾鏡→模糊→放射狀模糊。

會有兩個放射性選項:縮放、迴轉,這兩個因人而異,我沒有覺得哪一個好,都可以試試看,品質的話,如果想要用高品質就用最佳就好;最差的就草圖了。

角度漸層

點選漸層 icon 後,位於屬性欄中由左至右數來第三個,這個漸層的呈現方式在這 5 個漸層中最特別的,一般來說都是很單純漸層,但是這個是 360° 漸層過去。

就我知道,會用這個技法的比較適合以鋼片坳成圓形的樣子,不然就是會拿來做文字設計用。

反色性漸層

位置在左上方屬性欄中的第四個,雖然說名字聽起來很奇怪,但事實上它的原理非常簡單。

我們都知道線性漸層,對吧?它這個所指的意義是兩個反向的線性漸層,所以如果要紅色到透明的話,會變成中間非常紅,兩側外面都是透明色。

菱形漸層

位置在左上方屬性欄中的第五個,也是官方指定的最後一個漸層,這個漸層也挺特別,它是往垂直與平行軸往外漸層,所以你會看到好像有一點像正方形。

筆刷漸層

這個算是懶人技法,個人很常使用它,不過這個技法僅限於線性漸層,一般如果要使用漸層到透明的話,到工具列點它的筆刷小 icon 後,選粉粉的筆刷設定,在一個點直線刷過去就成了漸層到透明,重點是筆刷尺寸要很大

起點點一下
最後直接刷下來!

若需要實實在在的漸層的話,就下面再畫一條跟它不一樣顏色的平行線就好。

橡皮擦漸層

這個技法跟筆刷漸層很像,只是它是反過來的。

在一個畫面中填滿色彩後,接著在工具列中選擇橡皮擦的 icon 後,在你想要變透明的地方直接直線的刷過去即可。

橡皮擦工具

遮色片漸層

我覺得這個比較像筆刷漸層 + 橡皮擦漸層技法的延伸,它只是差在你可以有反悔機會,這也不需要用到橡皮擦,只需要用到筆刷就可以了。

同樣的在一個區域中填滿色彩後,接著我們開啟遮色片(後面都有圖片指示,不用擔心不知道在哪裡),我之前就有寫過關於遮色片的原理,你可以去看看,這邊我就不多做解釋,基本上就是以黑跟白運作原理。

延伸閱讀《5招Photoshop遮色片運用,你也可以輕易做到合成技

畫面中的圖層會看到一個圖片跟旁邊一個白白的,點選白色圖層後,再選擇黑色筆刷,同樣的,也是選粉狀筆刷,直接刷過去就完成拉~

若需要兩種顏色漸層的話,就只要在這個圖層下方選你要的顏色填滿就可以了。

矩形漸層

接下來這個我會講到在一個範圍內施展漸層,因為上面都是教整個畫面漸層。

現在先到工具列中點選取矩形選取畫面工具後,在畫面中拉一個範圍。

接著運用以上 1~8 種的漸層技法任一種使用它就可以了,像我挺懶的,所以呢…我就用第六個筆刷漸層示範哈哈哈哈~

不規則形漸層

已經有了矩形漸層,那有沒有不規則的?當然有的,其實它跟去背有點像,只不過去背只是去除背景,而這個結果不一樣。

現在點選工具列的套索工具後,在任一地方圍繞一個圈圈,然後就是用 1~8 種的漸層技法任一種就可以了,基本上後面方法跟矩形漸層相似。

對了,選取的套索工具只是這個選取技法中的一種,如果你想知道更多種選取技法的話,你可以看看我之前有寫過的10個去背技法,裡面就有告訴你如何精準選取,你只要選取後就可以漸層了!

羽化漸層

恩…這個方法,一般人不會使用它,我會把這個寫出來只有一個原因:

  • 我想弄到剛剛好有 10 個漸層方法,這樣才舒服 (笑)

不過這種方式是同心圓漸層為佳,因為它的設定本身就是如此。

首先,在一個畫面中利用第9種矩形漸層方式,給它一個方框選取範圍後,再加入你要的色彩。

選取後填入色彩

接著到上方選擇選取→修改→羽化(Shift+F6)。

出現對話框後,這邊可以自行決定你要的強度數值,越高代表越強,我這邊就設定60像素。

確定好後,因為現在是它選取在裡面,所以我們要選取外面才能有內而外的透明漸層,因此我們需要按下快捷鍵(Ctrl+Shift+I)才能反轉選取。

最後一步,delete就成功了!

雖然跟以上 9 種相比不是有太大的漸層,但是這個能達到在一個範圍內的外圍有小小漸層。

envato elements

如何輕鬆又快速的得到高質感漸層?

雖然說以上的漸層技法或許對你有幫助,若你想要快速得到更高質感的漸層的話,這邊推薦一個素材平台,Envato ,它可以幫助你擁有質感的漸層讓你應用在任何地方,不管是 PPT 背景也好或者各種平面設計的一切,都可以將此應用。

延伸閱讀:高質感漸層哪裡下載?24組photoshop漸層系列組合提供素材下載

Step1.選擇你喜歡的漸層

首先到 Envato平台 去註冊帳號後,就會進到擁有各式各樣的漸層,依照喜歡的感覺去選擇,這邊的漸層多半都是較為複雜又好看的。

假設以下方漸層為例:

如何註冊Envato帳號?高CP值付費圖庫Envato Elements完整使用評價特色用途一次都在這篇文章

Step2.按下Download鍵

在右上方看到Download鍵按鈕按下去。

Step3.授權

因為任何平台需要授權,Envato平台授權非常簡單,在對話框打上此次下載的分類,如果是漸層,我建議你直接打上:Gradient Textures

下一次要下載漸層直接勾選Gradient Textures就可以了。

之後按下Add&Download按鈕就可以下載了。

延伸閱讀:如何使用Envato Elements的商用授權?不用1秒簡單完成並且防護自己與他人

Step4.得到檔案

它會給你一個壓縮檔,這邊給你該系列的漸層,像我這個就給了10個。

放進該系列第四個進Photoshop就超適合的。

結論

以上的 1~10 的所有漸層方法已經講完了,基本上 1~5 種方式幾乎概括所有漸層方式,事實上我剛開始接觸photoshop時,最常用的是筆刷漸層,我覺得那個很好用。

但是到後來事情越來越多時,就會利用 Envato 來協助我更快完成這件事,所以在這篇文章也講如何使用它,你也可以使用他們家的漸層看看


你可能會喜歡的文章…

Photoshop如何去背玻璃?超簡單又神奇的教學技法完全公開!
超大膽!用Photoshop去背網站的入門應用全攻略
2招Photoshop置入照片的新手入門操作方法!
輕鬆的用Photoshop做出雲朵效果不藏私密技!
如何用Photoshop去背存檔?只要兩個方法就能簡單搞定!
Photoshop去除白底的5個超簡單密技大公開!
Photoshop的水面倒影如何製作?你只需要一張圖片就夠了
10種基礎到進階的photoshop金屬質感方法,創造幾可亂真的金屬新面貌

我最近正在寫有關「文字 LOGO 設計」相關主題,如果你有興趣的話,點擊以下連結看更多文章!

                 logotype

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

為你打造專屬文字 LOGO 設計我有興趣!
+