Tässä ohjeartikkelissa näytän sinulle, kuinka helppoa on lisätä nuolet Inkscape-koostumukseen! Nuolet ovat loistava tapa piristää grafiikkaa, kiinnittää huomiota sommitelman esineisiin tai jopa esitellä objektien välisiä yhteyksiä muun muassa. Mennään asiaan!

Vaihe 1: Piirrä polku

Ensinnäkin kannattaa piirtää polku kynätyökalulla (tunnetaan myös nimellä "Draw Bezier Curves Tool" tai "Paths Tool"), jota pääset käsiksi Toolboxin kuvakkeen kautta (punainen nuoli yllä olevassa kuvassa ) tai käyttämällä B-pikanäppäintä. Huomaa, että voit luoda nuolia joko suorista tai kaarevista viivoista. Tässä esimerkissä piirrän vain suoran viivan asioiden helpottamiseksi.

Kun kynätyökalu on valittuna, napsauta kokoonpanoasi hiiren vasemmalla painikkeella luodaksesi ensimmäinen solmu (punainen nuoli yllä olevassa kuvassa).

Siirrä seuraavaksi hiiri paikkaan, johon haluat sijoittaa toisen solmun, ja napsauta sitten vielä kerran vasenta painiketta luodaksesi solmun (punainen nuoli yllä olevassa kuvassa). Huomaa, että jos pidät näppäimistön ctrl-näppäintä painettuna, kun vedät hiirtä, se piirtää viivasi "suoraviivatilassa".

Vaihe 2: Mukauta linja-asetuksia ja lisää merkkejä polullesi

Nyt kun olen piirtänyt polkuni, nappaan valintatyökaluni Toolboxista (punainen nuoli yllä olevassa kuvassa). Tämä lisää polkuni ympärille muunnoskahvat (vihreä nuoli), joiden avulla voin skaalata polun kokoa. Voin myös tarvittaessa sijoittaa polun uudelleen valintatyökalulla napsauttamalla ja vetämällä viivaa hiirellä.

Näytön vasemmassa alakulmassa näet polkuni tyylitiedot. Kohdassa "Viivous" näet suorakulmion, jonka väri ilmaisee vedon väriä (punainen nuoli yllä olevassa kuvassa), ja sen ruudun vieressä näet numeron, joka ilmaisee vetoni paksuuden (sininen nuoli kuvassa - tässä esimerkissä viivan leveys on "1.00" pikseliä). Koska viivamme on polku, se käyttää väriominaisuuksiensa ottamaan käyttöön "Viivous" -vaihtoehtoa, ei "Täytä" -vaihtoehtoa.

Jos kaksoisnapsautan viivan väriä (jälleen punainen nuoli yllä olevassa kuvassa), "Täytä ja viiva" -valintaikkuna avautuu (viivattu vihreällä). Oletuksena sinut ohjataan "Siivousmaali" -välilehdelle, jossa voit muuttaa viivan väriä. Siirry "Viivotyyli"-välilehdelle (vihreä nuoli).

Tämän välilehden alla voit muuttaa viivan kokoa (eli riviäsi) sekä lisätä nuolia polun kumpaankin päähän. Jos haluan paksuntaa viivaa, voin kirjoittaa "50" "Leveys"-kenttään (punainen nuoli yllä olevassa kuvassa) ja painaa enter-näppäintä (voit myös vaihtaa yksiköitä tämän oikealla puolella olevasta pudotusvalikosta kenttä – vihreä nuoli). Näet, että linjani on nyt paljon paksumpi.

Pudotusvalikon "Viivaviivat" (punainen nuoli yllä olevassa kuvassa) avulla voit muuttaa polun tyyliä. Oletusarvoisesti polkusi on viiva, mutta voit muuttaa sen useiksi pisteiksi, katkoviivoiksi tai pisteiden ja katkoviivojen yhdistelmäksi (yllä olevassa kuvassa vihreällä rajattu). Pidän polkuni yksinkertaisena linjana.

Seuraava vaihtoehto on nimeltään "Markers" - tässä voit lisätä nuolenpäät rivillesi. Näet täällä kolme avattavaa valikkoa – yksi vasemmalla, yksi keskellä ja yksi oikealla.

