47 12345
发新话题
打印

[〖原创教程〗] 超.初心者向的簡單Photoshop上色教程(圖多慎入囧)

超.初心者向的簡單Photoshop上色教程(圖多慎入囧)



其實我也不是有什麼技巧可以傳授…不過看這裡的大家很多回覆都說自己是只懂畫線稿、不懂上色,為了方便日後辦活動可以多些人玩(喂),所以寫了這個非常簡單的photoshop教學,目標是能用最簡單(偷懶)的方法,快快樂樂地畫彩圖!

這裡介紹的方法其實很簡陋,不過是我回想剛學習用電腦上色時所必須要的基本步驟。要把圖變得更漂亮,大抵都是建基於把這些簡單的步驟處理得仔細,更用心而成的。

雖然應該不會有這樣的情況,不過還是先聲明,這裡的上色方法我是在朋友那裡和其他人的教學網站學回來的,所以這麼羞恥的東西請不要轉載,謝謝!

PS:我忘了我在用的是MAC…所以在版面上跟PC版有點不同,不過功能是一樣的。不過因為一直是用慣英文版,所以沒法說出某些功能的中文版名稱是什麼,不好意思。



完成圖(賽路路風)




(一)線稿處理
這次用的是手繪在A5紙的圖,掃瞄器掃圖設定為300dpi。
dpi越大的話掃出來的圖就會越大,其實如果不是拿來印刷,72dpi就已經是合適的大小了。不過因為這次會用到縮小大法,所以就用300dpi…XD


這是什麼也沒加工的圖,可以看到廢紙的質素太差了,背面的字都被掃了出來…



1.1 調整線條

首先是把線稿變得黑白分明,按上面的image>adjustments> brightness/ contrast,依據線條的深淺作調整。


調整brightness會使原本灰色的地方變白,但亦會使線條顏色變淺;
調整contrast會增加深和淺色的對比,但會使線條越來越幼。

以我這圖為例,我是brightness+30、contrast+30
完成後便會變成這樣



1.2 抓出線條

接下來,因為我們只需要黑色線,所以到select>color range
開啟這樣的版面後,


(1)選擇選色的工具,點一下背景色,那麼選擇的部分便會變成背景色;
(2)調整fuzziness,就是有多少近似色會被選,我是用慣40左右,不過要看需要,左右移移試出自己合適的就好了;
(3)選擇invert,那麼選擇的便會變成非白色部份(黑色)。


確定後,按edit>copy,然後再edit>paste,我們便會把黑色線貼在新的layer上(圖中的(1))。
(2)選擇回下面background的layer(也就是我們一開始作業的地方);
(3)然後按開新layer,
(4)在這個layer 2填上白色(作為底色)

完成後layer的狀態應該是這樣的


layer 1是只有線稿,其他地方透明
而layer 2則是全白

1.3 修正線條
接下來我們便在layer 1上作業,layer 2則是整張圖的底色,而background則是不用理了。用這樣的方法是為了方便一不小心改錯了後可以重新拿回background的線稿來用。
現在我們需要利用膠擦工具來修正線條,把畫錯了的線擦去。

引用:
注意點:鑑於上色方法的需要,除了需要刪去多餘的線條,亦可能需要用筆刷把沒有連接的線條連接起來喔
(二)上色

2.1 填上基本顏色
現在我們需要用的是魔術棒。先來替頭髮上色,選擇了魔術棒後,便在線稿的layer上選擇頭髮。



然後選擇select>modify>expand,把已選的範圍擴大一點。基本上手繪的圖我習慣用擴大2px,數值請隨個人需要調整。



接下來為了顏色上能夠一致,開一張官方的圖,利用選色工具偷顏色+_+



然後回到在畫的圖,在線稿的layer下面開一層新的layer,再用填滿工具填滿選擇了的頭髮。
填好頭髮後,再回到線稿的layer選擇新的區域,重覆select>modify>expand、開新layer、填顏色的動作,直至整幅圖填了基本的顏色為止。
引用:
注意點:
(1)如前述,這個上色方法的弱點是選擇的範圍如果有缺口,便會出現選擇了多餘部分的問題,所以可能需要一邊上底色一邊做回前一步驟,把線稿修正好。
(2)上面的layer是會遮著下面的layer,所以可以把面積較大的部分塗在上面的layer,下面的layer則塗比較精細的東西,那麼在下面的layer就算畫出界了,因為上面的layer覆蓋著所以也不會看到XD
2.2 修正線稿

