search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

[ 去背圖教程 ] Photoshop使用鋼筆工具去背圖詳細講解實例- Photoshop教程 - 靈感很重要靈感很重要

教學主題: Photoshop使用鋼筆工具去背圖詳細講解實例

大家好!! 小編今天來和大家分享關於 Photoshop教程中的去背圖教程教學

今天的這個教學主題是: Photoshop使用鋼筆工具去背圖詳細講解實例

這教學的重點為這幾點 [ 講解,實例,詳細,工具,使用,鋼筆,路徑,可以,方向,點擊, ]

希望你可以從這幾點中領悟到修圖的精華

本文重點

昨天和一位學友討論後期時提到了鋼筆工具,這個PS里最基礎的工具他卻很意外地說,難學,PS學了一年多了還沒搞懂。我聽了比較吃驚。也不由想起以前和幾位學友討論手繪時談到的鋼筆工具,他們也面露難色。於是,我就利用自己學到的一點淺薄基礎寫了一個淺薄教程

昨天和一位學友討論後期時提到了鋼筆工具,這個PS里最基礎的工具他卻很意外地說,難學,PS學了一年多了還沒搞懂。我聽了比較吃驚。也不由想起以前和幾位學友討論手繪時談到的鋼筆工具,他們也面露難色。於是,我就利用自己學到的一點淺薄基礎寫了一個淺薄教程和他們共同探討。

雖然是個老帖了,我還是希望轉到這裡和大家再次討論,因為PS也是要溫故才能知新的。

當初我寫這個練習帖時探討的對象都是初哥,所以這個帖子是適合初哥初姐看的,對鋼筆工具已經很熟悉的學友就輕輕飄過吧。

進入正題前首先我要打消一些人的顧慮,鋼筆工具其實只是貌似難學,還是比較簡單的,耐心學上幾天你就會熟練掌握,而一旦你掌握了它後會覺得這個工具絕對妙不可言,

依靠點和線(片段)組成的路徑,從繪製一個簡單的心形輪廓,到製作一幅工作量巨大的美女手繪,鋼筆工具的作用簡直不容小覷!我曾說過做後期是要先看圖片的,看圖片什麼?當然是對圖片仔細揣摩了,看它如何來PS?適合用什麼工具?先P什麼后P什麼?等等等等,不亞於給病人開刀前的專家會診。

心裡有了穩妥的或成熟的想法后再動手,就會事半功倍。瞎P,是不行的。

鋼筆工具是簡單易學的,但不可輕視他,它雖簡單,但功效非常強大。下面我們就來通過一個簡單的圖片去背圖練習,學習一下鋼筆工具。

這個跑車的圖是隨意從百度上下載的,像素不太高,背景較複雜,適合用鋼筆工具才能高效快捷安全地將其去背出。用通道行不行?可以,但是你還要沿着跑車的邊緣返工,另外通道里的分離動作也很繁瑣。用抽出行不行,也行,如果這個背景要是和跑車類似的顏色,抽出工具就傻眼了。當然,也可以用多邊形套索工具或背景橡皮擦工具等等,但是,前者容易出錯,後者瑣碎。所以,對複雜的背景或者人眼都難分辨的前背景相融的圖,用鋼筆工具一定是個上選。

那麼有好友就問了,美女的亂髮圖用鋼筆工具行不行?

當然不行了,毛髮用通道、抽出、插件或者邊緣調整等工具一般都能讓毛髮和背景以一定的方法分離並去背出,這是他們的強項。如果用鋼筆來去背,由其細密的毛髮,會把人去背虛脫的。我們也可以這樣來打個比方,抽出通道插件等是修復毛細血管的專家,絕對的細緻活兒;鋼筆工具是修復肌肉組織的專家,粗線條的活兒。

細事粗做,或者粗事細作,都是得不償失的,說明選擇工具嚴重不當。

素材圖

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板,同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

簡要介紹鋼筆工具及輔助工具

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 你可能知道按Tab鍵可以隱藏工具箱和浮動面板,同樣按Shift+Tab鍵 可以只隱藏浮
動面板( 而保留工具條可見 )。

