當前位置:製作窩 >

創意設計 >設計教程 >

認識Photoshop筆刷(圖文詳解)

認識Photoshop筆刷(圖文詳解)

筆刷是Photoshop軟體中最重要的元件,認識和了解它無疑是學習Photoshop軟體的基礎,同時Photoshop筆刷人性化的筆刷編輯功能,無疑也能滿足使用者的需求。除了直徑和硬度的設定外,Photoshop針對筆刷還提供了非常詳細的設定,這使得筆刷變得豐富多彩,而不再只是我們前面所看到的簡單效果。快捷鍵〖F5〗即可調出畫筆調板,注意這個畫筆調板與畫筆工具並沒有依存關係,這是筆刷的詳細設定調板。其實應該命名為筆刷調板更為合適。下面我們詳細介紹筆刷調板。

點選畫筆調板左側的"畫筆筆尖形狀",如果下面各選項(如形狀動態)如果有打勾的,先全部去掉。然後在筆刷預設列表中選擇9畫素的筆刷。如下圖。從中我們看到了熟悉的直徑和硬度,它們的作用和前面我們接觸過的一樣,是對大小和邊緣羽化程度的控制。

最下方的一條波浪線是筆刷效果的預覽,相當於在影象中畫一筆的效果。每當我們更改了設定以後,這個預覽圖也會改變。

認識Photoshop筆刷(圖文詳解)

現在看一下硬度下方的間距選項,現在的數值是25%,這是什麼意思呢?

實際上我們前面所使用筆刷,可以看作是由許多圓點排列而成的。如果我們把間距設為100%,就可以看到頭尾相接依次排列的各個圓點,如下左圖。如果設為 200%,就會看到圓點之間有明顯的間隙,其間隙正好足夠再放一個圓點。如下右圖。由此可以看出,那個間距實際就是每兩個圓點的圓心距離,間距越大圓點之間的距離也越大。

認識Photoshop筆刷(圖文詳解) 第2張

那為什麼我們在前面畫直線的時候沒有感覺出是由圓點組成的呢?

那是因為間距的取值是百分比,而百分比的參照物就是筆刷的直徑。當直徑本身很小的時候,這個百分比計算出來的圓點間距也小,因此不明顯。而當直徑很大的時候,這個百分比計算出來的間距也大,圓點的效果就明顯了。

我們可以作一個對比試驗,保持25%的間距,分別將直徑設為9畫素和90畫素,然後在影象中各畫一條直線,再比較一下它們的邊緣。如下左圖。可以看到第一條直線邊緣平滑,而第二條直線邊緣很明顯地出現了弧線,這些弧線就是許多的圓點外緣組成的,如下圖。

認識Photoshop筆刷(圖文詳解) 第3張

認識Photoshop筆刷(圖文詳解) 第4張

因為如此,所以使用較大的筆刷的時候要適當降低間距。

但間距的距離最小為1%,而筆刷的直徑最大可以為2500畫素。那麼當筆刷直徑為2500畫素時,圓點的間距最小也達到25畫素,看起來是很明顯的。如果遇到這樣的情況,乾脆就畫一個大的長方形來代替也好。

需要注意的是,如果關閉間距選項,那麼圓點分佈的距離就以滑鼠拖動的快慢為準,慢的地方圓點較密集,快的地方則較稀疏。

之前我們使用的筆刷都是一個正圓形,現在多了一個圓度的控制,我們就可以把筆刷形狀設為橢圓了。圓度也是一個百分比,代表橢圓長短直徑的比例。100%時是正圓,0%時橢圓外形最扁平。角度就是橢圓的傾斜角,當圓度為100%時角度就沒意義了,因為正圓無論怎麼傾斜樣子都一樣。

除了可以輸入數值改變以外,也可以在示意圖中拉動兩個控制點(紅色箭頭處)來改變圓度,在示意圖中任意點選並拖動即可改變角度。

認識Photoshop筆刷(圖文詳解) 第5張

使用翻轉X與翻轉Y後,雖然設定中角度和圓度未變,但在實際繪製中會改變筆刷的形狀。如下左圖,橫方向是翻轉X的效果,豎方向是翻轉Y的效果。

