在adobe photoshop中建立和使用向量圖形

Photoshop是一個令人驚訝的能力替代Illustrator向量圖形。這裡有一個關於如何在Photoshop中建立向量圖形的入門教程。...

Adobe Illustrator是平面設計的行業標準應用程序。它是處理矢量文件的最佳工具。

photoshop-vectors

遺憾的是,不是每個人都有Illustrator,但很多人都有Photoshop。Photoshop對矢量圖像有基本的支持。在本指南中,我們將看看如何在Photoshop中**矢量藝術作為插畫的替代品。

什麼是矢量圖像(a vector image)?

Photoshop主要是為光柵圖像設計的。這些是逐像素繪製的多邊形圖像。它們支持大量的細節,用於拍照。不過,文件的大小可能很大,而且您無法在不損失質量的情況下放大它們。

矢量圖像是由數學公式生成的直線和曲線。這意味著您可以無限地調整它們的大小,而且文件大小通常非常小。矢量是偉大的平面設計工作,包括設計標誌和圖標。您甚至可以在adobeillustrator中將圖像轉換為矢量圖形。

一件矢量藝術作品由多個物體組成。每個對象都是一條線或形狀,其邊由路徑定義。在Photoshop中,路徑顯示為一條藍色的細線(儘管技術上看不見)。

creating vector graphics photoshop tutorial

可以對每個對象應用兩種類型的顏色:

  • 筆劃是沿著路徑的直線。
  • 填充會向路徑包圍的空間添加純色或圖案。

您可以在屏幕頂部的選項欄中設置這兩個選項。如果希望它們保持空白,也可以將其設置為“無顏色”。對於筆劃,還可以設置以像素為單位的厚度和樣式。默認為實線。

在Photoshop中,可以用形狀、線條和文本繪製矢量圖像。

繪製矢量形狀和線

Photoshop附帶了繪製幾種常見形狀的工具。默認情況下,矩形工具高亮顯示。單擊並按住該圖標可顯示整套工具:

  • 矩形工具
  • 圓角矩形
  • 橢圓工具
  • 多邊形工具
  • 線條工具
  • 自定義形狀工具

通過按鍵盤上的U鍵,始終可以選擇突出顯示的工具。或者,按Shift+U在工具間循環,直到找到所需的工具。

為了更快地工作,學習更多Photoshop鍵盤快捷鍵是個好主意。

繪製基本矢量形狀

為要繪製的形狀選擇工具,然後添加填充和筆劃顏色。

現在在畫布中單擊並拖動。該形狀是從角點向您拖動的任何方向繪製的。要創建對稱形狀,例如圓形或方形,請按住Shift鍵。

draw a vector triangle in photoshop

要繪製三角形,請選擇“多邊形”工具。在畫布上單擊一次以打開“創建多邊形設置”框。將“邊數”設置為3。

修改和編輯矢量形狀

在Photoshop中創建矢量圖形時,不侷限於基本形狀。它們可以很快修改。

首先,選擇形狀。這將高亮顯示形狀,並沿其路徑顯示定位點。這些是形狀具有角或曲線的點。

從工具欄中選擇“直接選擇工具”(單擊並按住“路徑選擇工具”圖標以找到它,或按Shift+A)。現在單擊其中一個定位點並向任意方向拖動它以使形狀變形。

modify vector shapes in photoshop

要進行更高級的編輯,請同時移動兩個或多個定位點。

單擊其中一個高亮顯示,然後按住Shift鍵並單擊另一個。現在使用鍵盤上的光標鍵同時移動兩個點。

modify shapes in photoshop

合併和組合矢量形狀

對於更復雜的形狀,可以使用路徑操作。這允許您將多個形狀合併為單個新形狀。

從在畫布上畫一個形狀開始。接下來,單擊屏幕頂部選項欄中的“路徑操作”按鈕。通常,每個新路徑或形狀都會進入自己的層。通過單擊“合併形狀”來更改。

現在畫另一個形狀。這將與第一個形狀在同一層上。

draw two shapes on the same layer in photoshop

需要單獨移動對象時,請使用路徑選擇工具。

拖動第二個形狀,使其與第一個形狀重疊。兩者合併為一個形狀,儘管它們仍然是單獨的對象。單擊“路徑操作”中的“合併形狀組件”,將它們合併為單個對象。

merge shapes photoshop

使用路徑選擇工具選擇繪製的第二個圖形。現在,在“路徑操作”中選擇“減去前面形狀”。該形狀以及它與第一個形狀重疊的區域將被刪除。

subtract shape in photoshop

突出顯示兩個形狀。在“路徑操作”中,選擇“相交形狀區域”。這將刪除兩個形狀,除了它們重疊的區域。我們用這個選項來創建一個半圓。

intersect shapes in photoshop

