Opi kaikki katkoviivoista Illustratorissa

Adobe Illustrator -sarjamme on suunniteltu auttamaan sinua oppimaan, miten luoda efektejä vektorimuotoiluohjelmistossa. Olemme täällä auttamassa yksinkertaistamaan suunnitteluprosessia kaikille, aloittelijoista veteraaneihin! Tänään keskitymme siihen, miten luoda pisteviivoja.

Adobe Illustrator on tehokas työkalu, jota käytetään maailmanlaajuisesti graafiseen suunnitteluun ja kuvitukseen.

Se on täynnä ominaisuuksia, joiden avulla voit suunnitella mitä vain voit kuvitella, mutta sen oppimiskäyrä on tunnetusti melko jyrkkä. Jopa ammattisuunnittelijat, jotka ovat olleet mukana jo kauan, tarvitsevat joskus kertausta joidenkin efektien soveltamisessa. Olitpa sitten tulossa kertaamaan tai opettelemaan pisteviivan luomista Illustratorissa ensimmäistä kertaa, jatka lukemista!

Tässä artikkelissa käsittelemme eri tapoja, joilla voit luoda katkoviivan Adobe Illustratorissa, ja näytämme, miten voit tehdä katkoviivan Vectornatorissa.

Milloin graafisessa suunnittelussa pitäisi käyttää katkoviivaa?

On monia syitä, miksi suunnittelija voi haluta käyttää katkoviivaa suunnittelussaan. Seuraavassa on muutamia motiiveja:

• Koristeellinen efekti, joka lisää kuvaan tekstuuria.
• Pistemäisen kuvion luominen
• Osoittaa liikettä ja suuntaa, kuten lentämistä
• Suunnan näyttäminen kartalla tai infografiikassa
• Graafisen paperiefektin luominen
• Ohjeiden antaminen, esimerkiksi siitä, mistä kohtaa pakkaussuunnittelussa on leikattava jotakin.
• Osoittaa, mihin jokin asia on kirjoitettava tai allekirjoitettava
• Ohjeiden antaminen, kuten missä jokin taitetaan

Kuvan lähde: Dreamstime

Miten luoda pisteviiva Illustratorissa?

Pisteviiva voi olla ympyränmuotoinen piste, neliö, suorakulmio tai mikä tahansa muu muoto. Pisteviivat ja katkoviivat ovat keskenään vaihdettavissa, ja alla olevissa ohjeissa käsitellään molempia.

Pisteviivan luomiseen Illustratorissa on muutamia eri tapoja. Seuraavassa käsitellään kolmea vaihtoehtoa. Kokeile niitä kaikkia, jotta näet, mikä menetelmä on sinulle mieluisampi.

Vaihtoehto 1: Luo pisteviivoja ja katkoviivoja Stroke-työkalulla.

• Aloita ensin piirtämällä viiva.
• Avaa seuraavaksi Ulkoasu-paneeli siirtymällä kohtaan ominaisuudet-> ulkoasu tai käyttämällä Windowsissa pikanäppäintä F6 ja Macissa Shift+F6.
• Kun ulkonäköpaneeli on avattu, valitse "Stroke" (aivohalvaus). Tämä avaa aivohalvauspaneelin ja antaa sinulle erilaisia aivohalvausvaihtoehtoja.
• Valitse "katkoviiva" -vaihtoehto Stroke-paletista. Tämä luo, kuten voit kuvitella, katkoviivan.
• Valitse nyt "pyöristetty korkki" tehdäksesi pyöristettyjä viivoja.

• Voit pienentää pyöristetyt katkoviivat pisteiksi säätämällä viivoituksen paino- ja väliarvoja viivoitusikkunassa. Näin saat aikaan katkoviivaefektin.
• Jos haluat luoda neliönmuotoisen pisteen, valitse "Projisointi"-korkki.
• Voit muokata pisteiden tai katkoviivojen välistä tilaa lisäämällä tai vähentämällä väliarvoja.

• Voit muokata katkoviivan väriä muokkaamalla "Stroke Color" -vaihtoehtoa. Kun napsautat tätä vaihtoehtoa, avautuu väripaneeli, josta voit valita haluamasi värin.
• Jos haluat luoda katkoviivakuvion tai katkoviivasarjan, joka koostuu eripituisista katkoviivoista tai katkoviivakuviosta, voit leikkiä katkoviivavaihtoehdoilla ja luoda erilaisia sarjoja säätämällä katkoviivojen ja välien arvoja.

