Photoshop路徑終極教程

來源:互聯網
上載者:User
教程 現在我們來繪製一個簡單的路徑

  如下圖在工具列選擇鋼筆工具(快速鍵P)

  

  並保持鋼筆工具的選項如圖所示(在工具列上方):選擇第二種繪圖方式(單純路徑),並取消橡皮帶功能

  

  然後用鋼筆在畫面中單擊,會看到在擊打的點之間有線段相連,保持按住Shift鍵可以讓所繪製的點與上一個點保持45度整數倍夾角(比如零度、90度).這樣可以繪製水平或者是垂直的線段(圖中從第5個點開始按下了Shift鍵):

  

  從上面的簡單練習中我們得出兩個規律:  

  我們並沒有直接繪製線段,而是定義了各個點的位置,軟體則在點間連線成型,控制線段形態(方向、距離)的,並不是線段本身,而是線段中的各個點的位置.

  記住兩個術語:  

  那些點稱為“錨點”(anchor),錨點間的線段稱為“片斷”(segment),剛才我們繪製的那些錨點,由於它們之間的線段都是直線,所以又稱為直線型錨點。  

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

  

  我們看到,在繪製出第二個及之後的錨點並拖動方向線時,曲線的形態也隨之改變.
  究竟曲線是怎樣產生的,我們又該如何來控制曲線的形態呢?

  除了具有直線的方向和距離外,曲線多了一個彎曲度的形態,

  方向和距離只要改變錨點位置就可以做到,但是彎曲度該如何控制?  

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

  

  假設我們剛才繪製的4個錨點分別是ABCD

  用“直接選擇工具”去點取位於AB之間的片斷

  會看到剛才我們繪製AB錨點時候定義的方向線

  

  仔細看一下這兩個方向線

  再這樣想象:

  一個人要從A點到B點,在A點出發的時候,位於A點的其他人看到他是朝著上偏右的方向走的.而位於B點的人,看到他是朝著下偏右的方向來的.那麼綜合兩地的觀測結果。就可以得出這個人行走的路線:必定是一個類似鍋蓋的上弧形.  

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

  
  

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

  
  結合剛才所作的比喻,就不難理解了:  

  1.修改B錨點方向線為下,相當於指定那個人從A點上方出發後,從B點下方進入,那麼所走的路程就是一個S形.

  2.再修改A錨點方向線為下,相當於從A點下方出發,再從B點下方進入,所走的就是一個下弧形的路程 修改後的方向線如下圖:  

  

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

     

  對於一個錨點而言,如果方向線越長,那麼曲線在這個方向上走的路程就越長,反之就越短.可以這樣設想,曲線是一個橡皮筋,在頭尾兩端有兩個力在各自的方向上拉哪個方向上力氣大,則橡皮筋就朝向這個方向多靠攏一些。反而反之.除了修改錨點之外,也可以利用“直接選擇工具”,在片斷上修改曲線的形態.

  如下圖:

  

  注意:這並不能說是“修改了片斷”,而應該說是“同時修改了兩個錨點”

  牢記原則:片斷是由錨點組成的,只有修改錨點才能改變片斷形態,這是無法復原的因果關係.
