Pen Tool (3):方向把手

從《一步步學會 Pen Tool (1)》裡,大家學會了如何設立錨點 (Anchor),也懂得怎麼透過點擊來建立直線的路徑 (Paths)。

路徑 (Paths) 只會出現於 Photoshop 和 Illustrator 等工具中,它不會被輸出到 JPEG、TIFF、PNG、GIF 等常用的圖像檔中,就算在 Photoshop 把圖像直接列印,路徑 (Paths) 也不會被印出,因此我們多會利用路徑建立選取區 (Selection) 等,然後再進行各項後期工作。

一步步學會 Pen Tool (2)》則通過實例告訴大家直線路徑的運用,在勾選圖像的應用中,路徑能輕易地建立和它的形狀一樣的選取區 (Selection) 。

只曉得選取由直線組成的物件,那麼很多勾選也不到被完成,所以絕對有必要學習製作曲線路徑,不過這就是 Pen Tool 初學者最為頭痛的一件事。初次製作曲線路徑時,或許未能心手合一,只要勤加練習,總會得心應手。


方向把手 (Direction Handles)

學習製作曲線路徑的最基本要求是取得方向把手,現在就來取得方向把手 (Direction Handles) 和學習操控它們。


打開空白的圖像

讓我們先在空白的圖像上,學習製作曲線路徑的基本功。

按下Ctrl + N (Win) 或 Cmd + N (Mac) 後,下圖的視窗便會彈出,讓我們建立一個 800x600 白底的空白圖像來練習 Pen Tool 。

記著要把 Background Contents (背景內容) 設為 White (白色)。

Photoshop: New Document

選取 Pen Tool

選取 Pen Tool 最快捷的方法就是按 P 鍵,或從工具列中選取 Pen Tool。
Photoshop: Pen Tool

Pen Tool 選項

按了 P 鍵後,還要檢查 Pen Tool 的 Options。

工具的 Options 都是放在 Photoshop 的頂頭。

我們打算運用 Pen Tool 來製作 Paths (路徑),所以要選取紅圈的圖示。紅圈左方的選項是用來製作圖形的,這也是預設的值,不過這不是本章的目的;紅圈右邊的工具是其他 Vector 工具的選項,並不屬於 Pen Tool 的,所以無法使用。
Photoshop: Pen Tool Options

事前的設定準備好了,現在可以正式學習關於曲線路徑的製作了。先來簡單了解曲線的構成:路徑的曲線主要由曲線的方向,弧度和長度所定議。


取得方向把手 (Direction Handles)

如果只是在圖像上用 Pen Tool 點擊,只能設下沒有把手的錨點,沒有方向把手又何以操控弧形曲線呢?

要取得方向把手,請在圖像上按下滑鼠左鍵,在鬆開左鍵前,輕輕一拖,如下的兩個方向把手便會出現:
Photoshop: Pen Tool Options
Photoshop: Pen Tool

錨點和方向把手的分別

從錨點 (Anchor) 伸出的兩條線便是方向把手,它們看起來很像路徑,但它們絕對不是路徑,千萬不要混淆。那麼怎樣分別呢?它們看似是三個錨點連繫著二條路徑,和路徑沒兩樣似的,不過細看之下,便會發現真正的錨點 (Anchor) 是由方形表達的,而把手的末端則是由菱形所表示。還有,錨點 (Anchor) 的方形比較大,而把手的菱形較細小
Anchor and End of Handle
只有由錨點連繫著的線段才是路徑,因此,上圖中,錨點和把手末端間的直線不算是路徑。

我們取得了方向把手了,但它們有怎麼作用呢?前文說到,控制曲線,我們需要操控曲線的方向和長度,而方向把手就是為此而生。


為什麼需要兩個方向把手


但有必要擁有兩個方向把手嗎?是,因為一個錨點可以把兩條線連在一起,為了方便表達那兩條線,我們可以想像一條是進入錨點的線,另一條是離開錨點的線。

因此,一個方向把手是用來控制進入錨點那一線段的角度和長度,而另一個把手是用來調整離開錨點那一線段的角度和長度。

那是很重要的觀念,如果還是攪不清,務必多看幾遍才繼續啊!


操控把手的長度

雖然了解了方向把手的運用,但還未是時候製作曲線,大家要先熟練操控把手,往後才能稱心如意地繪出理想的弧線。

先來學習如何控制把手的長度,設定錨點時,如果把滑鼠拖拉得越遠,所形成的把手就越長,較長的把手能創造出較長的弧線;相返,越短的把手所製造出來的弧線就越短。
Photoshop: Pen Tool Options

為什麼看不見孤線


由於 Pen Tool 繪成的弧線也是路徑來,如果只有一個錨點,弧線便不會形成,不過我們稍後便會講述弧線的製造,現在先來學曉控制把手的長度,靠拖拉的距離就行了。


操控把手的角度

只要朝著不同方向拖拉,便能形成不同角度的把手,把手初被創造時,兩個把手的方向剛好成相反 (180 度)。
Change of Handle Direction

同時變更兩個把手角度