看起來似乎兩種翻轉效果是一樣的,都是旋轉了一定的角度,其實不是。翻轉和旋轉是兩個截然不同的概念。如下右圖,仔細觀察一下橢圓邊緣紅色綠色藍色三個點在翻轉之後的位置,就會明白這並不是旋轉所能夠做到的。翻轉又稱為映象。把上圖左上角的橢圓畫在紙上,然後拿一面鏡子,分別放在圖中兩條細線的位置,從鏡子中就看到的情景就是映象。大家可以自己動手做做,看看那映象是不是上圖的效果。

認識Photoshop筆刷(圖文詳解) 第6張

認識Photoshop筆刷(圖文詳解) 第7張

前面我們說過筆刷間距的問題,這個間距在橢圓下有些特殊。我們設定一個直徑20畫素,角度15,圓度50%,間距200%的筆刷,按住SHIFT鍵繪製一個類似下左圖的效果。看到兩條直線筆刷的距離不一樣,這是為什麼呢?

因為橢圓有兩條標準作圖半徑(直徑),一條最長一條最短,稱為長半徑(直徑)和短半徑(直徑)。作為筆刷間距的是前後兩個圓點的圓心距離,而這個距離正是以短半徑(直徑)作為標準的。注意我們設定的間距為200%,如果橢圓的長直徑為10畫素,短直徑為5畫素,筆刷圓點的圓心距離就是5x200%=10畫素。此時如果沿著橢圓的長直徑方向繪製,將會看到原點頭尾相接,因為圓點之間10畫素的圓心距離和本身10畫素的長直徑相等。而只有沿著短直徑方向繪製,才會真正看到200%的間距效果。如下中圖,預覽圖中的兩條直線就是橢圓的長直徑和短直徑,而左圖就是大體沿著這兩條直線的方向繪製的。

如果把圓度設定得大一些,比如60%,這個時候用200%的間距就無論如何不可能畫出相接或重疊的圓點了。如下右圖。

認識Photoshop筆刷(圖文詳解) 第8張

如果要在長半徑方向上頭尾相接,那麼圓度乘以間距必須等於1。大於1就相離,小於1筆刷圓點就會有重疊部分。

因此當筆刷為橢圓的時候,繪製的實際間距可能會小於所設定的間距大小。當筆刷為正圓時,由於長短直徑相等,則不會有這種情況出現。而要保證筆刷間距在任何方向上都相等,必須為正圓筆刷。

除了正圓與橢圓之外,我們在以後還會學習用任意形狀作為筆刷。

現在我們來看一下筆刷設定中的形狀動態是怎麼回事。先在筆尖形狀設定中把間距設為150%。然後點選"形狀動態"選項,將大小抖動設為100%,控制選擇關(沒有繪圖板裝置的情況下選擇鋼筆壓力也可),最小直徑、角度和圓度都選擇0%。如下左圖。會看到如下中圖的效果。所謂抖動就是隨機,所謂隨機就是無規律的意思。比如說一個隨機個位數,那麼這個數字可能是1可能是8可能是3,是完全沒有規律的。就如同你把手中的沙子灑落到地上,沙粒的落點就屬於隨機,隨機數是不可預測的。

那麼大小抖動就是大小隨機,表示筆刷的直徑大小是無規律變化著的。因此我們看到圓點有的大有的小,且沒有變化規律。如果你多次使用這個筆刷繪圖,那麼每次繪製出來的效果也不會完全相同。

在這裡我們把間距設為150%,是為了更好地看清楚筆刷圓點大小變化的效果,如果把間距設為標準的25%,那麼就是如下右圖的效果了。看起來有點像被磨損的印章邊緣。

認識Photoshop筆刷(圖文詳解) 第9張

認識Photoshop筆刷(圖文詳解) 第10張

認識Photoshop筆刷(圖文詳解) 第11張

大小抖動(隨機)的數值越大,抖動(隨機)的效果就越明顯。筆刷圓點間的大小反差就越大。這個百分比是筆刷直徑與1畫素之間數值差的比例。

