【 Photoshop 教學 】 文字 – 剪裁遮色片

大家好~ 這次飛肯的教學文分享, 會用使用到的工具如:「圖層混合模式」、「圖層樣式」、「變形」 、「建立剪裁遮色片」、「漸層工具」、 「調整」等。

練習時要用到的圖片,可以隨意找一張風景照或是你自己喜歡的圖片都可以喔~

如果真的沒有滿意的,之前都有分享很多免費圖庫, 如:

Strillwill 」 、 「BURST」、「Photock」、 「FreePhotos.cc

這幾個免費圖庫的網站都是之前分享過的,可以多選幾張來練習範例~ XD

1. 【新增檔案、放入素材】

500 x600 像素, 拖入背景素材,再 Ctrl+J 複製一層素材

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 1-背景調整複製

 

 

 

 

 

 

 

 

 

 

 

2. 【新增文字、調整文字大小】

複製的素材先關閉圖層, 然後新增文字, 這邊使用的文字是 「impact」,

文字放在中間,可以直接用字元面板改數字調整, 也可以Ctrl+T 變形來縮放大小

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 2-調整文字大小

 

 

 

 

 

 

 

 

 

 

 

3.【點陣化文字】

放好文字後,文字圖層右鍵 “點陣化文字” , 並在 Ctrl+J 複製一層

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 3-文字點陣化

 

 

 

 

 

 

 

 

 

 

 

4.【文字變形 – 透視】

選擇背景素材上方的文字圖層,要來做倒影的效果

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 4-文字垂直翻轉

 

 

 

 

 

 

 

 

 

 

 

變形 Ctrl+T 右鍵垂直翻轉,方向鍵↓ 往下拖移至適當位置, 再右鍵透視

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 5-文字變形-透視

 

 

 

 

 

 

 

 

 

 

 

透視後,文字四周有6個小框框, 紅框框標示的2點,選擇一個點 “點住不放” 並平行往外拖移

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 6-透視調整-1

 

 

 

 

 

 

 

 

 

 

 

5.【調整 – 色相/飽和度 、 曝光度 】

再來先處理背景素材,先進入"色相/飽和度"降飽和度,數值可以參考下方也可自己調整

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 7-背景圖調整色相

 

 

 

 

 

 

 

 

 

 

 

調整曝光度

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 8-背景圖調整曝光度

 

 

 

 

 

 

 

 

 

 

 

6.【文字和圖片- 建立剪裁遮色片 】

再來回到之前的 “背景複製” 並打開圖層, 圖層又鍵點選 “建立剪裁遮色片”

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 9-建立文字剪裁遮色片

 

 

 

 

 

 

 

 

 

 

 

7.【文字- 新增圖層樣式】

再來要處理來為動作的文字, f(x)進入圖層樣式 ,以下調整的數值參考

筆畫: 尺寸 1~2  Pixel  、 位置:外部 、 不透明度: 92~100% 、顏色: 白

外光暈 : 混合模式:覆蓋 、 不透明度:100 %、 尺寸:250 Pixel、顏色: 白 、展開:自行調整

內光暈: 混合模式:覆蓋 、 不透明度:100 %、 尺寸:自行調整、顏色: 白

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 11-圖層樣式-筆畫

 

 

 

 

 

 

 

 

 

 

 

再回到做倒影的文字圖層, 選擇覆蓋模式,再Ctrl+T 複製一層

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 13-倒影改覆蓋

 

 

 

 

 

 

 

 

 

 

 

7.【文字- 增加遮色片、漸層】

先在複製的文字圖層點選 “增加圖層遮色片” ,點選左方工具列的漸層工具,並先前景色確認為黑色的,再點上方的編輯漸層

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 -

 

 

 

 

 

 

 

 

 

 

 

 

編輯漸層,選擇  前景→黑色  (如果沒有這個選項,可以再自行設定)

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 15-倒影第二層-漸層

 

 

 

 

 

 

 

 

 

 

 

拉漸層時順著下方箭頭的方向拉, 要拉長一點或是短的可以多試幾次看看差別~不滿意就 Ctrl+Z 退回上ㄧ步重新拉漸層

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - 16-倒影第二層-拉漸層-1

 

 

 

 

 

 

 

 

 

 

 

漸層完成後, 以上範例就結束拉! 幫各位拍拍手 XD

Photoshop 影像設計  - 【 Photoshop 教學 】 文字 - 剪裁遮色片 - finish

 

 

當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!

 

posted in Photoshop 影像設計 and tagged , , , , , , , , .

發佈留言

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