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

---

## PhotoShop 早上上課檢討-婚紗

### 今日預告 06 包裝、07 汽車海報

要注意參考照片的顏色分布, 人的顏色, 顏色變換的位置, 我的照片可以用 Ctr+L 亮一點, 天空的難度太高, 可能要用印章工具?


如果在 PS 修圖, 記得在圖層留個舊圖當存檔, 如果沒舊圖要救圖可以增加技術。

今天會提到影子跟透視, RGB 在 photoshop 使用, CMYK → illustrator

---

## 06 包裝-課堂練習

上網找包裝素材(wrapping paper)

- wrapping paper material

- wrapping paper texture

盡量不要挑白底、黑底多的顏色,


### 開稿面

學會自己開稿面, 統一開一樣的大小~

網頁解析度常用 72ppi

新建 → 列印 A4 300ppi 210x297 → RGB 8位元
開新稿後記得先存檔, 命名 2021-08-27 紙袋

## 光和印刷色差別

RGB: 光的加色, 顏色變加起來會越來越亮, 以光的顏色呈現。  

CMYK: 減色, 印刷顏色混起來越來越暗, 以色料的顏色, CMY 可以混出大部分的顏色, K是黑色。  

- 單色黑 → K, 只有單色黑

- 四色黑 → CMY+K, 印出來黑到發亮

https://symbolicpak.blogspot.com/2017/10/4.html

- RGB pixel → 每一顆 pixel → RGB 三色

---

## 拿出紙袋和包裝素材包一包

上網找的包裝素材, 和課程的紙袋

另外開個課程紙袋(不影響新稿)

原始紙袋的魔術棒容許度調到20


Ctr+j 拉出來做外框 → 影像調整 → 亮度對比
亮度/對比調高 31/83, 記得把使用舊版關掉

魔術棒區域點紙袋, 反轉選取紙袋 Ctr+I


把做好的紙袋拉到新稿 → 移動工具
放大紙袋, 1/4 大小, 中間偏右, 預留影子位置


## 貼皮

把上網找的紙袋素材, 移動工具按住拖拉拉到新稿, 如果要貼皮, 會分兩塊:


要把貼皮等比縮小拉到紙袋大小, 並做一塊長方形的



## 透視

點 R 的圖層, Ctrl+T 變形工具 → 扭曲, 改變包裝紙的外框, 並對齊紙袋外框, 對齊好後

點 L, 快速鍵 Ctrl 壓外框的點(箭頭變白), 去對齊紙袋側面

好了之後可以試試看圖層的混合選項, 色彩增值之類的。

## 合併並修邊

想辦法讓 L, R, Frame 合併成物件, 同時不讓背景進去, 合併前要關掉背景 → Ctr+Alt+Shift+E

### 修邊

用 橡皮擦工具 點一下邊緣, 壓一下 shift 點邊緣

然後不要八角刺人, 修掉銳利的角角, 一樣用橡皮擦工具去鈍角

## 增加亮度

- 加亮圖層:

把 R 面亮度調高, 35/-6
把不會亮的側面刪除, 擦掉多出來的地方


Raw bag 亮度/對比 25/-10

- 加暗圖層:

把 L 面亮度調低, -5/-30
把亮的調整, 弄出突兀的地方


做出立體層次, 轉換智慧型物件 → 可以做出不少東西

---

## 下午課程-講解速度

第四天、第五天早上的課程會更自由, 會發現自己操作的跟老師示範的有差別~~

---

## 預設光源

開新的背景, 漸層工具, 來做陰影


光源判斷, 要注意光源位置!


世界上沒有全黑或全白, 所以要調整陰影位置~


記得用漸層工具在畫面外拉~

## 影子

做影子的時候記得在圖層弄色彩增值和不透明度, 放倒影子後記得對平, 點對點拉平~


做這張圖不是預設太陽光, 室內燈是白色燈, 點光源, 是發散光, 會造成越遠越發散, 離得越遠影子越放大, 越近影子越小

- 點光源示意:


太陽光是平行光, 直行的光線



所以太陽光照射物體, 影子越遠會越縮攏

用剛做好的紙袋, 建立新圖層 點選魔術工具 shader → 全黑筆刷 → 變形工具 拉繩子的地方 放倒他



影子不會轉彎, 用橡皮擦工具 SHIFT 削掉


## 模糊影子

模糊 → 高斯模糊 → 最軟橡皮擦輕輕擦 → 使用模糊工具在靠近繩子的地方輕輕刷

## 第二個影子


影子分兩種, 平常的影子是直接拉出去, 第二個影子是物件貼平在桌面上時會有個影子特別深特別細。


第二個影子筆刷黑色擦掉, 色彩增值, 方法一樣


## 倒影

偏水平, 會模糊, 越遠越模糊



Ctrl+j 倒影應該會跟影子上

倒影是上下相反, 用變形工具 Ctr+T, 對好點,


倒影是個圖層, 使用多邊形套索工具框住倒影, 框住倒影的 R 面, Ctr+T 變形, 接合到 紙袋的 R面, L 面也一樣。


倒影也不會跟實體一樣這麼亮, 因此要在混合圖層(正常), 用透明度, 遠的地方用大顆軟橡皮擦輕輕擦, 像是溶入桌子內, 最後用模糊工具掃遠處被擦過的地方, 比較少用高斯模糊(強度0.8)

## 合併物件-進度 90 %

可以重新調色, 調整色溫, 和光線, 可以用之前的外框或 lighter 複製貼上去補亮色, 並加亮工具, 90 → 50


再用加深工具~ 加深 加深, 然後再看光線

![Uploading file..._yykz6nirp]()

## 增加雜訊

圖像抖動, dither, 早期是黑白, 再怎麼拍都是純黑純白, 有抖動技術後, 就比較有層次(尤其把圖片縮小來看), 接著有灰階就更明顯。


濾鏡 → 雜訊 → 增加雜訊 → 高斯雜訊 5%

## 暗角(vignetting)

因為早期的相機比較沒這麼強, 所以攝影時有暗角, 現在用這種經典率竟可以增加對焦視角


開新圖層, 用灰色的, 直接用橡皮擦拉最大筆刷硬的擦去中間, 做出暗角效果

做好後可以貼 LOGO 輸出~

我有用漸層工具慢慢拉出暗角, 也有效果但比較慢。


---

# 開車囉-課堂練習

開啟汽車海報後記得存 base, 想辦法修邊緣, 並拉去有山河景的路邊~

筆刷跟橡皮擦用好你想要的大小, 把橡皮擦弄成黑色, 修影子



## 抓比例尺拉汽車大小


透視是投影法, 把 3D 弄成 2D, 有好幾種投影法, 像是 麥卡托投影法 之類。

現實生活中人所看到的是三點透視, 但實際結構上是五點透視, 人是(沒?)有極限的。

## 單點透視-課堂練習(平行線)

近大遠小, 可以應用在光源物體透視點。


## 尋找車子的透視點