Share
I denne opplæringen vil vi utforske kommandoen "Gjennomsnittlig" i Adobe Illustrator, og lære å bruke den på ganske uvanlig måte. I dette tilfellet lager vi abstrakte virvler med relativt enkle metoder og bruker det til å skrive. La oss komme i gang!
Ønsker du tilgang til hele Vector Source-filene og nedlastbare kopier av hver opplæring, inkludert denne? Bli med Vector Plus for bare 9 $ i måneden.
De fleste av dere er sikkert kjent med gjennomsnittlig kommandoen i Adobe Illustrator. Dette er ikke et veldig populært verktøy, men det brukes hovedsakelig kun for spesifikke behov. Imidlertid vil vi i dag utforske matematikken bak den og bruke den til å skape noen surrealistiske swirly figurer. Teknikken er ganske enkel, men vi vil tilbringe litt tid for teori - som jeg er lærer, og jeg liker å forklare og gjøre alt klart.
La oss tilbringe litt tid på den teoretiske delen først. På denne måten vil du bedre forstå mekanismen til "Gjennomsnitt" verktøyet og de tre integrerte lovene i "ASAS" -teknikken jeg nylig oppdaget. Men hvis du ikke liker mye teori, kan du gå rett til trinn 6.
Når bruker vi vanligvis gjennomsnittskommandoen og hva gjør den? Jeg er sikker på at de fleste av dere vet svaret. Kommandoen "Gjennomsnittlig" er skjult under kommandoen + Alt + J-snarveien, eller i Objekt> Path-menyen, og jobben sin er å bringe de valgte ankerpunktene ... rett til det gjennomsnittlige punktet mellom dem. Høres ganske enkelt, ikke sant? I praksis blir denne kommandoen noen ganger en uerstattelig hjelper.
For eksempel har jeg få åpne baner som jeg vil forene i en enkelt form, men de berører ikke nøyaktig hverandre (for de som ønsker å gjenta formen: Opprett et avrundet rektangel og slett de to bunnpunktene. Trykk nå R og Alt-klikk under det, og skriv deretter inn 72 grader. Kopier og skriv Command + D tre ganger for å rotere, som vist nedenfor.
I dette tilfellet kan jeg ikke bare flytte 5 former mot hverandre og bli med (Command + J), da symmetrien vil gå tapt - men kronbladene til dette blomst må være helt like, komponere den eksakte vinkelen. Hvis jeg går med stiene nå, tegner programmet rette linjer mellom åpne ankerpunkter, som ikke er det vi trenger.
For å få den perfekte komposittformen må vi først plassere alle fem banene riktig slik at åpne punkter berører hverandre. Det er da gjennomsnittlig kommandoen kommer til nytte! Vi tar bare direktevalgverktøyet (A), velg endepunktene til to nabostier og velg Objekt> Sti> Gjennomsnitt. I vinduet velg både, trykk OK, og voila - poengene er på samme sted nå!
Alt vi trenger å gjøre er å bli med dem (Objekt> Sti> Bli med). Nå kan vi gjenta dette trinnet fire ganger for hvert par endepoeng: velg med Direct Selection Tool, bruk deretter Average og Join. Men for å spare et par sekunder, vil jeg anbefale deg å kombinere disse to kommandoene i en enkelt snarvei: Kommando + Alt + Skift + J.
Nå vet vi at gjennomsnittlig kommandoen gir ankerpunkter til senteret mellom dem (hva en overraskelse!). Vel, du tror kanskje det er ganske opplagt, men la oss gå videre. La oss prøve denne kommandoen på forskjellige objekter.
Jeg opprettet et rektangel og prøv gjennomsnittlig kommandoen på den (formen må velges). Hva får vi? Hvis du prøver alle tre alternativene på kommandoen, får vi forskjellige utfall: Horisontal akse gir vertikale punkter til midten, og skaper en horisontal linje; Vertikal akse gjør det samme med horisontale punkter; både akser valgene resulterer i ett midtpunkt, som bringer alle poengene til midten.
Det samme resultatet vil du få med en sekskant eller stjerne. Det ser egentlig ikke interessant ut, men det hjelper å forstå hvordan dette verktøyet fungerer. La oss bryte disse ned i regler.
Regel 1: Formene med kun hjørnepunkter vil alltid resultere i enten linje eller punkt! Selv om du trekker uregelmessige asymmetriske former med pennverktøyet, så lenge det kun har hjørnepunkter - effekten er den samme.
La oss tegne en ellipse og gjøre noen eksperimenter. Lag to kopier av det og prøv gjennomsnittlig kommandoen på dem igjen, alle tre alternativene. Som du ser, ser utfallet enda mer interessant ut, og skaper noen svingete linjer. Dette skjer på grunn av glatte ankerpunkter på Bezier-kurver, hvor den endelige kurveretningen styres av håndtak.
Regel 2: For glatte kurver trenger vi glatte punkter, og håndtakene er svært viktige for å oppnå den glattheten!
Regel 3 for gjennomsnittskommandoen: Forankringspunkter i figurer skal ikke være symmetrisk, og komponere horisontale eller vertikale linjer.
For å illustrere dette prinsippet, la oss ta en ellipse fra forrige trinn og rotere den med 30 grader med rotasjonsverktøyet (R). Velg din ellipse, trykk på R og skriv inn verdien på 30. Nå, la oss gjøre de samme manipulasjonene - kopier to ganger og kjør gjennomsnittlig verktøyet.
Se forskjellen? Begge akser Alternativene forandret seg ikke mye, men de horisontale og vertikale alternativene skapte noen fine kurvede former. Dette resultatet skyldes plasseringen av ankerpunkter. I forrige trinn dannet punktene i ellipsen vertikale og horisontale linjer, og nå skapte de asymmetrisk kryssing.
Vel, nok teori for i dag! Jeg er sikker på at du forsto de tre reglene for ASAS (gjennomsnittlig glatt abstrakte former). La oss sette det vi har lært å praktisere nå.
La oss lage et nytt dokument i Illustrator, 800px ved 500px, i RGB-modus. Lag bakgrunnen ved å bruke rektangelverktøyet (M). Fyll den med en radial gradient som går fra hvit til lysegrå (# e6e6e6). Navn dette laget "BG," lås det og opprett en ny som heter "Swirls."
OK, la oss begynne å lage ASAS! Vi vet det Begge akser Alternativer for Gjennomsnittskommandoen gir alle poengene i midten skape små figurer. Så la oss fokusere på horisontal eller vertikal retning for svingete svingete. Imidlertid trenger vi fortsatt de grunnleggende figurene å jobbe med. Det vi ønsker er en asymmetrisk form med glatte ankerpunkter. Det er mange måter å skape dem på.
La oss starte med en enkel 5-endet stjerne uten fyll og svart slag. For å raskt konvertere hjørnepoengene til glatte de kan bruke Filter> Stylize> Round Corners, vil 10 pt være nok. Det er fortsatt ikke riktig tidspunkt å bruke gjennomsnittskommandoen, da poengene til vår stjerne ligger alle i samme avstand fra sentrum (selv om utfallet kan se interessant allerede).
Med din stjerne valgt, ta tak i Wrap Tool (Shift + R) og deformere det litt for å gjøre det asymmetrisk. Prøv å gjøre det litt bredere på samme tid. Nå kan du trykke på Command + Alt + J for å hente gjennomsnittsvinduet, og velg deretter horisontal akse. Voila! Vår første virvel er klar!
Merk: Du vil kanskje også prøve den vertikale aksen og velge hvilken som ser best ut. Men vi trenger ikke begge akser alternativene nå!
La oss nå lage en ellipse (L). Denne gangen for å gjøre formen usymmetrisk bruker vi Twirl Tool. La alle valgene være intakte, og rør bare ellipsen et par ganger for å gjøre det til en amorf form. Og nå, kjør gjennomsnittlig kommandoen og velg horisontal akse.
For den siste formen bruker vi en enkel metode. Ta blyantverktøyet (N). Igjen, verktøyvalgene spiller ingen rolle, vi trekker bare en asymmetrisk form med den. For å lukke banen når du tegner, hold nede Alt-tasten og klikk. Og igjen: Objekt> Sti> Gjennomsnitt> Horisontal. Nå har du tre fine swirly figurer.
Nå skal vi gjøre noen justeringer og lagre våre former. For alle tre former gjelder et middels grå slag uten fylling. For å lage en form lenger, dupliser den første virvelen og roter kopien 180 grader med valgpilen (hold nede Skift-tasten mens du roterer), og juster begge delene for å danne en enkelt lengre virvel og gruppere dem. Gjør det samme med den andre virvelen.
Med den siste virvelen gjør du igjen samme manipulasjon som med de to første, dupliser, roter og juster. Vi vil også legge til noen prikker. Ta tak i Ellipseverktøyet (L) og lag en liten sirkel mens du holder nede Skift-tasten. Gjør det et middelsgrå uten slag og plasser det i nærheten av virvelen som vist.
Dupliserer sirkelen flere ganger og plasser den rundt virvelen for å ende opp med ca 10 sirkler rundt din form. Velg nå alle sirkler mens du holder nede Skift-tasten, og gå til Objekt> Transform> Transform hver (Alt + Skift + Kommando + D) og skriv inn disse verdiene:
Hvis du liker resultatet, trykker du på OK. Hvis ikke, prøv å endre noen innstillinger, som skala eller flytte. Ditt resultat bør være noe som bildet nedenfor.
Nå når våre virvler er klare, lager vi tre børster ut av dem. Velg den første virvelen, gå til penselpaletten (F5) og dra-n-slipp formen på paletten. Velg Art børste i vinduet du ser neste. Da virvelen din er horisontal, velger du alternativet i penselalternativet horisontalt for retningen (men hvis du lagde en vertikal, velg vertikal retning selvfølgelig). Velg fargetilpasnings-fargeringsmetoden. Navn denne penselen "Swirl 1" og lagre den.
Nå vil din nyopprettede børste vises i penselpaletten. Gjør det samme med to andre former, navngi dem "Swirl 2" (for dette angir 80% for bredde) og "Swirl 3" (skriv inn 150% for bredde og sjekk Proportional).
Nå kommer vi til den mest spennende delen av denne opplæringen, og bygger vår siste komposisjon.
La oss nå lage vår type. Lås "Swirls" -laget og opprett en ny med navnet "Type." Ta tak i Typeverktøyet (T) og skriv inn teksten. Det er bedre å bruke en runde sans-serif font (jeg brukte Century Gothic Regular) og skriftstørrelsen skal være veldig stor (min var 130 pt). Jeg valgte uttrykket "I LOVE VECTOR", så jeg skrev "Jeg VECTOR", siden jeg senere legger til et hjerte symbol.
La oss konvertere teksten til en bane (Command + Shift + O) og ungroup den. Nå, i stedet for å jobbe med hele teksten, justerer vi bare ett bokstav først. Velg bokstav "Jeg," gjør det ikke fyll og 1 pt svart slag. Klikk på den første virvelen i penselpaletten. Åh, til slutt begynner vi å ha noen effekt!
Nå, med "I" fremdeles valgt, går du til Paletten Utseende (Shift + F6) og i flytmenyen velger du nytt slag. Med ny strekk valgt, gå til penselpanelet og velg "Swirl 2." Nå ser brevet enda bedre ut!
Gå videre og legg til den tredje stroke av den siste swirly penselen, den med prikker. Nå kan du justere innstillingene til enten slag hvis du vil. Når du når effekten du er fornøyd med, går du til panelet Grafisk stil. Med brevet ditt valgt, opprett en ny stil med navnet "Black swirly type." Nå kan du velge resten av teksten og bruke samme grafiske stil på andre bokstaver.
Vår type ser OK nå, men du kan legge merke til noen hakkete områder skapt av hjørnepunkter. Du må huske at hjørnepunkter ikke er gode for swirls, så vi skal fikse det. Velg hele teksten og gå til Filter> Stylize> Round Corners, med en radius på 10 px vil være nok. Nå skal din type se mye finere ut!
Det kan hende du vil justere kjerningen nå ved å flytte bokstaver litt for å se mer harmonisk. Flytt også "I" -brevet til venstre slik at du har nok plass til hjertet (ikke glem å trykke Shift mens du flytter for å holde brevet riktig justert til grunnlinjen).
For å gjøre hjertet, slå på linjene (Command + R) og dra en vertikal guide mellom "I" og "V" bokstaver. Ta pennverktøyet og la oss tegne den høyre delen av hjertet først, velg ikke fyll og en rosa 1pt slag.
Klikk på guiden for å lage toppunktet og dra håndtaket til venstre mens du holder Shift for å lage en løkke, og klikk deretter på høyre side for å opprette høyre ankerpunkt. Til slutt klikker du på guiden for å lage bunnpunktet og drar et håndtak til høyre mens du holder Shift for helt horisontale håndtak. Se bildet nedenfor for referanse, nå har du den rette halvdelen av hjertet ditt opprettet.
Med en form valgt, ta tak i Reflekteringsverktøyet (O) og Alt-klikk på guiden, velg Vertikal og klikk Kopier. Nå er hjertet klart. Slett guiden nå. Jeg har bestemt meg for å bli med to halvdeler bare i nederste punkt: velg to nabobunter med Direct Selection Tool (A) og trykk Alt + Shift + Command + J.
Nå skal vi gjenta trinn 16-17: legg til streker til en del av vår form i Utseende-paletten og bruk swirly børster til den. For hjertet har jeg valgt tre 1 pt slag av rosa, gult og blått med alle tre børster påført.
For å legge til en fin detalj i sammensetningen, har jeg bestemt meg for å sette tre mindre kopier over hjertet vårt i hver farge (rosa, blå og gul). Selv om det er mulig å bare kopiere objektet tre ganger, forvandle det og slette unødvendige slag, ville jeg beholde alle hjertekopiene som ett objekt. For å gjøre det, velg et hjerte og velg første strekk i Utseendepanelet. Gå nå til Effect> Distort & Transform> Transform og skriv inn disse verdiene for første slag:
For andre slag gjør det samme med følgende verdier:
Og for den tredje skriver du inn følgende:
Nå har du en fin detalj, og de små hjerter er faktisk effekter på den store!
Videre kan du lagre effektene som brukes på hjerteformen som en grafisk stil, akkurat som vi gjorde med typen, og nevner den "farget hjerte". På denne måten kan den samme stilen lett brukes til enhver form med bare ett klikk!
Endelig gjorde jeg noen mindre justeringer som tweaking pensel innstillinger for både type og hjerte og justeringstreker etter min smak. Slik ser det endelige resultatet ut.
Og dette er den for deg som vil legge til flere virvler - det kan hende du liker rammen jeg opprettet. Lag et avrundet rektangel som nesten dekker hele lerretet, kutt det i fire hjørner med Saksverktøyet (C) og bruk den grafiske stilen du opprettet for typen.
Du kan justere børstinnstillingene litt (jeg fjernet den tredje børstestrengen). Og gjett hva jeg legger inn i hjørnene? Disse asymmetriske blomstene er veldig enkle å lage. Ta en form som vi pleide å lage en virvel fra trinn 8-10, og kjør gjennomsnittlig kommandoen med begge akser-alternativet valgt - og kopier formen for å sette den i hvert hjørne!
I denne opplæringen har vi lært kraften i gjennomsnittlig kommandoen i Adobe Illustrator og brukt den til å gjøre en fin swirly-type effekt. Jeg håper det ga deg litt inspirasjon, da denne effekten kan gi interessante og uventede resultater. Bare vær kreativ og ha det gøy å eksperimentere!
Abonner på Vectortuts + RSS-feed for å holde deg oppdatert med de nyeste vektoropplæringene og artiklene.
Accentsconagua