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

---

## PhotoShop 早上上課檢討-手提紙袋

### 今日預告

- 07 汽車海報
- 08 雪景
- 群組筆記新增兩個大 final project

---

### 光線照射的影子位置

層次要注意, 這次光源照的位置讓影子要直的, 用加亮加深工具讓層次做足一點, 如果影子轉彎了, 橡皮擦修邊拉一下。

---

# 汽車海報下半部分-課後作業

比較考慮

## 別班的作品


## 多邊型工具

可以用來抓透視點,星形狀, 內側 99



放上車子後, 看車子有沒有歪掉, 車頂上面照到光可能是最亮的, 車門可能次亮, 車頭應該是最暗的。

## 盡量讓車子接近透視

用變形工具拉車輪靠近多邊形工具透視的輔助線


如果有點難調整, 可以用 變形工具 → 任意變形


要注意車子內的人有沒有變形, 多邊形工具的線盡量拉到 3 格寬就夠了(甚至1.5格?!)


盡量讓車子靠近輔助線, 車輪貼齊輔助線越平行越好

## 調整車體光源和陰影層次


### 圖層:

- 背景
- 車子
- 加亮
- 加暗
- 擋風玻璃

製作加亮和加暗圖層

加亮圖層 → 加亮, 105/0, 做完後擦掉多餘的位置
我自己調整 (45/0)

加暗圖層 → 加暗 -115 ~ -130/0, 擦掉後照鏡亮的地方, 前緣
我自己(-105/0)

- 比較細緻的作法: 也可以用魔術棒工具選取後 → 局部加暗 → 擦拭

擋風玻璃內亮的位置, 快速選取, Ctr+J, 放到最上層, 圖層 wind shield lighter, 亮度 105/0

我自己(45/0)

營造車內霧氣感 → 模糊 → 高斯模糊 25%


## 將做好的光影層次群組化


群組化後再群組 化→ Ctr + E


細修車子毛邊, 修掉白邊, 讓車子邊緣正常

## 影子的平行光

抓點光源的位置 → 車輪 → 車輪的底部 → 前輪的影子

以及可以貼著透視線跑~


影子放倒的方式可能會不太自然

## 造車體的影子

影子位置


太陽的照射的狀況, 找個參考圖來看看~

影子會根據物體所反映出顏色~~

把太陽當作點光源, 抓一個形體

開新圖層 → 大概拉個影子的位置 → 藍黑色筆刷正常疊加 → 不透明 71%

調整色溫, 拉出影子的位置, 切近透視線的位置

高斯模糊 3.3% → 暈開

## 第二個影子


擦掉遠的地方, 近的地方稍微擦

模糊 → 高斯模糊

24.5% → 36%

### 下午-追焦

動態模糊, 去造成物體有運動感, 有方向性, 可以用線性模糊和加深可以達到速度感。


### 追焦

電影中, 攝影機和機車都同時等速往前, 熊不模糊, 但背景會模糊, 像是熊在往前跑~


## 放射狀模糊

- 迴轉: 像是水滴/漣漪狀的感覺。

複製一個新的 背景/Base 圖層

總量 54 ; 模糊方式: 縮放 ; 品質佳

要找模糊中心點也就是照片的透視點, 大約 4:6, 位於中間偏上。


---

### 俯瞰圖/上視圖

*上帝視角(?)

- Parallax: 視差捲動

眼睛/焦距越遠, 會去壓縮物件, 如果車子往前 40km/hr, 景色中的草, 石頭, 山 會往後40km/hr, (景深)會變長



因此先找最遠的物體, 太陽 → 山 → 湖 → 草

在 Base blur 的圖層操作 → 橡皮擦工具

有模糊的視背景, 從遠到近, 用橡皮工具擦去, 車子跟影子不太需要模糊


### 旋轉的模糊

移動的相機狀況下, 有旋轉的模糊。


## 自行合成自己的東西進去-課程練習

合一個物件進來, 動作會比較多, 開始可以合成自己的東西進去。


## 視覺效果 VFX

合成特效進來~

- smoke alpha texture: 可以直找到煙霧黑底特效

alpha 透明通道效果 拉煙霧影像進 PS → 濾色 → 旋轉變化 → 透色 → 旋轉 → 圓形筆刷擦去

如果一層煙霧不夠亮可以再 Ctr+J 一層煙霧。

可以把煙霧用筆刷/色彩平衡(Ctr+U)加色。

像是火焰有火花, 可以複製 Ctr+J 一層火焰(智慧型濾鏡), 高斯模糊弄火花特效。

---

# 實用工具網站

- 免費可商用:
https://www.textures.com/
https://polyhaven.com/hdris

## 特效演示


## 車頭燈反光上色

濾鏡 演算上色 反光效果 影片定焦 對好車燈暗下確定。

# Matte Painting(接景)-大作業
請於Youtube搜尋，Creative Station 並於該頻道參考 "Speed Art (#Photoshop)" 系列找尋靈感。

任務：
主題一：奇幻世界，關鍵字：Fantasy (google圖片)
主題二：城市廢墟，關鍵字：Ruins City (google圖片)
(關鍵字可翻譯成：日文、韓文、德文、法文...等，交叉查詢)

創作參考網站：
Art Station
https://www.artstation.com/
Deviant Art
https://www.deviantart.com/
Behance
https://www.behance.net/
Pinterest
https://www.pinterest.com/

條件：
1.製作過程需錄影 (oCam)。

- <bandicam 注意安裝順序>

2.創作理念，200字內。
3.最終成果請以AI編排作品展示。
4.請注意專案資料夾檔案命名及資料夾分類管理 (請參考雲端範例)。
5.圖層必須妥善管理名稱，善用圖層資料夾進行分類。

製作規格：
●PSD原稿，A4，300ppi，RGB，直式橫式不拘
●AI展示稿

數量：
主題，擇一進行。
(理想中兩個都要做，有額外做的教師團隊也將額外檢討!!)

* 完成後，請將您的專案資料夾上傳上益創客雲端：
https://reurl.cc/AkQZAe
參考資料於Line相簿。
- 雲端內有參考素材和範例。

### Matte Painting
- 接景: 合成東西, 從無到有, 一層一層的排列。

### 色彩面積

- 色彩對比和面積的關聯：色彩色系相同、面積比在 1：1時，對比效果比較弱；兩者面積比例差距大時，對比效果較為強烈 。

## 從零開始-草稿示範:

先從草圖開始畫 → 背景(才能統一色調!) → 畫面加入物件


素材記得放到新分頁處理後再放到草稿中。

---

# 雪景-課堂練習

把人取出來去背景放入雪中。

## 調整邊緣

用魔術棒選取工具選取(記得反轉選取)人物後, 使用快速選取工具(選取並遮住)

開啟調整邊緣筆刷工具



記得黑底白底都檢查一次, 重新刷過會重新計算邊緣


把智慧型半徑打開(適合刷在頭髮, 頭髮會變得蓬鬆)。

按好後記得按確定, 開快速遮色片用橡皮擦可以稍微刷進頭髮(讓頭髮蓬鬆)。

---