第一步 用鋼筆工具一定要養成放大圖片N倍的習慣,放的越大去背的邊緣越細緻。當然,大小和圖片分辨率有關,像素低的放的過大了看不清邊緣了也不行的。

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 按住Shift鍵點擊浮動面板的標題欄( 最上方的藍條 )可以使其吸附 到最近的屏幕
邊緣。

第二步 點快捷鍵P或直接點擊鋼筆工具,接着點選上面的路徑圖標,在圖片中開始去背圖的地方點擊一下,就出現了一個鋼筆錨點。

當然你也可以從其它地方去背

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 雙擊浮動面板的上的每一欄( 就是有標題的那個 )可以使其最小化。 通過浮動面板
上的最小化按鈕可以在緊湊模式( 只有最少的選項和內容可 視 )和正常模式( 顯示面
板上所有的選項和內容 )之間切換。

第三步 沿着輪胎邊緣再點擊第二個點,不要鬆開左鍵,拖動一下,就會出現一對控制操作桿(或稱控制柄),這時你會發現兩錨點之間的線條變成弧度,被你控制着。

只要和輪胎邊緣的弧度貼合就可以鬆開左鍵了

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 可以通過按回車鍵( 或雙擊工具箱上的工具按鈕 )來打開當前工具的 選項面板。不
然的話只能通過菜單上的 Window/Show Options 命令來來 打開。

第四步 按着ALT鍵,將鼠標移到第二個錨點,鋼筆工具右下角出現三角形轉換點圖標,點擊錨點,上面的控制桿消失,方便你下一步的正確操作。

如果不點掉上面的控制桿,第三個錨點和第二個錨點之間就會自動出現弧線條,而影響下步操作

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 利用比例縮放區( 在Photoshop窗體或導航器面板的左下角 )來快速 選擇一個準確
的顯示比例,當輸入一個值後按Shift+Enter可以使光標仍 保持在比例縮放區。

第五步 以此類推,繼續

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 在Photoshop中所有的對話框中的取消( Cancel )按鈕都可以通過按 住Alt鍵變為復
位( Reset )按鈕。這使你可以輕易回覆到初始值而毋須取 消重來。

第六步 重點標記一下:鋼筆工具沿着邊緣的理想位置在哪裡?大家都知道去背圖要沿着邊緣,但是邊緣模糊時怎麼辦?我個人總結的小技巧就是在實邊和虛邊的中間,

即如圖內側的左箭頭屬實邊,外側的右箭頭屬虛邊,而鋼筆路徑就要選擇在二者之間,這樣去背圖後會形成乾淨的邊緣

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 按住Shift點擊顏色面板下的顏色條可以改變其所顯示的色譜類型。 或者,也可以
在顏色條上單擊鼠標右鍵,從彈出的顏色條選項菜單中選取 其它色彩模式。

第七步 如果錨點位置點錯了怎麼辦?那就將鼠標放在該錨點上,鋼筆工具右下角就會出現一個斜杠,表示可以刪除,然後點擊右鍵,出現右鍵菜單,

點擊刪除錨點,就刪除了

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 要使用畫筆工具畫出直線,首先在圖片上點擊,然後移動鼠標到另一 點上按住
Shift再次點擊圖片,Photoshop就會使用當前的繪圖工具在兩點 間畫一條直線。

第八步 如果發覺在三個錨點中間的那個錨點感覺位置偏離,怎麼辦?那就點擊直接選擇工具,俗稱白箭頭,然後在該錨點點擊一下,將空心錨點變成實心錨點,

就可以自由移動了。變成實心錨點后,會出現控制桿,調節桿尾上的圓點,可以調整路徑的弧度

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 縮放工具的快捷鍵為「Z」,此外Ctrl+空格鍵為放大工具,Alt+空 格鍵為縮小
工具。

