創作內容

31 GP

[達人專欄] 《FINAL FANTASY IV - DS》莉迪雅(繪圖教學 - 上色篇)

作者:Fish Yu│2008-02-07 19:26:04│巴幣:8│人氣:4590
  • Photoshop CS2
  • 滑鼠

接續上一篇的描線篇後,這次繼續來介紹上色的部分。

我的線層也是分層畫的,反正開新圖層不用錢,可是記憶體和硬碟空間要夠操。

上色前,先在所有線層下開一層新圖層,我將此圖層取名為「底色」,並在這一層中填滿自己想用的任何顏色(我填的是純赭紅色)。

這一層的目的,是在上色中突顯自己已經塗上的顏色,所以最好不要用白色(不容易看出哪裡沒塗好)和黑色(因為邊線就是黑的,容易混淆),也不要是預定要用在圖上的顏色(也是怕混淆)。我建議選越明顯的顏色越容易看,太刺眼的顏色很虐眼睛,不建議選。

塗色的基本原則,請參考下面的影片。範例用的是形狀還算規矩的星形,但其實塗色的區域形狀是不固定的(頭髮的部分、皮膚的部分、衣服的部分……等),主要想說明塗色後再擦掉多餘部分的概念。


  • 上色修邊

上色可多加利用「色票」這個視窗欄位(【視窗】→【色票】),可以快速選取想要使用的顏色,只要先選好前景色,再按色票視窗中的【建立前景色的新增色票】圖示,就可以把所選的顏色新增到色票裡。這個欄位可以自由增加或刪除。

各部上色後,即是以上的樣子。在此還是建議分圖層上色,頭髮部分就只塗頭髮的顏色、衣服、皮膚等也依此類推。

在上陰影的顏色前,所選取的顏色就要比該部分的底色深色,才看得出陰影的明暗對比。另外,也可以使用「建立剪裁遮色片」的功能(在圖層的欄位上按右鍵,選擇【建立剪裁遮色片】的選項即可),圖層的顯示會變成呈現上圖的樣子。


  • 頭髮畫法

這功能的用途,是顏色不會出現在下層圖層的範圍外。參考以上影片,會發現陰影部分的圖層不管範圍如何超出底色,卻只有底色的範圍會顯示出陰影的顏色。


  • 遮色片

在修飾顏色區塊的邊緣時,「遮色片」是一項很好用的工具。簡而言之,在「圖層遮色片縮圖」上,使用黑色筆刷塗抹,可以消去該圖層;使用白色筆刷塗抹,則可以恢復該圖層,是一種類似橡皮擦的工具,如果塗得不滿意,可以刪掉遮色片再塗,不像使用橡皮擦,一旦使用的步驟超出了可以回復步驟的上限,就不能回復。

衣服陰影的畫法,則是先畫出一塊顏色,再以硬度較低的筆刷擦去邊緣,營造出柔和的效果。筆刷的直徑和硬度依照各人使用喜好自行決定之。完成以上步驟,其他部分也如法炮製。

各部份陰影上色完成後,得到以上的圖稿。依照我的習慣,我會將圖稿中除了「背景」和「底色(先前那層純赭紅色)」以外的所有圖層合併成一個圖層後,先另存新檔,再開始進行背景加工(原檔要留著,以防萬一有要修改的部分)。

合併圖層,可以按圖層視窗右上端的「►」符號,選取【合併可見圖層】的選項;或按【圖層】→【合併可見圖層】的選項來進行。

最後人物部分就OK了~



  • 圓點背景

於「原圖」上進行:
【影像】→【複製】
 
於「複製圖」上進行:
  1. 按住【Ctrl】鍵點選圖層中【人物】圖層的縮圖可選取該圖層的物件
  2. 【選取】→【修改】→【擴張】→於【擴張選取範圍】視窗中輸入數值
  3. 至工具列選取【矩形選取畫面工具】
  4. 將滑鼠移至圖中選取範圍內,按右鍵選取【羽化】,並於【羽化選取範圍】視窗中輸入數值
  5. 至工具列【設定前景色】部分中選取黑色
  6. 【編輯】→【填滿】→於【填滿】視窗中按下【確定】
  7. 【影像】→【模式】→【灰階】
  8. 【影像】→【模式】→【點陣圖】→於【是否平面化圖曾】視窗中按下【確定】
  9. 於【點陣圖】視窗中輸入數值、再按下【確定】→於【半色調網屏】視窗中輸入數值、再按下【確定】
  10. 【影像】→【模式】→【灰階】→於【灰階】視窗中按下【確定】
  11. 【影像】→【模式】→【RGB色彩】
  12. 【選取】→【顏色範圍】→於【顏色範圍】視窗的【選取】項目下選擇【陰影】,再按下【確定】
  13. 【編輯】→【拷貝】
