Share
I den här handledningen tittar vi på två sätt att snabbt skapa vektorljudmönster som liknar Photoshop's Gradient Noise, men den här gången kan du styra, ändra storlek och redigera, eftersom det blir en vektorgrafik. För färgkontroll ser vi på funktionen Live Color, som finns i Illustrator CS3.
Nyligen behövde jag skapa ett alternativ till Photoshop Gradient Noise, men den här gången i Illustrator. Jag kommer att förklara två sätt hur man uppnår en liknande effekt. Vi ska göra en blogghuvudgrafik för denna handledning, baserad på ett skalbart och enkelt att redigera färgat brusmönster.
Viktig anmärkning: Eftersom båda metoderna skapar överlappande geometri är råa resultat inte lämpliga för skyltning och vinylskärning. Om du använder den här metoden för att skapa tecken, ska alla överlappande element sammanfogas innan de skickas till vinylklippare och plotters.
Här är den slutliga bilden vi ska skapa. Låt oss först granska några metoder för att skapa slumpmässiga vektor brusmönster.
Denna metod är baserad på streckade slag och ger dig större kontroll över utseendet, eftersom slumpmässighet är inställd av dig. I princip är det också tillämpligt på någon annan vektorprogramvara som stöder anpassade bindestreck (som CorelDraw).
Skapa ett nytt dokument, sätt dess storlek till 800 pixlar med 350 pixlar och ställ in färgläget till RGB. Skapa sedan en 500px lång rad, ge den en svart slag och sätt vikt till 10px. Aktivera streckad linje och ställ in Dash and Gap-värdena, i det här fallet 5, 3, 1, 8 och 2. Dubbla linjen och ändra Dash and Gap-värdena till 2, 4, 6, 1 och 2. Skapa fyra mer streckade linjer och ange olika värden för streck och luckor (3, 1, 1, 4 och 2), (1, 2, 1, 1 och 6), (2, 5, 1, 1 och 8) och (4, 1, 2, 1 och 1).
Se till att Stroke är vald (X växlar mellan Stroke and Fill) och välj vilken färg nyans du föredrar
För att ändra mönsterdimensioner måste vi konvertera streck till solid redigerbara band (Användare av Adobe Illustrator CS2 och äldre, använd kommandot Flatten Transparency för att expandera streck i fasta objekt, se den första bilden nedan). För att göra detta, gå till Objekt> Expand, kolla Fyll och Slag och tryck på OK.
Öppna Transform Paletten, sätt referenspunkten till mitten av toppen, avmarkera Begränsad bredd och höjdförhållanden och ställ in Höjden till 200px. Upprepa dessa steg för varje uppsättning randar. Använd det vertikala inpassningssteget i justeringspaletten (Shift + F7)
Som du kan se, dominerar lila och röda och döda andra färger. Nu är det bara upp till dig hur man ordnar ränder, deras ordning och position. I mitt exempel skickade jag den lila uppsättningen randar till baksidan (Objekt> Ordna> Skicka till baksida), de röda randarna 3x Skicka bakåt (Objekt> Ordna> Skicka till bakåt), Olivband 3x Skicka Bakåt, Gröna ränder flyttas 5px höger och 2x Skicka bakåt, gula ränder 2px höger och 2x Ta framåt (Objekt> Ordna> Ta framåt).
För att återfärda det slutliga mönstret kan du antingen manuellt välja ränder och fylla dem med olika färger eller använda väldigt användbar ny funktion Live Color. Vi ska använda funktionen senare när du justerar färger för bannergrafik. Innan du börjar spela med omfärgning, se till att du väljer allt objekt du vill recolorera (behöver inte grupperas) och skapa en standardfärgstillstånd genom att klicka på ikonen Ny färggrupp. På så sätt kan du återställa alla ändringar och återgå till det ursprungliga konstverkets färgschema.
Att byta färger är väldigt enkelt. Du kan redigera enskilda nyanser genom att dubbelklicka på färgfältet och ställa in dess värden eller använda färghjulet. Alla ändringar är omedelbart synliga på ditt ursprungliga konstverk. Spara den resulterande filen som "random_noise_pattern."
Ett annat sätt att skapa ett vektor brusmönster använder flera standardkommandon, bland annat Blend and Transform Each. Metod 2 tillåter oss att inte bara använda rader som referensobjekt, utan också cirklar, rektanglar och mer komplexa former (stjärnor, anpassade symboler etc.) Vi behöver inte utöka brusmönstret, så det är möjligt att ändra och justera några parametrar senare.
I samma "random_noise_pattern" -fil skapar du en 1-punkts streckad vertikal linje som är 200px lång. Duplicera den och flytta den 500px till höger. Välj båda raderna, gå till Objekt> Blend och ställ in Spacing till specificerade steg med ett värde på 50. Gå till Objekt> Blanda> Gör (Kommando + Alt + B). Gå nu till Objekt> Expand, lämna objektet markerat och avmarkera rutorna Fyll och Slag. Detta kommer att släppa det enskilda objektet i separata linjer. De grupperas fortfarande tillsammans, så Ungroup (Command + Shift + G) dem, men lämna alla objekt som valts.
Låt oss ha lite kul! Gå till Objekt> Transformera> Transformera vardera. Titta på nedre högra hörnet av dialogrutan och kolla slumpmässigt och förhandsgranska. Ställ in den horisontella flyttningen till något som 15 pixlar (du kan också ange negativa värden). Illustratorn kommer slumpmässigt att flytta linjerna åt höger. Eftersom vi arbetar med slumptal kommer resultatet alltid att vara annorlunda. Kontrollera och avmarkera och slumpmässigt för att flytta linjer i olika positioner. Var noga med att spara ditt arbete.
Grupp (Command + G) alla linjer och duplicera dem sedan. Välj den nyupprettade gruppen och dubbelklicka på någon av raderna för att ange och redigera gruppinnehåll. Markera alla linjer och använd Transformera varje och Horisontell Flytta med olika värden för att flytta linjer till slumpmässiga positioner. Gör ytterligare fyra grupper och upprepa Transformera var och en till dem alla.
Vi ställer fler skillnader för grupperna. Men först välj alla grupper och justera dem med hjälp av Vertical Align Center.
Välj nu varje enskild grupp och ange ett annat värde för linjens slagvikt och färg för varje grupp. Du kan flytta positionerna för varje grupp bara för att lägga till mer slumpmässighet och mångfald. Spela med strokevikter för att fylla upp vita luckor.
Du kan alltid ändra och anpassa linjens positioner, färger och slag för varje grupp. Om du vill ändra storlek på mönstret proportionellt, kom ihåg att aktivera skalanslag och effekter i paletten Transformera.
Slutresultatet av metod 2 visas nedan. Var noga med att spara den.
Okej, vi är färdiga med grunderna, låt oss använda vår kunskap och göra en rolig och ny banner. Vi ska använda de tidigare skapade mönstren men också skapa en ny.
Öppna ett nytt 800 pixel med 350 pixeldokument och spara det som "banner". Skapa ett nytt lager, namnge det "Bakgrund." Rita en rektangel 800px bred och 350px lång. Fyll den med en gradient, sätt dess typ till radiell och ställ in färgerna i ett område från vit till blå. Dra gradientriktningen från botten till höger till vänster till vänster. Nu kan du låsa detta lager.
Gör ett nytt lager och namnge det "Pattern 1." Byt till dokumentet "random_noise_pattern", välj det mönster som skapades med Metod 2, gruppera det och kopiera klistra in det på "Pattern 1" -laget i "banner" -dokumentet. Se till att du har Skala och Strokar markerade i Transform paletten och ändra storlek på mönstret för att fylla upp hela konstruktionsområdet. Använd kommandot Flip Horizontal från paletten Transformera. Med det valda mönstret ställer du in transparensläget till Skärm och Opacitet till 50% och Lås sedan skiktet.
Gör ett nytt lager och namnge det "Pattern 2." Byt till dokumentet "random_noise_pattern", välj det mönster som skapats med "Metod 1", gruppera det och kopiera klistra in det på "Pattern 2" -laget i "banner" -dokumentet. Ställ in mönstets höjd till 150px. Gå till Layer paletten och klicka på den lilla pilen för att expandera vyn med underlagret.
Välj och vrid horisontellt enskilda grupper efter behov. Ordna enskilda underlag. Du kan också ange varje grupp och radera några ränder, bara för att lägga till mångfald. Rikta mönstret till undersidan till vänsterkanten. Duplicera "Pattern 1" -laget och justera innehållet till den högra dokumentkanten. I det här fallet vred jag också horisontellt på innehållet i "Pattern 2 Copy" -laget. Låsa båda lagren och spara.
Låt oss rita några naturliga element. Skapa ett nytt lager, namnge det "Hills 1." Stäng av alla mönsterlager så att de inte distraherar oss när du skriver den nya grafiken. Detta steg handlar om individuella känslor och behov. Till exempel, med hjälp av Pen-verktyget ritade jag en uppsättning kullar och tillsatte gradientnät till den, som visas nedan.
Med Direct Selection Tool valde jag enskilda ankare och bifogade olika toner av grönt. Jag duplicerade "Hills 1" -skiktet, modifierade konturförankringspunkter, lade till fler ankare till lutningsnätet och fästade olika nyanser av grönt.
Låt oss bygga ett radiotorn. Skapa ett nytt lager och namnge det "Radio Tower." Det är ett enkelt objekt, gjord med Pen-verktyget och 3D-roterade rektanglar. För perspektivförvrängning använde jag 3D Rotate-verktyget. Eftersom det handlar om stylisering behöver du dock inte följa exakt perspektiv och 3D-regler.
Färgade slag ger objektet djupet. Justera ankarpunkterna för att optiskt sammanfoga linjerna, som visas i den andra bilden nedan.
Låt oss skapa överföringsvågor. Detta är ett bra exempel på hur flexibel metod 2 är. Vi ska skapa ett kretslocksmönster och återfärda det med hjälp av funktionen Live Color.
Så sätt ett nytt lager, namnge det "Transmission Waves" och ordna det bakom "Radio Tower" -laget. Placera en 120 px cirkel någonstans utanför tavlan. Ställ in slagvikt till 1 px och färg till svart. Duplicera det och ställ in storleken till 20 px. Centrera den lilla cirkeln med den större.
Gå till Objekt> Blend och ställ in Spacing till specificerade steg med ett värde på 8. Gå till Objekt> Blanda> Gör (Alt + Command + B).
Gå nu till Objekt> Expand, lämna objektet markerat och avmarkera Fyll och Slag. Detta kommer att släppa enskilda objekt i separata linjer. De grupperas fortfarande tillsammans, så använd kommandot Ungroup, men lämna alla objekt markerade.
Gå till Objekt> Transformera> Transformera vardera. I nedre högra hörnet av dialogrutan kontrollerar du både Random och Preview. Ställ in skalan i horisontell och vertikal till 90%. Illustratorn kommer slumpmässigt nedskalna cirklar. Eftersom vi arbetar med slumptal kommer resultatet alltid att vara annorlunda. Markera och avmarkera Slumpmässigt för att skala cirklarna.
Skapa en grupp med alla cirklar och duplicera den. Välj den nyupprettade gruppen, dubbelklicka på någon av cirklarna för att skriva in och redigera gruppinnehållet. Markera alla cirklar och använd Transformera varje. Skala Horisontell och Vertikal med olika värden till slumpmässigt nedskalade cirklar. Gör en annan grupp och upprepa Transformera varje.
Ange en annan slagvikt och färg för varje grupp av cirklar (jag använde 0,5pt för grönt, 0,75 för rött och 1pt för gult). Centrera alla cirkelgrupperna.
Placera dem till tornet toppen.
Låt oss ändra vågorna med Live Color. Markera alla objekt i "Transmission Waves" -laget och klicka på ikonen Recolor Artwork i alternativfältet högst upp på skärmen.
Först, spara det ursprungliga tillståndet genom att klicka på ikonen Ny färggrupp. Detta sparar de ursprungliga färgerna, så det är ganska enkelt att spela med olika färgkombinationer utan att behöva avbryta dialogrutan om du inte gillar de förändringar du gör.
Nu kan du interaktivt ändra färger. Klicka på fliken Redigera, aktivera Link Harmony Colors.
Klicka på någon av cirklarna i Färghjulet och dra det till de önskade färgerna. Om du bara behöver ändra en färg i hjulet, klicka på Unlink harmoni färger och justera färgerna och nyanserna självständigt. När du är nöjd med resultatet klickar du på Ny färggrupp för att spara den nya staten. Illustratorn kommer ihåg originalet och nya staterna så det är lätt att återgå till originalfärger om det behövs.
Låt oss göra den högljudda solen nästa. Det är faktiskt en dubblett av "Transmission" -lagret, benämnt "Sun", anordnat bakom överföringsskiktet. Cirklarna resorteras och modifieras genom att transformera vardera. I det här fallet justerade jag också strokesvikten och använde Live Color för att ändra cirkelfärger.
Gör ett nytt lager med namnet "Gold Wheat" För att göra guldvete, använde jag Method 2-tekniken med dessa undantag:
Så grundgruppen duplicerades sedan många gånger bara för att fylla det horisontella utrymmet i bannerdesignen.
Blommor skapades på ett nytt lager med namnet "Blommor". De är gjorda av de enkla streckade kurvorna och cirklarna. Kopior av cirkelstrålmönster användes för att ge kompositionen mer levande.
Typografi placeras på ett nytt lager bakom "Flowers" -lagret och bygger på ett gratis teckensnitt som heter Romeral.
Titeln är fylld med orange orange och streckad med vit. För att lägga till vit skugga användes en Drop Shadow-effekt. Gå till Effekt> Stylize> Drop Shadow. I dialogrutan Alternativ ställer du in Mode till Normal, Opacitet till 100% och Blur till 0%. Detta gör att du kan ändra text snabbt och effektivt istället för att duplicera text, kompensera och fylla i en annan färg, vilket skulle leda till att du redigerar två texter. Tagline-texten är Myriad Pro Semibold.
Slutligen maskera alla överlagringsskikt med en rektangel, så tavlan är snygg och städad.
I denna handledning lärde vi oss olika sätt att få intressanta stripresultat med enkla verktyg och kommandon. Vi skapade intressanta slumpmässiga vektor skalbara mönster och vi tittade på några nya funktioner i Adobe Illustrator CS3, som Live Color. Jag ser fram emot att se dina experiment med dessa intressanta vektorns ljudtekniker.
Accentsconagua