第九步 在白箭頭的狀態下,都可以點擊各錨點,然後調節錨點桿尾上的圓點來調節路徑弧度

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 用吸管工具選取顏色的時候按住Alt鍵即可定義當前背景色。

第十步 基本完成了,簡單吧?我做的錨點比較少,大家自己做的時候建議錨點多一些

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

第十一步 在路徑內部點擊右鍵,點選建立選區工具,可將路徑轉換成選區

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
的選區;按住Alt鍵將從起始點為中心勾劃選區。

第十二步 很重要的選項:除非像本圖這樣像素比較小的圖片,一般大圖都要選擇至少1像素以上的羽化半徑,可以使去背出的邊緣不生硬,順暢自然。消除鋸齒要打上勾。

本圖為做練習,所以選擇了1像素(本圖多錨點、0像素的去背出會有很好的效果)

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 勾畫選區的時候按住空格鍵可以移動正在勾畫的選區。

第十三步 選區出現了,可愛的螞蟻線

Photoshop使用鋼筆工具去背圖詳細講解實例
貼心提醒: 按Shift+「+」鍵( 向前 )和Shift+「-」鍵( 向後 )可在各種層的 合成模式上切
換。我們還可以按Alt+Shift+「某一字符」快速切換合成模式。

第十四步 按CTRL+J鍵,去背出並複製出選區,拖進來一張圖片,看下效果,邊緣很平滑(因本圖像素低,所以1像素邊緣羽化顯得有點毛,不過這沒關係,我們主要是做練習用)再重複嗦一下:像這樣低像素的圖,建議用較密集的錨點以及圓角錨點來描繪路徑,然後0像素去背出,邊緣就很銳利清晰了。

如果去背比這個大一倍以上的圖時1像素去背出,會有很好的效果。

Photoshop使用鋼筆工具去背圖詳細講解實例

鋼筆工具的實戰經驗非常強,用簡略的幾十個步驟來講解不一定能講的全面和透徹,所以下面再來鞏固一下基本的操作方法,以下的幾個動態圖片是借用的我做了一些補充和完善,以動態的方式來觀察,可能會更直接些。總之,學會鋼筆工具的基本操作方法后,多練習才是很重要的,PS高手其實就是熟能生巧鍛鍊出來的。

好了,廢話少說,咱們繼續來了解和鞏固鋼筆工具:

1、鋼筆工具屬於矢量繪圖工具,其優點是可以勾畫平滑的曲線,在縮放或者變形之後仍能保持平滑效果。

2、鋼筆工具畫出來的矢量圖形稱為路徑,路徑是矢量的路徑允許是不封閉的開放狀,如果把起點與終點重合繪製就可以得到封閉的路徑。

下面我們來繪製一個簡單的路徑

勾選“幾何選項”下的橡皮帶,這樣做因為操作更直觀些,如圖,勾選后,錨點點到哪裡,線條就會如影隨形地跟到哪裡

Photoshop使用鋼筆工具去背圖詳細講解實例

這時咱們會看到在點擊時會有一個自由伸縮的線段出現,保持按住Shift鍵可以讓所繪製的點與上一個點保持45度整數倍夾角(比如零度、90度),

這樣可以繪製水平或者是垂直的線段(圖中從第5個點開始按下了Shift鍵)

Photoshop使用鋼筆工具去背圖詳細講解實例

剛才我們繪製的那些錨點,由於它們之間的線段都是直線,所以又稱為直線型錨點。

現在我們來繪製曲線形錨點

如下圖所示,在起點按下鼠標之後【不要鬆手】(作圖記住要畫曲線點擊時不要鬆手),向上拖動出一條方向線后【放手】,然後點出第二個錨點並拖動出一條向下的方向線,以此類推,畫出類似圖示的路徑

Photoshop使用鋼筆工具去背圖詳細講解實例

完成上面的操作,我想你已對鋼筆工具有了一定了解,下面接着學習怎麼控制曲線的彎曲度。

我們現在點選上工具欄里的“直接選擇工具”

假設我們剛才繪製的4個錨點分別是ABCD,用“直接選擇工具”去點取位於AB之間的片斷,會看到剛才我們繪製AB錨點時候定義的方向線

