當前位置:製作窩 >

創意設計 >設計教程 >

photoshop的路徑使用方法講解—路徑終極教程

photoshop的路徑使用方法講解—路徑終極教程

首先來扼要介紹一下鋼筆工具和路徑的概念 1 鋼筆工具屬於向量繪圖工具,其優點是可以勾畫平滑的曲線(在縮放或者變形之後仍能保持平滑效果)

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

現在我們來繪製一個簡單的路徑如下圖在工具欄選擇鋼筆工具(快捷鍵P)

photoshop的路徑使用方法講解—路徑終極教程
並保持鋼筆工具的選項如圖所示(在工具欄上方)選擇第二種繪圖方式(單純路徑),並取消橡皮帶功能
photoshop的路徑使用方法講解—路徑終極教程 第2張
然後用鋼筆在畫面中單擊,會看到在擊打的點之間有線段相連保持按住Shift鍵可以讓所繪製的點與上一個點保持45度整數倍夾角(比如零度、90度)這樣可以繪製水平或者是垂直的線段(圖中從第5個點開始按下了Shift鍵)
photoshop的路徑使用方法講解—路徑終極教程 第3張

從上面的簡單練習中我們得出兩個規律:1 我們並沒有直接繪製線段,而是定義了各個點的位置,軟體則在點間連線成型2 控制線段形態(方向、距離)的,並不是線段本身,而是線段中的各個點的位置記住兩個術語:那些點稱為“錨點”(anchor);錨點間的線段稱為“片斷”(segment)。剛才我們繪製的那些錨點,由於它們之間的線段都是直線,所以又稱為直線型錨點。

現在我們來繪製曲線形錨點如下圖所示般,在出發點按下滑鼠之後不要鬆手,向上拖動出一條方向線後放手然後在第二個錨點拖動出一條向下的方向線,以此類推,畫出類似圖示的路徑

photoshop的路徑使用方法講解—路徑終極教程 第4張
我們看到在繪製出第二個及之後的錨點並拖動方向線時,曲線的形態也隨之改變究竟曲線是怎樣生成的,我們又該如何來控制曲線的形態呢?除了具有直線的方向和距離外,曲線多了一個彎曲度的形態方向和距離只要改變錨點位置就可以做到,但是彎曲度該如何控制?

如圖在工具欄選擇“直接選擇工具”,留意是下方那個空心的箭頭

photoshop的路徑使用方法講解—路徑終極教程 第5張
假設我們剛才繪製的4個錨點分別是ABCD用“直接選擇工具”去點取位於AB之間的片斷會看到剛才我們繪製AB錨點時候定義的方向線
photoshop的路徑使用方法講解—路徑終極教程 第6張
仔細看一下這兩個方向線再這樣想象:一個人要從A點到B點,在A點出發的時候,位於A點的其他人看到他是朝著上偏右的方向走的而位於B點的人,看到他是朝著下偏右的方向來的那麼綜合兩地的觀測結果。就可以得出這個人行走的路線:必定是一個類似鍋蓋的上弧形。

現在我們選擇如圖的“轉換點工具”,該工具用來修改方向線

photoshop的路徑使用方法講解—路徑終極教程 第7張
然後如下圖所示般改變AB錨點上的方向線,將會看到曲線彎曲度的改變留意方向線末端有一個小圓點,這個圓點稱為“手柄”,要點選手柄位置才可以改變方向線
photoshop的路徑使用方法講解—路徑終極教程 第8張
結合剛才所作的比喻,就不難理解了:1 修改B錨點方向線為下,相當於指定那個人從A點上方出發後,從B點下方進入,那麼所走的路程就是一個S形2 再修改A錨點方向線為下,相當於從A點下方出發,再從B點下方進入,所走的就是一個下弧形的路程修改後的方向線如下圖
photoshop的路徑使用方法講解—路徑終極教程 第9張

明白了方向線的方向對曲線形態的影響後,我們來看一下方向線長短造成的影響如下圖般,在同一方向上拖拉方向線:(可使用“直接選擇工具”)