下面來做一下小結:

  對於這條曲線上的除了起點和終點的BC兩個錨點而言,都存在兩條方向線:

  一條是從上一個錨點“來向”的方向線;另一條是通往下一個錨點的“去向”的方向線,對於起點,只存在“去向”的方向線;對於終點,只存在“來向”的方向線.
  下面讓我們做個小練習,如圖:

  

  現在要求在兩個紅點之間繪製一條緊貼滑鼠外廓的曲線,很可能你們繪製出來的是如下圖這個樣子的.

  

  雖然要求是達到了,但是這樣的路徑上使用了4個錨點.

  再看下圖:

  

  同樣的曲線效果,這裡只用了兩個錨點來繪製

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

  

  而實際上呢,也只需要用兩個錨點就可以繪製這條曲線了,如下圖  

  

  再換個位置繪製一條,也只需要兩個錨點,如下圖:

  

  記住一個原則:繪製曲線的錨點數量越少越好

  因為如果錨點數量增加,不僅會增加繪製的步驟,同時也不利於後期的修改
  到這裡,大家一定會產生兩個問題:

  

  兩個錨點似乎可以包攬全部曲線形態了?

  這個觀點顯然是錯誤的,例如我們前面首個執行個體所繪製的曲線,就需要兩個以上的錨點.  

  那麼,如何讓所用的錨點數量最少?

  實際上這裡還隱含著另外一個問題:究竟在哪裡定錨點才是最佳的?

  下面是我個人總結出來的規律:

  兩個錨點之間的曲線形態分為兩類:C形和S形

  C形的幾種形態如下圖:

  

  它們的方向線如下圖:

  

  S形曲線的幾種形態如下圖:  

  

  S形的方向線如下圖:

  

  下面的動畫示範了在調整方向線的時候,從C形到S形之間的分界點

  

  在瞭解(並且理解)C、S這兩種曲線的形態以後,大家在繪製之前就可以分析出究竟需要多少個錨點.其實就是分析出,有多少個可以用一條曲線(C形或S形)來繪製的地區.雖然錨點的數量可以反映出繪圖人的水平和熟練度.但是對於大多數人而言,只要能夠滿足需要就足夠了.所以在實際繪圖的時候,不必過於苛求減少錨點的數目.  
  現在來實際繪製一個M形,類似麥當勞的標誌

  我們將介紹三種過程,請先看清楚文字說明再看動畫示範

  第一種方法:在完成繪製後,再修改第二個錨點的“去向”的方向線,並可以適當移動錨點位置

  (繪製完後按住Ctrl鍵在路徑之外任意位置點擊,即可完成繪製)

  

  

  

  在其中我們注意到一個現象:

  建立立一個曲線錨點並拖動它的方向線的時候

  實際上隨著滑鼠移動的是“去向”這條方向線,而“來向”方向總是與之成180度水平夾角的,並且長度也相同.所以,雖然本來我們應該把第二個錨點的“去向”定為右上方,但是為了“來向”的正確,不得已先將其定在右下方,然後在完成繪製後,再單獨修改其“去向”.這種方法可以形容為“丟去保來”(同理,也可以“丟來保去”),在繪製數量較多的錨點時就顯得很不方便,因為總看不到正確的曲線  

  現在我們介紹第二種繪製過程:

  在建立第二個錨點並遵循“來向”定義好方向線之後,再修改“去向”方向線,使曲線可以正確地繪製下去

  (繪製完後按住Ctrl鍵在路徑之外任意位置點擊,即可完成繪製)  

    

  雖然頻繁地切換工具有點麻煩,但可以讓曲線始終沿著指定的路線繪製

  (同理,也可以先遵循“去向”定好方向線,再修改“來向”)  

  實際上,在定好第二個錨點後,不用到工具列切換工具,將滑鼠移動到方向線手柄上,按住ALT鍵即可暫時切換到“轉換點工具”進行調整;

  而按住Ctrl鍵將暫時切換到“直接選擇工具”,可以用來移動錨點位置

  鬆開Alt或Ctrl鍵即恢複鋼筆工具,可繼續繪製

  要注意的是:

  雖然“直接選擇工具”也可以修改方向線,但“來向”“去向”有時候(當兩者同時顯示的時候)會被其一起修改.
  現在我們已經學會了用鋼筆來勾畫任意的路徑形狀了.但很多時候並不需要完全從無到有的來繪製一條新路徑,Photoshop提供了一些基本的路徑形狀,我們可以在這些基本路徑的基礎上加以修改形成需要的形狀,這樣不僅快速,並且效果也比完全和手工繪製的要好.  

  下圖是在網頁設計中經常用到的圖形

  

  先看最上方圖形的繪製過程:

  在工具列選取矩形圖形工具

  

  使用第一種繪製方式(建立一個用前景色彩填充的向量層),如下圖  

  

  注意樣式要關閉,選擇一個顏色作為填充色,如下圖

  

  然後在映像中繪製一個矩形的形狀,如下圖

  

  畫好之後注意圖層面板上建立立一個帶路徑的色彩填充層,單擊下圖所示地區可以隱藏或顯示路徑,雙擊其前方的色彩塊可以更改填充色.

  
  注意:

  如果要修改這個層中的路徑,則路徑必須在顯示狀態,如果路徑顯示會影響了一些(如描邊等)製作時的視覺效果,則應先隱藏路徑.由於我們要修改這條路徑,所以要先將路徑顯示,然後使用增加錨點工具增加4個錨點,再將一些錨點向上移動即可.記住:無論在直線還是曲線上增加錨點,所增加預設的都是曲線型錨點,如果需要直線型錨點,則要使用“轉換點工具”點擊增加出來的錨點.  

  

  下圖的紅色地區就是使用這種方法製作出來的.  

  

  同樣是剛才的矩形,把步驟略加修改一下,如下圖:

  

  下圖上方的紅色地區就是使用這種方法製作的.

  

  現在來繪製那個中空的圖形,繪製的思想就是先畫一個大框,然後在中間減去一個小框.

  注意:  

  1.在繪製完第一個大框之後,要在工具設定中改為“從形狀地區減去”方式再繪製小框.  

  2.在選擇路徑進行對齊操作的時候最好使用“直接選取工具”,如果使用“直接選擇工具”有時候無法選擇整條路徑.

  過程如下圖:  

  

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。