大小抖動的最小直徑計算式為:筆刷直徑-(筆刷直徑×抖動百分比)。答案如果為0就加1,如果為小數就四捨五入。

如果筆刷的直徑是10畫素,大小抖動是100%的話,變化的範圍就是10~1畫素。如果大小抖動是50%,變化的範圍就是10~5畫素。

如果筆刷的直徑是12畫素,大小抖動為100%的時候變化的範圍是12~1畫素,50%的時候是12~6畫素。30%時候是12~8畫素。

上面的計算過程比較枯燥,大家可能短時間內難以思考通徹。這沒有關係。這裡只是演示一個推導過程和控制原理。在實際使用中很少需要這樣精確的計算,只要自己看著覺得合適就OK。

注意在大小抖動下方還有一個最小直徑的選項,它是用來控制在大小抖動中最小的圓點直徑的。如果大小抖動100%,最小直徑30%的話,繪製效果等同於單純大小抖動70%。如果兩者都為100%就等同於沒有大小抖動。可是,剛才已經通過公式知道了計算最小直徑的方法,也可以用大小抖動的數值來控制最小直徑。那為什麼又要有這個"畫蛇添足"的選項?

這個問題先放一下,我們來繪製三條直線。

第一條直線:把筆刷直徑設為10畫素,間距150%、圓度100%、大小抖動0%。控制關。

第二條直線:在第一條設定的基礎上,啟用大小抖動下面的"控制"選項,選擇"漸隱",後面的數字填20,最小直徑0%。如下左圖。

第三條直線:在第二條設定的基礎上,將最小直徑設為20%。如下中圖。三條直線的繪製效果如下右圖,從上至下排列。

認識Photoshop筆刷(圖文詳解) 第12張

這究竟是怎麼回事呢?首先明白什麼叫漸隱。

漸隱的意思是"逐漸地消隱",指的是從大到小,或從多到少的變化過程,是一種狀態的過渡。就如同喝杯子中的飲料一樣,喝的過程就相當於飲料的漸隱過程。

現在來看第一條直線,那樣的設定實際上使整個"形狀動態"選項形如虛設,因為沒有任何有效的控制設定。

而第二條直線打開了漸隱控制,意味著從10畫素的大小開始"逐漸地消隱",消隱到多少?到0畫素為止。所以我們看到筆刷圓點逐漸縮小直至完全消失。

那麼這個漸隱的長度如何控制?就是後面填的數值20,這個20代表步長,意味著經過20個筆刷圓點。大家可以去仔細數一下。

第三條直線打開了最小直徑的控制,10畫素的20%就是2畫素,此時漸隱選項不能完全消隱筆刷了,消隱的最小值是2畫素。步長仍然為20步,那麼從10畫素過渡到2畫素的過程是20個筆刷圓點,20個筆刷圓點之後保持2畫素的大小,這2畫素永不消隱。

你和戀人到麥當勞用餐,買了一罐飲料,那麼:

如果你對這罐飲料不感興趣,從頭到尾碰都沒碰過。那就像第一條直線那樣。

如果你對這罐飲料垂涎三尺,趁著她(他)上洗手間的時間飛快地喝完,只留下一個空杯子。那就像第二條直線。

如果她(他)在杯子上刻了一個記號,告知你當她(他)回來時飲料的水平面不能低於這個記號,說明你的戀人太瞭解你了,而你只好像第三條直線一樣,因為對方的遠見卓識而控制好你自己的底限。

你喝飲料的過程就是漸隱,你喝飲料的時間就是步長,在杯子上你戀人刻下的記號就是最小直徑。

大小的控制除了漸隱之外,還可以使用鋼筆壓力、鋼筆斜度、光筆輪、旋轉。這三個選項需要有另外的硬體裝置。如下左圖是使用鋼筆壓力繪製的效果。所謂鋼筆是一種輸入裝置,稱為數字化繪圖板。用一支電子筆在配套的底板上移動來代替滑鼠。如下右圖。

底板可以感應筆尖接觸的力度大小(通俗地說就是下手輕重的區別),高階的繪圖板還可以感應出電子筆的傾斜程度和筆尖旋轉角度。這些效果是普通滑鼠無法模擬的。光筆輪是指有些電子筆上附帶的拇指滾輪。如果沒有這種裝置這些控制選項是無效的。