Vasemmalla oleva pudotusvalikko (punainen nuoli yllä olevassa kuvassa) lisää nuolen polun aloitussolmuun (toisin sanoen ensimmäiseen solmuun, jonka piirsit polkua luodessasi). Napsauta vain nuolenpääkuvaketta avattavasta valikosta (vihreä nuoli) lisätäksesi sen polun alkupäähän.

Vaihe 3: Mukauta nuolenpäätäsi

Nuolenpäällä (tai merkillä) on useita oletusominaisuuksia, joita voit mukauttaa. Esimerkiksi nuolenpääsi on saman paksuinen kuin viivasi tai polkusi. Lisäksi, jos aloituspiste on linjasi vasemmalla puolella, nuolenpää osoittaa vasemmalle tai osoittaa vasemmalle. Lopuksi nuolenpää sijaitsee täsmälleen rivisi lopussa (sen sijaan, että viivan ja nuolenpään välissä olisi tilaa). Kaikkia näitä oletustyylejä voidaan muokata Inkscapessa.

Jos et halua nuolenpään olevan saman paksuinen kuin linjasi, voit muuttaa sen kokoa käyttämällä numerokenttiä "Koko X" ja "Koko Y" (merkitty vihreällä yllä olevassa kuvassa). Jos esimerkiksi muutan X-koon arvoksi 10 (punainen nuoli) ja painan sitten näppäimistön sarkainnäppäintä, koko Y -arvo päivittyy automaattisesti ja nuoli on nyt paljon suurempi kuin polkuni. .

Jos napsautan alkuperäistä nuolenpääkuvaketta (punainen nuoli yllä olevassa kuvassa), asetukset palautetaan oletusasetuksiin.

Huomaa, että kokokenttien vasemmalla puolella on ketjulinkkikuvake (vihreä nuoli yllä olevassa kuvassa), jonka avulla voit valita, haluatko koko X- ja Y-arvojen skaalautuvan yhteen. Kun linkitys on poistettu, voit muuttaa "Koko X" -arvoa ilman, että se muuttaa "Koko Y" -arvoa.

Jos esimerkiksi napsautan kuvaketta poistaakseni kahden kokokentän linkin, ja kirjoitan sitten "10" "koko X" siniseksi nuoleksi yllä olevassa kuvassa), näet, että nuolen koko muuttuu nyt X-akselia pitkin, mutta ei Y-akselia pitkin. akseli ("Koko Y" -kenttä pysyy "6.707" tässä esimerkissä). Tämä saa nuolen näyttämään ikään kuin venytetyltä X-akselia pitkin. Jos napsautan alkuperäistä nuolenpääkuvaketta, asetukset palautuvat oletusasetuksiin (punainen nuoli yllä olevassa kuvassa).

"Koko X" ja "Koko Y" -kenttien alla on "Skaalaa viivalla" -valintaruutu (punainen nuoli yllä olevassa kuvassa). Kun tämä on valittuna, nuolenpääsi koko pysyy automaattisesti verrannollinen polkusi kokoon. Esimerkiksi kun teet polkusi viivan paksumman (kuten teimme aiemmin), nuolenpää paksunee.

Kun sitä ei ole valittu (kuten yllä olevassa kuvassa), nuolenpää ei pysy suhteessa polkusi kokoon. Sen sijaan se on mitä tahansa kokoa, joka on asetettu "Koko X"- ja "Koko Y" -kenttiin. Tässä esimerkissä polkuni paksuudeksi on asetettu 50 pikseliä, mutta nuolen kooksi on asetettu 4.061 pikseliä ja 6.707 pikseliä X- ja Y-arvoilleni. Tämän seurauksena, kun "Scale with stroke" -ruutua ei ole valittu, nuolenpääni on paljon pienempi kuin polkuni ja on periaatteessa nyt näkymätön.

Jos pidän ctrl-näppäintä alhaalla ja lähennän nuolta hiiren rullalla, huomaat, että nuolenpää on todellakin siellä (punainen nuoli), vaikka se onkin melko pieni. Pidän ctrl-näppäintä painettuna ja käytän hiiren rullaa loitontaakseni. Pidän "Scale with Stroke" -vaihtoehdon valittuna.

Seuraava vaihtoehto on "Suunta"-vaihtoehto (viivattu vihreällä yllä olevassa kuvassa). Tämän avulla voit muuttaa kuinka nuolenpää tai merkki on suunnattu polulla. Oletusarvoisesti nuolenpääsi asetetaan ensimmäiselle vaihtoehdolle "Suunta polkua pitkin, peruuta alussa" (sininen nuoli yllä olevassa kuvassa). Tämän vaihtoehdon vuoksi nuolenpäämme alkaa osoittaa vasemmalle polkumme alussa.

