Lumilikha at Nagtatrabaho Sa Mga Vector Graphics sa Adobe Photoshop

Adobe Illustrator ay ang pamantayang aplikasyon ng industriya para sa graphic na disenyo. Ito ang pinakamahusay na tool para sa pagtatrabaho sa mga file na nakabatay sa vector.

Nakalulungkot na hindi lahat ay may Illustrator, ngunit maraming tao ang mayroong Photoshop. At ang Photoshop ay may pangunahing suporta para sa mga imahe ng vector. Sa gabay na ito, titingnan namin kung paano gumawa ng vector art sa Photoshop bilang isang kapalit na Illustrator.

Ano ang Isang Imahe ng Vector?

Pangunahing idinisenyo ang Photoshop para sa mga imahe ng raster. Ito ang mga polygonal na imahe na iginuhit ng pixel ayon sa pixel. Sinusuportahan nila ang napakalaking detalye, at ginagamit para sa mga larawan. Ang laki ng file ay maaaring malaki, bagaman, at hindi mo maaaring palakihin ang mga ito nang walang pagkawala ng kalidad.

Mga imahe ng vector ay mga linya at curve na nabuo ng mga pormula ng matematika. Nangangahulugan ito na maaari mong baguhin ang laki sa kanila nang walang hanggan, at ang mga laki ng file ay madalas na napakaliit. Mahusay ang mga vector para sa gawaing graphic design, kabilang ang pagdidisenyo ng mga logo at icon. Maaari mong kahit i-convert ang mga imahe sa mga vector graphics sa Adobe Illustrator .

Ang isang piraso ng vector art ay binubuo ng maraming mga bagay. Ang bawat bagay ay isang linya o hugis na ang gilid ay tinukoy ng isang landas. Sa Photoshop, ang landas ay ipinapakita bilang isang manipis na asul na linya (kahit na hindi nakikita ito sa teknikal).

Maaari kang maglapat ng dalawang uri ng kulay sa bawat object:

SA Stroke ay isang linya na sumusunod sa landas.
SA Punan nagdadagdag ng isang solidong kulay o pattern sa puwang na napapaligiran ng landas.

Itinakda mo ang pareho sa mga pagpipilian bar sa tuktok ng screen. Maaari mo ring itakda ang alinman sa Walang Kulay kung nais mong sila ay manatiling blangko. Para sa stroke, maaari mo ring itakda ang kapal sa mga pixel at ang estilo. Ang isang solidong linya ay ang default.

Sa Photoshop, gumuhit ka ng mga imahe ng vector na may mga hugis, linya, at teksto.

Gumuhit ng Mga Vector Shapes at Line

Ang Photoshop ay may kasamang mga tool para sa pagguhit ng maraming mga karaniwang hugis. Bilang default, ang Rectangle Tool ay naka-highlight. I-click at hawakan ang icon na iyon upang ipakita ang buong hanay ng mga tool:

Rectangle Tool
Rounded Rectangle Tool
Kasangkapan sa Elipse
Polygon Tool
Line Tool
Pasadyang Hugis na Tool

Maaari mong palaging piliin ang naka-highlight na tool sa pamamagitan ng pagpindot U sa iyong keyboard. Bilang kahalili, pindutin Shift + U upang paikutin ang mga tool hanggang sa makita mo ang nais mo.

Upang gumana nang mas mabilis, magandang ideya na matuto nang higit pa Mga shortcut sa Photoshop keyboard .

Gumuhit ng Pangunahing Mga Hugis ng Vector

Piliin ang tool para sa hugis na nais mong iguhit, pagkatapos ay idagdag ang iyong Punan at Stroke mga kulay.

Ngayon mag-click at i-drag sa iyong canvas. Ang hugis ay iginuhit mula sa sulok sa alinmang direksyong iyong hinihila. Upang lumikha ng isang simetriko na hugis, tulad ng isang bilog o parisukat, pindutin nang matagal ang Shift susi

Upang gumuhit ng isang tatsulok, piliin ang Polygon Tool . Mag-click nang isang beses sa iyong canvas upang buksan ang Lumikha ng Polygon kahon ng mga setting. Itakda Bilang ng mga panig sa 3 .

Baguhin at I-edit ang Mga Hugis ng Vector

Hindi ka pinaghihigpitan sa pangunahing mga hugis kapag lumilikha ng mga vector graphics sa Photoshop. Maaari silang mabago nang napakabilis.

hindi ko alam kung ano ang hahanapin

Una, piliin ang hugis. Itatampok nito ang hugis, at ipapakita ang mga anchor point kasama ang daanan nito. Ito ang mga punto kung saan ang hugis ay may mga sulok o kurba.