photoshop的路徑使用方法講解—路徑終極教程 第10張
首先來扼要介紹一下鋼筆工具和路徑的概念 1 鋼筆工具屬於向量繪圖工具,其優點是可以勾畫平滑的曲線(在縮放或者變形之後仍能保持平滑效果) 2 鋼筆工具畫出來的向量圖形稱為路徑,路徑是向量的 3 路徑允許是不封閉的開放狀,假如把出發點與終點重合繪製就可以得到封閉的路徑對於一個錨點而言,假如方向線越長,那麼曲線在這個方向上走的路程就越長,反之就越短可以這樣設想,曲線是一個橡皮筋,在頭尾兩端有兩個力在各自的方向上拉哪個方向上力氣大,則橡皮筋就朝向這個方向多靠攏一些。反而反之除了修改錨點之外,也可以利用“直接選擇工具”,在片斷上修改曲線的形態如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第11張
留意:這並不能說是“修改了片斷”,而應該說是“同時修改了兩個錨點”牢記原則:片斷是由錨點組成的,只有修改錨點才能改變片斷形態,這是不可逆的因果關係

做一下小結:對於這條曲線上的除了出發點和終點的BC兩個錨點而言,都存在兩條方向線:一條是從上一個錨點“來向”的方向線;另一條是通往下一個錨點的“去向”的方向線對於出發點,只存在“去向”的方向線;對於終點,只存在“來向”的方向線

下面讓我們做個小練習,如圖:

photoshop的路徑使用方法講解—路徑終極教程 第12張
現在要求在兩個紅點之間繪製一條緊貼滑鼠外廓的曲線很可能你們繪製出來的是如下圖這個樣子的
photoshop的路徑使用方法講解—路徑終極教程 第13張
雖然要求是達到了,但是這樣的路徑上使用了4個錨點再看下圖:
photoshop的路徑使用方法講解—路徑終極教程 第14張
同樣的曲線效果,這裡只用了兩個錨點來繪製

移動兩個紅點的位置再行繪製,很可能你們繪製的效果是這樣

