Share
I den här handledningen utforskar vi kommandot "Average" i Adobe Illustrator, och lär dig hur du använder det på något ovanligt sätt. I det här fallet skapar vi abstrakta virvlar med relativt enkla metoder och tillämpar det för att skriva. Låt oss börja!
Vill du ha tillgång till hela Vector Source-filerna och nedladdningsbara kopior av varje handledning, inklusive den här? Bli med Plus Plus för bara 9 $ per månad.
De flesta av er är förmodligen bekanta med medelkommandot i Adobe Illustrator. Det här är inte ett mycket populärt verktyg, eftersom det oftast bara används för specifika behov. Men idag kommer vi att utforska matematiken bakom den och använda den för att skapa några surrealistiska swirlyformer. Tekniken är ganska enkel, men vi spenderar lite tid på teori - som jag är lärare och jag gillar att förklara och göra allt klart.
Låt oss tillbringa lite tid på den teoretiska delen först. På detta sätt kommer du bättre att förstå mekanismen för det "genomsnittliga" verktyget och de tre integrerade lagarna i "ASAS-tekniken", som jag nyligen uppfann. Men om du bara inte gillar mycket teori kan du gå direkt till steg 6.
När använder vi vanligtvis kommandot Average och vad gör det? Jag är säker på att de flesta av er känner till svaret. Kommandot "Genomsnitt" är dolt under kommandot + Alt + J genvägen, eller i menyn Objekt> Path, och jobbet är att ta med de markerade ankarpunkterna ... till höger, till den genomsnittliga punkten mellan dem. Låter ganska enkelt, eller hur? I praktiken blir detta kommando ibland en oersättlig hjälpen.
Till exempel har jag några öppna banor som jag vill förena i en enda form, men de berör inte exakt varandra (för dem som vill repetera formen: skapa en rundad rektangel och radera de två bottenpunkterna. Tryck nu på R och Alt-klicka under det, skriv sedan in 72 grader. Kopiera och skriv Command + D tre gånger för att rotera, som visas nedan.
I det här fallet kan jag inte bara flytta 5 former mot varandra och gå med (Command + J), eftersom symmetrin kommer att gå vilse - men kronbladet i detta blomma måste vara helt lika och komponera den exakta vinkeln. Om jag går med på banorna nu, kommer programmet att rita raka linjer mellan öppna ankarpunkter, vilket inte är vad vi behöver.
För att få den perfekta kompositformen måste vi först placera alla fem banorna korrekt så att öppna punkter berör varandra. Det är när det genomsnittliga kommandot kommer till nytta! Vi tar bara direktmarkeringsverktyget (A), väljer slutpunkterna för två närliggande banor och väljer Objekt> Ban> Genomsnitt. I fönstret välj både, tryck på OK och voila - poängen är på samma plats nu!
Allt vi behöver göra är att gå med dem (Objekt> Path> Join). Nu kan vi upprepa detta steg fyra gånger för varje par ändpunkter: välj med Direct Selection Tool, använd sedan Average och Join. Men för att spara några sekunder rekommenderar jag att du kombinerar dessa två kommandon till en enda genväg: Kommando + Alt + Skift + J.
Nu vet vi att medelkommandot ger ankarpunkter till mitten mellan dem (vilken överraskning!). Jo kanske du tycker att det är ganska uppenbart, men låt oss gå vidare. Låt oss prova det här kommandot på olika objekt.
Jag skapade en rektangel och försökte medelkommandot på det (formen måste väljas). Vad får vi? Genom att försöka alla tre alternativen i kommandot får vi olika resultat: Horisontell axel ger vertikala punkter till mitten, skapar en horisontell linje; Vertikalaxeln gör detsamma med horisontella punkter; både axlar alternativ resulterar i en center punkt, vilket leder alla punkter till mitten.
Samma resultat kommer du att få med en sexkant eller stjärna. Det ser faktiskt inte intressant ut, men det hjälper till att förstå hur det här verktyget fungerar. Låt oss bryta ner dem i regler.
Regel 1: Blanketterna med hörnspunkter kommer alltid att resultera i antingen linje eller punkt! Även om du skriver oregelbundna asymmetriska former med Pen Tool, så länge det bara har hörnpunkter - effekten är densamma.
Låt oss rita en ellips och göra några experiment. Gör två kopior av det och försök med genomsnittskommandot på dem igen, alla tre alternativen. Som du ser, ser utfallet ännu mer intressant ut, vilket ger några kurviga linjer. Detta händer på grund av de smala ankarpunkterna på Bezierkurvorna, där den slutliga kurvriktningen styrs av handtag.
Regel 2: För smidiga kurvor behöver vi smidiga punkter, och handtag är mycket viktiga för att uppnå den smidigheten!
Regel 3 för det genomsnittliga kommandot: Forankringspunkterna i formerna bör inte vara symmetriskt och komponera horisontella eller vertikala linjer.
För att illustrera denna princip, låt oss ta en ellips från föregående steg och rotera den med 30 grader med rotationsverktyget (R). Välj din ellips, tryck på R och ange värdet på 30. Nu, låt oss göra samma manipulationer - kopiera två gånger och köra medelverktyget.
Se skillnaden? Båda axlarna alternativen förändrades inte mycket, men de horisontella och vertikala alternativen skapade några fina kurviga former. Detta resultat beror på placeringen av förankringspunkter. I föregående steg bildade punkterna i ellipsen vertikala och horisontella linjer, och nu skapade de asymmetrisk korsning.
Tja, tillräckligt med teori för idag! Jag är säker på att du förstod de tre reglerna för ASAS (Average Smooth Abstract Shapes). Låt oss sätta vad vi har lärt oss att träna nu.
Låt oss skapa ett nytt dokument i Illustrator, 800px med 500px, i RGB-läge. Skapa bakgrunden med hjälp av rektangelverktyget (M). Fyll den med en radiell gradient som går från vit till ljusgrå (# e6e6e6). Namn det här skiktet "BG", lås det och skapa en ny med namnet "Swirls."
OK, låt oss börja göra ASAS! Vi vet det Båda axlarna Alternativet för medelkommandot ger alla punkter i mitten som skapar små former. Så, låt oss fokusera på den horisontella eller vertikala riktningen för kurviga virvlar. Men vi behöver fortfarande de grundläggande formerna att arbeta med. Vad vi vill ha är en asymmetrisk form med smidiga ankarpunkter. Det finns många sätt att skapa dem.
Låt oss börja med en enkel 5-ändig stjärna utan fyllning och svart slag. För att snabbt konvertera hörnpunkterna till att de släta kan vi tillämpa Filter> Stylize> Round Corners, kommer 10 pt att räcka. Det är fortfarande inte rätt tid att tillämpa genomsnittskommandot, eftersom punkterna i vår stjärna ligger alla på samma avstånd från centrum (även om resultatet kan se intressant redan).
Med din stjärna vald, ta tag i Wrap Tool (Shift + R) och deformera det något för att göra det asymmetriskt. Försök att göra det lite bredare samtidigt. Nu kan du trycka på Command + Alt + J för att hämta det genomsnittliga fönstret och välj sedan horisontell axel. Voila! Vår första virvel är klar!
Obs! Du kanske vill prova den vertikala axeln också och välj vilken som ser bäst ut. Men vi behöver inte "båda axlar" alternativ nu!
Låt oss nu skapa en ellips (L). Den här gången för att göra formen asymmetrisk använder vi Twirl Tool. Lämna alla alternativ intakta, och rör bara ellipsen några gånger för att göra det till en amorf form. Och kör nu genomsnittskommandot och välj horisontell axel.
För den sista formen använder vi en enkel metod. Ta blyertsverktyget (N). Återigen spelar ingen roll verktygsalternativen, vi kommer bara att dra en asymmetrisk form med den. För att stänga sökvägen när du ritar, håll ner Alt-tangenten och klicka. Och igen: Objekt> Path> Average> Horizontal. Nu har du tre fina swirly former.
Nu gör vi några justeringar och räddar våra former. För alla tre formerna appliceras en medium grå slag utan fyllning. För att göra en form längre, duplicera den första virveln och rotera kopian 180 grader med markeringspilen (håll ned Skift-tangenten medan du roterar), justera sedan båda delarna för att skapa en enda längre virvla och gruppera dem. Gör detsamma med den andra virveln.
Med den sista virveln gör du samma manipulation som med de första två, duplicera, rotera och justera. Vi lägger också till några prickar. Ta tag i ellipsverktyget (L) och skapa en liten cirkel medan du håller ned Shift-tangenten. Gör det en medelgrå utan stroke och placera den i närheten av virveln som visas.
Duplicera cirkeln flera gånger och placera den runt virveln för att sluta med cirka 10 cirklar som omger din form. Välj nu alla cirklar, håll ner Shift-tangenten och gå till Objekt> Transformera> Transformera varje (Alt + Shift + Command + D) och ange dessa värden:
Om du gillar resultatet, tryck på OK. Om inte, försök sedan ändra vissa inställningar, som skala eller flytta. Ditt resultat borde vara ungefär som bilden nedan.
Nu när våra virvlar är redo gör vi tre borstar ut ur dem. Välj den första virveln, gå till penselpaletten (F5) och dra-n-släpp formen på paletten. Välj Art brush i fönstret du ser nästa. Eftersom din virvla runt är horisontell, väljer du alternativet i penselalternativen horisontellt för riktningen (men om du gjorde en vertikal, välj den vertikala riktningen självklart). Välj färgtoneringsmetod för färgtoner. Benämna den här borsten "Swirl 1" och spara den.
Nu visas din nybildade pensel i penselpaletten. Gör detsamma med två andra former, namngivna dem "Swirl 2" (för detta skriv 80% i bredd) och "Swirl 3" (skriv in 150% för bredd och kontrollera Proportional).
Nu kommer vi till den mest spännande delen av denna handledning, bygga vår slutliga komposition.
Låt oss nu göra vår typ. Låsa "Swirls" -laget och skapa en ny med namnet "Type". Ta tag i Typverktyget (T) och skriv din text. Det är bättre att använda en rund sans-serif-typsnitt (jag använde Century Gothic Regular) och teckensnittstorleken skulle vara riktigt stor (min var 130 pt). Jag valde frasen "I LOVE VECTOR", så jag skrev "Jag VECTOR", eftersom jag senare lägger till ett hjärtsymbol.
Låt oss konvertera texten till en sökvägen (Command + Shift + O) och avgruppera den. Nu, istället för att arbeta på hela texten, justerar vi bara ett brev först. Välj bokstav "Jag", gör det inte fyllt och 1 pt svart slag. Klicka på den första virveln i penselpaletten. Åh, äntligen börjar vi ha någon effekt!
Nu, med "I" som fortfarande valts, går du till paletten Utseende (Shift + F6) och i flyktmenyn väljer du ny stroke. Med ny stroke vald, gå till borstpanelen och välj "Swirl 2." Nu ser brevet ännu bättre ut!
Fortsätt och lägg till den tredje stroke i den sista swirlyborsten, den med prickar. Nu kan du justera inställningarna för antingen stroke om du vill. När du når effekten du är nöjd med, gå till panelen Grafiska format. Med ditt bokstav valt, skapa en ny stil med namnet "Black swirly type." Nu kan du välja resten av texten och använda samma grafikstil med andra bokstäver.
Vår typ ser OK nu, men du kanske märker några hakiga områden skapade av hörnpunkter. Du måste komma ihåg att hörnpunkter inte är bra för virvlar, så vi fixar det. Välj hela texten och gå till Filter> Stylize> Round Corners, med en radie på 10 px kommer det att vara tillräckligt. Nu ska din typ se mycket snyggare ut!
Du kanske vill justera kärnan nu genom att flytta bokstäverna lite för att se mer harmonisk ut. Flytta också "I" -brevet till vänster så att du har tillräckligt med utrymme för hjärtat (glöm inte att trycka på Skift medan du flyttar för att hålla brevet korrekt inriktat mot baslinjen).
För att göra hjärtat, sätt på linjalerna (Command + R) och dra en vertikal guide mellan "I" och "V" -breven. Ta Pen Tool och låt oss dra första delen av vårt hjärta först, välj ingen fyllning och en rosa 1pt slag.
Klicka på guiden för att göra toppunkten och dra handtaget till vänster medan du håller Shift för att skapa en slinga och klicka sedan på höger sida för att skapa rätt ankarpunkt. Slutligen klickar du på guiden för att skapa bottenpunkten och dra ett handtag åt höger medan du håller Shift för perfekt horisontella handtag. Se bilden nedan för referens, nu har du rätt hälft av ditt hjärta skapat.
Med en form vald, ta tag i Reflect Tool (O) och Alt-klicka på guiden, välj Vertikal och klicka på Kopiera. Nu är hjärtat klart. Ta bort guiden nu. Jag har bestämt mig för att ansluta till två halvor endast i nedersta punkten: välj två grannpunkter med Direktvalverktyget (A) och tryck på Alt + Skift + Kommando + J.
Nu ska vi upprepa steg 16-17: lägg till streck till en del av vår form i paletten Utseende och använd svarta penslar till den. För hjärtat har jag valt tre 1 pt slag av rosa, gult och blått med alla tre borstar applicerade.
För att lägga till en fin detalj i kompositionen har jag bestämt mig för att lägga tre mindre exemplar över vårt hjärta av varje färg (rosa, blå och gul). Även om det är möjligt att helt enkelt kopiera objektet tre gånger, omvandla det och radera onödiga slag, ville jag behålla alla hjärtkopior som ett objekt. För att göra det, välj ett hjärta och välj första stroke i Utseendepanelen. Gå nu till Effect> Distort & Transform> Transformera och ange dessa värden för första stroke:
För den andra stroke gör detsamma med följande värden:
Och för den tredje skriver du följande:
Nu har du en fin detalj, och de små hjärtan är faktiskt effekter som appliceras på den stora!
Dessutom kan du spara effekterna som appliceras på hjärtformen som en grafisk stil precis som vi gjorde med typen, och namnge den "Colored swirly heart." På så sätt kan samma stil enkelt appliceras på vilken form som helst med bara ett klick!
Slutligen gjorde jag några mindre justeringar som tweaking brush inställningar för både typ och hjärta och justering slag till min smak. Så här ser slutresultatet ut.
Och det här är det för dem som vill lägga till fler virvlar - du kanske gillar ramen jag skapade. Skapa en rundad rektangel som nästan täcker hela duken, skär den i fyra hörn med saxverktyget (C) och använd den grafiska stilen du skapade för typen.
Du kan justera borstinställningarna lite (jag tog bort den tredje penselsträckan). Och gissa vad jag lägger in i hörnen? Dessa asymmetriska blommor är väldigt enkla att göra. Ta någon form som vi brukade göra en virvla runt från steg 8-10, och kör genomsnittskommandot med båda axlar alternativet valt - och kopiera formen att placera den i varje hörn!
I den här handledningen har vi lärt oss kraften i det genomsnittliga kommandot i Adobe Illustrator och använt det för att göra en bra swirly-typ effekt. Jag hoppas att det gav dig lite inspiration, eftersom den här effekten kan ge intressanta och oväntade resultat. Var bara kreativ och ha kul att experimentera!
Prenumerera på Vectortuts + RSS-flödet för att hålla dig uppdaterad med de senaste vektorhandledningarna och artiklarna.
Accentsconagua