>>Clowx玖珞のPhotoshop 教學<08/07/2009更新

~clowX~

不可转载
教学列表:
I.如何在photoshop下墨(pen tool 使用法)     >>    #3楼
II.如何在photoshop 放网点             >>     #3楼
III.如何在photoshop 为线稿上色    >>     #10楼
IV.如何在photoshop  CG                >>     #23楼
V.如何在photoshop 制作笔刷        >>     #24楼
VI. Photoshop CG示范                    >>       #35楼
VII. PS scan+清理图片                         >>    第三页。


-------
Photoshop道具基本讲解。为初学者补上的。

---------







---------
24/12/2008 更新:
突然发现到我这个帖子过于零乱了...为了方便客官们阅读,我决定重新编排过帖子,以一楼一个教学为准吧！
(而且图也太多鸟>< )

[ 本帖最后由 ~clowX~ 于 8-7-2009 05:36 PM 编辑 ]

deckson

step4  第四 那个
拉好了之后
那个 anchor point 要怎样弄去brush 的线条？？

~clowX~

原帖由 deckson 于 18-9-2007 03:20 PM 发表
step4  第四 那个
拉好了之后
那个 anchor point 要怎样弄去brush 的线条？？

嗯，不大明白你的问题呢。。。
如果你是指怎样加anchor point一直弄到那条pen tool的线变成和原稿的线一致的话就重复 STEP4的 步骤二 和 三 丫！

如果是指怎样画黑线出来的话就先在tool box 内foreground color 选取区选黑色的颜色,然后把 brush size 调成 3 pixel（在此之前请在tool box选取Brush)。再来在tool box 选回 pen tool...然后在跟着过后步骤就行了^^

之后如果你不需要用到用pen tool 画出来的路径（path)时，你就直接“右键>delete path”或 直接按enter就行了。（还是用着pen tool的时候）

--------------------


借位：
I. 如何在photoshop下墨
以下的教学是用photoshop CS3示范的,所以它的视窗是与photoshop之前的系列有着少许的差别,但功能乃大同小异啦...总之是version 7.0 以上的就都OK



------------------------------------------------------------------------------------------------------
以下漫画角色取自杉崎由崎流的漫画作品-- D.N.Angel
------------------------------------------------------------------------------------------------------


STEP 01. (这是草图,汗)

由于偶是直接在电脑中画草稿,所以scan图的步骤就省下了(笑).
加上此教学是当作各位看官们对photoshop已有一定的认识了,所以偶不会特意说明一些过于简单的步骤啦,哈哈…


STEP 02. 好…开始…

我将会在新的图层画线稿.所以首先呢开一个新的图层(layer)>>右边第二个icon点选原本的图层(layer 1), 调整图层的透明度(Opacity)>>差不多20~30%


STEP 03.

调整完毕后,请点选图层2(layer 2). 然后在工具箱(tool box)内选取pen tool. (如图所式)


STEP 04.

然后请把pen tool设定成以上酱.^^(看得清楚吗?图片太懵了ORZ)


STEP 05. 现在呢,我们即将在图上描绘线稿咯~

一、先在图上用pen tool点两个点


二、把滑鼠移到线中间一直到cursor出现“＋”的符号为止以便在两点之间加多一个点(anchor point)


三、接下来，在键盘上边按着“Ctrl”不放, 然后用滑鼠指着中间的那个点，再把它拉成所需的弧度^^
>> 简单的来说就是“点。点拉”啦～[


四、再来就只重复“点。点拉”的动作(步骤二+步骤三),把线条拉成你要的弧度为止。


STEP 06.

在工具箱内选“brush”,在图中任何位置右键。在brush的视窗内选3px的brush。


STEP 07.

在工具箱内的foreground color选黑色…


STEP 08.

再次在工具箱选取pen tool（快捷键："P"),然后在画稿中任何一个位置右键，选“Stroke Path…”


STEP 09.

一个新的视窗将会跑出来。如图式，选Brush.


STEP 10.