Piliin ang Direktang Selection Tool mula sa toolbar (i-click at hawakan ang Tool sa Pagpili ng Path icon upang hanapin ito, o pindutin Shift + A ). Ngayon i-click ang isa sa mga puntos ng angkla at i-drag ito sa anumang direksyon upang mai-deform ang hugis.

Para sa higit pang mga advanced na pag-edit, ilipat ang dalawa o higit pang mga anchor point nang sabay.

Mag-click sa isa upang mai-highlight ito, pagkatapos Shift + click isa pa. Ngayon gamitin ang mga cursor key sa iyong keyboard upang ilipat ang parehong mga puntos nang sabay-sabay.

Pagsamahin at Pagsamahin ang Mga Hugis ng Vector

Para sa mas kumplikadong mga hugis, maaari mong gamitin Mga Pagpapatakbo ng Path . Pinapayagan ka nitong pagsamahin ang maraming mga hugis sa iisang mga bago.

Magsimula sa pamamagitan ng pagguhit ng isang hugis sa iyong canvas. Susunod, i-click ang Mga Pagpapatakbo ng Path pindutan sa options bar sa tuktok ng screen. Karaniwan, ang bawat bagong landas o hugis ay papunta sa sarili nitong layer. Baguhin iyon sa pamamagitan ng pag-click Pagsamahin ang Mga Hugis .

Gumuhit ngayon ng ibang hugis. Mapupunta ito sa parehong layer ng iyong unang hugis.

Kapag kailangan mong ilipat ang mga bagay nang paisa-isa, gamitin ang Tool sa Pagpili ng Path .

I-drag ang pangalawang hugis upang ma-overlap nito ang una. Ang dalawa ay nagsasama sa isang solong hugis, bagaman mananatili silang magkakahiwalay na mga bagay. Mag-click Pagsamahin ang Mga Bahagi ng Hugis sa Mga Pagpapatakbo ng Path upang pagsamahin ang mga ito sa iisang bagay.

paano malalaman kung ang telepono ay na-tap

Gamitin ang Tool sa Pagpili ng Path upang piliin ang pangalawang hugis na iginuhit mo. Ngayon, sa Mga Pagpapatakbo ng Path pumili ka Ibawas ang Hugis sa Harap . Tatanggalin ang hugis, kasama ang lugar kung saan nagsasapawan ito sa unang hugis.

I-highlight ang parehong mga hugis. Sa Mga Pagpapatakbo ng Path pumili ka Intersect hugis na mga lugar . Tinatanggal nito ang parehong mga hugis, bukod sa mga lugar kung saan sila nagsasapawan. Ginagamit namin ang pagpipiliang ito upang lumikha ng isang semi-bilog.

Panghuli, i-highlight ang parehong mga hugis at piliin Ibukod ang Nag-o-overlap na Mga Hugis . Inaalis nito ang lugar kung saan nagsasapawan ang dalawang hugis, at iniiwan ang lahat nang buo pa.

Ang mga tool na ito ay isang mabisang paraan upang makabuo ng mga bagong hugis, o upang hatiin o gupitin ang mga piraso ng mga mayroon nang. Nagtatrabaho sila sa Tool sa Panulat at Text din.

Gumuhit ng Mga Linya ng Vector

Mayroong dalawang iba pang mga tool na nauugnay sa hugis upang malaman. Una ay ang Line Tool .

Piliin ang tool, at itakda ang Taas sa options bar. Itinatakda nito ang kapal ng linya. Pagkatapos mag-click at i-drag sa iyong dokumento upang iguhit ito. Hawakan ang Shift susi upang mai-snap ang linya sa zero o 90 degree.

Ang tool na ito ay mayroong ilang mga nakatagong tampok, ngunit sa karamihan ng bahagi, gagamitin mo ito upang gumuhit ng isang tuwid na linya.

Gumuhit ng Mga Custom na Vector Shapes

Panghuli, ang Pasadyang Hugis na Tool . Itakda ang mga kulay ng pagpuno at stroke, pagkatapos ay i-click ang Hugis pagpipilian sa options bar. Dito, maaari kang pumili ng isa sa hindi mabilang na mga preset na pasadyang pasadyang hugis na ibinibigay ng Photoshop.

Upang magdagdag ng higit pang mga hugis na lampas sa paunang pagpipilian, i-click ang Mga setting cog, at pumili ng isang kategorya upang idagdag. Mayroong mga hugis para sa lahat ng paggamit — mga icon, bula ng pagsasalita, arrow, texture at marami pa. Maaari mo ring mai-load ang mga hugis ng third-party.

Mag-click at i-drag upang idagdag ang hugis sa iyong imahe. Maaari ka ring mag-click sa canvas upang tukuyin ang isang eksaktong lapad at taas.

Pagguhit ng Mga Vector Gamit ang Pen Tool