幸好我們在建立把手時,無須百分百準確地設定把手的角度和長度,因為我們可以稍後調整它的角度和長度。

當把手已被設立,要改變它的角度,我們要先確定我們正在運用 Pen Tool (按 P 鍵),然後按下 Ctrl (Win) 或 Command (Mac) 鍵,再沿錨點轉動把手末端 (菱形)去同時改變兩個把手的方向。

如果兩個把手還是處於相反方向, 當 Ctrl (Win) 或 Command (Mac) 鍵被按下時,把滑鼠移近兩個把手的其中一個末端,鼠標會變成白色的箭頭,表示這時滑鼠變成了Direct Selection Tool (直接選取工具),Direct Selection Tool 是用來選擇路徑的不同線段和錨點。

移動把手末端時,鼠標則會變成黑色的箭頭,表示現在滑鼠所代表的工具是 Move Tool (移動工具),可以將把手末端由一處移往另一處。

注意:我們按下 Ctrl (Win) 或 Command (Mac) 鍵時,點選的是菱形的把手末端,而不是把手的線段。

秘技:當你開始移動把手末端時,已經可以放開 Ctrl 或 Command 鍵而不會影響 Move Tool (移動工具) 的操作。
Change of Handle Direction   Change of Handle Direction


變更單一把手的角度

學會了同時改變兩個把手的角度,我們也要知道如何改變單獨的把手角度,只要按下 Alt (Win) 或 Option (Mac) 鍵,滑鼠會變成倒 V 的形狀,意味滑鼠的工能變成了 Convert Point Tool 。

可以看到,改變某一把手的角度時,另一支把手完全不受影響。

移動把手時,鼠標又變成了黑色的箭咀,代表 Move Tool (移動工具) 。

注意:我們按下 Alt (Win) 或 Option (Mac) 鍵時,點選的是菱形的把手末端,並不是把手的線段。

秘技:當你開始移動把手末端時。 ,已經可以放開 Alt 或 Option 鍵而不會影響 Move Tool (移動工具) 的操作。

Convert Point Tool   Convert Point Tool

Convert Point Tool 會破壞把手間的連繫

當方向把手從來沒有被 Convert Point Tool (V 形鼠標)調整過,如初建立時,兩個把手成一直線,且有無形的連繫,當按著 Ctrl (Win) / Command (Mac) 轉動把手末端時, 兩個把手的角度會同時被改變 。

如果按 Alt (Win) 或 Option (Mac) 鍵移動過把手後,連著相同錨點的那兩個把手再沒有連繫了,就算再按次按著 Ctrl (Win) / Command (Mac) 轉動把手,另一支把手也不會跟著轉動。

如果我們打算同時轉動經 Convert Point Tool 處理過的兩個把手,又有何方法呢?方法是按下 Ctrl + Alt (Win) 或 Command + Option (Mac),然後才移動把手末端。
Convert Point Tool

變更把手的長度

變更把手長度的方法和變更角度的方法是一樣的,都要按著 Ctrl (Win) / Command (Mac) 來拉長或縮短。不同的時,我們無法同步改變兩支把手的長度,如果兩個把手的長度都要被變更,我們要逐一把它們修改。

當然我們也可以按 Alt (Win) 或 Option (Mac) 鍵運用 Convert Point Tool 改變把手的長度,不過這會破壞兩個把手的連繫,就算再按 Ctrl + Alt (Win) 或 Command + Option (Mac) 叫出 Direct Selection Tool 也不可以同時改變兩支把手的角度。
Path Tool

大家要多練習以上控制方向把手的基本功。

下次,將會學習如何繪製有孤度的路徑。

相關文章:
一步步學會 Pen Tool (1)
一步步學會 Pen Tool (2)
Pen Tool (3):方向把手
Pen Tool (4):繪製曲線
Pen Tool (5):用曲線去背





其他文章

稻城亞丁20 ● 稻城野郊

高原的藍天經常都那麼清澈,每一朵白雲距離大地都是那麼近,彷如隨便伸手便可以摘下一朵來

【Pici】變化多端的自家製意大利麵

座落荔枝角 D2 Place 二期地下的 Pici 是間主打意大利菜的餐廳,而且相當有個性,不設訂位,不設加一,所有貼士全數發給員工。想一嚐那兒的意大利菜,就得付點汗水排隊去。裝潢上,帶點 70 年代的英倫風。有 L 型的長沙發,也有舊式的坐椅。間隔上,有環境開揚的小圓桌,也有適合三五知自的卡座,以懷舊的條紋玻璃作間隔,極富韻味。

媲美日本櫻花的太和廣福橋鳳凰木

不說不知,鮮紅的鳳凰木原產於非洲的馬達加斯加。憑藉鮮艷的顏色,在五月初已吸引途人的眼球。盛開的鳳凰木襯上流水、藍天和白雲,構成了一張色彩斑斕的到此一遊照

對焦 3 - 對焦陷阱

相機中,有一個令人容易失焦的陷阱,如果對自動感應器的大小和觀景器上的長形紅色對焦顯示格的大小認識不夠清楚的話