創作內容

91 GP

[達人專欄] Photoshop 入門 ── 鼠繪(筆型工具篇)

作者:雲哉啾啾│2018-04-12 12:20:39│贊助:1,180│人氣:2349

各位好 ,這邊是雲雞,是一個繪圖達人喔(?)
總覺得鼠繪在友達圈裡滿重要的,所以寫一次鼠繪的教學吧。
這裡使用鼠繪目的是把手繪做成電繪,至於流程上只要結果是好的,過程怎樣做都可以。
鼠繪因為是用滑鼠,所以要細膩操控筆刷是極困難的事,除非你有自虐傾向想廢了自己的手,不然不建議滑鼠直接用筆刷畫。【虐手實例──月下貓】
這邊簡單介紹一下使用的工具。



鼠繪上主要是使用 Photoshop 裡的筆型工具(鋼筆工具),以這為基礎來做各式各樣的動作。
筆型工具會做出『路徑』這玩意,在 illustrator 中稱作『貝茲曲線』, 以下用路徑來稱呼它。
路徑是『動作的路線』、『框選的範圍』這兩種用途,首先以動作路線來介紹。



【路徑模式──動作的路線】




● 準備工作:左上先選到路徑,在 CS5之前的版本是三個方塊,回家才能用CS3截圖。
● 環境:一般圖層。




在畫布上點下一點後,會產生一個『錨點』,這玩意是控制點,用久了就知道怎麼玩它。
接下來在另一處『點住』→『拖曳一段很小的距離』,憑感覺去調整曲線。
這兩個步驟是路徑製作的基礎。

※ 其中控制方式還有:
CTRL 選擇錨點,按住 CTRL 再點錨點就能選擇,不按任何鍵去點錨點會刪除。
(按住CTRL還可以拖曳錨點。)
ALT 剪斷桿子,用在做角度、尖端。
ESC 取消選取,主要用在增加新的路徑。
Enter 刪掉全部路徑,Del 的終極版,也是常常按錯的鍵。


會製作路徑後,接著就是配合別的工具來使用。

   

在畫布上有『路徑被選擇』的情況下,沒有的話可以用『路徑選取工具』去點路徑,讓其被選取。
接著直接點別的工具,常用是『筆刷』,確定好筆刷款式、大小跟不透明度後,點一下 Enter,筆刷就會沿著路徑畫過去。





※ 這邊有幾個重點:
● 要讓筆刷有筆壓感的話,用『筆型工具』在畫布上右鍵,選『筆劃路徑』,勾選『模擬壓力』






● 筆刷的內容可以從 F5鍵的筆刷視窗去調整。
調整完後,搭配客製後的筆刷,可以畫出蕾絲邊、鍊子、鐵鍊、辮子等特殊的線。







筆刷部分很複雜,會另外做教學,或是自行上網查~
另外比較常用的工具搭配,多數是橡皮擦(E)、塗抹工具(R)。



【框選模式──框選的範圍】

這邊就要講到圖層的分類了,主要分為『一般圖層』跟『向量圖層』



一般圖層:最基本的圖層,點陣圖專用,也就是熟知常見的畫作結構。
向量圖層:用『路徑』來上色的圖層,路徑專用,整個圖層限定一種顏色,特色是可以放大不失真,而且路徑可以複製到一般圖層使用。

※ 這邊說明一點,就是路徑在 PS 關掉時會消失,而且有路徑的情況下變形工具會先選路徑,在一些動作上會很卡,所以需要儲存的時候,就要使用向量圖層跟工作路徑。
個人習慣用向量圖層記錄路徑,因為經常忘了工作路徑裡有東西……






★ 首先介紹一下『一般圖層』下的路徑框選功能

先用路徑框起一個範圍。
接著有兩個做法:

1. 右鍵,選擇製作選取範圍,這個是比較詳細的動作。



2. 直接用快捷『Ctrl+Enter』來轉換成選取範圍,缺點是不會留路徑。