於「原圖」上進行:
  1. 於【圖層】視窗中選擇【底色】圖層→【編輯】→【貼上】
  2. 於此新圖層上再建立一個新圖層,並按右鍵選擇【建立剪裁遮色片】,於此層填滿純赭紅色
  3. 選擇【人物】圖層,按圖層視窗下【增加圖層樣式】的按鈕→【外光暈】
  4. 於於【外光暈】視窗中輸入數值、再按下【確定】
順便一提,製作出擴散的黑影後,也可以試著使用別種濾鏡效果、再將其化為圓點,會有不同的趣味哦(在此使用的是:【濾鏡】→【模糊】→【動態模糊】的選項做出了以下的效果,數值則請自行調整)。


背景完成後,最後加上文字,大功告成!

加上文字這一點,請先選擇適合的字型,再者,文字請不要和圖糊在一起,弄得看不清楚,實在不甚美觀……因為我自己也做過不少進版圖,加字的部分,我覺得很重要。常常都看到底圖用得很好、卻毀在字上頭的進版圖……真的很可惜啊。

要突顯文字,最常用加邊框的方式,邊框可以用以上的方式製作。而在【圖層樣式】的視窗中,使用者可以在不同的欄位中,輸入數值來測試效果,做出自己最喜歡的效果吧!^^+

以上在此獻醜了,謹祝各位新年快樂、鼠年行大運!
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=730339
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:同人人物|繪圖創作|FINAL FANTASY IV|リディア

留言共 33 篇留言

丸哲番
很棒,辛苦了:)

等回看仔細點

02-07 20:35