Kung mayroon kang anumang karanasan sa Illustrator, malalaman mong ginagamit mo ang Paintbrush Tool para sa malayang pagguhit. Ang Photoshop ay mayroong Brush Tool na gumagawa ng katulad na trabaho. Ngunit sa Photoshop ang tool ay hindi nakabatay sa vector, kaya hindi mo dapat gamitin ito para sa pagguhit. Dapat mong gamitin ang Tool sa Panulat sa halip

Ang Pen Tool ay isa sa pinakamakapangyarihang tampok sa Photoshop. Malaking gagamitin mo ito habang nag-e-edit ng larawan sa Photoshop, dahil nagbibigay-daan ito sa iyo upang lumikha ng mga napaka tumpak na pagpipilian. Mahusay din ito para sa pagguhit at vector art.

Magsimula Sa Pen Tool

Gumagana ang Pen Tool sa pamamagitan ng pagguhit ng isang landas sa pagitan ng mga anchor point na nilikha mo kapag nag-click ka sa canvas. Magdagdag ng isang stroke sa landas at maaari kang gumuhit ng isang balangkas; magdagdag ng isang punan at maaari kang gumuhit ng isang solidong bagay.

Narito ang isang mabilis na panimulang aklat upang makapagsimula ka:

kung paano hanapin ang iyong modelo ng motherboard

Piliin ang Pen Tool (P) . Mag-click sa canvas ng imahe upang mag-drop ng isang anchor point.
Ilipat ang cursor ng ilang pulgada at i-click muli upang mahulog ang isa pang anchor point. Gagawa ng isang landas upang ikonekta ang dalawa. Itakda ang stroke sa 5px, itim, upang matulungan kang makita itong mas mahusay.
I-click ang ilang beses pa upang mabuo ang landas. Mag-click at i-drag upang lumikha ng isang curved path. Magdaragdag din ito ng mga handlebar sa anchor point. I-drag ang mga ito upang makontrol ang anggulo at lalim ng curve.
Mag-click Pasok upang lumikha ng isang bukas na landas (isang linya), o i-click ang unang anchor point upang lumikha ng isang saradong landas (isang hugis).

Ano ang kapaki-pakinabang sa Pen Tool ay maaari kang bumalik at i-edit ang iyong hugis anumang oras:

Kunin ang Direktang Selection Tool (A) . Pumili ng isang anchor point sa path at i-drag ito sa isang bagong posisyon. Gamitin ang tool na ito gamit ang mga handlebar ng isang anchor point upang mag-edit din ng isang curve.
Piliin ang Magdagdag ng Anchor Point Tool sa pamamagitan ng pag-click at pagpindot sa Pen Tool. Mag-click sa kung saan sa path upang manu-manong magdagdag ng isang bagong anchor point, pagkatapos ay i-drag ito sa lugar. Nagbibigay-daan ito sa iyo upang maayos ang iyong hugis.

Tatlong Tools ng Panulat

Nag-aalok ang Photoshop ng tatlong magkakaibang panulat para sa pagguhit:

Ang Tool sa Panulat ay ang default, at pinaka-kakayahang umangkop na pagpipilian. Para sa mga nagsisimula, inirerekumenda naming gamitin ito lalo na para sa pagguhit ng mga tuwid na linya. Sa pag-unlad mo, maaari mong makita ang iyong sarili na ginagamit ito para sa lahat.
Ang Freeform Pen Tool hinahayaan kang gumuhit ng freehand, katulad ng Brush Tool. Lumilikha pa rin ito ng isang landas na maaari mong i-tweak at mai-edit sa paglaon. Ang mga anchor point ay awtomatikong nabuo habang gumuhit ka. Ito ay isang mahusay na tool kung gumamit ka ng a graphics tablet .
Ang Curvature Pen Tool ginagawang madali upang gumuhit ng mga curve nang hindi nangangailangan upang i-play sa mga handlebars tulad ng ginagawa mo sa pangunahing Pen Tool.

Subaybayan ang isang Imahe bilang isang Vector sa Photoshop

Sa sandaling natutunan mo kung paano gamitin ang iba't ibang mga tool sa panulat, maaari mo itong magamit upang subaybayan ang mga imahe. Ito ang paraan kung paano mo ginawang isang imahe ng vector ang isang sketch na na-scan mo, o isang bagay sa isang larawan.

Buksan ang imahe sa Photoshop at mag-zoom in. Ngayon piliin ang Tool sa Panulat at ilagay ang iyong unang anchor point sa hangganan ng bagay na nais mong subaybayan. Ang iyong bagong pagguhit ay awtomatikong mapupunta sa sarili nitong layer. Magpatuloy na pag-click sa paligid ng mga gilid upang likhain ang iyong landas.

