Sa artikulong ito ng tulong, ipapakita ko sa iyo kung gaano kadaling magdagdag ng mga arrow sa iyong komposisyon sa Inkscape! Ang mga arrow ay isang mahusay na paraan upang pagandahin ang iyong mga graphics, bigyang pansin ang mga item sa isang komposisyon, o kahit na ipakita ang mga koneksyon sa pagitan ng mga bagay, bukod sa iba pang mga gamit. Pasukin natin ito!

Hakbang 1: Gumuhit ng Landas

Para sa panimula, gugustuhin mong gumuhit ng landas gamit ang Pen Tool (kilala rin bilang "Draw Bezier Curves Tool" o "Paths Tool"), na maaari mong ma-access sa pamamagitan ng icon sa Toolbox (pulang arrow sa larawan sa itaas ) o sa pamamagitan ng paggamit ng "B" na shortcut key. Tandaan na maaari kang lumikha ng mga arrow mula sa alinman sa tuwid o hubog na mga linya. Para sa halimbawang ito, gumuhit lang ako ng isang tuwid na linya upang gawing madali ang mga bagay.

Kapag napili ang Pen Tool, mag-left-click sa iyong komposisyon upang gawin ang iyong unang node (pulang arrow sa larawan sa itaas).

Susunod, ilipat ang iyong mouse sa lokasyon kung saan mo gustong ilagay ang iyong pangalawang node, pagkatapos ay mag-left-click muli upang gawin ang node (pulang arrow sa larawan sa itaas). Tandaan na kung hawak mo ang ctrl key sa iyong keyboard habang kinakaladkad mo ang iyong mouse, iguguhit nito ang iyong linya sa "straight line mode."

Hakbang 2: I-customize ang Mga Setting ng Linya at Magdagdag ng Mga Marker sa Iyong Path

Ngayong naiguhit ko na ang aking landas, kukunin ko ang aking piling tool mula sa Toolbox (pulang arrow sa larawan sa itaas). Magdaragdag ito ng mga transform handle sa paligid ng aking landas (berdeng arrow), na nagpapahintulot sa akin na sukatin ang landas upang baguhin ang laki nito. Maaari ko ring muling iposisyon ang landas gamit ang Select tool kung kailangan ko sa pamamagitan ng pag-click at pag-drag sa linya gamit ang aking mouse.

Sa ibabang kaliwang sulok ng screen makikita mo ang impormasyon sa pag-istilo para sa aking landas. Sa ilalim ng "Stroke" makakakita ka ng isang parihaba na may kulay na nagpapahiwatig ng kulay ng aking stroke (pulang arrow sa larawan sa itaas), at sa tabi ng kahon na iyon ay makikita mo ang isang numero na nagpapahiwatig ng kapal ng aking stroke (asul na arrow sa larawan - sa halimbawang ito ang stroke width ay "1.00" pixels). Dahil ang aming linya ay isang landas, ginagamit nito ang opsyong "Stroke" upang kunin ang mga katangian ng kulay nito, hindi ang opsyong "Punan".

Kung i-double click ko ang kulay ng stroke (muli, pulang arrow sa larawan sa itaas), magbubukas ang dialog na "Fill and Stroke" (nakabalangkas sa berde). Bilang default, dadalhin ka sa tab na "Stroke paint" kung saan maaari mong baguhin ang kulay ng stroke. Mag-navigate sa tab na “Stroke style” (berdeng arrow).

Sa ilalim ng tab na ito ay kung saan maaari mong baguhin ang laki ng iyong stroke (aka iyong linya), at magdagdag ng mga arrow sa alinmang dulo ng iyong landas. Kung gusto kong gawing mas makapal ang aking linya, maaari kong i-type ang "50" sa field na may label na "Lapad" (pulang arrow sa larawan sa itaas) at pindutin ang enter key (maaari mo ring baguhin ang mga unit gamit ang dropdown sa kanan nito. field – berdeng arrow). Makikita mong mas makapal na ngayon ang linya ko.

Ang dropdown na "Dashes" (pulang arrow sa larawan sa itaas) ay nagbibigay-daan sa iyong baguhin ang istilo ng iyong landas. Bilang default, ang iyong landas ay magiging isang linya, ngunit maaari mo itong baguhin sa alinman sa iba't ibang mga tuldok, gitling, o kumbinasyon ng mga tuldok at gitling (nakabalangkas sa berde sa larawan sa itaas). Itatago ko ang aking landas bilang isang simpleng linya.

Ang susunod na opsyon ay may label na "Mga Marker" - dito ka magdaragdag ng mga arrowhead sa iyong linya. Makakakita ka ng tatlong dropdown dito – isa sa kaliwa, isa sa gitna, at isa sa kanan.

