創作內容

34 GP

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

作者:艷靈│2012-09-01 17:51:22│巴幣:3,060│人氣:3407


《前言》
從國二開始開始接觸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的教學(望
不過我現在現在我最想學電繪(挖鼻
結束。




引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1725235
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:photoshop|photoshop教學|one piece|航海王|黃猿|皮卡丘

留言共 10 篇留言

寞沉鏡
~希望有一天可以和靈哥一樣會玩圖~GP奉上~

09-01 19:49

艷靈
500元太多了吧孩子...省吃儉用吧(淚
09-01 19:56
寞沉鏡
放心~還有300多

09-01 19:59

艷靈
你自己慢慢用吧(囧
09-01 20:02
寞沉鏡
~反正衣服都找不到~ 隨便啦~

09-01 20:03

艷靈
(囧
09-01 20:35
Garuda
很棒的教學~感動[e13]

09-01 20:34

艷靈
其實沒有拉~~
常常覺得自己沒表達很清楚~~~~
09-01 20:37
Koin
好棒的教學!

改天來試試看 GP!

09-02 09:12

艷靈
PhotoShop 很好玩的,加油!!!
09-02 11:48
飄零
可以給載點嘛[e17]

09-09 15:15

艷靈
請支持正版ㄏㄏㄏㄏㄏ
或是餵狗找適用版wwwwwwwww
09-10 23:00
飄零
有下載但是是英文版的[e21]

09-10 23:13

艷靈
你的PS版本是多少??
09-11 07:06
艷靈
我這裡有photoshop CS2 中文化的程式
09-11 23:35
若蓮
這源自於艷靈強大的美工魂啊XD

09-13 01:13

艷靈
槓 忘記回你惹wwwwww
是說你的佈景視你自己做的媽我很喜歡GIF的感覺www
09-15 20:32
若蓮
當然不是,沒這麼強大啊QQ

09-16 19:47

艷靈
我下次想挑戰GIF的佈景惹wwwww
09-24 21:10
神無月 若葉
[e19]超厲害的呀呀呀!

10-07 13:43

艷靈
你做的佈景和圖片更棒啊Wwwwwwwwwwwwwwww
GIF是用什麼軟體做的超華麗的我很喜歡!!!!
一整個就是超有設計感的!!!!!!!!!!!!
10-07 19:40
我要留言提醒:您尚未登入,請先登入再留言

34喜歡★godzllia2005 可決定是否刪除您的留言,請勿發表違反站規文字。

追蹤私訊切換新版閱覽

作品資料夾

Lobster0627全體巴友
大家可以多多來我的YT頻道看看哦(*´∀`)~♥https://www.youtube.com/@lobstersandwich看更多我要大聲說3小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】