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

---

## PhotoShop

講師: ASH (數位方塊)

時數: 28 hr

課程: , 3D 特效, 合成, 3D modeling, Photoshop(PS)

課程溝通、討論: Discord

課程範例: 線上課程給的資料

課堂練習: 操作完的作品放進來

資料管理(版本控制): 輸出(影像、圖片)、專案檔(製作檔案, raw)

課後任務: 回家作業、作品

## 瀏覽器上的 Photoshop

https://www.photopea.com/

Web 版有限制, 選取工具不太友善, 濾鏡少很多, 基本合成 OK。

PS: Win 7(~2018) 、 Win 10(~2021)

用PhotoShop處理網頁上用的照片。

Illustrator 除了海報也可用來排版網頁的平面圖(藍圖)，之後則是把平面圖變成網頁，因此需學習作成網頁的語法HTML。


## 前端或其他類別技能樹



## 用到 Photoshop 的工作

許多美術、電商行銷...等等。

企劃美編(小心混合職業)。

幾乎是美編類的必備技能。

## Photoshop 歷史

PS 7 後工具幾乎穩定固定了, CS 前幾乎由 mac 但到 CS 之後開始有 Wins 系統使用。

CS5、6 版本常用(大部分公司), CS3、4 印刷廠比較常用(列印輸出)。

CC的版本(月費制: 600/month) 跟 CS6 比起來幾乎沒甚麼變化。

mac → gxdomain(?)

## 版本差異


---

## 圖像處裡


圖層順序要很清楚了解, 顏色用的方式。


套索工具, 選取工具 → 圖層

快速選取工具 → 使用 1/2 到 1/3 大小

----

## 圖層屬性工具列:


## 圖層位置:


圖層眼睛 → 圖層可見度。

### 圖層縮圖:

圖層文字 → 命名圖層。

可以用圖層縮放, 注意失真~

## 畫面工具列:


## 快速工具列:


## 選取工具:

繩子綁著封閉曲線放到你選的圖畫上, 不影響其他圖層, 但當你做選取的時候就會影響

選取工具: 套鎖工具或磁鎖工具 → 筆刷

接下來選圖層 1 → 更改圖層混合選項性質(常用到變亮變暗之類的), 從正常改成色彩增值(有點像是濾鏡, 會跟著背景的顏色)。


如果不小心弄錯顏色, Ctrl+Z 回到上一步。

筆刷的狀態下按下 Alter 可以吸色, 但如果在色彩增值的情況下去吸色會補不到正確的顏色。

因此想吸色, 可以改回正常的圖層, 之後再換成色彩增值。

筆刷 → B, B for brush ; E, E for erase.

Shift 壓住, 可以直接拉曲線(緩慢拉)

## 課堂作業要求, 兩黑兩白~

快速選取工具 → 磁性套索 → 開新圖層 → 上顏色 → Ctrl+B 取消選取, 沒塗好的部分用筆刷去補

下午上課前補好兩黑兩白。


---

## 下午繼續填補黑色部分

任何選取工具移動, 如果用移動工具會把背景移掉, 如果只在當前圖層下所移動, 記得 Ctrl + B 取消後再用移動工具。

## 圖層管理問題

在背景的影像下如果圖層一直合成下去, 就會讓圖層回不去惹, 如果在做任何物件要分圖層, 不要破壞到背景(原始影像), 最上面的圖層會擋住下面的圖層。


不過圖層是可以轉換的。


也可以把圖層可見度關掉, 假設需要的話。

因此在做任何動作先開個新圖層, 再做動作。

---

色調樣式: 如果調整過, 可以修邊, 把邊邊沒修到的背景繼續修。


## 完成修圖

做一個文字圖層(它會幫你加載文字編碼), 你的座號+名字。


## 複製圖層

用套索工具 → Ctrl + J → 上方工具列, 影像, 調整色相飽和度 → 調整到綠色

### 調整色相:

左右拖拉: 彩度

上下拖拉: 明度



修圖要點: 不要修掉白色格線, 不要關掉背景。

回到背景: 影像 → 調整色相/飽和度(Ctrl+U)

圖層順序要記住!


注意圖層要素, 離我們越近的(青色蘋果), 放越上面, 離我們越遠圖層放越下面。

## 修圖時不要關掉背景


如果關掉背景, 只修青蘋果, 會有層次濃度, 盡量不要修掉黑色的邊邊, 對橡皮擦的大小要拿捏~

## 筆刷細節


1. 工具列選
2. alt + 滑鼠右鍵
3. 空白處直接按

4. 按 { } 也能縮放, 但不能調整軟硬

←像素大小 軟硬度→


最左邊的有蠻漂亮的模糊邊緣。

因此 橡皮擦/筆刷 可以調整到最適合的模糊邊緣。

## 課後作業

1. 顏色不要照範例圖, 可以自己改色。

2. 注意球體邊緣的銳利度, 不要有鋸齒。

3. 注意影子, 影子會反射顏色, 有顏色差異。

4. 注意球球的瓶蓋顏色。

---

## 如何恢復缺失的圖層/工作區

1. 去視窗找到圖層, 打勾復原。

2. 或是去視窗找到重設基本功能 → 確認。

3. 去視窗新增自己的工作區喜好。


# 人像修整

## 修除瑕疵、氣色(明亮度)

### 修復瘀青零疤零

不要破壞掉原始圖檔 → Ctrl+J → 快捷工具列找修補工具。


用滑鼠游標去找相似但沒瑕疵, 層次接近的地方貼補瘀青~


### 去除黑斑

去除汙點工具 → 點痣。


### 調整氣色

用套索工具, 用人臉本身的光影層次, 來調整光影層次


影像 → 調整 → 亮度/對比 → 調高(72) → 模糊 → 高斯模糊

大部分會用到 高斯 動態 鏡頭模糊...等。

人臉使用柔光, 橡皮擦(硬度拉到 0 ), 脖子也拉到(用大範圍筆刷), 調整不透明度才不會太銳利。



## 蘋果肌

開新圖層 → 筆刷選紅色 →混合疊加 → 柔光(40% 或是自己抓~)


自己動手做:



## 化妝

### 眼影 眼線 唇妝

眼影: 開新圖層 → 筆刷抓綠色 → 用橡皮擦拉上眼皮

眼線: 降下不透明度(30%↓) → 用橡皮擦消除多餘 → 加亮顏色/色彩增值, 銳利的邊緣在後面處裡。


唇妝: 開新圖層 → 筆刷抓紅色 → 用橡皮擦消除多於位置 → 柔光

---

# 色階

可以重新定義色階, 達到光影層次的目的。


## 調整過頭會爆色:


色階: 共 256 階(0~255) 。

最左邊是暗部, 中間為中間值, 最右邊為亮部, 往右調整變暗, 暗部的資訊得到更多(變暗)； 往左調整變亮(亮部得到更多資訊)。

8 位元是八種顏色組合, 2 位元 * 2 位元 * 2 位元, 顏色開(1)跟關(0)。

解如螢幕呈現只有 2^8 排列組合色彩, 但如果要調整到 32 位元, 是無法突破限制的。



## 色階工具

輸入影像調亮 → 調亮後讓相機拍出來的木紋明顯

調整 → 色相/自然飽和度

如果是 色相/飽和度 顏色會太濃, 因此用自然飽和度。

飽和度 -100 就沒有色彩資訊；自然飽和度調整到 100 就過量了, 自然飽和度只能調一次！

翠綠一點~ 打上名字輸出~

## 自我介紹

## 課後任務: 聖誕球


---