Kung ang bagay na iyong sinusubaybayan ay laban sa isang simpleng background, subukan ang Freeform Pen Tool kasama ang Pang-akit ang opsyon ay naaktibo sa options bar. Ang snaps mo ang iyong landas sa gilid ng object.

Makipagtulungan Sa Teksto ng Vector sa Photoshop

Ang paggamit ng teksto sa Photoshop ay medyo nagpapaliwanag. Piliin ang Pahalang na Tool ng Teksto (T) , mag-click sa image canvas upang lumikha ng isang text box, pagkatapos ay i-type. Maaari mong ayusin ang font, laki, timbang, at lahat ng iba pa, tulad ng gagawin mo sa anumang iba pang app.

Para sa normal na teksto, magtakda ng isang kulay ng pagpuno ngunit walang stroke. Mag-apply lamang ng isang stroke para sa mabigat na istilo ng teksto.

Kapag tapos ka na, maaari mong mai-convert ang teksto sa isang vector object. Piliin ang teksto at pumunta sa I-type> I-convert sa Hugis . Pinapayagan ka nitong ma-access ang mga puntos ng angkla sa bawat character, upang maaari mong i-tweak ang mga ito nang paisa-isa. Mabuti para sa pagbabago ng kulay ng isang solong titik o pag-aayos ng hitsura ng font.

Kapag na-convert, ang teksto ay hindi na mae-e-edit. Magandang ideya na mag-duplicate, at pagkatapos ay itago ang orihinal na layer ng teksto, kung sakali kailangan mo ng isang backup.

Pamamahala ng Mga Bagay na Vector

Upang likhain ang iyong likhang-sining, kailangan mo ang lahat ng mga bagay na ito upang maging nasa tamang posisyon at sa tamang sukat. Narito kung paano ito gawin:

Ilipat ang mga bagay sa pamamagitan ng pagpili sa kanila ng Tool sa Pagpili ng Path (A) at hinihila ang mga ito sa lugar.
Baguhin ang laki ng mga bagay sa pamamagitan ng pagpili sa kanila ng Tool sa Pagpili ng Path pagkatapos ay pagpindot Ctrl + T sa Windows o Cmd + T sa Mac. Ipinapakita nito ang isang kahon sa paligid ng bagay. Grab ang isang hawakan sa gilid at i-drag sa o palabas upang baguhin ang laki. Hawakan ang Shift susi upang mapanatili ang orihinal na ratio ng aspeto.
Paikutin ang isang bagay sa pamamagitan ng paghawak ng iyong mouse sa labas lamang ng isa sa mga handlebars hanggang ang cursor ay maging isang rotate icon. Ngayon mag-click at i-drag.
Muling ayusin ang mga bagay sa pamamagitan ng pag-click sa isang layer at pag-drag ito sa itaas o sa ibaba ng isa pang layer.
Ihanay ang mga bagay sa pamamagitan ng pagpili sa kanilang lahat ng Ilipat ang Tool (V) (o humahawak Shift at pag-click sa maraming mga layer), pagkatapos ay gamit ang mga kontrol ng pag-align sa options bar.

Mga Vector Graphics sa Photoshop: Pagsamahin Lahat

Ngayon na alam mo kung paano gamitin ang lahat ng mga tool, maaari mong pagsamahin ang mga ito upang lumikha ng iyong sariling mga piraso ng vector art:

Habang ang Photoshop ay hindi isang tunay na kahalili sa Illustrator para sa propesyonal na disenyo ng grapiko, nakakagulat na malakas ito. Para sa mga simpleng bagay tulad ng mga logo, icon, at maliliit na imahe na nais mong gamitin sa ibang mga dokumento, higit pa sa sapat na mahusay.

Magbahagi Magbahagi Mag-tweet Email Adobe Illustrator vs. Photoshop: Ano ang Pagkakaiba?

Nilinaw namin ang anumang pagkalito tungkol sa mga pagkakaiba sa pagitan ng dalawang mga suite sa pag-edit ng imahe.

Basahin Susunod Mga Kaugnay na Paksa

Malikhain
Adobe Photoshop
Mga Vector Graphics
Adobe Creative Cloud
Tutorial sa Photoshop

Tungkol sa May-akda Andy Betts(221 Mga Artikulo Na-publish)

Si Andy ay dating print journalist at magazine editor na nagsusulat tungkol sa teknolohiya sa loob ng 15 taon. Sa oras na iyon ay nag-ambag siya sa hindi mabilang na mga publication at gumawa ng gawaing copywriting para sa mga malalaking kumpanya ng tech. Nagbigay din siya ng ekspertong komento para sa media at nag-host ng mga panel sa mga kaganapan sa industriya.

Higit Pa Mula sa Andy Betts

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe