Share
I denne opplæringen ser vi på to måter å raskt lage vektorstøymønstre, som ligner Photoshop's Gradient Noise, men denne gangen kan kontrolleres, resizable og redigeres, da det vil være en vektorgrafikk. For fargekontroll ser vi på funksjonen Live Color, som er tilgjengelig i Illustrator CS3.
Nylig trengte jeg å lage et alternativ til Photoshop's Gradient Noise, men denne gangen i Illustrator. Jeg vil forklare to måter hvordan å oppnå en lignende effekt. Vi skal lage en bloggoverskrift for denne opplæringen, basert på et skalerbart og enkelt å redigere farget støymønster.
Viktig merknad: Siden begge metodene skaper overlappende geometri, er de røde resultatene ikke egnet for skilting og vinylskjæring. Hvis du bruker denne metoden for skilting, bør alle overlappende elementer slås sammen før du sender til vinylklippere og plottere.
Her er det siste bildet vi skal skape. Først, la oss gjennomgå noen metoder for å lage tilfeldige vektorstøymønstre skjønt.
Denne metoden er basert på stiplede slag og gir deg mer kontroll over utseende, siden tilfeldighet (tilfeldighet) er satt av deg. I utgangspunktet er det også aktuelt for alle andre vektorprogrammer som støtter egendefinerte bindestreker (som CorelDraw).
Opprett et nytt dokument, sett størrelsen til 800 piksler med 350 piksler, og sett fargemodus til RGB. Deretter lager du en 500px lang linje, gir den en svart slag, og sett vekt til 10px. Aktiver punktlinjen og sett Dash and Gap-verdiene, i dette tilfellet 5, 3, 1, 8 og 2. Kopier linjen og modifiser Dash and Gap-verdiene til 2, 4, 6, 1 og 2. Opprett fire flere punkterte linjer og angi forskjellige verdier for bindestrek og mellomrom (3, 1, 1, 4 og 2), (1, 2, 1, 1 og 6), (2, 5, 1, 1 og 8) og (4, 1, 2, 1 og 1).
Kontroller at Stroke er valgt (X bytter mellom Stroke and Fill) og velg hvilken som helst farge nyanser du foretrekker
For å endre mønsterdimensjoner må vi konvertere strekkene til solid redigerbare striper (Brukere av Adobe Illustrator CS2 og eldre, bruk kommandoen Flatt gjennomsiktighet for å utvide streker i faste objekter, se det første bildet nedenfor). For å gjøre dette, gå til Objekt> Utvid, sjekk Fyll og Slag, og trykk OK.
Åpne Transform Paletten, sett referansepunktet til midten, fjern avmerkingen for Begrens bredde og høydeforhold, og sett høyden til 200px. Gjenta disse trinnene for hvert sett med striper. Bruk vertikaljusteringstoppen i justeringspaletten (Shift + F7)
Som du kan se, dominerer lilla og røde og dræper andre farger. Nå er det bare opp til deg hvordan du ordner striper, deres rekkefølge og posisjon. I mitt eksempel sendte jeg det lilla settet av striper til baksiden (Objekt> Ordne> Send til Tilbake), de røde stripene 3x Send bakover (Objekt> Ordne> Send til bakover), Olive stripes 3x Send bakover, grønne striper flyttet 5px høyre og 2x Send bakover, gule striper 2px høyre og 2x Ta framover (Objekt> Ordne> Ta fram).
For å tilbakekalle det endelige mønsteret, kan du enten manuelt velge striper og fylle dem med forskjellige farger eller bruke veldig nyttig ny funksjon Live Color. Vi skal bruke funksjonen senere, når du justerer farger for bannergrafikk. Før du begynner å spille med re-farging, må du sørge for at du velger alt objektet du vil rekonstruere (ikke behov for å gruppere det) og opprette en standard fargestatus ved å klikke på ikonet Ny fargegruppe. Dette vil tillate deg å tilbakestille alle endringer og gå tilbake til det opprinnelige kunstfargeskjemaet.
Endring av farger er veldig enkelt. Du kan redigere enkelt nyanser ved å dobbeltklikke på fargebjelken og angi verdiene eller ved å bruke fargevalget. Alle endringer er umiddelbart synlige på ditt originale kunstverk. Lagre den resulterende filen som "random_noise_pattern."
En annen måte å lage et vektorstøymønster på, bruker flere standardkommandoer, inkludert Blend og Transform Each. Metode 2 tillater oss å bruke ikke bare linjer som referanseobjekter, men også sirkler, rektangler og mer komplekse former (stjerner, egendefinerte symboler osv.) Vi trenger heller ikke å utvide utseendet på støymønsteret, så det er mulig å endre og juster noen parametre senere.
I den samme "random_noise_pattern" -filen, opprett en 1 pt strukket vertikal linje som er 200 px lang. Dupliser det og flytt det 500px til høyre. Velg begge linjene, gå til Objekt> Blend og angi mellomrom til angitte trinn med en verdi på 50. Gå til Objekt> Blend> Lag (Kommando + Alt + B). Gå nå til Objekt> Utvid, legg objektet sjekket ut, og fjern merket for Fyll og Slag boksene. Dette vil frigjøre enkeltobjektet i adskilte linjer. De er fortsatt gruppert sammen, så Ungroup (Command + Shift + G) dem, men la alle objekterne velges.
La oss ha det litt gøy! Gå til Objekt> Transform> Transform hver. Se nederst til høyre i dialogboksen og sjekk Tilfeldig og Forhåndsvisning. Sett horisontalflyttingen til noe som 15 piksler (du kan også legge inn negative verdier). Illustrator vil tilfeldig flytte linjer til riktig retning. Siden vi jobber med tilfeldige tall, vil resultatet alltid være annerledes. Kontroller og fjern merket og Tilfeldig for å flytte linjer i forskjellige posisjoner. Husk å lagre arbeidet ditt.
Gruppe (Command + G) alle linjene og dupliser dem deretter. Velg den nyopprettede gruppen, og dobbeltklikk på en av linjene for å angi og redigere gruppens innhold. Velg alle linjene og bruk Transform hver, og Horisontal Flytt med forskjellige verdier for å flytte linjer til tilfeldige posisjoner. Lag ytterligere fire grupper og gjenta Transform hver til dem alle.
Vi stiller flere forskjeller til gruppene. Men først, velg alle grupper og juster dem ved hjelp av Vertical Align Center.
Nå, velg hver enkelt gruppe og sett en annen verdi for linjens slagvekt og farge for hver gruppe. Du kan flytte posisjonene til hver gruppe bare for å legge til flere tilfeldigheter og mangfold. Spill med slagvekter for å fylle opp hvite hull.
Du kan alltid endre og tilpasse linjestillinger, farger og streker for hver gruppe. Hvis du vil endre størrelsen på mønsteret proporsjonalt, må du huske å aktivere Skala Stroke & Effects i Transform paletten.
Det endelige resultatet av metode 2 er vist nedenfor. Pass på å lagre den.
Ok, vi er ferdige med det grunnleggende, la oss bruke vår kunnskap og lage et morsomt og friskt banner. Vi skal bruke de tidligere opprettede mønstrene, men også lage en ny.
Åpne en ny 800 piksler med 350 piksler og lagre det som "banner". Lag et nytt lag, nevne det "Bakgrunn." Tegn et rektangel 800px bredt og 350px høyt. Fyll den med en gradient, sett dens type til radial og sett fargene i et område fra hvitt til blått. Dra gradientretningen fra nederste høyre til øverste venstre hjørne. Nå kan du låse dette laget.
Lag et nytt lag og nev det "Mønster 1." Bytt til dokumentet "random_noise_pattern", velg mønsteret som er opprettet med Metode 2, grupper det, og kopier det inn i "Mønster 1" -laget i "banner" -dokumentet. Kontroller at du har Skala og Stroker valgt i Transform paletten, og endre størrelsen på mønsteret for å fylle opp hele kunstområdet. Bruk kommandoen Flip Horizontal fra paletten Transform. Med mønsteret fremdeles valgt, må du sette gjennomsiktighetsmodus til skjerm og opacitet til 50%, og deretter låse laget.
Lag et nytt lag og nev det "Mønster 2." Bytt til dokumentet "random_noise_pattern", velg mønsteret opprettet med "Metode 1", grupper det, og kopier det inn på "Pattern 2" -laget i "banner" -dokumentet. Sett høyden på mønsteret til 150px. Gå til Lagpaletten, og klikk den lille pilen for å utvide visningen med underlag.
Velg og horisontalt flytte enkeltgrupper etter ønske. Ordne individuelle underlag. Du kan også legge inn hver gruppe og slette noen striper, bare for å legge til mangfold. Juster mønsteret til nederste venstre hjørne av tavlen. Dupliser "Mønster 1" laget og juster innholdet til høyre dokumentkanten. I dette tilfellet svingte jeg også horisontalt innholdet i "Pattern 2 Copy" -laget. Lås begge lagene og lagre.
La oss tegne noen naturlige elementer. Opprett et nytt lag, kaller det "Hills 1." Slå av alle mønsterlag, slik at de ikke distraherer oss når du tegner den nye grafikken. Dette trinnet handler om individuelle følelser og behov. For eksempel, ved hjelp av pennverktøyet trakk jeg et sett med åser og tilføyet gradientmaske til det, som vist nedenfor.
Med Direct Selection Tool valgte jeg individuelle ankre og tilknyttede forskjellige toner av grønt. Jeg dupliserte "Hills 1" -laget, modifiserte konturankerpunkter, lagde flere ankre til gradientmasken og festet ulike nyanser av grønt.
La oss bygge et radiotårn. Opprett et nytt lag og kaller det "Radio Tower." Det er en enkel gjenstand, laget med pennverktøyet, og 3D-roterte rektangler. For perspektivforvrengning brukte jeg 3D Rotate-verktøyet. Siden det handler om stylisering, trenger du ikke å følge nøyaktig perspektiv og 3D-regler skjønt.
Fargede slag gir gjenstanden dybden. Juster ankerpunkter til optisk sammenføyning av linjer sammen, som vist i det andre bildet under.
La oss lage overføringsbølger. Dette er et fint eksempel på hvor fleksibel metode 2 er. Vi skal lage et sirkelstøymønster og tilbakekalle det ved hjelp av funksjonen Live Color.
Så sett et nytt lag, kaller det "Transmission Waves" og ordne det bak "Radio Tower" -laget. Legg en 120 px sirkel et sted utenfor tavlen. Still slagvekten til 1 px og farge til svart. Dupliser det og sett størrelsen til 20 px. Senter den lille sirkelen med den større.
Gå til Objekt> Blend og angi mellomrom til angitte trinn med en verdi på 8. Gå til objekt> Blend> Lag (Alt + Kommando + B).
Gå nå til Objekt> Utvid, la objektet være merket, og fjern merket Fill and Stroke. Dette vil frigjøre enkeltobjekter i adskilte linjer. De er fortsatt gruppert sammen, så bruk kommandoen Ungroup, men la alle objekter bli valgt.
Gå til Objekt> Transform> Transform hver. I nederste høyre hjørne av dialogboksen, velg både Tilfeldig og Forhåndsvisning. Sett skalaen Horisontal og Vertikal til 90%. Illustrator vil tilfeldig nedskalere sirkler. Siden vi jobber med tilfeldige tall, vil resultatet alltid være annerledes. Sjekk og fjern merket for Tilfeldig for å skalere kretsene.
Opprett en gruppe med alle sirkler og dupliser den. Velg den nyopprettede gruppen, dobbeltklikk på noen av kretsene som skal angis, og rediger innholdet i gruppen. Velg alle sirkler og bruk Transform hver. Skala Horisontal og Vertikal med forskjellige verdier til tilfeldig nedskalere sirkler. Lag en annen gruppe og gjenta Transform hver.
Sett en annen slagvekt og farge for hver gruppe av sirkler (jeg brukte 0,5pt for grønt, 0,75 for rødt og 1pt for gult). Senter alle sirkelgruppene.
Plasser dem til tårnet toppen.
La oss endre bølgenes farger med Live Color. Velg alle objektene i "Transmission Waves" -laget og klikk på Recolor Artwork-ikonet i Alternativer-feltet øverst på skjermen..
Først lagre startstatusen ved å klikke på ikonet Ny fargegruppe. Dette vil lagre originale farger, så det er ganske enkelt å spille med ulike fargekombinasjoner uten å måtte avbryte dialogen hvis du ikke liker de endringene du gjør.
Nå kan du endre farger interaktivt. Klikk på Rediger-fanen, aktiver Link Harmony-farger.
Klikk på noen av kretsene i fargehjulet og dra det til de ønskede tintene. Hvis du trenger å endre bare en farge i hjulet, klikker du på Lenk bort harmonifarger og justerer toner og nyanser uavhengig. Når du er fornøyd med resultatet, klikker du på Ny fargegruppe for å lagre den nye tilstanden. Illustrator vil huske de opprinnelige og nye landene, så det er lett å gå tilbake til originale farger om nødvendig.
La oss lage den støyende solen neste. Faktisk er det et duplikat av "Transmission" -laget, kalt "Sun", arrangert bak Transmissionslaget. Sirkler er endret og endret ved å transformere hver. I dette tilfellet justerte jeg også slagets vekt og brukte Live Color til å endre sirkelfargene.
Lag et nytt lag med navnet "Gold Wheat" For å lage gullhvete brukte jeg Method 2-teknikken med disse unntakene:
Så den grunnleggende gruppen ble deretter duplisert mange ganger bare for å fylle det horisontale rommet i bannerdesignet.
Blomster ble opprettet på et nytt lag kalt "Blomster". De er laget av de enkle strokede kurver og sirkler. Kopier av sirkelstøymønster ble brukt til å gi sammensetningen mer levende.
Typografi er plassert på et nytt lag bak "Blomster" -laget, og er basert på en gratis font som heter Romeral.
Tittelen er fylt med oransje og strekket med hvitt. For å legge til hvit skygge brukte jeg en Drop Shadow-effekt. Gå til Effekt> Stylize> Drop Shadow. I dialogboksen Valg velger du modus til normal, opacitet til 100% og uskarphet til 0%. Dette gjør at du kan endre tekst raskt og effektivt, i stedet for å duplisere tekst, kompensere og fylle det med en annen farge, noe som vil føre til redigering av to tekster. Tagline-teksten er Myriad Pro Semibold.
Til slutt maskerer alle overreaching lag med et rektangel, så tavlen er fin og ryddig.
I denne opplæringen lærte vi forskjellige måter å få interessante stripe resultater med enkle verktøy og kommandoer. Vi opprettet interessante, tilfeldig vektorskalerbare mønstre, og vi tok en titt på noen nye funksjoner i Adobe Illustrator CS3, for eksempel Live Color. Jeg gleder meg til å se eksperimentene dine med disse interessante vektorstøyteknikkene.
Accentsconagua