最後,高亮顯示這兩個形狀並選擇“排除重疊形狀”。這將刪除兩個形狀重疊的區域,並保留所有其他形狀不變。

exclude overlapping shapes in photoshop

這些工具是構建新形狀或從現有形狀中分割或切割碎片的有效方法。他們也使用鋼筆工具和文本。

繪製矢量線

還有兩個與形狀相關的工具需要了解。首先是線工具。

選擇該工具,然後在選項欄中設置高度。這將設置線的厚度。然後在文檔中單擊並拖動以繪製它。按住Shift鍵將直線捕捉到零度或90度。

draw straight line in photoshop

這個工具確實有一些隱藏的特性,但是在大多數情況下,您將使用它來繪製一條直線。

繪製自定義矢量形狀

最後,自定義形狀工具。設置填充和筆劃顏色,然後單擊選項欄中的“形狀”選項。在這裡,您可以從Photoshop提供的無數預設自定義形狀中選擇一個。

custom shapes in photoshop

要在初始選擇之外添加更多形狀,請單擊“設置”中心距,然後選擇要添加的類別。有各種形狀的圖標,語音氣泡,箭頭,紋理等。也可以加載第三方形狀。

draw vector shapes

單擊並拖動以將形狀添加到圖像中。也可以單擊畫布以指定確切的寬度和高度。

使用畫筆工具繪製矢量

如果你有任何經驗與Illustrator,你會知道你使用畫筆工具徒手畫。Photoshop有一個畫筆工具,可以做類似的工作。但是在Photoshop中,這個工具不是基於向量的,所以你不應該用它來畫畫。你應該改用鋼筆工具。

鋼筆工具是Photoshop中最強大的功能之一。在Photoshop中編輯照片時,您將經常使用它,因為它使您能夠創建非常精確的選擇。它也是偉大的繪畫和矢量藝術。

開始使用鋼筆工具

畫筆工具通過在畫布上單擊時創建的定位點之間繪製路徑來工作。在路徑上添加筆劃,可以繪製輪廓;添加填充,可以繪製實體對象。

photoshop pen tool

下面是一個快速入門:

  1. 選擇鋼筆工具(P)。單擊圖像畫布以放置錨點。
  2. 將光標移動幾英寸,然後再次單擊以放置另一個定位點。將創建一條路徑來連接兩者。將筆劃設置為5px,黑色,以幫助您更好地看到它。
  3. 再單擊幾次以開發路徑。單擊並拖動以創建曲線路徑。這也會將把手添加到錨定點。拖動這些以控制曲線的角度和深度。
  4. 單擊Enter創建開放路徑(直線),或單擊第一個定位點創建閉合路徑(形狀)。

edit path in photoshop

使鋼筆工具如此有用的是,您可以隨時返回並編輯您的形狀:

  • 獲取直接選擇工具(A)。選擇路徑上的定位點並將其拖動到新位置。將此工具與錨點的把手一起使用,也可以編輯曲線。
  • 通過單擊並按住畫筆工具來選擇“添加錨點”工具。單擊路徑上的某個位置以手動添加新的定位點,然後將其拖動到位。這使你可以微調你的形狀。

三筆工具

Photoshop提供三種不同的畫筆:

three different pen tool opti***

  • 筆工具是默認的,也是最靈活的選項。對於初學者,我們建議主要用於繪製直線。當你越來越先進,你可能會發現你自己用它做任何事情。
  • 使用“自由形式筆”工具可以徒手繪製,與筆刷工具類似。它仍然會創建一個路徑,您可以在以後進行調整和編輯。繪製時會自動生成定位點。這是一個偉大的工具,如果你使用圖形平板電腦。
  • 曲率筆工具可以很容易地繪製曲線,而不需要像使用主筆工具那樣使用把手。

在photoshop中將圖像作為矢量進行跟蹤

一旦你學會了如何使用不同的鋼筆工具,你可以用它們來追蹤圖像。這就是如何將掃描過的草圖或照片中的對象轉化為矢量圖像。

打開Photoshop中的圖像並放大。現在選擇筆工具,並將第一個錨定點放置在要跟蹤的對象的邊界上。新圖形將自動轉到其自己的圖層上。繼續圍繞邊單擊以創建路徑。

trace image in photoshop

如果要跟蹤的對象是純背景,請嘗試在選項欄中激活“磁性”選項的自由形式筆工具。這會將路徑捕捉到對象的邊緣。

在photoshop中使用矢量文本

在Photoshop中使用文本是相當不言而喻的。選擇水平文本工具(T),單擊圖像畫布創建文本框,然後鍵入。你可以調整字體,大小,重量,以及其他一切,就像你在任何其他應用程序一樣。

對於普通文本,設置填充顏色,但不設置筆劃。僅對樣式化程度很高的文本應用筆劃。