Fish Yu
啊,雖然沒有獎品,不過是頭香耶!=[]=a
承蒙不嫌棄!^^02-08 01:37
皇羅
畫畫的技巧真是太厲害了~(大心
好讚的達人文章^^

02-07 20:52

Fish Yu
除了感謝,我還是只能說謝謝(拜)~>[]<+02-08 01:37
ThomasG
好教學!

02-07 22:14

Fish Yu
好リディア(被拖走)!
那…好女王(被圍毆)!02-08 01:38
依蕗
真的太棒了
感謝分享

02-07 23:19

Fish Yu
謝謝!^^/02-08 01:39
泡菜公主
很棒很棒!!推推^^

02-08 00:28

Fish Yu
謝謝不嫌棄唷!^^a02-08 01:39
小潘-愛演噁洛克
這篇有拿50個gp以上的水準,只要能見度夠,看到的人夠多的話。(靠大家多連結播放)
很用心的文章。

02-08 01:47

Fish Yu
非常感動!
如果對其他人有所幫助,也算是達到我發表此文章的目的了。^^
謝謝囉!^^a02-08 14:10
小潘-愛演噁洛克
挑戰給兩個gp看看?

02-08 01:48

Fish Yu
我記得不行吧(耶,我也幹過)~02-08 14:15
小潘-愛演噁洛克
似乎不行?系統不允許? @@a

02-08 01:49

Fish Yu
過年要吃清淡點…
雞皮太油了(笑)。^^

不過非常高興(羞)~^^+02-08 14:11
小洛
QQ好文怎麼不推呢

02-08 02:45

Fish Yu
銘感五內(拜)!>[]<+02-08 14:14
龍牙
Fish 非常熱心的分享作畫經驗
感謝您所給予的感動 ^^

02-08 10:24

Fish Yu
我也從其他人那裡汲取了很多感動POWER!唔喔!>[]<+02-08 14:15
傀儡
真是很好的教學呢
謝謝分享~
先試試看!^^

02-09 15:32

Fish Yu
謝謝不嫌棄。^^A02-09 20:32
可可雅ですー!
寫的太棒了

02-10 21:07

Fish Yu
沒齒難忘,銘感五內!m(_ _)m02-11 01:47
殘月
第2次逛!雖然~我還不會畫可是...看了你的教學好熱血阿!

02-10 21:50

Fish Yu
熱血是一切的原動力啊(握拳)!=[]=+02-11 01:47
冷鋒過境
細心的教學

02-11 00:46

Fish Yu
承蒙不嫌棄!^^a02-11 01:48
阿瑄
雖然這是沒有獎品的 但是大大還是這麼用心的講 小弟心存感謝

02-11 02:35

Fish Yu
也承蒙你不嫌棄喔!^^a02-11 13:34
千古恨

帶回家收藏

02-11 08:54

Fish Yu
承蒙不嫌棄囉!^^a02-11 13:37
Damorous
學會好多喔!!!
我看不用去學了 來研究你的部落閣就學完了

02-11 11:57

Fish Yu
不不不,真正的技巧是學不完低~
其實我會的只是毛皮。=_=a
承蒙各位不嫌棄而已(拜)!>[]<02-11 13:39
小夜
請教一下這是啥軟體製作的呢?????

02-11 12:12

Fish Yu
Adobe Photoshop CS2
赫赫有名阿土伯照片店是也。02-11 22:54
生日禮物
頂棒˙˙大開眼界

02-11 13:33

Fish Yu
(●´ω`●)ゞ
感動啊(抖)~>[]<+02-11 13:40
角鴞
路人!...不過我喜歡!

02-11 15:33

Fish Yu
銘感五內!m(_ _)m02-11 22:55
紫風ゴー
偶然路過看到的,真的很棒!!

02-12 15:07

Fish Yu
承蒙不嫌棄的啦~=_=a02-12 21:01
凊夏
貝茲曲線+1
剛裝PS沒多久,所以覺得這教學很實用!

02-12 15:55

Fish Yu
希望能對你有幫助(抖抖)!=_=a02-12 21:01
驟雨
精采文章

02-12 17:07

Fish Yu
銘感五內!M(_ _)M02-12 21:02
orochicontra
同樣是CG愛好者.我推

02-12 20:03

Fish Yu
謝推(拜)!=_=a02-12 21:03
Cherub
太太太~~好了

02-12 23:34

Fish Yu
謝謝謝~~謝你!>[]<+02-13 20:31
逍遙秋風
圓點背景蠻有趣的XD 值得收藏。

02-14 00:10

Fish Yu
原點背景很好混稿喔!=_=+02-14 15:45
我真帥

02-14 17:25

Fish Yu
謝!m(_ _)m02-14 23:13
(超)夢幻男子╭☆
原本一張 簡陋的骨架 配上華麗的顏色 居然就可以變的如此 不可思議的美麗

真的很厲害

02-14 18:38

Fish Yu
6=w=6

謝謝,承蒙不嫌棄呀!>[]<+02-14 23:14
喵ㄉ勒
感謝你辛苦的製作教學~很棒哩 ~^^

02-21 18:59

Fish Yu
也謝謝你不嫌棄喔!^^+02-22 00:40
姬法
好棒的教學
GP給你~呵呵

03-04 22:16

Fish Yu
銘感五內~>[]<+03-05 11:16
摳鼻
耶!!!真是...棒呆了!!我終於搞懂了!!!~~我也試了好多次才會...因為動畫好快啊~~(希望...可以多一點步驟教學的文字...)謝謝你的用心教學!!!

08-29 03:53

Fish Yu
謝謝你不嫌棄。

其實再多的文字敘述,也沒有辦法把所有的作圖過程清楚地描繪出來,
畢竟各人對其中的領會如人飲水。
所以我才會訴諸於影片。08-30 00:16
Kpe2626
好用XD
收藏起來囉^^

11-08 19:03

Fish Yu
希望能對你有幫助喔。(`・ω・´)ゞ11-08 23:58
阿儒
好文 推~~

06-16 13:09

Fish Yu
希望對你有幫助喔。(^^)/*06-21 00:38
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:新年報告‧大年初一... 後一篇:新年報告‧大年初二...

追蹤私訊切換新版閱覽

作品資料夾

a86189642祝福
看到的人會變得幸福哦!看更多我要大聲說13小時前


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

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