---
# System prepended metadata

title: 8/23  Graphic design-Photoshop 基本使用
tags: [2021/08/23, Graphic design, 進度筆記, 前端心得]

---

# 8/23  Graphic design-Photoshop 基本使用  
###### tags: `Graphic design` `2021/08/23` `進度筆記` `前端心得`  

---

## PhotoShop 上課檢討   

### 課業檢核清單 確認  

![](https://i.imgur.com/wX33uR4.png)  

### 下載 05 婚紗, 16 duotone, 02人像  

### 有課程檢討、大型作業(自行合成東西進去)   

不要給自己太大壓力, 尤其大專案。   

檢討的時候可以想像自己當業主跟討論。   

聖誕球要注意修邊、疊色和補色(之後會教學)  

## 聖誕球老師實作檢討範例  

![](https://i.imgur.com/majEQrW.jpg)

第一顆先複製背景(假如業主是要求的圖, 不想破壞的話)  

用魔術選取工具, shift 加選或 alt 減選把沒選到的地方, 尤其邊緣和蓋子的部分。  

###### 縮圖很重要  

Ctrl j → Ctrl + U 換色  
這時候點選圖層縮圖, 按下 ctrl, 可以選取這個圖層你剛圈選的所有外框, 用快速選取你的球, 再按下 alt 可以減少選取面積(擦掉影子),  

![](https://i.imgur.com/vZb0Jf4.png)  

用 ctrl+shift+i 反轉選取, 選取整體圖層來擦拭才不會擦到球體, 
如果擦到球體, 可能是還沒選取外框前擦過頭。  

第二顆用蘋果的框選法, 直接快速擦掉過多部分, 擦掉大部分後, 再改成用小/軟橡皮擦, 慢慢擦   

如果按到 CapsLock 會只有十字架, 無法調整筆刷軟硬。  

![](https://i.imgur.com/MzkvpxN.jpg)   
再用 CTRL+SHIFT+I 反轉選取 去擦影子, 如果擦過頭, 可以回到圖層, 多出一個圖層  

![](https://i.imgur.com/0r1esrW.jpg)  
去補圖, 調整色相調整到相似顏色。  

![](https://i.imgur.com/aBUXdI9.jpg)  

如果不想這麼多圖層 → 合併圖層  

![](https://i.imgur.com/AeSj6Se.png)  


最後一顆, 可以直接在 Base 調整圖層色相  

![](https://i.imgur.com/tLLqYsq.png)   

再來是修蓋子的部分,  回到背景的圖層, 將背景的蓋子顏色取出來!  

![](https://i.imgur.com/eHv1hyA.jpg)   

先選好第一個, 之後其他的蓋子 用套索工具 SHIFT 壓住 快速複製其他蓋子。  

並做一個 蓋子 的圖層, 注意蓋子的縫隙。   

![](https://i.imgur.com/Kq8yGVz.jpg)   

---

# 人像 02 的部分-課堂練習  

Ctrl+j 複製一層, 不要破壞業主的照片(background), 找出圖像問題。   

![](https://i.imgur.com/pUpKYMM.jpg)   

汙點修復 → 痘痘、痣  

修補工具 → 鼻翼  找相似的顏色貼上, 建議兩步內解決, 甚至第三步。    

![](https://i.imgur.com/ipIFAOe.jpg)   

看不出細節的話就要放置整體大小, 可以用右邊圖層屬性工具列旁的步驟紀錄來找~   

修補工具 → 修下巴  

直接用修補工具修紋路   → 脖子紋路   

![](https://i.imgur.com/KeZGggh.jpg)  

眼袋, 臥蠶(?)的部分也是用修補工具   

![](https://i.imgur.com/NNRzKau.jpg)   

## 圈眼睛雙眼皮   
![](https://i.imgur.com/4zzydvf.png)  

套索工具圈雙眼皮, CTRL+J新增圖層, 借自己臉另外一邊的雙眼皮過來。  

Ctrl+T 變形, 右鍵水平翻轉, 想辦法對位前降低圖層透明度 50%, 用方向鍵去做細緻對位。  

用軟橡皮擦有漸層去擦  

![](https://i.imgur.com/UYBTRbJ.jpg)  

眼球可以用銳利一點的橡皮擦  

上粉撲, 把人臉的地方圈起來, 加亮度/對比, Ctr+shift+alt+e    

可見圖層合併會幫你合併有勾選眼睛(可見的)的圖層,  

模糊 → 高斯模糊 → 圖層混和選項選柔光 → 用橡皮擦擦拭不要的部分 → 透明度更改  
  
  
  ![](https://i.imgur.com/43GR484.jpg)   

開新圖層 → 粉刷 → 蘋果肌   

唇妝 → 回到 New Base → 影像 → 調整自然飽和度  → 擦拭   

![](https://i.imgur.com/pMaCoFQ.jpg)   

水潤的嘴唇可以再疊一層, 變得更水潤。  

![](https://i.imgur.com/hxZ7l54.jpg)    

## 調整圖層   

群組 → 方便管理, 例如可以把你想要的圖層群組化   

複製群組 → Ctrl+E  會複製群組的圖層   

![](https://i.imgur.com/ZjnGyEj.jpg)   

## 潔牙美白方案   

亮度調低會變黃, 因此這次不改亮度/對比,  

直接用 調整 → 黑白 (ctrl+alt+shit+b)  

![](https://i.imgur.com/xy1oBq7.jpg)   

亮度, 稍微加亮一點   

接著去除灰階 → 使用變亮   

## 縮臉手術  

液化 shift+ctrl+x   

凍結的時候, 液化不會對凍結的部分影響, 可以取消凍結。   

尺寸 362, 壓力 70, 濃度 50,    
細修凹凸不平的部分時, 筆刷越小 細修越困難   

Ctrl+shift+alt+e  合併可見圖層,  

## CC版本新功能 → 臉部感知工具, 會感知人臉
CC 版本的工具(CS6或以下則沒有?)可以直接拉人臉, 可以抓到極限值, 臉部扭曲會變得很誇張XD  

![](https://i.imgur.com/tiFgyKs.jpg)   


## 銳利加亮工具  

筆刷刷兩下  

做眼妝  

## 眼睫毛  

指尖工具, 跟液化很像, 縮到最小 pixel, 強度 50%, 拉眼睫毛  

![](https://i.imgur.com/M6XLMxm.jpg)   

---  

# 婚紗照(包含色溫)-課堂練習   

先看照片畫面哪裡有問題~  
畫面太暗 → 找出幾個問題: 天空狀況, 地板, 人  

人 → 地板 → 天空(從近到遠)  

Sky → 套索工具   

地板(ground) → 套索工具   

人 → 回到 Base 的圖層 → 套索 → Ctrl+J    

修的時候不要放太大, 先修大面積再修小面積, 因此從天空開始修！  

Sky →  亮度/對比, 95/0  

地板 → 亮度/對比, 150/-50 → 35/-8  

人 → 注意不要融入背景(太亮), 96/-50 → 希望臉頰不會過曝！  -29/0

如果還是太暗可以調整臉跟手的亮度/對比, 貨色階  

## 調整多出來的區域   

知道圖層堆疊是在哪個作用域的上方 → 圖層順序  

如果是調整地板圖層 → 橡皮擦  1108/0 擦地板   

選人的圖層 → 細心擦 → 不要擦到人的邊邊的話會有陰影, 先別修太乾淨 → 做漸層   

## 細修  

先點選 Ctr+圖層縮圖

快速遮色片 → 編輯模式 要的地方給白色/不要地給黑色 → 點日本國旗圖案 → 紅色(其實就是黑色)不要的部分/白色(人的地方彩色)是要的部分

![](https://i.imgur.com/75aWg50.jpg)   

用筆刷調整前景色(白色)/背景色(紅色)   
![](https://i.imgur.com/qr7SG0e.png)   

筆刷 368/1  → 用背景色(紅色) → 拉進去婚紗會有漸層透光感  → 也可以調整透明度 -47(調整完記得復位)  

![](https://i.imgur.com/74nzuh4.jpg)   

如果塗到人臉, 先擦進去, 再把前景色弄成白色削掉多出來的紅色 → 造成 rim light 邊緣光   

![](https://i.imgur.com/DGS4IW3.jpg)   

弄出邊緣光透光效果  

![](https://i.imgur.com/rKc2bxC.png)   

 
 ## 新工具-反光效果   
濾鏡 →  演算上色 → 反光效果

將所有可見圖層合併 → 命名反光效果
 十字對準到太陽位置上, 選擇焦距類型, 50~300 mm 變焦, 可以造成光斑/耀光效果(多速是圓形, 因為快門葉片的光圈造成)   
 
![](https://i.imgur.com/C75czWp.jpg)   
 
 
 耀光效果 by 少康   
 
 ![](https://i.imgur.com/AxNsfoG.png)   

## 色彩學-色溫/色調(tone)  

Color temperature - 光源發出與太陽光類似的顏色, 計量以 KelvinScale 表示。   

### 如色溫與白平衡對比   

開啟  色溫練習 → 調整 色彩平衡  Ctrl+B   

中間值 38/5/6 上下盡量拉  

亮部 偏紅偏黃  +3 /0 -4  

陰影 偏青偏藍  

如果用 Ctrl+U 是直接變換一個顏色,  用 Ctrl+B
是調整整張影像的平衡值。   

假如合成影像就能對這個值做調整, 做得比較像是同一張圖。   
![](https://i.imgur.com/Vv44ERP.jpg)   

---

# 課後作業-婚紗 05   

找出自己的參考圖, 弄出婚紗合成圖   

![](https://i.imgur.com/RUXJmOO.png)   


## 研究颜色分级(Color Grading)

依照場景、環境營造出不一樣的顏色效果和感覺, 像是恐怖、寒冷常用暗色和冷色調。   

![](https://i.imgur.com/Qv7PHAk.jpg)   

依照顏色分級, 同時看網路參考圖調整中間值
天空亮部偏紅偏黃亮一點, 陰部偏青偏藍陰一點, 地板的顏色反映出天空的顏色, 偏藍偏紫; 人偏紅偏紫, 初步調色。  

自己找的網路參考圖放在一個新圖層。   

天空 → 地板 → 人  分開調色調   

![](https://i.imgur.com/i794n4L.jpg)   

自由發揮的濾鏡效果~   

![](https://i.imgur.com/9oNtd9p.jpg)   

全部調整好後, 把參考圖片的可見圖層關閉,  

學著參考圖照著顏色去做, 試著讓婚紗 05 和 網路參考圖相似。   

![](https://i.imgur.com/CCKpIuT.jpg)  

---

# 課後作業-雙色調   

一張圖片搭照兩種色彩, 有些海報電影劇照會放,  懶人作法(?)  

![](https://i.imgur.com/HUjAtBS.jpg)   

拿自己的大頭照做雙色調,  黑白照幾乎做不出來, 如果不想拿大頭照做, 找個人來做雙色調, 用別人的雙色調XD   

例如這可以拿來做 portfolio  的照片  

使用漸層編輯器 G → 亮的地方用亮的, 暗的用暗的色系

![](https://i.imgur.com/KhQ6Eeb.png)  

如果接著用色相飽和度會變色, 他會調整底下的所用圖層, 因此可以合併圖層, 可以做三張雙色調。   

做出第一張變成藍色後, 可以把可圖層可見度(眼睛)關掉。   

第二張可以用紅白對比 →再關掉   

第三張如果再拉個三角形, 希望他出來是黃色, 因此可以把兩個區域的地方拉套索工具, 把區域刪除。  

![](https://i.imgur.com/9J347LH.png)   

![](https://i.imgur.com/t4LBC3h.png)   

# 作業-大頭照拉三個色調   

![](https://i.imgur.com/skNRsDh.jpg)   

---

# 99 水平尺-課堂練習

拉出水平尺規 Ctr+R   

![](https://i.imgur.com/TkEs9V9.png)   

Ctrl+j 後 複製圖層   

拉下來直接做旋轉 → 矩形工具拉長方形   

或是把外面的框框刪除   

![](https://i.imgur.com/qtbpyq0.png)   

舊版調整 → 調整外面的稿紙重新歸位 → 影像 → 修剪 → 修掉透明像素   

![](https://i.imgur.com/2ZFKA6r.png)   

可以從最左邊或最上面拉出定位   

新版的水平工具作法 → 裁切工具 → 拉直(代表拉水平)   

![](https://i.imgur.com/2sC5CJZ.jpg)   

---