當前位置:首頁 > 新聞 > 熱點話題

Photoshop鋼筆工具路徑使用教程(二)

發布時間:2017-08-05 10:21:23來源:關鍵詞:鋼筆工具路徑
分享:

既然鋼筆工具本身就附帶了增加和減去的功能,那么為何在工具欄中還有單獨的增加錨點和減去錨點工具呢? 
Photoshop鋼筆工具路徑使用教程

這是因為有時候可能需要在錨點密集區增加更多錨點,如果就用鋼筆工具的話,則有可能誤減已有的錨點 
─── 
對于一條已經繪制完畢的路徑,有時候需要在其上追加錨點(也有可能是在半途意外終止繪制) 
首先應將路徑顯示出來(可從路徑面板查找并點擊路徑) 
然后使用鋼筆工具在末尾的錨點單擊(當移動到末尾錨點的時候光標會有提示) 
此時即可繼續繪制,見下圖: 
Photoshop鋼筆工具路徑使用教程

─── 
如果要將多條獨立的路徑連接在一起,可以如下圖操作: 
需要注意的是在調整方向線的時候可以按住Alt鍵單獨調整其中一條 
Photoshop鋼筆工具路徑使用教程

─── 
還有一個繪制曲線的技巧: 
要繪制一條光滑的曲線,就必須保持錨點上“來向”與“去向”的夾角為180度的水平角(方向線長短無關) 
注意如果更改了夾角,就有可能形成類似m的形狀 
現在我們已經學會了用鋼筆來勾畫任意的路徑形狀了 
但很多時候并不需要完全從無到有的來繪制一條新路徑 
Photoshop提供了一些基本的路徑形狀 
我們可以在這些基本路徑的基礎上加以修改形成需要的形狀 
這樣不僅快速,并且效果也比完全和手工繪制的要好 
下圖是在網頁設計中經常用到的圖形 
Photoshop鋼筆工具路徑使用教程

──────────────────── 
先看最上方圖形的繪制過程: 
在工具欄選擇矩形形狀工具 
Photoshop鋼筆工具路徑使用教程

使用第一種繪制方式(建立一個用前景色填充的矢量層),如下圖 
Photoshop鋼筆工具路徑使用教程

注意樣式要關閉,選擇一個顏色作為填充色,如下圖 
Photoshop鋼筆工具路徑使用教程

然后在圖像中繪制一個矩形的形狀,如下圖 
Photoshop鋼筆工具路徑使用教程

畫好之后注意圖層面板上新建立一個帶路徑的色彩填充層 
單擊下圖所示區域可以隱藏或顯示路徑,雙擊其前方的色彩塊可以更改填充色 
Photoshop鋼筆工具路徑使用教程

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

下圖的紅色區域就是使用這種方法制作出來的 
Photoshop鋼筆工具路徑使用教程

──────────────────── 
同樣是剛才的矩形,把步驟略加修改一下,如下圖: 
Photoshop鋼筆工具路徑使用教程

下圖上方的紅色區域就是使用這種方法制作的 
──────────────────── 
現在來繪制那個中空的圖形,繪制的思想就是先畫一個大框,然后在中間減去一個小框 
注意: 
1 在繪制完第一個大框之后,要在工具設定中改為“從形狀區域減去”方式再繪制小框 
2 在選擇路徑進行對齊操作的時候最好使用“路徑選擇工具”,如果使用“直接選擇工具”有時候無法選擇整條路徑 
過程如下圖: 
Photoshop鋼筆工具路徑使用教程

──────────────────── 
再來繪制一個類似標簽卡的圖形,如下圖: 
Photoshop鋼筆工具路徑使用教程

────────────────────

上面的幾種方法,都是利用了帶路徑的色彩填充層來制作效果 
除了色彩填充以外,路徑也可以用來制作調節圖層(調節圖層在另外教程中介紹) 
制作順序如下: 
1 原圖: 
Photoshop鋼筆工具路徑使用教程

2 使用第二種繪制方式(單純繪制路徑) 
Photoshop鋼筆工具路徑使用教程

3 在圖像中繪制兩個封閉路徑,注意兩個路徑為相加方式,即在繪制第一個之后選擇相加方式繪制第二個 
Photoshop鋼筆工具路徑使用教程

4 在圖層面板啟動調節圖層中的“亮度/對比度” 
Photoshop鋼筆工具路徑使用教程

5 “亮度/對比度”設置如下圖: 
Photoshop鋼筆工具路徑使用教程

6 在新建的調節圖層上啟動“描邊”樣式 
Photoshop鋼筆工具路徑使用教程

7 “描邊”樣式設置如下圖: 
Photoshop鋼筆工具路徑使用教程

這樣我們就完成了制作,如下圖: 
Photoshop鋼筆工具路徑使用教程

──────────────────── 
最后我們來制作一個較復雜的圖形,如下圖: 
Photoshop鋼筆工具路徑使用教程

該圖形原來是一個完整的橢圓,被分割為了兩個部分,這種效果在Illustrator中很容易實現 
只需要在橢圓上繪制一條曲線,然后使用分割命令即可。 
在Photoshop中就較為復雜一些(所以復雜的路徑最好在Illustrator中制作) 
繪制過程如下: 
首先使用橢圓形狀工具,選擇填充層繪圖方式,繪制一個橢圓,如下圖: 
Photoshop鋼筆工具路徑使用教程

然后隱藏該層的路徑,切換到單純路徑繪圖方式 
繪制一個如下圖的路徑(可以由矩形修改而來) 
繪制完成后保持新畫的路徑在選擇狀態,按CTRL C復制到剪貼板: 
Photoshop鋼筆工具路徑使用教程

接下來把藍色的橢圓層復制一層,改為其他的顏色便于區別 
然后將前面一步復制的路徑一次粘貼到兩個層的路徑中,并更改其與原先路徑的運算關系 
需要注意的是: 
1 要先將層的路徑顯示出來,才能加以修改 
2 最好關閉暫時不用的圖層,以免視覺混亂 
過程如下圖: 
Photoshop鋼筆工具路徑使用教程

──────────────────── 
綜合以上的內容,可以感受到路徑在應用中的強大功能 
使用路徑可以勾畫平滑的曲線,在修改的時候非常方便 
并且最重要的是:

其矢量圖形固有的特性,使得其在旋轉、拉伸等操作后依然清晰。而點陣圖像會變得模糊。 
做個試驗,先將一個矢量一個點陣圖同時縮小到原來的10%,再放大回原大小。如下圖: 
Photoshop鋼筆工具路徑使用教程

在實際的設計過程中,由于構思的不斷改變,很可能經常進行各種各樣的修改 
比如縮放、旋轉、5邊形改6六邊形,直線改曲線等 
如果是使用點陣圖像,則很多情況下都只能重新繪制 
而使用矢量圖形則可以完全避免這些情況。

并且矢量圖象對系統資源占用較少(在Photoshop中),不受輸出分辨率的影響。

   了解插畫,漫畫設計,原畫設計,更多咨詢可以加老師QQ800001712  15007122639
    加奇天CG學院官方微信公眾號:qtch2006
    奇天CG學院官網了解:
www.www559559.com

奇天CG學院內容分割線
奇天CG學院首頁

更多深度好文

奇天官方微信

CONTACT US

咨詢熱線

180-40515575

189-86223023

1449340206

奇天地址:武漢市洪山區南湖創意天地11號樓11層(地鐵8號線馬湖站,7號線板橋站)

鄂ICP備12012438號-4 武漢奇天動漫插畫有限公司 版權所有 百度地圖 | 網站地圖

夜夜躁狠狠躁日日躁视频