Voin kääntää tämän nuolenpään suunnan napsauttamalla seuraavaa vaihtoehtoa "Suunta polkua pitkin" (punainen nuoli yllä olevassa kuvassa). Nyt kaikki nuolet osoittavat samaan suuntaan, mikä tässä tapauksessa tarkoittaa, että aloitusnuoli osoittaa nyt oikealle.

Seuraava vaihtoehto, "Kiinteä määritetty kulma" (punainen nuoli yllä olevassa kuvassa), antaa sinun muuttaa nuolenpään kulmaa polulla. Kun tämä on käytössä, näiden kuvakkeiden alla oleva "Kiinteä kulma" -kenttä aktivoituu ja voit asettaa nuolenpään kulman manuaalisesti.

Voin esimerkiksi kirjoittaa "-30" (vihreä nuoli yllä olevassa kuvassa) ja nuolenpääni käännetään alaspäin 30 astetta.

Vaihdan nuolenpään takaisin oletusasetukseen napsauttamalla ensimmäistä kuvaketta "Suunta polkua pitkin, peruuta alussa."

Viimeinen kuvake on "Flip marker vaakasuoraan" -kuvake (punainen nuoli yllä olevassa kuvassa). Tämän vaihtoehdon napsauttaminen kääntää nuolenpääsi niin, että se on nyt vastakkaiseen suuntaan.

Napsautan "Flip"-kuvaketta vielä kerran palauttaakseni nuolen oletusasentoon.

Voit myös siirtää nuolenpään polun alusta käyttämällä "Offset X"- ja "Offset Y" -kenttiä (viivattu vihreällä yllä olevassa kuvassa). Oletusarvoisesti nämä ovat 0. Jos lisäät "Offset X" -arvoa käyttämällä "+" -kuvaketta tai kirjoittamalla arvon manuaalisesti (kirjoitin 5 yllä olevassa esimerkissä – punainen nuoli), nuolenpää tai merkki siirtyä oikealle polkua pitkin.

Jos pienennät "Offset X" -arvoa käyttämällä "-"-kuvaketta tai kirjoittamalla manuaalisesti negatiivinen arvo (kirjoitin miinus 5 yllä olevassa esimerkissä – punainen nuoli), nuolenpää siirtyy vasemmalle polkua pitkin.

Toisaalta, jos lisäät tai vähennät "Offset Y" -arvoa (punainen nuoli yllä olevassa kuvassa), nuolenpää siirtyy alas- tai ylöspäin suhteessa alkuperäiseen polkuun.

Muutan sekä Offset X- että Y -arvot 0:ksi palatakseni nuolenpääni oletusasentoon.

Viimeinen vaihtoehto, jonka näet tässä dialogissa, on "Muokkaa kankaalla" -painike aivan nuolen esikatselun alla (punainen nuoli yllä olevassa kuvassa). Napsauttamalla tätä voit mukauttaa nuolenpäätäsi tai merkkiäsi käyttämällä hiirtä suoraan kankaalle.

Näet, että nuolenpään ympärillä on useita kahvoja. Keskimmäisen (sininen nuoli yllä olevassa kuvassa) avulla voit siirtää nuolenpäätä mihin tahansa suuntaan (ylös, alas, vasemmalle tai oikealle). Neliömäisten kahvojen (punainen nuoli) avulla voit muuttaa kokoa X ja kokoa Y, kuten aiemmin keskustelimme – eli voit skaalata nuolenpäätä ylös tai alas. Ja pyöreän kahvan (vihreä nuoli) avulla voit kiertää nuolenpäätä (täten muuttaa "kiinteän kulman" arvoa, josta keskustelimme aiemmin).

Jos laajenan ensimmäistä Marker-pudotusvalikkoa Täytä ja viiva -valintaikkunassa (punainen nuoli yllä olevassa kuvassa), näet kaikki uudet asetukset, jotka perustuvat juuri tekemiini kankaalle tehtyihin muokkauksiin (viivattu vihreällä). Jos napsautan alkuperäistä nuolenpääkuvaketta (sininen nuoli yllä olevassa kuvassa), asetukset palautetaan oletusasetuksiin.