填好後看來應該是這樣,


左邊顯示出在線稿下面有頭髮、眼睛、麵包等layer,而圖的線則有很奇怪的邊邊。有這些邊邊的原因是因為線稿的線邊緣有些比較淺色(灰色)

解決方法是把線稿的layer轉成multiple,


把線稿的顏色變成相乘,那麼線條淺色的地方便會看不到了。



2.3 修正底色
用魔術棒上色可能會有些地方有遺漏,所以接下來要用筆刷在每層LAYER補回未上色的部分。



也有這種線條中間顏色怪怪的場合,


那是因為線條的效果是相乘,只要下面的layer顏色沒有填好,顯示出來就會有顏色不一的情況出現。像圖中的場合,解決方法是用筆刷在頭髮的layer將線條下面沒上色部分也填滿。


因為上層的layer會遮蓋著下層的layer,所以越修正到下面,也就能越輕鬆上色~即使是這樣塗出界了,因為被頭髮遮著,所以也不會看到:P

2.4 加上陰影

最艱辛的工作都完成了~!
接下來在頭髮的layer上開一個新layer,選擇layer>create clipping mask。


P.S.:記得PS CS以前的版本好像不是這樣叫的,類似Group layer?總之快捷鍵是Ctrl+G那個。
把新的layer group了在頭髮的layer上後,即使在新的layer畫上什麼,也不會塗出頭髮的範圍了!(不信可以亂畫試試看喔)

接下來就是用最麻煩的貝茲曲線(好像是這樣叫吧?),我們要用貝茲曲線框出陰影範圍。


這個真的是不知道怎麼說明好…先按一點作為起始點,然後按下第二點不放開左鍵,左右上下移動時可以拉出各樣的曲線。只要多拉幾次慢慢摸索,就會掌握到要向哪方向拉、如何拉出適合的線條了。(也只能這麼說,抱歉||)

畫出一個框回到原點後,再用形狀類似「<」那個工具,可以點在已畫好的框上面修正不完美的部分。



拉好後,先再次去拿官方圖片偷顏色,然後回來按右鍵選擇fill path。



基本上選擇Foreground color就好。



用同樣的方法替頭髮的光位和其他部分上色。
附圖是假如沒有把陰影和光位的layer group在頭髮上的樣子…



麵包上的麵條因為如果在線稿時逐條畫,要上色太麻煩了,所以就用筆刷隨便給它畫(滅)



2.5 繪畫眼睛
我習慣把眼睛放在最後畫…
先在皮膚和眼珠之間開一層新的layer,以拉貝茲線的方法來畫眼白。喜歡的話可以也利用group layer的方法替眼睛畫陰影,不過反正縮小後看不清楚我就懶了(喂)



用貝茲曲線旁邊那個也是畫path的東西來畫眼珠。



畫了個大概形狀後,按edit>transform path>rotate來調整位置,


轉好後再依上面的方法fill path。

之後適當地加上其他顏色和在線稿的layer上面開一個新layer,點上白色的高光。(抱歉我忘了截圖了…)

2.6 儲存

最後是用截剪工具把不要的地方截去



完成後用file>save for web,可以預覽儲存成jpg的樣子,也可以設定大小(圈著的部分)和圖的品質。


一般而言我都縮成25%左右,雖然畫的時候很多難看的地方和細節沒處理好,但因為縮小後就不覺了!真是偉大的偷工減料方法!(滅)


那麼這次的教學就寫到這裡。
說了很多可是好像還是什麼都沒說....真是對不起
關於光陰位置、用色如何拿捏等藝術性(?)的問題,個人超推薦看逗貓棒網站的教學
http://yamyoukan.net/wordpress/?cat=22
(因為怕大家找不到所以直接貼了連結,這其實是一個內容相當豐富的網站,有興趣的人可以慢慢瀏覽看看喔)
vofan大大的教學實在令人獲益良多呢


