Share
În acest tutorial, ne uităm la două moduri de a crea rapid modele de zgomot vectorial, similar cu gradientul de zgomot al Photoshop, dar de data aceasta complet controlabil, redimensionabil și editable, deoarece va fi un grafic vectorial. Pentru controlul culorii vom examina funcția Live Color, disponibilă în Illustrator CS3.
Recent, trebuia să creez o alternativă la Gradient Noise de la Photoshop, dar de data asta în Illustrator. Voi explica două modalități de obținere a unui efect similar. Vom face un grafic cu antetul blogului pentru acest tutorial, bazat pe un model de zgomot scalabil și ușor de editat.
Notă importantă: Din moment ce ambele metode creează geometrie suprapusă, rezultatele brute nu sunt potrivite pentru realizarea de semne și tăierea vinilului. Dacă utilizați această metodă pentru realizarea semnelor, atunci toate elementele suprapuse ar trebui să fie combinate înainte de a le trimite la tăietori de vinil și plottere.
Iată imaginea finală pe care o vom crea. În primul rând, să examinăm câteva metode pentru crearea de modele de zgomot vectorial aleatoriu.
Această metodă se bazează pe curse distorsionate și vă oferă mai mult control asupra aspectului, deoarece aleatorie (casualitate) este setat de dvs. Practic, este, de asemenea, aplicabil oricarui alt software de tip vector care suporta liniile personalizate (cum ar fi CorelDraw).
Creați un document nou, setați dimensiunea acestuia la 800 de pixeli cu 350 de pixeli și setați modul de culoare la RGB. Apoi, creați o linie lungă de 500px, dați-i un accident de culoare neagră și setați greutatea la 10px. Activați linia punctată și setați valorile Dash și Gap, în acest caz 5, 3, 1, 8 și 2. Duplicați linia și modificați valorile Dash și Gap la 2, 4, 6, 1 și 2. Creați patru (1, 2, 1, 1 și 6), (2, 5, 1, 1 și 8), mai multe linii punctate și setarea unor valori diferite pentru liniuțe și goluri (3, 1, 1, 4 și 2) și (4, 1, 2, 1 și 1).
Asigurați-vă că este selectat Stroke (X se schimbă între Stroke și Fill) și alege orice nuanțe de culoare preferați
Pentru a modifica dimensiunile modelului, trebuie să convertim miscările în dungi editabile solide (Utilizatorii de Adobe Illustrator CS2 și cei mai vechi, folosiți comanda Transparență colmatată pentru a extinde cursele în obiecte solide, a se vedea prima imagine de mai jos). Pentru aceasta, mergeți la Object> Expand, bifați Fill and Stroke și apăsați OK.
Deschideți Paleta de transformare, setați punctul de referință la mijlocul vârfului, debifați Verificarea limitelor de lățime și înălțime și setați Înălțimea la 200px. Repetați acești pași pentru fiecare set de benzi. Utilizați Vertical Align Top din paleta Align (Shift + F7)
După cum puteți vedea, purpurii și roșul domină și ucid alte culori. Acum, depinde doar de tine cum aranjezi dungi, ordinea și poziția lor. În exemplul meu, am trimis setul purpuriu de dungi pe spate (Obiect> Aranjare> Trimitere înapoi), dungile roșii 3x Trimiteți înapoi (Obiect> Aranjare> Trimitere înapoi), dungi de măsline 3x Trimiteți înapoi, dungi verzi mutate 5px dreapta și 2x Trimiteți înapoi, dungi galbene 2px dreapta și 2x Aduceți înainte (Obiect> Aranjare> Aduceți înaintare).
Pentru a recolora modelul final, poți fie să alegi manual dungi și să le umple cu culori diferite, fie să folosești funcția nouă Live Color. Vom folosi această caracteristică mai târziu, când ajustăm culorile pentru grafica bannerului. Înainte de a începe să redați cu re-colorare, asigurați-vă că selectați tot obiectul pe care doriți să-l recolorați (nu este necesar să îl grupați) și creați o stare de culoare implicită făcând clic pe pictograma New Color Group. Acest lucru vă va permite să resetați toate modificările și să reveniți la schema de culoare originală.
Modificarea culorilor este foarte simplă. Puteți modifica nuanțele unice făcând dublu clic pe Bara de culori și setați valorile sale sau utilizând rotița de culori. Toate schimbările sunt imediat vizibile pe lucrările de artă originale. Salvați fișierul rezultat ca "random_noise_pattern".
O altă modalitate de a crea un model de zgomot vectorial este utilizarea mai multor comenzi standard, inclusiv amestecarea și transformarea fiecăruia. Metoda 2 ne permite să folosim nu numai linii ca obiecte de referință, ci și cercuri, dreptunghiuri și forme mai complexe (stele, simboluri personalizate etc.) De asemenea, nu avem nevoie să extindem aspectul modelului de zgomot, deci este posibil modificați și reglați mai târziu anumiți parametri.
În același fișier "random_noise_pattern", creați o linie verticală mărită de 1 pt, care are o lungime de 200 pixeli. Duplicați-l și mutați-l cu 500px spre dreapta. Selectați ambele linii, apoi mergeți la Object> Blend și setați Spacing la Pașii specificați cu o valoare de 50. Mergeți la Object> Blend> Make (Command + Alt + B). Acum, mergeți la Object> Expand, lasați Object verificat și debifați casetele Fill and Stroke. Aceasta va elibera obiectul unic în linii separate. Ele sunt încă grupate împreună, deci Ungroup (Command + Shift + G) le, dar lăsați toate obiectele selectate.
Hai să ne distrăm! Accesați Obiect> Transformați> Transformați fiecare. Urmăriți colțul din dreapta jos al dialogului și bifați opțiunea Random și Preview. Setați mișcarea orizontală la ceva de 15 pixeli (puteți introduce și valori negative). Illustratorul va muta în mod aleatoriu liniile în direcția corectă. Deoarece lucrăm cu numere aleatorii, rezultatul va fi întotdeauna diferit. Verificați și debifați și aleatoriu pentru a muta linii în poziții diferite. Asigurați-vă că Salvați-vă munca.
Grupați (Command + G) toate liniile și apoi duplicați-le. Selectați grupul nou creat și faceți dublu clic pe oricare dintre linii pentru a introduce și modifica conținutul grupului. Selectați toate liniile și folosiți Transformați fiecare, și Mutare orizontală cu valori diferite pentru a muta linii în poziții aleatorii. Faceți alte patru grupuri și repetați Transformați fiecare la toate.
Vom stabili mai multe diferențe față de grupuri. Mai întâi, selectați toate grupurile și aliniați-le folosind Centrul de aliniere verticală.
Acum, selectați fiecare grup și setați o valoare diferită pentru greutatea și culoarea cursei liniei pentru fiecare grup. Puteți muta pozițiile fiecărui grup doar pentru a adăuga mai multă aleatorie și diversitate. Jucați cu greutăți pentru a umple golurile albe.
Puteți schimba întotdeauna și personaliza pozițiile de linie, culorile și cursele pentru fiecare grup. Dacă doriți să redimensionați modelul proporțional, nu uitați să activați Scale Stroke & Effects în paleta Transform.
Rezultatul final al metodei 2 este prezentat mai jos. Asigurați-vă că îl salvați.
Ok, am terminat cu elementele de bază, să folosim cunoștințele noastre și să facem un banner distractiv și proaspăt. Vom folosi modelele create anterior, dar vom face și unul nou.
Deschideți un nou document de 800 de pixeli cu 350 pixeli și salvați-l ca "banner". Faceți un strat nou, denumiți-l "Fundal". Desenați un dreptunghi de 800px lățime și 350px înălțime. Umpleți-l cu un gradient, setați tipul său la radial și setați culorile într-un interval de la alb la albastru. Trageți direcția de gradient din colțul din dreapta jos în colțul din stânga sus. Acum, puteți bloca acest strat.
Faceți un nou strat și denumiți-l "Modelul 1." Treceți la documentul "random_noise_pattern", selectați modelul creat cu Metoda 2, grupați-l și copiați-l lipiți pe stratul "Pattern 1" din documentul "banner". Asigurați-vă că ați selectat Scale și Strokes în paleta Transformați, apoi redimensionați modelul pentru a umple întreaga zonă de artă. Utilizați comanda Flip orizontal din paleta Transformare. Cu modelul selectat, setați modul de transparență la Ecran și opacitate la 50%, apoi Blocați stratul.
Faceți un nou strat și denumiți-l "Modelul 2." Treceți la documentul "random_noise_pattern", selectați modelul creat cu "Metoda 1", grupați-l și copiați-l inserați pe stratul "Pattern 2" din documentul "banner". Setați înălțimea modelului la 150px. Accesați paleta Strat și faceți clic pe acea săgeată mică pentru a extinde vizualizarea cu substraturi.
Selectați și deplasați orizontal grupurile individuale la alegere. Aranjați sub straturi individuale. De asemenea, puteți introduce fiecare grup și puteți șterge câteva dungi, doar pentru a adăuga diversitate. Aliniați modelul în colțul din stânga jos al tabloului de bord. Duplicați stratul "Pattern 1" și aliniați conținutul la marginea dreptului documentului. În acest caz, am și răsturnat orizontal conținutul stratului "Pattern 2 Copy". Blocați ambele straturi și salvați.
Să atragem niște elemente naturale. Creați un nou strat, denumiți-l "Hills 1". Opriți toate straturile de tipar, astfel încât să nu ne distragă atenția atunci când desenați noua grafică. Acest pas este vorba de sentimente și nevoi individuale. De exemplu, folosind instrumentul Pen, am desenat un set de dealuri și am adăugat o plasă de gradient, așa cum se arată mai jos.
Cu Instrumentul de selecție directă, am selectat ancore individuale și diferite nuanțe atașate de verde. Am duplicat stratul "Hills 1", au fost modificate punctele de ancorare a conturului, am adăugat mai multe ancore la plasa de gradient și am atașat diverse nuanțe de verde.
Să construim un turn radio. Creați un nou strat și numiți-l "Turnul radio". Este un obiect simplu, realizat cu instrumentul Pen, și dreptunghiuri rotate 3D. Pentru distorsiunea perspectivă am folosit instrumentul 3D Rotate. Deoarece este vorba despre stilizare, nu trebuie să urmați exact perspectiva și regulile 3D deși.
Cursurile colorate dau obiect adâncimea. Ajustați punctele de ancorare pentru a îmbina optic linii împreună, așa cum se arată în a doua imagine de mai jos.
Să creăm undele de transmisie. Acesta este un exemplu frumos despre gradul de flexibilitate al metodei 2. Vom crea un model de zgomot în cerc și îl vom recolora folosind caracteristica Live Color.
Deci, puneți un strat nou, denumiți-l "Transmission Waves" și aranjați-l în spatele stratului "Radio Tower". Plasați un cerc de 120 de pixeli undeva în afara tabloului de bord. Setați greutatea cursei la 1 px și culoarea neagră. Duplicați-l și setați dimensiunea la 20 px. Centrează cercul mic cu cel mai mare.
Mergeți la Object> Blend și setați Spacing pe Pașii specificați cu o valoare de 8. Du-te la Object> Blend> Make (Alt + Command + B).
Acum, mergeți la Object> Expand, lăsați obiectul bifat și debifați Fill and Stroke. Aceasta va elibera obiecte unice în linii separate. Ele sunt încă grupate împreună, deci folosiți comanda Ungroup, dar lăsați toate obiectele selectate.
Accesați Obiect> Transformați> Transformați fiecare. În colțul din dreapta-jos al dialogului, bifați atât Random, cât și Previzualizare. Setați scara orizontală și verticală la 90%. Illustratorul va downscale aleatoriu cercuri. Deoarece lucrăm cu numere aleatorii, rezultatul va fi întotdeauna diferit. Bifați și debifați Aleator pentru a scala cercurile.
Creați un grup de toate cercurile și duplicați-l. Selectați grupul nou creat, faceți dublu clic pe oricare dintre cercurile pentru a introduce și edita conținutul grupului. Selectați toate cercurile și utilizați Transformați fiecare. Scalare orizontală și verticală, cu valori diferite pentru cercurile la scară aleatorie. Faceți un alt grup și repetați Transformați fiecare.
Setați greutatea și culoarea diferită a cursei pentru fiecare grup de cercuri (am folosit 0.5pt pentru verde, 0.75 pentru roșu și 1pt pentru galben). Centrează toate grupurile de cercuri.
Poziționați-le pe partea superioară a turnului.
Să schimbăm culorile valurilor folosind Live Color. Selectați toate obiectele de pe stratul "Transmisie Waves" și faceți clic pe pictograma Recolor Artwork din bara de opțiuni din partea superioară a ecranului.
Mai întâi, salvați starea inițială făcând clic pe pictograma New Color Group. Acest lucru va salva culorile originale, deci este destul de ușor de jucat cu diferite combinații de culori, fără a fi nevoie să anulați dialogul dacă nu vă place modificările pe care le faceți.
Acum puteți schimba interactiv culorile. Faceți clic pe fila Editați, activați culorile Harmony Link.
Faceți clic pe oricare dintre cercurile din rotița Culoare și trageți-l până la nuanțele dorite. Dacă trebuie să schimbați doar o singură culoare în roată, faceți clic pe Deconectați culorile armoniei și reglați nuanțele și nuanțele în mod independent. Când sunteți mulțumit de rezultat, faceți clic pe New Color Group pentru a salva noua stare. Illustratorul își va aminti stările originale și noi, astfel încât, ulterior, este ușor să reveniți la culorile originale dacă este necesar.
Să facem soarele zgomotos următor. De fapt, este un duplicat al stratului "Transmitere", denumit "Sun", aranjat în spatele stratului Transmisie. Cercurile sunt redimensionate și modificate prin Transformare Fiecare. În acest caz, am ajustat greutatea stroke și am folosit Live Color pentru a schimba culorile cercului.
Faceți un nou strat denumit "Grau de aur" Pentru a obține grâu de aur, am folosit metoda Metoda 2 cu următoarele excepții:
Deci, grupul de bază a fost duplicat de mai multe ori doar pentru a umple spațiul orizontal al designului de banner.
Florile au fost create pe un nou strat numit "Flori". Sunt făcute din curbe simple și cercuri. Au fost folosite copii pentru modelul zgomotului de cerc pentru a da compoziția mai vie.
Tipografia este plasată pe un strat nou în spatele stratului "Flori" și se bazează pe un font gratuit numit Romeral.
Titlul este umplut cu portocaliu de bază și mângâiat cu alb. Pentru a adăuga umbra alba, am folosit efectul Drop Shadow. Accesați Efect> Stylize> Drop Shadow. În dialogul Opțiuni, setați Mod la Normal, Opacitate la 100% și Blur la 0%. Acest lucru vă permite să modificați textul rapid și eficient, în loc să duplicați textul, să îl compensați și să îl umpleți cu o altă culoare, ceea ce ar duce la editarea a două texte. Textul de slogan este Myriad Pro Semibold.
În cele din urmă, mascați toate straturile de suprapunere cu un dreptunghi, astfel încât tabloul de artă este frumos și ordonat.
În acest tutorial, am învățat modalități diferite de a obține rezultate interesante cu instrumente și comenzi simple. Am creat modele interesante de tip vectorial scalabil și am aruncat o privire asupra unor caracteristici noi în Adobe Illustrator CS3, cum ar fi Live Color. Aștept cu nerăbdare să văd experimentele tale cu aceste tehnici interesante de zgomot vectorial.
Accentsconagua