Vaihe 4: Lisää muita merkkejä tai nuolenpäitä

Kaikki asetukset, joista juuri keskustelimme vasemman merkin pudotusvalikosta, koskevat myös oikeanpuoleisen merkin avattavaa vaihtoehtoa (punainen nuoli yllä olevassa kuvassa). Ainoa ero on, että kun napsautat merkkiä oikeassa reunassa olevasta pudotusvalikosta, se lisää merkin polun loppuun (sininen nuoli). Lisäksi nuoli osoittaa vastakkaiseen suuntaan (oikealle) kuin ensimmäinen nuolenpää, jos sinulla on edelleen "Suunta polkua pitkin, peruuttaminen alussa" -kuvake käytössä.

Polun molemmissa päissä olevat nuolet ovat toisistaan ​​riippumattomia, joten voit valita minkä tahansa tyylin nuolenpään tai merkin tästä avattavasta valikosta ja muokata asetuksia niin, että se eroaa ensimmäisestä määrittämästämme nuolenpäästä.

Pidän nuolenpäät samalla tyylillä suunnittelun johdonmukaisuuden vuoksi.

Pudotusvalikko "Keskimerkki" (punainen nuoli yllä olevassa kuvassa) lisää merkit tai nuolenpäät kaikkiin muihin solmuihin polullasi, jotka ovat ensimmäisen ja viimeisen solmusi välissä. Tällä hetkellä minulla ei ole muita solmuja polullani, joten merkin valitseminen tästä pudotusvalikosta ei tee mitään.

Jos kuitenkin nappaan "Muokkaa polkuja solmujen mukaan" -työkalun Toolboxista (punainen nuoli yllä olevassa kuvassa) ja kaksoisnapsauta mitä tahansa polkuani (sininen nuoli), uusi solmu luodaan polulleni ja nuolenpää. lisätään kyseiseen solmuun.

Kuten kahdessa muussa avattavassa valikossa, voit mukauttaa nuolenpäiden tai merkkien asetuksia muuttaaksesi näiden "keskimerkkien" kokoa, suuntaa tai suuntaa. Kaikki keskimmäisen avattavan valikon kautta käyttämäsi asetukset koskevat kaikkia ensimmäisen ja viimeisen luomasi solmun välissä olevia nuolia. Tässä näet, että olen poistanut valinnan "Skaalaa vedolla" -vaihtoehdosta (punainen nuoli yllä olevassa kuvassa), ja asettanut sitten X-koon arvoksi "25" (vihreä nuoli). Nyt kaikki polkuni keskellä olevat nuolet (sininen nuoli) ovat pienempiä kuin nuolenpäät polun kummassakin päässä.

Vaihe 5: Muuta nuoltesi väriä

Voit muuttaa polun ja nuolten väriä milloin tahansa näppäinyhdistelmällä Shift+klikkaamalla värimalleja kankaan alareunan Värimallit-paneelissa. Jos esimerkiksi siirrän + napsautan punaista väriä (sininen nuoli), polkuni väri muuttuu punaiseksi.

Olet ehkä huomannut, että ulommat nuolenpäät eivät muuttaneet väriään, kun taas sisemmät nuolenpäät muuttivat. Tämä on virhe, joka esiintyy Inkscapen versioissa 1.1 ja 1.2. Korjataksesi tämän voit pienentää viivan leveyden kokoa napsauttamalla "-"-symbolia "Leveys"-kentässä ja suurentaa sitä sitten uudelleen napsauttamalla "+"-symbolia (vihreä nuoli yllä olevassa kuvassa). Nuolenpäiden pitäisi vaihtaa väriä tällä pienellä muutoksella (toivottavasti ne korjaavat tämän virheen lähitulevaisuudessa).

Siinä kaikki tälle Inkscapen ohjeartikkelille! Jos pidit siitä tai pidit siitä hyödyllisenä, voit katsoa muita Inkscapen ohjeartikkelit or Inkscapen video-opetusohjelmat sivustossani.

Davies Media Design ilmainen luovien sovellusten sähköpostiuutiskirje

Tilaa DMD-uutiskirje

Rekisteröidy saadaksesi uusia opetusohjelmia, kurssipäivityksiä ja viimeisimmät uutiset ilmaisista luovista suosikkisovelluksistasi!

Tilaaminen onnistui!

Pin Se Pinterest