===========閒聊(?)================
沒想到這篇簡陋的東西居然準備了三天...囧
晚上連上來這裡有點困難的說OTZ
第一次寫教學,不太能拿捏詳細程度,大家有問題歡迎發問!

接下來先作個預告,因為放假的關係接下來幾天不能定期上來了,回來後便會開始辦祭典,希望大家多多支持>0<
第一次的主題大概會是「眼鏡」吧?雖然也很想以陽光與夏天作為題材,不過這幾天實在有夠冷的...萌不起來。(祭典,就是要熱血!萌!燃啊!)也許「雪糕與美人(不限男女)」也不錯?也是歡迎大家給意見XD
...謝謝看到最後的人m(v_v)m(真的會有這樣的人嗎?)

[ 本帖最后由 srcat 于 2008-7-12 23:07 编辑 ]
本帖最近评分记录
  • 倒转的时钟 论坛币 +5 好实用的教程~ 2008-7-26 10:52
  • srcat 论坛币 +20 来补分的&gt;_ 2008-7-12 23:07
  • srcat 发帖积分 +5 来补分的&gt;_ 2008-7-12 23:07

TOP

LZ大人写成这样已经够详细的了,还是图文并茂的,真是辛苦了
对于不会用PS的人很合适的。支持~

TOP

超·初心者(你们说是小白我也不反对OTZ)来报道
话说PS对我来说真的很苦手 PT也一样 一直摆弄OC的人= =
既然有教程就去实验下PS咯 辛苦啦
广告:彰彰(石田彰)后援同好会,点击加入
←★BLOG 点击进入★
受战终于翻身做攻了>0<~!

TOP

好厉害哦。。。 只是有些地方看不太懂。如果不是使用英文版的大概会有点乱吧
不过我也没法用吧,和pen tool 无缘,永远也学不会。。。
普江 → http://www.jjwxc.net/oneauthor.php?authorid=280270 ←更新較快
鮮網 → http://www.myfreshnet.com/BIG5/literature/indextext.asp?free=100166534

TOP

本來就覺得自己用 PS 都用了7 年有多,怎樣都應該懂一點。

就是電腦上色不能 (其實是畫畫不能),現在可以跟著這個試試看~~

謝謝樓主了,希望在不久的將來可以有我的大作呢 (笑)

TOP

非常亲切的教程~
即使PS上色小白如我者也能明白3分[喂喂,才3分?]
同时更加感谢LZ教会我伟大的偷工减料法[被抽飞]
ふたこ

TOP



我是小白不会~~看了还是不会~
不想去试....肯定会半途而废的
T T
本帖最近评分记录
  • yamada 论坛币 -2 灌水 2007-4-6 12:41

TOP

原來PS的功能還有這麼多阿
這真的受益匪淺

不過是英文版,不太了解對應的位置在何處。
(庵是用中文版的)
每天都好忙,公司快給我特休(不然我要罷工!)

Wu 若 爆走 。
請 不要 阻止 Wu 。

TOP

HOHO~~~某叶今天可是受益匪浅啊!
LZ大大真的是相当厉害的~~~佩服啊~~~
我只会拿PS,PP图而已……相差太远……


伊妮莉,《大劍》中我的最愛,最後應該是挂了……難過……

我的聖騎士劍啊,怎麽可以升爆掉啊……我的錢啊……我的RP啊……囧TL

TOP

PS上色啊.....
最近才有点明白要如何用PS上色~~(注意,只是会泼颜色到画纸上而已.... )
但是....本人的技术实在很不到家....
亲的教程相信能给我很大的启迪~~我会努力再去尝试的!(因为苦手,放弃很多次了... )
图文并茂真是好物啊~~
要是中文版PS就更好了.....(英语小白...囧)
『ハートの国のアリス』す~~っごい面白かった!キャラ全員かわいいなぁ~~Quin Rose>ω<

【下載】アラビアンズ·ロスト~the engagement on desert~特典>ω<
【下載】チャームポイントは泣きボクロ+不条理(限定盤)
个人原因要断网段日子....故游戏补档延后....囧rz

TOP

 47 12345
发新话题