這方法有幾種用途:
1. 清除:點 Del 把範圍內刪光光,用在修線居多。
2. 填滿:用筆刷塗滿,填滿工具填滿,快捷『Alt+Del、Ctrl+Del』填滿前景色 / 背景色。
3. 用移動工具(V)移動圖、剪下貼上。
4. 想在同個圖層上作業又不想用裁切遮色片時,通常是修細節用。


★最後是『向量圖層』的路徑。

因為他只有一個顏色,所以可以做為統一上色用的圖層,例如影子、修改區塊等等,一般用在上賽璐璐風的底色會很方便修改。
向量圖層必需搭配『圖層樣式』來使用,會很複雜,所以會另外開一個教學,或自行學習。



流程上,先在『筆型工具』的左上,選擇形狀,同樣的在CS5之前的版本是三個方塊。




選擇後,在畫布上點一點,就會發現圖層被改變為『形狀』,而且縮圖上有個小方塊,那就是『向量圖層』
向量圖層在縮圖上點兩下,就會進入修改顏色的調色盤。




用向量圖層來上底色的優點:
● 換顏色就只要把路徑搬去別的顏色上就行了。
● 修改顏色方便。
● 需要淡化可以用遮色片,遮色片功能有點小複雜,也之後再說吧。
● 放大不失真這點在色塊型的簡約風很吃香。
● 拿來上陰影會很好統一畫面,影子的色調也不用重新吸色,不過建議是用遮色片方式來畫,因為影子的路徑太大量了會 Lag。

缺點:
● 不自由,很容易覺得很卡。
● 要用濾鏡的話要轉成智慧型圖層,會讓原檔的檔案大小變大。
● 路徑很吃效能,我曾經畫 660x500 的地圖,路徑太多以至於非常卡。



【後記】
用路徑上色是很精準的,在很多去背的工作都要用路徑,所以適合做龜毛型工作。
以下是這篇教學的應用。



這類長條的線條,用路徑的話可以很順的畫完,要曲要直都可以一筆完成,而且保留路徑的話還可以調整筆刷粗細,只是大都畫完還是要小修一番,讓線條看起來更活潑。
※ 另外一提,錨點愈少,線條就愈順,盡量減少錨點會是一大功課。




修改方面,只要圖層規劃的夠好,就算上了光影也能快速修改顏色,不需要用色階、色相。

不過路徑要用在厚塗上,就要下更多的功夫,
以繪圖這個領域來說,路徑是一個工具,不是一個技巧,用久了只是速度變快,並不會讓畫作更優更美,所以基本功還是要用筆來練,沒有繪圖板就用路徑來畫吧。

教學就到這了,謝謝各位~
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=3952984
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:云哉雞

留言共 29 篇留言

吉米謝
酷耶.學到筆刷技能+1

04-12 12:27

雲哉啾啾
https://i.imgur.com/36e228l.jpg
咦---- 筆刷才講一點點 XD04-12 13:11
萱弟

總之!
先收藏再說xd