Photoshop使用鋼筆工具去背圖詳細講解實例

現在我們選擇鋼筆工具組裡的的“轉換點工具”,該工具可以用來修改方向線(用“直接選擇工具”也行)

然後如下圖所示改變AB錨點上的方向線,將會看到曲線彎曲度的改變。注意:方向線末端有一個小圓點,這個圓點咱們且稱它為“手柄”,要點擊手柄位置才可以改變方向線.

Photoshop使用鋼筆工具去背圖詳細講解實例

明白了方向線的方向對曲線形態的影響后,我們來看一下方向線長短的影響,如下圖所示,在一方向上拖拉方向線可以看到,對於一個錨點而言,如果方向線越長,那麼曲線在這個方向上走的路程就越長,反之就越短,可以這樣設想,曲線是一個橡皮筋,在頭尾兩端有兩個力在各自的方向上拉,哪個方向上力氣大,則橡皮筋就朝向這個方向多靠攏一些。反之 ,除了修改錨點方向線之外,也可以利用“直接選擇工具”,在片斷上修改曲線的形態,這樣相當於“同時修改了兩個錨點”如下圖記住一個原則:繪製曲線的錨點數量越少越好,因為如果錨點數量增加,不僅會增加繪製的步驟,同時也影響輪廓的自然順滑

Photoshop使用鋼筆工具去背圖詳細講解實例

其實複雜曲線基本上由兩類曲線組成:C形和S形

Photoshop使用鋼筆工具去背圖詳細講解實例

到這裡,大家對路徑已經有了大概的認識,下面我們補充一些繪製中的其他問題:

有時候我們需要一個錨點左邊是曲線,右邊是直線,就需要用這種方法來繪製,如下圖:

Photoshop使用鋼筆工具去背圖詳細講解實例

注意,對封閉的路徑,要刪除某個錨點,請不要用DELETE鍵,這樣會連片段即線條也一併刪除了,正確的方法應該在該錨點上用直接選擇工具點擊變成實心錨點,然後右鍵點出菜單,刪除錨點即可。

在路徑內,點擊右鍵出現菜單,填充子路徑(填充路徑)可以填充路徑範圍內區域;描邊子路徑(描邊路徑)可以使路徑生成和畫筆等工具大小的線條,操作這個之前要提前將畫筆、鉛筆等工具的參數設置好。我這裡設置了3像素,白色。大家可以看到有個“模擬壓力”的選項,這個是個非常重要的工具,尤其是手繪時最重要的工具,在畫筆里設置好畫筆大小等參數后,再點選這個模擬壓力,它可以使線條自然消隱,像睫毛和毛髮的手繪效果就是這樣做出來的。

Photoshop使用鋼筆工具去背圖詳細講解實例

Photoshop使用鋼筆工具去背圖詳細講解實例

描邊后,點選直接選擇工具,如圖框選全部路徑,按DELETE鍵就可以把現在已經多餘的路徑刪除了。

當然,鋼筆工具的功能還不止上述這些,更多的小技巧還需要我們以後共同來探索和學習!

Photoshop使用鋼筆工具去背圖詳細講解實例

到此就結束了,不足之處請各位師友補充。不當之處請師友及時指正!希望本貼能對大家有所幫助。

看完小編分享的教學之後 是不是對去背圖教程中的Photoshop教程教學更熟悉了呢?

希望我們所介紹的 Photoshop使用鋼筆工具去背圖詳細講解實例 這教學會喜歡

文章標題: 靈感很重要- Photoshop使用鋼筆工具去背圖詳細講解實例–轉載請註明來源處

本教學分類為去背圖教程中的 Photoshop教程相關教學

文章相關關鍵字為: 講解,實例,詳細,工具,使用,鋼筆,路徑,可以,方向,點擊,

本文永久連結 :Photoshop使用鋼筆工具去背圖詳細講解實例

本文轉載自 :VIA



熱門推薦

本文由 pshtd01com 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