Vaihtoehto 2: Luo pistemäinen sivellin sivellintyökalulla.

Tässä menetelmässä aloitat luomalla ympyrän.

• Valitse vasemmalla puolella olevasta Appearance Panelista shape-työkalu. Tämän pitäisi antaa sinulle seuraavat vaihtoehdot: rectangle-työkalu, rounded rectangle-työkalu, ellipse-työkalu, polygon-työkalu, star-työkalu ja flare-työkalu. Aiot valita "ellipse-työkalun".
• Pidä "shift" painettuna ja vedä hiirtä luodaksesi ympyrän.
• Voit muokata luotua ympyrää lisäämällä täytteen, muuttamalla väriä ja säätämällä kokoa.
• Kun olet tyytyväinen ympyrään, siirry kohtaan window-> brushes. Harjat-ikkuna tulee nyt näkyviin.
• Napsauta ja vedä ympyrä esiasetettuun osioon.
• Nyt avautuu valintaikkuna, jossa lukee "Valitse uusi sivellintyyppi", ja voit valita "Scatter Brush", "Art Brush" tai "Pattern Brush".

• Valitse "Scatter Brush" ja paina "Ok".
• Avautuu toinen ikkuna, jossa on lisää "Scatter Brush" -vaihtoehtoja. Valitse "Ok".
• Siirry nyt viivatyökaluun ja vedä viiva sinne, mihin haluat katkoviivan ilmestyvän.
• Valitse nyt juuri luomasi sivellin.
• Voila! Pisteviiva ilmestyy siihen kohtaan, johon juuri loit viivan.

• Se ei ehkä ole vielä haluamiesi mukainen, joten sitä kannattaa säätää. Voit muokata katkoviivaa kaksoisnapsauttamalla juuri käyttämääsi sivellintä.

• Avautuu uusi ikkuna, jossa voit säätää pisteviivan kokoa, väriä ja painoa sekä pisteiden välejä. Voit säätää näitä asetuksia vetämällä liukusäätimiä. Voit jopa satunnaistaa välejä luodaksesi pisteviivan, jossa pisteiden välit ovat epäsäännölliset.
• Kun olet tyytyväinen muokkauksiin, paina "Ok" ja "Apply To Strokes".

Vaihtoehto 3: Blendityökalu

Voit luoda katkoviivan myös Illustratorin sekoitustyökalulla.

• Aloita luomalla viiva viivatyökalulla.
• Luo nyt ympyrä ellipsityökalulla. Pidä shift-näppäintä painettuna ympyrää piirtäessäsi, jotta ympyrä olisi täydellinen.
• Seuraavaksi monistat ympyrän. Siirry ensin "Selection"-työkaluun.
• Pidä seuraavaksi alt-näppäintä alhaalla, napsauta ympyrää ja vedä. Tämä tekee ympyrästä kopion.

Purppuranpunaiset ympyrät, joissa on purppurainen linea

• Valitse nyt molemmat ympyrät ja siirry kohtaan "Object"-> "Blend"-> "Make." Voit myös saada aikaan saman vaikutuksen valitsemalla molemmat ympyrät, vaihtamalla blendityökaluun ja napsauttamalla ensin yhtä ympyrää ja sitten toista luodaksesi blendin.

• Valitse seuraavaksi sekä sekoitus että viiva valintatyökalulla.
• Siirry kohtaan "Object"-> "Blend"-> "Replace Spine.".

• Siirry nyt kohtaan "Object-> "Blend"-> "Blend Options"."
• Näyttöön avautuu valintaikkuna, jossa on vaihtoehtoja välejä ja suuntausta varten.
• Valitse "Spacing" -kohdan vierestä "Specified Steps" (Määritetyt askeleet) pudotusvalikosta.
• Kirjoita nyt, kuinka monta pistettä haluat kahden ensimmäisen luomasi pisteen väliin, jotta saavutat haluamasi etäisyyden. Jos esimerkiksi kirjoitat "2", alkuperäisten kahden luomasi ympyrän väliin jää vain kaksi ympyrää.

• Voit myös valita pudotusvalikosta "Määritetty etäisyys" muuttaaksesi aukkoarvoja ja määrittää pisteiden välisen etäisyyden, jolloin pisteiden välinen aukko on suurempi tai pienempi.
• Voit jälleen kerran rakentaa katkoviivan mistä tahansa haluamastasi muodosta tällä menetelmällä.

Kokeile Illustrator-vaihtoehtoa

