Photoshop教學|斜角浮雕製作不破壞照片的立體透明浮水印

|發布於:
2021-07-21
❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

沒有浮水印的照片最美,似乎也宣告著歡迎取用,抓到了再說;太小或放在邊角的浮水印看似含蓄,實則最沒效益,太容易被裁切了;太大、太顯目的浮水印就不說了,最破壞畫面;要能融入照片的浮水印又考驗設計技巧與美感。總之,這一切的煩惱,都在我發現用Photoshop的斜角浮雕製作立體透明的浮水印之後,獲得了尚可接受的平衡:

  • 無論放哪都是尚可接受的協調
  • 可放中間就不會被裁切
  • 可放在顏色、細節最多、擦除最麻煩的地方,如此,倘若有心人想擦除,可能會破壞照片的細節

Photoshop斜角浮雕製作立體透明浮水印步驟

IMG_5771|夏日油肌保養守則-NAVEEN

上圖是完成圖,運用photoshop的「斜角和浮雕」的效果,製作立體而透明的浮水印,不容易遮住內容,甚至有機會融入照片;此外,放置的位置也更多選擇,尺寸也不太侷限,比較不容易被裁切。

Total Time: 1 minute

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

STEP 1|開啟圖片

ps-watermarker-step-1|Photoshop斜角浮雕製作立體透明浮水印

開啟需要加上浮水印的圖片。

ps-watermarker-step-2

你可以使用製作好的背景透明的PNG圖檔,也可以在Photoshop打字或繪製圖案;這兩種都可以在Photoshop套用「斜角和浮雕」的效果。
因為我更擅長在illustrator繪圖(Photoshop反而沒那麼熟悉繪圖操作),所以,我在illustrator繪製好的浮水印圖樣,轉存成PNG之後扔到Photoshop。

Tip☞

在Photoshop加入圖檔,我更喜歡採用「智慧型物件」,因為可以在不破壞原本品質的前提下縮放或任意變形。

STEP 3|變更混合模式

ps-watermarker-step-3

滑鼠左鍵選取「製作好的浮水印或加入的浮水印PNG圖檔」的那個圖層,在「混合模式」的下拉選單中,選擇「色彩增值」。

Tip☞

「混合模式」的下拉選單在「不透明度」的左邊
這時候,浮水印會變成「透明」(消失),不用擔心,因為等下製作「斜角和浮雕」的時候,它就會出現。

STEP 4|新增斜角和浮雕

ps-watermarker-step-4|Photoshop斜角浮雕製作立體透明浮水印

一樣在浮水印的那個圖層,面板下方有一個「fx」的按鈕,這個是「特效」,滑鼠左鍵點擊後,在彈出的下拉選單中選擇「斜角和浮雕」,會彈出一個調整視窗。

STEP 5|調整斜角和浮雕

ps-watermarker-step-5|Photoshop斜角浮雕製作立體透明浮水印

在「斜角和浮雕」的調整視窗中,先勾選「預視」(如果預設情況下未勾選的話),如此便能邊看邊調整
打開「斜角和浮雕」的調整視窗後,浮水印就會出現了;在預設的設定中,其實已經符合「立體」+「透明」的效果了,但是,還是可以再微調。
上圖中是我的設定值,我更改的是「深度」、「尺寸」以及「亮部的不透明度」,你可以按照我修改的數值再微調,直到滿意。

STEP 6|檢查斜角和浮雕的效果

ps-watermarker-step-6

經過初步調整,浮水印並不是那麼明顯;此外,放置的位置可選擇在顏色對比較大的區域,效果會比較明顯。

STEP 7|調整浮水印位置與尺寸

ps-watermarker-step-7

1.

將浮水印放置到接近照片重點內容的區域

2.

調整浮水印尺寸(因為一開始在⇪STEP 2⇪,我採用「智慧型物件」的方式加入LOGO的PNG圖檔,所以,在這個步驟,可以隨心所欲地改變大小,而不會破壞畫質。)

3.

調整斜角和浮雕的「深度」、「尺寸」、「亮部的不透明」以及「陰影的不透明」,因為這些選項會相互影響而產生不同的效果,所以,可以自己慢慢嘗試玩玩看。

STEP 8|調整完成

ps-watermarker-step-8

我選擇放在背景顏色包含深色與淺色的交界,稍微壓到一點點的照片主角。

STEP 9|儲存特效以便下次使用

ps-watermarker-step-10

需要加浮水印的照片一定不會只有一張,所以,可將滿意的特效新增到「樣式」裡。

1.

一樣在「斜角和浮雕」的視窗中,點擊右邊的「新增樣式」。

2.

在彈出的「新增樣式」視窗中,填寫「名稱」(中英皆可),我將它命名為「透明斜角浮雕浮水印」。