注意這裡所說的鋼筆與我們以後教程中的向量繪圖工具鋼筆

認識Photoshop筆刷(圖文詳解) 第13張

是完全不同的。

認識Photoshop筆刷(圖文詳解) 第14張

至於"形狀動態"中其他的兩個控制選項"角度抖動"和"圓度抖動",顧名思義就是對扁橢圓形筆刷角度和圓度的控制。定義過程和相應關係與前面所說的大小抖動是一樣的,這裡就不再介紹詳細的定義過程,大家自己動手去試驗效果。為了讓效果更明顯,最好先更改一下前面所用的筆刷:角度90,圓度50%,間距 300%。如下左圖。

所謂角度抖動就是讓扁橢圓形筆刷在繪製過程中不規則地改變角度,這樣看起來筆刷會出現"歪歪扭扭"的樣子。如下中圖。

圓度抖動就是不規則地改變筆刷的圓度,這樣看起來筆刷就會有"胖瘦"之分。可以通過"最小圓度"選項來控制變化的範圍,道理和大小抖動中的最小直徑一樣。如下右圖。

認識Photoshop筆刷(圖文詳解) 第15張

注意,在筆刷本身的圓度設定是100%的時候,單獨使用角度抖動沒有效果。因為圓度100%就是正圓,正圓在任何角度看起來都一樣。但如果同時圓度抖動也開啟的話,由於圓度抖動讓筆刷有了各種扁橢圓形,因此角度抖動也就有效果了。

翻轉X與翻轉Y的抖動選項同筆刷定義中的翻轉意義相同。在正圓或橢圓筆刷下沒有多少實際意義,在其他形狀筆刷下才有效果。

到現在為止,我們使用的都是正圓或者橢圓的筆刷,比較枯燥,變來變去都是那幾個效果。現在我們來使用其他形狀的筆刷。

如下圖在畫筆筆尖形狀中選擇一個楓葉形狀(紅色箭頭處),這個筆刷的取樣大小是74畫素,如果手動更改了這個數值可以通過點選"使用取樣大小"按鈕來恢復。有關筆刷取樣將在以後介紹。現在將直徑改為45畫素大小並將間距設為120%。如下左圖。這樣設定是因為比較適合在我們現在的400x300影象尺寸而已。大家完全可自己決定其他數值,也可以另建其他尺寸的影象。

是不是因為一直用黑色繪圖覺得壓抑?那我們換一個橙色(243,111,33)的前景色,在Photoshop中前景色就是繪圖工具的顏色。注意即使更改了前景色,在筆刷設定調板下方的預覽圖中也仍然是黑色。

現在比較一下翻轉XY的效果,如下中圖,第一行的是沒有翻轉抖動的效果。第二行是加上了翻轉X與翻轉Y的效果。可以看出第二行的楓葉(如下中圖左起第3與第4)呈現上下左右顛倒的樣子,這就是翻轉效果了,也稱為映象。

現在我們設定更多的選項:大小抖動70%,角度抖動100%,圓度抖動50%。這樣看起來就"大小不同,角度不同,正扁不同"了。然後再把間距設為 100%。這次不要再畫無聊的直線了,她(他)還在因為你偷喝了飲料而生氣嗎?那就趕緊畫一顆心來送給她(他)吧。如下右圖。不過現在我們只講到如何畫,還沒講到如何列印,所以你還只能通過顯示器表明心跡。

認識Photoshop筆刷(圖文詳解) 第16張

覺得色彩太單一嗎?那來做些改變,讓色彩豐富起來。我們使用"動態顏色"選項來達到這個目的。如下左圖,將"前景/背景抖動"設為100%。這個選項的作用是將顏色在前景色和背景色之間變換,預設的背景是白色,也可以自己挑選。如下右圖。

認識Photoshop筆刷(圖文詳解) 第17張

上圖在繪製中更換了5種背景色:黃色、灰色、綠色、藍色、紫色。加上前景色橙色,總共是6種顏色。但是仔細觀察就會發現其實遠不止6種顏色,這是為什麼呢?