Ang dropdown sa kaliwa (pulang arrow sa larawan sa itaas) ay magdaragdag ng arrow sa panimulang node ng iyong landas (sa madaling salita, ang unang node na iginuhit mo noong nilikha mo ang iyong landas). Mag-click lamang sa isang icon ng arrowhead mula sa dropdown (berdeng arrow) upang idagdag ito sa panimulang dulo ng iyong landas.

Hakbang 3: I-customize ang Iyong Arrowhead

Mayroong ilang mga default na katangian ng arrowhead (o marker) na maaari mong i-customize. Halimbawa, ang iyong arrowhead ay magiging parehong kapal ng iyong linya o landas. Dagdag pa, kung ang iyong panimulang punto ay nasa kaliwang bahagi ng iyong linya, ang arrowhead ay haharap o ituturo sa kaliwa. Sa wakas, ang arrowhead ay matatagpuan nang eksakto sa dulo ng iyong linya (sa halip na magkaroon ng ilang espasyo sa pagitan ng linya at ang arrowhead). Ang lahat ng mga default na istilong ito ay maaaring i-edit sa Inkscape.

Kung hindi mo gustong maging kapareho ng kapal ng iyong linya ang iyong arrowhead, maaari mong baguhin ang laki nito gamit ang mga numerical na field na “Size X” at “Size Y” (nakabalangkas sa berde sa larawan sa itaas). Halimbawa, kung babaguhin ko ang value ng “Size X” sa “10” (pulang arrow), pagkatapos ay pindutin ang tab key sa aking keyboard, awtomatikong mag-a-update ang value ng “Size Y” at magiging mas malaki na ngayon ang aking arrow kaysa sa aking landas. .

Kung mag-click ako sa orihinal na icon ng arrowhead (pulang arrow sa larawan sa itaas), ang aking mga setting ay magre-reset pabalik sa mga default.

Tandaan na mayroong icon ng chain-link sa kaliwa ng mga field ng laki (berdeng arrow sa larawan sa itaas) na nagbibigay-daan sa iyong i-toggle kung gusto mo o hindi na magkasabay ang laki ng mga halaga ng X at Size Y. Kapag na-unlink, maaari mong baguhin ang value na “Size X” nang hindi nito binabago ang value na “Size Y”.

Halimbawa, kung i-click ko ang icon upang i-unlink ang dalawang field ng laki, pagkatapos ay i-type ang "10" para sa "Size X" na asul na arrow sa larawan sa itaas), makikita mo na ang aking arrow ay magbabago na ngayon ng laki sa X axis ngunit hindi ang Y. axis (ang field na "Size Y" ay nananatili sa "6.707" sa halimbawang ito). Ginagawa nitong parang nakaunat ang aking arrow sa kahabaan ng X axis. Kung mag-click ako sa orihinal na icon ng arrowhead, ang aking mga setting ay magre-reset pabalik sa mga default (pulang arrow sa larawan sa itaas).

Sa ibaba ng mga field na "Size X" at "Size Y" ay ang checkbox na "Scale with stroke" (pulang arrow sa larawan sa itaas). Kapag nilagyan ng check, awtomatikong mananatiling proporsyonal ang laki ng iyong arrowhead sa laki ng iyong landas. Halimbawa, habang ginagawa mong mas makapal ang stroke ng iyong landas (tulad ng ginawa namin kanina), nagiging mas makapal ang arrowhead.

Kapag na-uncheck (tulad ng nasa larawan sa itaas), hindi mananatiling proporsyonal ang arrowhead sa laki ng iyong landas. Sa halip, ito ay anumang laki na itinakda sa mga field na "Size X" at "Size Y". Sa halimbawang ito, ang kapal ng aking landas ay nakatakda sa 50 pixels, ngunit ang laki ng aking arrow ay nakatakda sa 4.061 pixels at 6.707 pixels para sa aking mga X at Y na halaga. Bilang resulta, nang hindi naka-check ang kahon na "Scale with stroke", ang aking arrowhead ay mas maliit kaysa sa aking landas at karaniwang hindi na nakikita ngayon.

Kung hawak ko ang ctrl at gagamitin ang gulong ng aking mouse upang mag-zoom in sa arrow, makikita mo na ang arrowhead ay talagang naroroon (pulang arrow), kahit na ito ay medyo maliit. Hahawakan ko ang ctrl at gagamitin ko ang gulong ng mouse ko para mag-zoom back out. Pananatilihin kong naka-check ang opsyong “Scale with Stroke”.

