Photoshop使用鋼筆工具與形狀工具繪製矢量圖

2020-12-17 ZeroOneCoding

軟體類學習建議:邊看邊練習,可以先收藏後學習。

主要內容:鋼筆、直線繪製、自由曲線繪製、標準曲線繪製、路徑操作和對齊、矢量蒙版、形狀模式繪製、形狀模式應用、形狀工具、像素模式。

一、位圖和矢量圖的區別

1、概念

位圖圖像,又稱為像素圖,圖片由一個一個像素組成,我們用手拍的照片就是像素圖。

矢量圖,由數學上的點線面構成,它具有顏色、形狀、輪廓、大小和屏幕位置等屬性,如機械、建築用的CAD畫的圖就屬於矢量圖。

2、區別

矢量圖形與解析度無關,可以將它縮放到任意大小和以任意解析度在輸出設備上列印出來,都不會影響清晰度,而位圖是由一個一個像素點產生,當放大圖像時,像素點也放大了,但每個像素點表示的顏色是單一的,所以在位圖放大後就會出現咱們平時所見到的馬賽克狀。

同內容圖像的位圖和矢量圖的大小、格式也不一樣。

3、路徑、形狀、像素

鋼筆工具與形狀工具的形狀、路徑選項,繪製的圖形屬於矢量圖,可以無損放大縮小;形狀工具的像素選項,繪製圖形屬於位圖,放大縮小毀損像素。

二、鋼筆工具

1、原理

貝塞爾曲線(Bézier curve),又稱貝茲曲線或貝濟埃曲線,是應用於二維圖形應用程式的數學曲線。一般的矢量圖形軟體通過它來精確畫出曲線,貝茲曲線由線段節點組成,節點是可拖動的支點,線段像可伸縮的皮筋,我們在繪圖工具上看到的鋼筆工具就是來做這種矢量曲線的。貝塞爾曲線是計算機圖形學中相當重要的參數曲線,在一些比較成熟的位圖軟體中也有貝塞爾曲線工具,如PhotoShop等

快捷鍵P

鋼筆工具的最多應用:生成選區,精準摳圖。很多圖片背景和要扣出的主體顏色太接近,曲線又比較多,不方便使用其他選區工具(套索工具、快速選擇工具等)。

使用鋼筆工具摳圖最終效果

2、繪製直線

路徑是輔助製圖的矢量工具,可以描邊、填充、建立選區、創建矢量蒙版等

窗口菜單→勾選路徑面板

點擊路徑面板下方加號,創建一個路徑

在路徑畫布上使用滑鼠左鍵單擊,創建一個錨點,再單擊一下,創建第二個錨點,生成一條直線。

刪除錨點:右擊錨點,選擇刪除錨點或滑鼠點擊錨點,點擊Delete或滑鼠點擊錨點,點擊Backspace

確定創建:按Esc,退出創建模式,如需修改可點擊直接選擇工具或添加刪除錨點工具修改

鎖定角度(45°):直線繪製時,按住Shift鍵,可繪製45°的倍數的角度線,如45°、90°、135°、180°等。

隱藏路徑:Enter或點擊路徑面板空白區域

鋼筆工具繪製過程中的不同圖標代表的不同狀態:

路徑選擇工具:選擇整個路徑,進行移動、自由變換(Ctr+T),按住Alt鍵,移動會執行移動並複製。

直接選擇工具:選擇路徑,進行路徑編輯。

使用Ctrl鍵,可以在路徑選擇工具和直接選擇工具之間快速切換。

3、繪製曲線

繪製曲線方法:新建一個路徑,使用鋼筆工具,在畫布上點擊一個點,然後點擊第二個點,不要鬆開滑鼠左鍵,拖拽滑鼠,根據控杆(紅色框選直線)的長度和方向(默認雙向對稱調整),變換曲線的彎曲程度;

紅色框選點稱為角點,綠色框選點稱為曲線點

曲線調整

選擇直接選擇工具:點選曲線,點擊曲線點,點擊控杆,調整曲線,雙向聯動;按住Alt鍵,調整曲線,單向聯動;按住Shift鍵,定角度調整;按住Alt+Shift鍵,單向定角度調整。(曲線兩端調整)

選擇直接選擇工具:點選曲線,點擊曲線邊緣,拖動滑鼠,調整曲線。(曲線中間調整)

角點和曲線點轉換:選擇轉換點工具,點擊曲線點,曲線點變為角點;點擊角點並拖拽,角點變為曲線點。