這是因為抖動的效果是在一段範圍內的,而不只侷限於兩個極端。如同前面筆刷直徑的大小抖動一樣,並不是只有最大和最小兩種直徑,而是還有中間過渡的一系列直徑大小。這裡的抖動也是一樣的道理,所挑選的前景色和背景色只是定義了抖動範圍的兩個端點,而中間一系列隨之產生的過渡色彩都包含於抖動的範圍中。如下圖,頭尾的兩個色塊就是前景色與背景色,中間是前景色與背景色之間的過渡帶。

認識Photoshop筆刷(圖文詳解) 第18張

在前景/背景抖動中,也有控制選項,它的使用方法和我們前面接觸過的類似,如果選擇漸隱的話,就會在指定的步長中從前景色過渡到背景色,步長之後如果繼續繪製,將保持為背景色。將前景/背景抖動關閉(設為0%)。來看一下下面的色相抖動、飽和度抖動、亮度抖動。其實色相、飽和度、亮度就相當於HSB色彩模型,相關的概念在課程#01中已經提到過,這裡的抖動就是利用這種色彩模式來進行的。

現在把前面的我們繪製的心形影象調入Photoshop,如下左圖。然後使用選單【影象 調整 色相/飽和度】快捷鍵〖CTRL U〗,這樣就啟動了一種色彩調整的功能,如下右圖。試著更改色相、飽和度和明度(即亮度),看看有哪些效果。具體使用方法將在以後的教程中介紹。

將會看到在更改色相時會把橙色變為紅色、藍色等。更改飽和度會使橙色偏灰或偏豔麗。更改明度(亮度)會導致偏黑或偏白。

認識Photoshop筆刷(圖文詳解) 第19張

認識Photoshop筆刷(圖文詳解) 第20張

現在我們還是使用前面的楓葉形狀筆刷,將大小設在30畫素,圓度100%,間距100%,關閉形狀動態,關閉色彩抖動中的其他選項。選擇一個純紅的前景色,將色相抖動分別設定在20%、50%、80%、100%,各繪製一條直線,效果如下左圖。

可以看到,色相抖動程度越高,色彩就越豐富。這是為什麼呢?這個色相抖動的百分比又是以什麼為標準的呢?

先來回答第二個問題,這個百分比是以色相範圍為標準的。課程#01中我們學習過有關色相的知識,知道色相是一個環形,為了方便觀看,我們將色相環180度的地方剪開,拉成一箇中間是紅色,兩頭是青色的色相條,如下右圖。

認識Photoshop筆刷(圖文詳解) 第21張

認識Photoshop筆刷(圖文詳解) 第22張

我們挑選的顏色是紅色,紅色正好位於這個色相條的中心點。那麼色相抖動的百分比,就是指以這個紅色為中心,同時向左右兩邊伸展的範圍。因此,我們繪製的4 條楓葉直線,所佔用的色相範圍如下左圖。從圖中來看,百分比越大包含的色相越多,因此出現的色彩就越多。前面的第一個問題就迎刃而解了。

並且,利用這張圖我們也可以大致推測所出現的色相有哪些:20%只有紅色和一些橙色;50%比上一條多了些紫色和黃色還有洋紅色;80%比上一條又多了些綠色和藍色,但是絕對沒有青色;100%最明顯的變化就是多出了青色。大家可以對照上左圖看看。

認識Photoshop筆刷(圖文詳解) 第23張

飽和度抖動會使顏色偏淡或偏濃,百分比越大變化範圍越廣。如下左圖,在關閉其他的抖動後,分別使用50%飽和度抖動和100%飽和度抖動繪製的效果。

亮度(明度)抖動會使影象偏亮或偏暗,百分比越大變化範圍越廣。如下右圖,在關閉其他抖動後,分別使用30%亮度抖動和100%亮度抖動繪製的效果。

認識Photoshop筆刷(圖文詳解) 第24張

認識Photoshop筆刷(圖文詳解) 第25張