Ang susunod na opsyon ay ang opsyong "Orientasyon" (nakabalangkas sa berde sa larawan sa itaas). Nagbibigay-daan ito sa iyong baguhin kung paano naka-orient ang arrowhead o marker sa landas. Bilang default, ang iyong arrowhead ay itatakda sa unang opsyon, "Orient along the path, reversing at the start" (asul na arrow sa larawan sa itaas). Ang opsyong ito ay kung bakit nagsisimulang nakaharap sa kaliwa ang ating arrowhead sa simula ng ating landas.

Maaari kong baligtarin ang direksyon ng arrowhead na ito sa pamamagitan ng pag-click sa susunod na opsyon, "Orient along the path" (pulang arrow sa larawan sa itaas). Ngayon ang lahat ng mga arrow ay tumuturo sa parehong direksyon, na sa kasong ito ay nangangahulugan na ang panimulang arrow ngayon ay tumuturo sa kanan.

Ang susunod na opsyon, "Nakatakdang tinukoy na anggulo" (pulang arrow sa larawan sa itaas), ay nagpapahintulot sa iyo na baguhin ang anggulo ng arrowhead sa landas. Kapag pinagana, magiging aktibo ang field na "Fixed angle" sa ibaba ng mga icon na ito at maaari kang manu-manong magtakda ng anggulo para sa iyong arrowhead.

Halimbawa, maaari kong i-type ang "-30" (berdeng arrow sa larawan sa itaas) at ang aking arrowhead ay iikot pababa ng 30 degrees.

Papalitan ko ang arrowhead pabalik sa default na setting sa pamamagitan ng pag-click sa unang icon, "Orient along the path, reversing at the start."

Ang huling icon ay ang icon na “I-flip marker nang pahalang” (pulang arrow sa larawan sa itaas). Ang pag-click sa opsyong ito ay i-flip ang iyong arrowhead nang sa gayon ay nakaharap na ito sa kabilang direksyon.

I-click ko muli ang icon na "Flip" upang ibalik ang arrow sa default na posisyon nito.

Maaari mo ring i-offset ang arrowhead mula sa simula ng iyong landas gamit ang mga field na "Offset X" at "Offset Y" (nakabalangkas sa berde sa larawan sa itaas). Bilang default, itatakda ang mga ito sa 0. Kung tataasan mo ang halaga ng "Offset X" gamit ang icon na "+" o sa pamamagitan ng manu-manong pag-type ng value (nag-type ako ng 5 sa halimbawa sa itaas - pulang arrow), ang arrowhead o marker ay lumipat sa kanan sa daanan.

Kung babaan mo ang halaga ng "Offset X" gamit ang icon na "-" o sa pamamagitan ng manu-manong pag-type ng negatibong halaga (nag-type ako ng minus 5 sa halimbawa sa itaas - pulang arrow), lilipat ang arrowhead sa kaliwa kasama ang landas.

Sa kabilang banda, kung tataas o babaan mo ang halaga ng "Offset Y" (pulang arrow sa larawan sa itaas), lilipat pababa o pataas ang arrowhead kaugnay ng orihinal na landas.

Babaguhin ko ang parehong mga halaga ng Offset X at Y sa 0 upang bumalik sa default na posisyon para sa aking arrowhead.

Ang huling opsyon na makikita mo para sa diyalogong ito ay ang button na "I-edit sa Canvas" sa ibaba lamang ng preview ng arrow (pulang arrow sa larawan sa itaas). Ang pag-click dito ay nagbibigay-daan sa iyong i-customize ang iyong arrowhead o marker gamit ang iyong mouse nang direkta sa canvas.

Makikita mong mayroong ilang mga hawakan sa paligid ng arrowhead. Ang nasa gitna (asul na arrow sa larawan sa itaas) ay nagbibigay-daan sa iyong muling iposisyon ang arrowhead sa anumang direksyon (pataas, pababa, kaliwa, o kanan). Hinahayaan ka ng mga parisukat na hawakan (pulang arrow) na baguhin ang mga halaga ng Sukat X at Sukat Y, tulad ng tinalakay namin kanina - ibig sabihin, maaari mong sukatin ang arrowhead pataas o pababa. At hinahayaan ka ng pabilog na hawakan (berdeng arrow) na paikutin ang arrowhead (sa gayon ay binabago ang halaga ng "Fixed angle" na tinalakay namin kanina).

Kung palawakin ko ang unang dropdown ng Marker sa Fill and Stroke dialogue (pulang arrow sa larawan sa itaas), makikita mo ang lahat ng bagong setting batay sa on-canvas na mga pag-edit na ginawa ko (nakabalangkas sa berde). Kung mag-click ako sa orihinal na icon ng arrowhead (asul na arrow sa larawan sa itaas), ang aking mga setting ay magre-reset pabalik sa mga default.