04-12 12:28

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
謝謝~04-12 13:11
泫夜
倉鼠足跡:超實用!消化稍微困難!咱是用SAI!QwQ
過陣子得來研究一番了~~((滾滾
是說貝茲曲線咱從國小之後就沒用過了ww

04-12 12:34

雲哉啾啾
https://i.imgur.com/5tCBfLv.jpg
繼續努力鼠繪 sai呀~04-12 13:11
花花(*´▽`*)✿
覺得很詳細 ////

04-12 12:37

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
是嗎? 謝謝~04-12 13:10
大漠蒼鼠
雲雞讚!

04-12 12:44

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
有幫助就好04-12 13:10
月輪
路徑圖層不改名會消失喔(以前)

04-12 13:00

雲哉啾啾
https://i.imgur.com/36e228l.jpg
放心現在沒這問題~ CS1我也沒有用路徑圖層04-12 13:10
夏陌
總覺得我又更了解PS了XD

04-12 13:20

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
是嗎?嘿嘿~04-12 13:25
❀Hana是學姊❀
消化中....

04-12 13:25

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
慢慢來~ 有不懂的我再進一步解釋04-12 13:51
死者書生
雖然有想要學鼠繪過,但不管哪種繪都繪不出小生想要的感覺,最後就作罷了

04-12 13:40

雲哉啾啾
https://i.imgur.com/36e228l.jpg
感覺真的要多方嘗試~ 04-12 13:58
森森子
發達了發達了

04-12 13:53

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
恩??????04-12 13:59
羅纓
實用推,收藏收藏~

04-12 14:05

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
謝謝~~~還在慢慢修成完善點中 04-12 14:08
玄鏡
太佛心了 還希望更多

04-12 15:23

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
好~會寫下去04-12 15:26
剛起床的 夏 泉
這個教學太用心了 非常感謝>v<

04-12 15:36

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
你的手繪好漂亮,下一篇就說手繪拆線稿好了04-12 15:39

我只想說...原來我自虐好幾年了...=w=a(我真的不是M啊...@@

04-12 16:54

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
你不是有繪圖板!!!04-12 17:10

沒啊...我一直是用滑鼠拉貝茲的...0.0?

04-12 17:21

雲哉啾啾
https://i.imgur.com/sPKCU83.jpg
那怎麼是自虐04-12 17:26

雲雞不是說...0.0
鼠繪因為是用滑鼠,所以要細膩操控筆刷是極困難的事,除非你有自虐傾向想廢了自己的手,不然不建議滑鼠直接用筆刷畫。

然後我都是手繪草稿.掃描.然後用滑鼠拉貝茲線弄出線稿再上色啊...0.0

04-12 17:33

雲哉啾啾
https://i.imgur.com/36e228l.jpg
所以你沒有做呀04-12 17:34

不太懂...是指草稿直接用滑鼠嗎...=w=?(那個我作不到...太神...@@

04-12 17:43

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
除非你有自虐傾向想廢了自己的手,不然不建議滑鼠直接用筆刷畫
↑↑↑
不用筆型工具,直接筆刷04-12 17:45

直接筆刷...誰作的到啊...=口=!!!

04-12 17:47

雲哉啾啾
https://i.imgur.com/sPKCU83.jpg
所以才說是自虐,不過我打臉自己的文幹嘛 XDDDD04-12 17:52
白夜星貓✡遥月
直接筆刷畫到想撞牆的有救了喵(=゚ω゚)ノ
感恩雲雞,讚嘆雲雞
直接筆刷的本貓細節都懶的修(
https://m.imgur.com/Wxbwxbf

04-12 18:40

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
奶很大!!! 棒04-12 19:14
白煌羽
辛苦了

04-12 21:48

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
辛苦了04-12 22:26
芯玥兒
收藏之後再來研究

04-12 22:11

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
歡迎~有問題就提出來04-12 22:26
星花
介紹超詳細~
讀完後
電腦癡星花都快變成達人了!!(沒XD
大推ヽ(*≧ω≦)ノ

04-12 22:22

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
有沒有這麼神呀!!!!04-12 22:26
gyara-ω
大大請問有方法可以先手繪,然後直接去線稿嗎?

04-12 22:25

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
下一篇就會講這個~04-12 22:26
gyara-ω
好的 謝謝大大~~

04-12 22:27

夜行貓
沒有小茶包

04-12 22:32

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
畢竟主題不是小茶包嘛 04-12 22:34
黑桐幹也♡兩儀式
那乳吼抖

04-12 23:09

雲哉啾啾
https://i.imgur.com/NbyaaKB.jpg
無法正視『原來乳此』的日文了04-13 01:17
奧德
雲雞真的好厲害啊XDD

04-13 01:13

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
是嗎是嗎~~04-13 01:17
艾絲伊庫姆沃芙
好詳細的教學[e30]

04-14 17:58

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
能讓人會用是最理想的~04-14 21:17
黎黎貓
這篇好實用,來收藏個///

05-11 00:51

雲哉啾啾
https://i.imgur.com/7cvmQGq.jpg
有幫到妳就好~~~~ 歡迎歡迎05-12 20:56
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:【日記】退步的眼睛... 後一篇:[達人專欄] 黑暗...

追蹤私訊

作品資料夾

aaa1357932大家
各位有空可以來我家看看畫作或聽聽冷門音樂~有將近六千首!看更多我要大聲說昨天15:39


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

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