# 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時,對比效果比較弱;兩者面積比例差距大時,對比效果較為強烈 。
## 從零開始-草稿示範:
先從草圖開始畫 → 背景(才能統一色調!) → 畫面加入物件

素材記得放到新分頁處理後再放到草稿中。
---
# 雪景-課堂練習
把人取出來去背景放入雪中。
## 調整邊緣
用魔術棒選取工具選取(記得反轉選取)人物後, 使用快速選取工具(選取並遮住)
開啟調整邊緣筆刷工具



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

把智慧型半徑打開(適合刷在頭髮, 頭髮會變得蓬鬆)。
按好後記得按確定, 開快速遮色片用橡皮擦可以稍微刷進頭髮(讓頭髮蓬鬆)。
---