Hakbang 4: Magdagdag ng Mga Karagdagang Marker o Arrowhead

Ang lahat ng mga setting na tinalakay namin para sa kaliwang marker dropdown ay nalalapat din sa kanang marker dropdown na opsyon (pulang arrow sa larawan sa itaas). Ang pagkakaiba lang ay kapag nag-click ka sa isang marker sa dropdown sa dulong kanan, nagdaragdag ito ng marker sa dulo ng iyong landas (asul na arrow). Bukod pa rito, ang arrow ay nakaharap sa tapat na direksyon (sa kanan) ng unang arrowhead, sa kondisyon na mayroon ka pa ring icon na "Orient along the path, reversing at the start."

Ang mga arrow sa magkabilang dulo ng iyong landas ay independiyente sa isa't isa, kaya maaari kang pumili ng anumang istilong arrowhead o marker mula sa dropdown na ito at i-customize ang mga setting upang maging iba ito sa unang arrowhead na na-set up namin.

Itatago ko ang aking mga arrowhead sa parehong istilo para sa pagkakapare-pareho ng disenyo, bagaman.

Ang dropdown na "Mid Marker" (pulang arrow sa larawan sa itaas) ay magdaragdag ng mga marker o arrowhead sa lahat ng iba pang node sa iyong landas na nasa pagitan ng iyong una at huling mga node. Sa ngayon, wala akong ibang node sa aking landas, kaya walang magagawa ang pagpili ng marker mula sa dropdown na ito.

Gayunpaman, kung kukunin ko ang tool na "I-edit ang mga landas sa pamamagitan ng mga node" mula sa Toolbox (pulang arrow sa larawan sa itaas), pagkatapos ay i-double click saanman sa aking landas (asul na arrow), isang bagong node ang gagawin sa aking landas at isang arrowhead ay idadagdag sa node na iyon.

Tulad ng iba pang dalawang dropdown, maaari mong i-customize ang mga setting para sa iyong mga arrowhead o marker upang baguhin ang laki, muling i-orient, o baguhin ang direksyon ng iyong mga marker para sa mga "Mid Marker" na ito. Ang anumang setting na ilalapat mo sa pamamagitan ng gitnang dropdown ay malalapat sa lahat ng mga arrow sa pagitan ng una at huling node na iyong ginawa. Dito makikita mo na tinanggal ko ang check sa opsyong "Scale with stroke" (pulang arrow sa larawan sa itaas), pagkatapos ay itakda ang laki ng X value sa "25" (berdeng arrow). Ngayon, ang lahat ng mga arrow sa gitna ng aking landas (asul na arrow) ay mas maliit kaysa sa mga arrow sa magkabilang dulo ng landas.

Hakbang 5: Baguhin ang Kulay ng Iyong Mga Arrow

Upang palitan ang kulay ng iyong landas at mga arrow anumang oras, mag-shift+click sa isang color swatch sa panel na “Mga Swatch” sa ibaba ng canvas. Halimbawa, kung mag-shift+click ako sa kulay na pula (asul na arrow), babaguhin nito ang kulay ng aking landas sa pula.

Ang isang bagay na maaaring napansin mo ay ang mga panlabas na arrowhead ay hindi nagbago ng kanilang kulay, samantalang ang mga panloob na arrowhead ay nagbago. Ito ay isang bug na umiiral sa Inkscape na bersyon 1.1 at 1.2. Upang ayusin ito, maaari mong bawasan ang laki ng lapad ng stroke sa pamamagitan ng pag-click sa simbolo na "-" sa field na "Lapad", pagkatapos ay dagdagan itong muli sa pag-click sa simbolo na "+" (berdeng arrow sa larawan sa itaas). Ang mga arrowhead ay dapat magbago ng kulay sa maliit na pagbabagong ito (sana ayusin nila ang bug na ito sa malapit na hinaharap).

Iyon lang para sa artikulo ng tulong ng Inkscape na ito! Kung nasiyahan ka o nakitang kapaki-pakinabang ito, maaari mong tingnan ang aking iba pa Mga artikulo ng tulong sa Inkscape or Mga video tutorial sa Inkscape sa aking site.

Davies Media Design Libreng Creative Apps Email Newsletter

Mag-subscribe sa DMD Newsletter

Mag-sign up para makatanggap ng mga bagong tutorial, update sa kurso, at pinakabagong balita sa iyong mga paboritong libreng creative app!

Matagumpay mo na Naka-subscribe!

Pin ito ng on Pinterest