日誌2012-09-01 17:51

【Photoshop教學】你有被光速踢過嗎啾咪???

《前言》
從國二開始開始接觸Photoshop 的我，
到現在已經學習了五年，
在高二時曾經有計畫打一篇教學文來交流技術，
但因為學測即將到來的關係，
將此計畫停擺了近半年，
直到最近學測考完後才有閒瑕能來發表，
第一次打教學文，如果有任何指導與批評，歡迎指教謝謝。

另外，這一次拿的是我一年多前的作品-黃猿皮卡丘來作為教學，
但因為之前忘記存原始檔所以又重作了一張，
與前作有稍微不同，還請多多包涵。


《需要的素材》
沒有臉的皮卡丘+黃猿的臉各一張(解析度清晰較佳)

《製作過程》
Step 1. 去背
打開兩個檔案後，開始進行去除背景(簡稱去背)的工作，
先從較簡單的無臉皮卡丘開始，
在右下方圖層區用"左鍵"點選兩次"背景"將其解鎖，
出現"新增圖層"時，按下確定。


點選螢幕左邊工具欄的""，在皮卡丘周圍的白色部份點選後按"Delete"


按住"Shift"再點選其他白色部分可以同時選取並刪除，
刪除後出現灰白相間的馬賽克圖形，那是"透明"的意思。


再來是黃猿的部分，黃猿白色部份分割較多，
所以用另一種方法來去背，
點選螢幕上方的"選取(S)"→"顏色範圍"會出現一個小視窗，
在這個視窗內點黃猿白色的部分並將旁邊的值輸入"200"


按下"確定"以後，因為我們要的是黑色的地方，
所以再按一次螢幕上方的"選取(S)"→"反轉(I)"(或是你想耍帥按"Shift+Ctrl+I"也可以)


反轉成功後，點選螢幕左方工具欄的""
按住'Alt'將臉部以外多餘的地方框起來，
最後按螢幕左方工具欄的""在點選剛剛選取的部分
將其丢進無臉皮卡丘的地方。


將圖片放置成功時，結果應該類似下圖所顯示，
相信大家看到圖層區出現了"圖層1"，
接下來我們要進入步驟二：


Step 2. 調整大小與裁剪圖形
若人物臉部動作與頭的角度及大小不同，
可以藉由選取圖層的"圖層1"按下"Ctrl+T"將臉部變形
我個人建議在變型時先按下螢幕上方的""來維持臉的比例
這樣看起來比較真實一些：


變型完後別忘記按下"Enter"
再來就是裁剪的部分，按下螢幕左方工具欄的""
橡皮擦的大小、硬度按下螢幕上方的"筆刷"就可以調整
不過是將漫畫人物的合成所以建議將硬度調到"100"：


調整好後開始將我們不要的部分慢慢消掉，
只留下最後我們要的地方：

(黃猿：阿嘍哈~~啾咪~*)

Step 3. 上色

好吧...距離STEP2已經超過半年沒編輯惹(挖鼻
在圖層區選取圖層後按"新增圖層"
我個人建議一個圖層塗上一種顏色...


先上範圍比較大的底色，
在還沒開始上色前可以注意到有些顏色和黃猿臉陰影不符合的地方，



於是我們可以點螢幕左方工具欄的""來選取皮卡丘一般皮膚的顏色，
接著就在剛剛新開的圖層上色，
再來皮卡丘陰影的地方也要開一層圖層來上色，
就重覆剛剛的方法來圖就對了，完成大概是如下：



緊接著就是其他比較小的部分，
由於眼睛和牙齒顏色差不多所以我上同一層圖層，
至於腮紅的部分另外上：



如果你把圖層一點掉的話就會發現一個融化的皮卡丘冰淇淋(誤 別點我

Step 4. 背景

因為我畫背景真的超弱所已在此我提供一個懶人方法(挖鼻
按Ctrl+N開啟新檔後把"圖層1"丟進去
按螢幕上方的"濾鏡(T)"→"模糊"→"動態模糊"


按下動態模糊後，會出現一個小框框，
為了讓黃猿皮卡丘有光速的感覺所以我建議把"間距"調超高讓他不成人型(?



如果覺得這個背景太淡的話，
可以再複製一次模糊的圖層並且合併，
合併完後按"Ctrl+B"把黃色拉到極限，讓他有光是黃色的感覺：



好了之後把他拉到黃猿皮卡丘圖層最下面：



接著再新增一個圖層放在最下面，
並且用右鍵點選螢幕左方工具欄的""或，
選擇油漆桶工具，選完之後在顏色區選白色，
最後點一下最下方的圖層：


(黃猿：想我嗎~啾咪~*)

Step 5. 對話框

用懶人對話框招(挖鼻
先把我們最原始的黃猿那一張開起來，
按下螢幕左方工具欄的""
並點選黃猿的對話框：



接著點螢幕左方工具欄的""
按住'Shift'將字的部分框起來後，
丟進黃猿皮卡丘裡並放在圖層最上層：



接著在對話框的圖層上按右鍵，
點選"混合選項"會出現一個框框：



在"顏色覆蓋"點選白色，
在"筆畫"尺寸調2，顏色選黑色，
完成圖大概像這樣：



最後點螢幕左方工具欄的""
打上你想要的文字，大功告成!!!




《後記》
當我打完這篇時已經是生大一的暑假了，
如果可能的話我會順便發一篇小屋佈景製作教學
或是GIF的教學(望
不過我現在現在我最想學電繪(挖鼻
結束。