photoshop的路徑使用方法講解—路徑終極教程 第15張
而實際上呢,也只需要用兩個錨點就可以繪製這條曲線了,如下圖
photoshop的路徑使用方法講解—路徑終極教程 第16張
再換個位置繪製一條,也只需要兩個錨點,如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第17張
記住一個原則:繪製曲線的錨點數目越少越好由於假如錨點數目增加,不僅會增加繪製的步驟,同時也不利於後期的修改────────到這裡,大家一定會產生兩個題目:1 兩個錨點似乎可以包攬全部曲線形態了?這個觀點顯然是錯誤的,例如我們前面首個例項所繪製的曲線,就需要兩個以上的錨點2 那麼,如何讓所用的錨點數目最少?實際上這裡還隱含著另外一個題目:究竟在哪裡定錨點才是最佳的?────────下面是我個人總結出來的規律:兩個錨點之間的曲線形態分為兩類:C形和S形C形的幾種形態如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第18張
它們的方向線如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第19張
────────S形曲線的幾種形態如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第20張
首先來扼要介紹一下鋼筆工具和路徑的概念 1 鋼筆工具屬於向量繪圖工具,其優點是可以勾畫平滑的曲線(在縮放或者變形之後仍能保持平滑效果) 2 鋼筆工具畫出來的向量圖形稱為路徑,路徑是向量的 3 路徑允許是不封閉的開放狀,假如把出發點與終點重合繪製就可以得到封閉的路徑S形的方向線如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第21張
────────下面的動畫演示了在調整方向線的時候,從C形到S形之間的分界點
photoshop的路徑使用方法講解—路徑終極教程 第22張
────────在瞭解(並且理解)C、S這兩種曲線的形態以後大家在繪製之前就可以分析出究竟需要多少個錨點實在就是分析出,有多少個可以用一條曲線(C形或S形)來繪製的區域雖然錨點的數目可以反映出繪圖人的水平和熟練度但是對於大多數人而言,只要能夠滿足需要就足夠了所以在實際繪圖的時候,不必過於苛求減少錨點的數目────────現在來實際繪製一個m形,類似麥當勞的標誌我們將介紹三種過程,請先看清楚文字說明再看動畫演示第一種方法:在完成繪製後,再修改第二個錨點的“去向”的方向線,並可以適當移動錨點位置(繪製完後按住Ctrl鍵在路徑之外任意位置點選,即可完成繪製)
photoshop的路徑使用方法講解—路徑終極教程 第23張
在其中我們留意到一個現象:那就是新建立一個曲線錨點並拖動它的方向線的時候實際上隨著滑鼠移動的是“去向”這條方向線,而“來向”方向總是與之成180度水平夾角的,並且長度也相同所以,雖然本來我們應該把第二個錨點的“去向”定為右上方但是為了“來向”的正確,不得已先將其定在右下方,然後在完成繪製後,再單獨修改其“去向”這種方法可以形容為“丟去保來”(同理,也可以“丟來保去”)在繪製數目較多的錨點時就顯得很不方便,由於總看不到正確的曲線────────現在我們介紹第二種繪製過程:在建立第二個錨點並遵循“來向”定義好方向線之後,再修改“去向”方向線,使曲線可以正確地繪製下去(繪製完後按住Ctrl鍵在路徑之外任意位置點選,即可完成繪製)
photoshop的路徑使用方法講解—路徑終極教程 第24張
雖然頻繁地切換工具有點麻煩,但可以讓曲線始終沿著指定的路線繪制(同理,也可以先遵循“去向”定好方向線,再修改“來向”)實際上,在定好第二個錨點後,不用到工具欄切換工具將滑鼠移動到方向線手柄上,按住ALT鍵即可暫時切換到“轉換點工具”進行調整;而按住Ctrl鍵將暫時切換到“直接選擇工具”,可以用來移動錨點位置鬆開Alt或Ctrl鍵即恢復鋼筆工具,可繼續繪製要留意的是:雖然“直接選擇工具”也可以修改方向線,但“來向”“去向”有時候(當兩者同時顯示的時候)會被其一起修改────────最後第三種方法,應該是大家今後在繪製中所使用的標準方法:此法實際就是上面講到的快捷鍵的另一種操作方式,也是在不切換工具的條件下,使用快捷鍵來完成方向線的修改做到不中斷地繪製整條曲線(繪製完後按住Ctrl鍵在路徑之外任意位置點選,即可完成繪製)
photoshop的路徑使用方法講解—路徑終極教程 第25張
在動畫中大家看到一個提示“調整結束後,先鬆開滑鼠再放開ALT鍵,否則將打亂來向方向線”假如Alt鍵先被鬆開,將會使這個錨點的“來向”和“去向”恢復到長度相等的水平夾角位置這沒有多大關係,再按下ALt鍵即可再次單獨調整────────接著我們再來嘗試繪製一個心形,如下圖(繪製完後按住Ctrl鍵在路徑之外任意位置點選,即可完成繪製)
photoshop的路徑使用方法講解—路徑終極教程 第26張
留意:假如沒有先按住Alt鍵就連接出發點,將無法單獨調整方向線,此時再按下Alt鍵即可單獨調整────────到這裡,大家對路徑已經有了大概的熟悉,下面我們補充一些繪製中的其他題目1 半曲線錨點的繪製:有時候我們需要一個錨點左邊是曲線,右邊是直線,就需要用這種方法來繪製,如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第27張
繪製錨點後,按住Alt鍵單擊一下錨點,那麼這個錨點的“去向”就變為了直線只有“去向”能改變為直線,假如需要“來向”為直線,則需要在上一個錨點操作────────即使轉換為半曲線錨點了,繪製下一個錨點的時候仍然是可以帶有方向線的,如下圖:
photoshop的路徑使用方法講解—路徑終極教程 第28張
這樣看來似乎很矛盾,為何還有曲線出現?須記住,假設半曲線錨點A的“去向”為直線,這樣對於下一個錨點B而言,B的“來向”也是直線但是假如錨點B的“去向”為曲線的話,還是會導致AB之間的片斷呈曲線形不過這條曲線永遠只能是C形曲線,由於它缺少另外一條方向線的控制可以用一條形狀相類似的正常曲線錨點來比較一下
photoshop的路徑使用方法講解—路徑終極教程 第29張
────────下圖演示了從“半曲線”轉換為“正常曲線”錨點的步驟
photoshop的路徑使用方法講解—路徑終極教程 第30張

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