路徑繪製過程中,按住Alt鍵,點擊控點,可將曲線點變為角點。

4、自由鋼筆使用

自由鋼筆路徑結合磁性使用,可用於摳圖時,自由選擇結合直接選擇工具,對路徑邊緣進行編輯,生成選區。

5、彎度鋼筆工具

彎度鋼筆工具是新版本PS新增的,可以更方便繪製曲線,曲線的過渡更順滑、自然。

繪製方法:選擇彎度鋼筆工具,多次點擊畫布,創建多個曲線錨點,系統會自動生成曲線。

6、路徑的操作與對齊

路徑的操作多用於生成不同選區,進行不同填充方案,繪製Log等。

使用路徑選擇工具方式:

(1)、點選路徑,選擇單個。

(2)、按住Shift鍵,點選路徑,選擇多個。

(3)、按住滑鼠左鍵拖動,框選多個。

路徑操作、路徑對齊方式、路徑排列方式應根據需求配合使用。

設置大縮略圖,更好觀察路徑操作的結果(下圖紅色框選區域)

設置方法:點擊路徑面板右上角設置按鈕,選擇面板選項,選擇大縮略圖,點擊確定(下圖黃色框線區域)。

多種路徑操作方式:

(1)、合併形狀

(2)、減去頂層形狀

(3)、與形狀區域相交

(4)、排除重疊形狀

(5)、合併形狀組件,減去頂層向左

多種路徑對齊方式、路徑排列方式不再演示。

7、路徑轉選區方法的四種方法

(1)、路徑面板,選擇要建立選取的路徑,單擊滑鼠右鍵,選擇建立選區

(2)、路徑畫板,點擊滑鼠右鍵,選擇建立選區

(3)、將路徑作為選區載入

(4)、快捷鍵:Ctrl+Enter

8、矢量蒙版

優點:精準、可編輯

矢量蒙版的創建方式:

(1)、點擊鋼筆工具欄的蒙版;

(2)、滑鼠右鍵單擊畫板,選擇創建矢量蒙版;

(3)、按住Ctrl鍵,點擊路徑面板或者圖層面板的創建蒙版;

(4)、點擊兩次圖層創建蒙版,會創建一個圖層蒙版、一個矢量蒙版。

9、矢量蒙版轉換為圖層蒙版

10、鋼筆工具形狀

鋼筆工具欄,選擇形狀模式,繪製形狀。

形狀繪製與路徑相似,形狀可以設置填充和描邊效果。

三、形狀工具

根據需要,選擇相應的形狀工具,點擊工具欄,可設置將要繪製形狀的詳細設置。

下圖從左到右,從上到下,依次使用矩形工具、圓角矩形工具、橢圓工具、多邊形工具、直線工具、自定義形狀工具。

各命令的細節設置可查看對應的工具欄。

下圖示例說明:

選擇圓角矩形,拖動滑鼠左鍵繪製,繪製完成後可在屬性欄修改長寬、圓角大小等。

下圖示例說明:

自由形狀工具可以幫助我們快速繪製複雜圖形,可使用系統自帶圖形,也可導入自定義圖形。

獲取更多內容,請關注我,私信PS