嗯...Stimulate Pressure是啥咪东西呢?基本上它的意思是把线条作出有粗细的感觉啦^^
好了之后就 右键>选择delete path 呗~^^不然更直接的方法是在键盘上按 Enter。这样的话，路径(path)就会不见啦~


STEP 11.

Pen tool的另一个用法。
由于人物的眼部线条过粗的关系，所以单靠stroke path会很难作出理想的效果，因此偶建议使用“Fill path”。
先用把pen tool拉成想要的弧度，然后右键>Fill path>在contents那选“Black”.再来OK就行了。


STEP 12. 完成品

Pen tool的基本要点是必须一条接一条地慢慢描绘，切勿操之过急一笔就想把所有线条一起画完哦^^

--------part I 完。--------

II. 如何在photoshop 放网点.

STEP 01.

嗯...其实在photoshop内放网点的方法有很多,以下教的只是当中的其中几种啦^^
现在要教的是如何制作一张网点纸~酱子你就会有免费且用之不尽的电子网点纸啦!哇咔咔!!!
咳,OK,一开始请开一个新的file.(如图式) Resolution放成和你平时画稿时用的resolution一样呗~ Color Mode请选择“Grayscale”...(我忘了换)


STEP 02.

(1)在foreground color那调成和图式一样的颜色。K值大概介于10至25％之间。（首先请先选白色,然后才更改K值XD）


(2)调好后再选用Paint Bucket Tool,再把颜色“倒”进STEP 1开的new file内...


STEP 03.

选 Image > Mode > Bitmap . 如上图的视窗就会出来。Output保留和Input一样的数值。Method则选用 Halftone Screen。选择OK

另一个新的视窗会出现。Angle和Shape放成和图一样的设定。Frequency则放15至35之间。数值越大，网点就会越细，及反之...


STEP 04.

Tada~~完成。在把它save起来之前就请把图转换回grayscale模式^^ Image > Mode > Grayscale。
接下来，到 Edit > Define Pattern… > 然后随便帮它放个名呗（反正不怎么重要）
顺带一提的是，除了用paint bucket把颜色到进图之外(Step 2)，你也可以用gradient tool等其他的工具来加以变化哦^^


STEP 05.

开启你的图图。嗯，我就为photoshop的初学者稍微讲解一下Layer的功能呗^^
------------------------
(A)在Layer 1 上双击就可以改变图层的名称。
(B)增加新的图层(Layer)。
(C)删除图层
(D)图层的模式。在这里我把图层的模式设成normal,因为本来都是透明的哇哈哈!!至于如果是用scanner扫图进电脑的朋友的话就把模式放成Multiply吧^^

p/s: 新增的图层可以自由的就的图层之间移上或移下哦！通常我的排法是原本的线稿图层放在最上面、用来放网点的layer中间、Background图层最下面
------------------------


STEP 06.

选择Pattern Stamp Tool。

pattern那边（如图）选之前已做好的pattern。然后在画稿添加新的图层，接下来就在图图上自由地放网点呗～～哇哈哈～～


STEP 07.

至于没有画板(Tablet)或着滑鼠不怎么灵活的朋友么，当然还有别的方法来填网点啦XD
这里呢，我们需要用回之前Part I 的pen tool教学啦^^
先用pen tool “点。点拉”成你想要填网点的范围。然后 右键>Fill Path ,就会出现以上的视窗，在Contents选择Use Pattern(如图式)。在Custom Pattern选你要用的网点咯…



完成图!! =v=


STEP 08.

好呗好呗，我还是顺便写下放网点的第三种方法呗。
首先用Magic Wand点选你要放网点的位置,然后选paint bucket。
OK，再来如图式地选以上的东西。最后用paint bucket来 fill就OK啦！


最终完成图！加油哦^^


[ 本帖最后由 clowx 于 2008-9-13 18:39 编辑 ]



-------part II 完！！----

[ 本帖最后由 ~clowX~ 于 24-12-2008 08:33 PM 编辑 ]

deckson

解决了
期待继续。。  

deckson

有个问题想问
当我们画好线条后
要上色
那么要怎样将那些线条连接起来
然后上色？？

~clowX~