3.

點擊「確定」。

Tip☞

在「新增樣式」視窗中,預設應該會自動已勾選「包含圖層效果」、「包含圖層混合選項」以及「新增至我目前的資料庫」,這三個可保留預設的勾選;但是,因為我不使用Adobe的資料庫,所以我取消「新增至我目前的資料庫」。

值得一提的是☞「包含圖層效果」以及「包含圖層混合選項」

包含圖層效果☞

就是前面⇪STEP 4⇪⇪STEP 7⇪做的「斜角和浮雕」的效果

包含圖層混合選項☞

就是更前面⇪STEP 3⇪做的更改混合模式為「色彩增值」,浮水印變成透明的那個步驟。

所以,「新增樣式」這件事,可以包含前面所做的所有的步驟,也就是說,之後只需要將浮水印的PNG檔案以「智慧型物件」的方式加入之後,就能一鍵套用STEP 3~STEP 7所做的效果囉!

STEP 10|測試已儲存的樣式

ps-watermarker-step-11

加入另一個LOGO的PNG圖檔(或者是在Photoshop繪製圖形或打字),我一樣是用「智慧型物件」的方式加入。
上圖中可看到右下角多了一個長得比較不同的PNG圖檔,右邊的圖層面板中也多了一層名為「logo-white-yellow-1」。

STEP 11|叫出「樣式」視窗

ps-watermarker-step-12

如果在右邊的控制面板中,沒找到名為「樣式」的面板,那麼,可從上方的「視窗」的下拉選單中,找到「樣式」,叫出來就會出現在右邊的控制面板了。

STEP 12|一鍵套用透明浮雕效果

ps-watermarker-step-13

1.

在右邊的控制面板中的「圖層」面板,選定需要套用樣式的圖層

2.

在右邊的控制面板中的「樣式」面板,選擇剛剛在⇪STEP 9⇪新增的樣式(我當時的命名為「透明斜角浮雕浮水印」)

Tip☞

在右邊的控制面板中的「樣式」面板中,可以看到一共有3個黑色正方形可以點選,左邊二個是我以前新增的樣式,最右邊那個才是剛剛在STEP 9新增的樣式。將滑鼠移到黑色正方形上,就會浮出自訂的樣式名稱。

收工Done!!

ps-watermarker-step-14

在需要加上浮水印的照片中:

上面的浮水印

是使用一鍵套用已儲存的樣式,LOGO本身是白色帶有點局部的黃色。

下面的浮水印

則是STEP 3~STEP 7手動製作的,LOGO本身是全白色。
不曉得大家覺得哪個更融入照片呢?

最後,浮水印僅能防君子不防小人,具有完美擦除浮水印技能的大有人在,又或者不在乎擦除之後照片醜醜的更是防不勝防,照片美感與防盜圖實難兩全,這是我目前對照片能做的尚能接受的樣貌囉!對我來說,浮水印能當作品牌宣傳的作用

喔,對了,如果可以,當然還是滿版的浮水印最強了,盜圖者大概得擦到天荒地老;不過,滿版浮水印比較適合用在illustrator製作的解說圖片中,我通常會放在文字與圖形或背景的中間層,盡量不要干擾文字的閱讀,
比如說像下面這三張圖片:其中,第三張圖片最難擦乾淨,但是,有點干擾文字的閱讀了。

sunscreen-rating-for-uva-uvb|防曬係數與防曬成分決定UVA防禦力sunscreen filters 立體透明浮水印uvb-uva-wavelength-紫外線uvb-uva
⇦左右滑動看其他圖片⇨
Photoshop的斜角和浮雕製作透明立體的浮水印教學就到這囉!有任何問題歡迎到下方留言板討論囉!
好嘛好嘛...臨走前幫我拍拍手嘛
如果你願意免費幫助我,請在下方圓形按鈕幫我拍拍手。
最多可以按5下,那就幫我按5下吧!
算我求你啦啦啦~~~
謝謝你、我愛你❤
臉書或Google帳號就可以快速登入喲...
▍關於作者|MiriamMibao温唯
我也是人類呀~也要呼吸、睡眠,繼續活著。那些生活裡的大小事,我想分享給你們的美食、購物,都在這了!
我是個挑食的大食怪,只想浪費在值得的事物上。
吃什麼?買什麼?用什麼?不夠好的付我錢我也懶得提(≧▽≦);
以下歡迎留言討論囉!
我只想當個旁觀者,有新的留言請通知我(按一下輸入Email信箱)
想Fallow哪種留言?
0 留言板
Inline Feedbacks
查看所有留言

Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.

文章
目錄
請我喝咖啡
支持我繼續創作
訂閱搶先看
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x
()
x