# 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) ---