原帖由 deckson 于 19-9-2007 04:50 PM 发表
那么要怎样将那些线条连接起来
然后上色？？

嗯？ 把线条连接？？Pen tool 的用法是一条接一条的描绘线稿啊！Stroke好一条线之后就delete掉path,然后又再重新放新的anchor point在别的地方,然后再stroke,接下来就只是一直重复酱的步骤丫！！

Part I的教学已经稍微编辑一些地方^^

ch_heah

哇 。。。~clowX~ 友精心炮制的photoshop教学 ,赞一个   

photoshop，在学校里才刚刚学 。。。很多功能至今还在摸索阶段 ，这里的教学让我大开眼界 ，也让我学了不少。。。

另外，有个建议 ；~clowX~友不妨以跟贴的方式来发表不同的教学，然后在一楼注明那楼那楼是什么什么教学 ；这样就不会挤爆一楼了

期待你下一篇教学

~clowX~

原帖由 ch_heah 于 21-9-2007 02:19 PM 发表
哇 。。。~clowX~ 友精心炮制的photoshop教学 ,赞一个   

photoshop，在学校里才刚刚学 。。。很多功能至今还在摸索阶段 ，这里的教学让我大开眼界 ，也让我学了不少。。。

另外，有个建议 ； ...

谢谢

呵，对丫，现在一楼就快挤暴了，汗。。。 下一个CG的教学就以跟贴发表的方式吧 Orz...（但可能要等到下个月材完成汗。。。）

熙の琰狐枫

要上墨…
也不容易呃…
有"排"学…

~clowX~

Photohop教学之三：如何CG

让大家久等了，如何在photoshop CG（电脑上色）教学课程终于正式开罗噜～XD 教不好请见谅啊啊啊～～～><



STEP01:
扫描好图图之后，记得先把图档的模式(mode)转换成RGB mode^^
Image>Mode>RGB Color



STEP02:

由于scan好后的线稿的layer是locked着的，因此我们需把线稿变成另一个unlocked的图层(layer)
How to Unlocked/如何解锁>> 在Background的layer上双键(Double-click),然后随便帮它取个名，OK。

之后，开个新的图层 (create new layer)

photoshop内所有的图层皆可以自由地在各个图层之间移上或一下滴。
在正常模式之下，最上面的图层将会遮盖掉在它下面的图层，及反之… 也既是说最下面的图层将会被排在它上面的图层掩盖掉。
那么请把新开的layer拖到线稿layer的下面，然后在“Layer 1”的字面上双键就可以改变图层的名字^^，在这里请把他取名为Background吧!


STEP03:

再开个另一个新的图层，然后把他拉到线稿和背景的图层之间。clowx习惯把layer排列成如图中酱的排法啦哈哈…
线稿=最上面
背景=最下面
过后用来上色用的图层都放在线稿及背景的图层之间。

当然噜，请务必把线稿的图层换成 Multiply 模式
现点选线稿的图层(layer将变成蓝色) >> 在 layer mode 的那一栏选 Multiply… (原本是 Normal )




step04:

clowx的个人习惯，在正式CG之前现把整体色彩的颜色分配好…XD


好啦，开始CG噜！
工具箱内选取Magic Wand,把所有属于肌肤的面积选起来。在此之前请确保线稿没有断线的地方哦
然后，去到 Select>Modify>Expand ,在Expand Selection一栏内把它变成1 px. 酱子的话刚刚选取的地方将会稍微扩充了一些…
接下来，请记得点选用来上色用的layer以确保你确实是在上那layer上CG哦～～之后在foreground colort调个肌肤用的颜色，用paint bucket把颜色倒入图稿中…
好了之后就在工具箱内选取Magic Wand， 然后在图上任何一个地方右键 > Deselect 就可以了…


STEP05:


在已上好肌肤颜色上加上阴影。
在肌肤的layer上点选“保留透明度”(Lock Transparency) 的icon。（如图）看到以上的两者的分别吗？
酱子的话过后填上的阴影将不会跑出肌肤的色块噜^^

step06:

至于没有画板的朋友嘛，当然还有别的方法来上色啦...><
首先用路径工具(pen tool)拉出欲填色的地方,然后右键 >Fill path...…（至于如何使用pen tool，请参阅上一个教学吧^^;）


在Content 用foreground color，以及rendering 那一栏填写Feather Radius的数值。数值越大那么色块就显得越柔，及反之…
OK了之后，就右键> Delete path


完
结束到有点突然的感觉ＸＤ
其实电脑上色的方法依照各人的习惯而有些分别啦，以上的这些只不过是依据我平常ＣＧ的习惯啦。。。那么还请大家再自个儿再慢慢研究练习吧。。。汗。。。

mokmok07

超讨厌用CS的pen tool 托我很多时间，还是tablet好
较学不错哦，我喜欢

阿螢

很高興在這裡見到你啊,很不厚道的現在才過來看到帖子orz

Clowx 出教學呢,支持支持XD

我一直很好奇clowx的線條怎麼畫得那麼順而且利落的.原來是pentool. 增廣見聞了XD

~clowX~

原帖由 mokmok07 于 25-10-2007 03:06 PM 发表
超讨厌用CS的pen tool 托我很多时间，还是tablet好
较学不错哦，我喜欢

啊哈哈，因为我的画板真的是超级细小的缘故，不得已之下只好使用pen tool来下墨咯…XD
还有，谢谢你哦～

原帖由 阿螢 于 30-10-2007 02:48 AM 发表
很高興在這裡見到你啊,很不厚道的現在才過來看到帖子orz

Clowx 出教學呢,支持支持XD

我一直很好奇clowx的線條怎麼畫得那麼順而且利落的.原來是pentool. 增廣見聞了XD

HOTARU！！！很高兴能在这见到你哦，之前真的没发现到你呵…XDXD
这…其实很多时候我是用传统的方法来上墨的啦…artline pen 啦…XD

阿螢

*抱*

呵呵, 其實我潛水了好久,浮上來不久又潛回去了,是個非常沒毅力的懶人 XDlll

clowx個人會比較習慣用電腦上線還是artline呢?  有沒有遇到一種情況就是 手繪上墨和電腦上墨出來的效果差別很大? 我滿好奇的說.

~clowX~

原帖由 阿螢 于 8-11-2007 06:59 PM 发表
*抱*

呵呵, 其實我潛水了好久,浮上來不久又潛回去了,是個非常沒毅力的懶人 XDlll

clowx個人會比較習慣用電腦上線還是artline呢?  有沒有遇到一種情況就是 手繪上墨和電腦上墨出來的效果差別很大? 我滿好奇 ...

*回抱一个*

呵，这个嘛，其实我手绘与电脑上墨的效果奇大…简直对外人来说根本就象是两个不同的人的作品…汗…
我当然比较习惯用artline上线啊…哈哈…

mokmok07

tablet细小 Wacom Graphire A6 saiz的？
不会啊，我以前都用来画画了

阿螢

原來clowx也是這樣 XDlll
相信很多人都有面對這樣的問題..
不過想到用不同的媒體作出不同效果的風格出來﹐也不錯的說XD

artline﹐我的artline上墨很水皮﹐老改不掉控制不了抖抖線條的毛病。(結果靠電腦繪圖來掩飾﹐歐飛)
找天真的要請clowx指點了

~clowX~

呃…汗…
我的是4×5inch 而已的说…XD

~clowX~

原帖由 阿螢 于 10-11-2007 03:56 AM 发表
原來clowx也是這樣 XDlll
相信很多人都有面對這樣的問題..
不過想到用不同的媒體作出不同效果的風格出來﹐也不錯的說XD

artline﹐我的artline上墨很水皮﹐老改不掉控制不了抖抖線條的毛病。(結果靠電腦繪 ...

也…对啦…绘制出多种风格的感觉也蛮不错的说
呃，找我请教artline啊，小的不敢当啦…XD

44552233

原帖由 ~clowX~ 于 10-11-2007 11:29 AM 发表
呃…汗…
我的是4×5inch 而已的说…XD

4×5inch,
应该就是A6 size 的了！！！