相關焦點

  • PS工具欄效果,形狀,鋼筆工具等-photoshop工具欄詳解第五節
    PS工具欄漸變和油漆桶工具-photoshop工具欄詳解第四節:模糊工具,銳化工具,塗抹工具:以下圖佩戴佛珠為例,進行模糊,銳化,塗抹效果:注意的是:不能將模糊工具和銳化工具當作互補工具來使用鋼筆工具屬性欄:鋼筆工具屬性欄中路徑一般用於建立選區,如果想直接得到形狀或者描邊,可切換到形狀的狀態下。此時可調節大小,線段寬度等,如果選擇斜槓,則是關閉某種模式。以下分別是形狀,描邊。
  • 你是不是熟練掌握了ps鋼筆工具?photoshop鋼筆工具小測驗
    學photoshop的時候,你一定聽過一句話:一定要熟練掌握鋼筆工具!雖然說現在photoshop經過一系列優化,選區工具已經很給力,但鋼筆工具仍然是你一定要掌握的。不論是想從背景中剪切一個對象,或者製作一個非常複雜的形狀,或者製作一個矢量蒙版,還是你做視頻來給別人show你純熟的鋼筆技巧,讓他們驚呼你為大神。不論是哪種情況,都必須熟練掌握ps鋼筆工具!
  • PhotoShop鋼筆工具怎麼用?ps裡的鋼筆工具怎麼用?
    十一種ps鋼筆工具的使用方法與技巧第一種:使用曲率筆工具曲率筆工具可讓您同樣輕鬆地繪製平滑曲線和直線段。在您的設計中創建自定義形狀或定義精確的路徑,以使用此直觀工具輕鬆調整圖像。「橡皮筋效果」第三種:使用標準的鋼筆工具畫直線段使用標準「鋼筆」工具可以繪製的最簡單路徑是一條直線,方法是單擊「鋼筆」工具以創建兩個錨點。繼續單擊,將創建由由角點連接的直線段組成的路徑。
  • PS工具欄漸變和油漆桶工具-photoshop工具欄詳解第四節
    photoshop漸變,油漆桶工具的快捷鍵為G。其中漸變工具:主要是通過屬性欄來控制的。使用時單擊所需漸變類型對應的按鈕,在圖像中繪製即可。實際操作,例如下圖是如何做出:點擊文件——新建——可以編輯畫布的名稱、大小。
  • 手把手教你用 AI 繪圖:如何繪製形狀?
    上一篇我們提到,矢量圖是由線組成的,而閉合的線則構成形狀。Ai作為一個強大的繪圖工具,同樣也具備許多自動繪製形狀的功能,接下來為大家一一介紹。 基本形狀
  • 卡通漫畫設計繪製工具介紹
    此外還有一些優秀的繪圖軟體也常被設計者用來繪製動漫,如OpenCanvas、SketchBook、Artrage等。 一般比較通用的漫畫繪製流程是在用數位板繪製好輪廓之後,再使用各種設計軟體為漫畫框架作上色和藝術處理。 下面我們著重介紹繪製漫畫的通用設計軟體,以及它們是如何運用自己的工具和特點來繪製漫畫的。
  • 新手如何使用ps鋼筆工具簡單摳圖及技巧
    用過ps的人都知道,鋼筆工具在ps的使用中是非常常用也是非常重要的工具之一,對於初學者來說,可能對此工具還不太會使用或者用不太好等,為了解決初學者在使用鋼筆工具方面的困擾,本文對鋼筆工具詳解它的常用的知識點和小技巧,幫助你熟練的掌握。
  • 學習Photoshop要掌握幾種畫筆工具的使用
    一、 畫筆工具畫筆工具以前景色為基礎,繪製的線條比較柔和。鉛筆工具繪製的線條比較堅硬。流量:設置顏色隨工具移動應用的速度,也就是設置所繪製線條顏色的流暢程度,它也可以產生一定的透明效果。值越大,顏色越濃。6. 按鈕:畫筆面板,可對畫筆筆尖形狀、大小等預先進行設置。快捷鍵F5。A.
  • Illustrator10個常用工具的運用場景
    選擇魔棒工具-點擊選中顏色-獲得選區點選包含所有的某種顏色容差-容差值越大擴散範圍(可選範圍)越大填充顏色描邊顏色選擇 描邊粗細選擇 2px 10px 小於兩個差距套索工具隨意框選 shift 加選 ctrl減選鋼筆工具畫板工具選擇繪畫區域-鋼筆工具右鍵
  • Photoshop 工具面板快捷鍵,工具庫,工具組,所有工具的快捷鍵
    Photoshop 工具面板,工具庫,工具組,所有工具的快捷鍵工具面板快捷鍵移動 V [ move tool ] 移動選區/圖層選框 M [ marquee tool ] 創建選區,矩形,圓形套索 L [ lasso tool ] 創建選區,多邊形
  • Inkscape for mac(專業矢量圖編輯工具)
    Inkscape for mac中文免費版是一款擁有,具有專業品質的矢量圖編輯工具它擁有眾多的功能,簡潔的界面,多語言支持,且支持擴展插件,用戶可以使用插件來滿足自己不同的使用需求,Inkscape可以用來創作插畫、圖標、logo,繪圖,地圖以及網頁圖像等等
  • ps摳圖工具之三路徑的使用方法介紹(包括鋼筆工具),邊看邊演練
    零基礎學習PS第八課,今日分享PS摳圖工具之三路徑的摳圖方法,主要介紹路徑的相關知識以及鋼筆工具的使用,具體如下!>1、鋼筆工具:多用於摳圖,需注意屬性欄選擇路徑選項使用方法:1)直線段繪製:選擇鋼筆工具,判斷兩錨點間是否是直線,如果是直線,直接點擊鬆開滑鼠,然後重複以上動作直到畫完。
  • ps基礎,復位工作區,高斯模糊,鋼筆工具,常用快捷鍵,你了解嗎
    在下給大家分享photoshop裡面常用的幾個功能,同樣我們直接進行實操,就不長篇大論了。ps中界面被我弄亂了,怎麼恢復初始界面?步驟:窗口——工作區——復位基本功能ps中高斯模糊如何使用,高斯模糊如何磨皮?
  • ps建立選區常用工具以及簡單的摳圖工具使用,不可錯過的乾貨內容
    ,使用方法和畫筆相似,直接圈出想要選取的區域即可2.多邊形套索工具:與套索工具不同的是,多邊形套索工具繪製選區的線條都是直線型,比較適合選區圖像比較規整的圖形進行選區操作。注意點:按住Shift鍵再繪製選區可以加選 Alt鍵再繪製選區可以減選。使用時沿著需要繪製選區的主體邊緣繪製,儘量不要繪製到其他地方去。第三種:魔棒工具組1.魔棒工具:選擇魔棒工具後,在圖像中單擊滑鼠左鍵,與單擊處顏色相同或相近的像素都會被選中,一般用於背景和主體顏色比較單一,顏色差別也比較明顯的圖片進行摳圖操作。
  • Illusrator CC (AI) 教程4 繪圖工具:弧線、鋼筆、多邊形工具案例
    繪圖工具庫Illustrator 提供以下繪圖工具:鋼筆工具(P)用於繪製直線和曲線來創建對象。請參閱用鋼筆工具繪圖。「添加錨點」工具(+)用於將錨點添加到路徑。請參閱添加和刪除錨點。「刪除錨點」工具(-)用於從路徑中刪除錨點。
  • PS新手入門:如何使用矢量蒙版?蒙版系列教程(四)
    矢量蒙版是通過形狀控制圖像顯示區域的,它只能作用於當前圖層。其本質是使用路徑製作蒙版,遮蓋路徑覆蓋的圖像區域,顯示無路徑覆蓋的圖像區域。矢量蒙版可以通過形狀工具創建,也可以通過鋼筆工具繪製路徑來創建。矢量蒙版中創建的形狀是矢量圖,可以使用鋼筆工具和形狀工具對圖形進行編輯修改,從而改變蒙版的遮蓋區域,可以任意縮放,常用來製作LOGO、按鈕、面板或其他的Web設計元素。有人會問:什麼是矢量圖?
  • 如何在PDF文檔中使用畫圖工具?
    那麼如何在PDF文件中添加不同形狀的注釋呢?這是讓很多小夥伴犯難的問題。下面以極速PDF編輯器的操作為例詳細。首先用極速PDF編輯器打開PDF文檔後,在軟體頁面左下角導航欄可看到很多畫圖工具;可點擊底部導航欄圖標按鈕使用畫圖工具,可添加圖形標記和文本信息:在 PDF 文檔中可繪製箭頭、線條、矩形、橢圓等。
  • Ai實例教程|矢量環繞心形繪製,掌握形狀生成器工具
    在adobe Illustrator矢量設計軟體裡通過形狀生成器拼合、修剪基本形狀,可以得到許多創意圖案。本文通過一個小案例操作解析,如何利用Ai軟體中的形狀生成器工具繪製美妙的環繞心形。用矩形工具繪製一個矩形對象在選擇工具下,選中矩形對象的上方兩個角點,將其拉至成半圓弧狀複製矩形對象,粘貼新矩形對象至頂部,接著旋轉90度選中2個矩形對象,將其底對齊、右對齊操作選中2個矩形對象,使用形狀生成器工具拖拉形狀塊
  • 在photoshop中繪製扁平化手機圖標
    之前發布過一篇在photoshop中繪製扁平化圖標「星辰+衛星」的方法和步驟,今天再來分享一個簡單易學的案例:這個案例主要運用的是選框工具組、圖層和形狀工具等技術。具體操作步驟為:1、新建一個正方形文件,並填充背景色#575656:2、新建圖層,命名為"圓形背景"。添加參考線,位置分別在水平和垂直方向的中間。
  • Photoshop中「移動工具」的使用
    本篇筆記主要介紹,使用「移動工具」移動/複製整副圖像或選區中的圖像,移動/複製圖像到新的圖層或新建圖像。1.移動整幅圖像到另一圖像中方法一:解除圖層鎖定後使用「移動工具」直接拖拽到另一圖像中。筆記:滑鼠左鍵雙擊背景圖層(或單擊鎖形圖標)解除圖層鎖定。