完成後,可以將文本轉換為向量對象。選擇文本並轉到“類型”>“轉換為形狀”。這使您能夠訪問每個角色上的定位點,因此可以單獨調整它們。它很適合改變單個字母的顏色或調整字體的外觀。

convert text to shape

一旦轉換,文本將不再可編輯。最好是複製,然後隱藏原始文本層,以防需要備份。

管理矢量對象

為了創造你的藝術品,你需要所有這些物體在正確的位置和大小。下面是如何做到這一點:

  • 通過使用路徑選擇工具(A)選擇對象並將其拖動到位來移動對象。
  • 通過使用路徑選擇工具選擇對象,然後在Windows上按Ctrl+T或在Mac上按Cmd+T來調整對象的大小。這顯示了對象周圍的一個框。抓住車把沿邊緣和拖入或拖出調整大小。按住Shift鍵以保持原始縱橫比。
  • 通過將鼠標放在其中一個把手的外側來旋轉對象,直到光標變成旋轉圖標。現在單擊並拖動。
  • 通過單擊一個圖層並將其拖動到另一個圖層的上方或下方來重新排列對象。
  • 通過使用移動工具(V)(或按住Shift鍵並單擊多個圖層)選擇所有對象,然後使用選項欄中的對齊控件來對齊對象。

矢量圖形在photoshop中的應用

現在,您已經知道如何使用所有工具,可以將它們組合起來創建自己的矢量藝術作品:

working with vectors in photoshop

雖然Photoshop並不是專業平面設計的Illustrator的真正替代品,但它的功能卻出人意料地強大。對於一些簡單的東西,比如你想在其他文檔中使用的徽標、圖標和小圖片,這已經足夠了。

  • 發表於 2021-03-25 22:05
  • 閱讀 ( 51 )
  • 分類:IT

你可能感興趣的文章

adobe illustrator與coreldraw:哪一個更好?

...部分和單一的設計元素。熟練的設計師使用該應用程式來建立排版、徽標、圖案和圖示。 ...

  • 發佈於 2021-03-11 03:34
  • 閲讀 ( 46 )

如何在adobeillustrator中設計名片

...示的簡單、真實的模型影象。下載完檔案後,解壓它並在Photoshop中開啟PSD檔案。 ...

  • 發佈於 2021-03-14 00:31
  • 閲讀 ( 44 )

10個讓macbook pro觸控式螢幕發揮良好作用的應用程式

... 1adobe photoshop cc公司 ...

  • 發佈於 2021-03-14 21:25
  • 閲讀 ( 44 )

15個免費的photoshop資源用於你的資訊圖表

...您的技能水平和您對Adobe程式套件的熟悉程度,使用adobephotoshop建立資訊圖可能要容易得多。但是盯著一張空白的Photoshop畫布會很嚇人。集合、單個元素、圖示集、背景等的組合可能會成為在Photoshop中建立資訊圖的一個很好的跳...

  • 發佈於 2021-03-17 13:08
  • 閲讀 ( 57 )

什麼是人工智慧檔案?如何開啟它沒有adobe illustrator

... 在photoshop或gimp中開啟ai檔案 ...

  • 發佈於 2021-03-17 22:39
  • 閲讀 ( 55 )

adobe展示了其新的ipad繪圖應用程式fresco

... 你還可以在壁畫中使用Photoshop筆刷,包括凱爾韋伯斯特(kylewebster)建立的筆刷。你還可以使用向量畫筆來建立清晰的線條和形狀。溼壁畫還將提供圖層和掩蔽,並與其他土坯產品。 ...

  • 發佈於 2021-03-20 10:43
  • 閲讀 ( 42 )

7插畫師的基本工具、軟體和服務

... 2adobe photoshop ...

  • 發佈於 2021-03-21 18:58
  • 閲讀 ( 63 )

adobe lightroom、illustrator和photoshop的15個免費替代品

... 最好的免費adobe photoshop替代品 ...

  • 發佈於 2021-03-22 09:14
  • 閲讀 ( 53 )

如何在adobe photoshop中使用智慧物件

智慧物件是Photoshop中非常有用的功能。它們允許您編輯影象和新增過濾器而不損失任何質量。然而,他們並不那麼出名。 ...

  • 發佈於 2021-03-23 20:19
  • 閲讀 ( 56 )

12個地方找到免費的adobe illustrator模板

... 有些有多個版本,所以你可以在Photoshop、InDesign甚至Word中使用模板。 ...

  • 發佈於 2021-03-23 21:26
  • 閲讀 ( 60 )
獨角獸沒有角
獨角獸沒有角

0 篇文章

作家榜

  1. admin 0 文章
  2. 孫小欽 0 文章
  3. JVhby0 0 文章
  4. fvpvzrr 0 文章
  5. 0sus8kksc 0 文章
  6. zsfn1903 0 文章
  7. w91395898 0 文章
  8. SuperQueen123 0 文章