在動態顏色中還有最後一個選項:純度。這不是一個隨機項,因為後面沒有抖動二字。這個選項的效果類似於飽和度,用來整體地增加或降低色彩飽和度。它的取值為正負100%之間,當為-100%的時候,繪製出來的都是灰度色。為100%的時候色彩則完全飽和。如果純度的取值為這兩個極端數值時,飽和度抖動將失去效果。

在這之前我們對筆刷做出了形狀和顏色的改變,所學習的內容中儘管有各種各樣的隨機,但都是諸如間距、顏色、大小之類的。而繪製的軌跡還是可以看得一清二楚的。要想達到在分佈上的隨機效果,我們需要來學習散佈。先設定一個筆刷:5畫素,圓度100%,間距150%。關閉形狀動態、動態顏色及其他所有選項後,進入散佈選項,將散佈設為500%,如下 左圖。

這時候繪製就可以得到如下右圖的效果,可以看到筆刷的圓點不再侷限於滑鼠的軌跡上,而是隨機出現在軌跡周圍一定的範圍內,這就是所謂的散佈。

認識Photoshop筆刷(圖文詳解) 第26張

注意有一個"兩軸"的選項,這是做什麼用的呢?

為了讓效果更明顯,我們把筆刷直徑改為15畫素,間距100%,散佈100%,然後在關閉和開啟這個選項下分別畫一條直線,如下左圖。看上去有點不大一樣是吧?我們加上網格看一看,如下右圖。

可以看到如果關閉兩軸選項,那麼散佈只侷限於豎方向上的效果,看起來有高有低,但彼此在橫方向上的間距還是固定的,即筆刷設定中的100%。 如果打開了兩軸選項,散佈就在橫豎方向上都有效果了。所以第二條線上的圓點不僅有高有低,彼此的間距也不一樣。

認識Photoshop筆刷(圖文詳解) 第27張

在散佈選項下方,有一個數量的選項,它的作用是成倍地增加筆刷圓點的數量,取值就是倍數。那麼現在我們再用回5畫素,間距150%的筆刷,散佈500%兩軸。用數量1和4分別繪製兩條直線,效果如下圖。可以看出第二條線上的圓點數量明顯多於第一條線。從理論上來說,相當於第一條直線繪製4次。

數量選項下方的數量抖動選項就是在繪製中隨機地改變倍數的大小。參考值是數量本身的取值。就如同最早學習的大小抖動是以筆刷本身的直徑為參考一樣。在抖動中數值都只會變小,不會變大。也就是說,只會比4倍少或相等,但不會比4倍更大。

認識Photoshop筆刷(圖文詳解) 第28張

現在我們來看一下筆刷設定中的雜色選項,如下左圖,它的作用是在筆刷的邊緣產生雜邊,也就是毛刺的效果。雜色是沒有數值調整的,不過它和筆刷的硬度有關,硬度越小雜邊效果越明顯。對於硬度大的筆刷沒什麼效果。

溼邊選項是將筆刷的邊緣顏色加深,看起來就如同水彩筆效果一樣。如下中圖。

噴槍的作用和我們之前學到的噴槍方式是完全一樣的。既然是一樣的為什麼設定兩個呢?這是因為這裡的噴槍方式可以隨著筆刷一起儲存。這樣下次再使用這個儲存的預設時候,噴槍方式就會自動開啟。

平滑選項主要是為了讓滑鼠在快速移動中也能夠繪製較為平滑的線段。下右圖是關閉與開啟平滑選項後的效果對比。不過開啟這個選項會佔用較大的處理器資源,在配製不高的電腦上執行將較慢。

認識Photoshop筆刷(圖文詳解) 第29張

最後,我們來簡略介紹一下Illustrator的筆刷與Photoshop的不同之處。如下左圖。由於向量圖形的關係,Illustrator可以輕易地將筆刷扭曲成任意的形狀,因此可以模仿類似中國毛筆的繪圖效果。

另外在Illustrator中可以很輕易製作在Photoshop中較難實現的虛線線條,只需要在描邊調板中開啟虛線選項並填入虛線間隔大小即可。如下右圖。

認識Photoshop筆刷(圖文詳解) 第30張

  • 文章版權屬於文章作者所有,轉載請註明 https://zhizuowo.com/chuangyi/jiaocheng/039e6.html