Jos olet kiinnostunut kokeilemaan Illustrator-vaihtoehtoa macOS:lle, kokeile Vectornatoria. Se on suunniteltu erittäin käyttäjäystävälliseksi säilyttäen samalla alan vakio-ohjelmiston, kuten Illustratorin, standardit ja ominaisuudet. Olemme koonneet alla olevan oppaan siitä, miten luoda katkoviivoja tai katkoviivoja Vectornatorissa.

Katso alla olevasta GIF:stä nopea opetusohjelma, kuinka tehdä pisteviiva Vectornatorissa, ja noudata ohjeita, jotka olemme kirjoittaneet alle.0

• Aloita luomalla viiva kynätyökalulla. Jos tarvitset apua kynätyökalun käytön opettelemisessa, voit tutustua siihen täällä.
• Voit luoda suoran viivan, kaarevan viivan tai kokonaisen muodon.
• Kun olet tyytyväinen viivaan, siirry näytön oikeassa reunassa olevaan Tarkastajaan ja kytke se päälle napsauttamalla "Stroke"-valintaikkunan vieressä olevaa kytkintä.
• Nyt näyttöön tulee aivohalvausvalikko.
• Tässä valikossa voit säätää kaikkia aivohalvausasetuksia, aina aivohalvauksen leveydestä korkin muotoon ja väriin.
• Samoin kuin Illustratorissa, valitset pyöristetyn aukon, jotta saat aikaan pisteviivan.
• Jos haluat muuttaa viivan katkoviivaksi tai katkoviivaksi, siirry viiva-valikon kohtaan "Viiva".
• Kirjoita arvo vasemmalla olevaan laatikkoon. Tämä määrittää kunkin pisteen tai katkoviivan pituuden. Voit valita minkä tahansa arvon aluksi ja säätää sitä tarpeen mukaan.
• Siirry nyt aivohalvausvalikon "Gap"-osioon ja syötä arvo vasemmalla olevaan laatikkoon. Tämä määrittää pisteiden tai katkoviivojen välisen raon koon.
• Jos haluat, että kaikki pisteet ovat samankokoisia ja niiden väliset etäisyydet ovat yhtä suuret, aseta molempien "Dash" (viiva) ja "Gap" (väli) -kenttien arvot samoiksi.
• Jos haluat luoda kuvioosi vaihtelua, voit säätää kunkin laatikon arvoja luodaksesi erilaisia aukkokokoja ja viivan pituuksia.
• Kun olet luonut haluamasi pistemäisen viivoituksen, voit valita minkä tahansa samoista työkaluista piirtääksesi sillä. Näin on erittäin helppoa luoda pistemäisiä muotoja, kuten viiva, neliö tai ympyrä.

Joitakin Dotted Line -inspiraatiota

Nyt kun tiedät, miten tehdä katkoviivoja sekä Illustratorissa että Vectornatorissa, katso alla olevista esimerkeistä ideoita eri tavoista käyttää katkoviivoja.

Kuvata liikettä kartalla

Kääntyvät ja kääntyvät katkoviivat ovat melko yleisiä kartoissa. Ne toimivat hyvin jonkin asian suunnan kuvaamiseen.

Kuvaile leikkausohjeita

Pisteviiva tai katkoviiva, jota edeltää sakset-kuvake, on yleinen merkki siitä, mistä jotain pitää leikata. Tähän törmäät todennäköisesti, jos olet mukana pakkausten suunnittelussa.

Kuvan lähde: Dreamstime

Tekstuuri ja ulottuvuus

Piste- ja katkoviivat lisäävät kuviin tekstuuria ja ulottuvuutta. Ne voivat näyttää hyvältä kuvituksissa, erityisesti alla olevan kaltaisissa abstrakteissa geometrisissa kuvioissa.

Kuvan lähde: Dreamstime

Infografiikka

Piste- ja katkoviivat ovat erinomaisia suunnan osoittamiseen infografiikassa, kuten alla olevassa kuvassa.

Kuvan lähde: Dreamstime

Valmiina?

Toivottavasti tunnet olosi inspiroituneeksi ja sinulla on nyt tarvittavat tiedot pisteviivojen ja pistemallien luomiseen Adobe Illustratorissa ja Vectornatorissa.

Olemme aina innokkaita näkemään, mitä yhteisömme luo, joten jos sinusta tuntuu inspiroituneelta jakamaan pisteviiva-suunnitelmasi kanssamme, muista laittaa meille viestiä DM:ssä!