Creați un semn neon strălucitor utilizând paleta Aspect

Ce veți crea

Acest tutorial prezintă potențialul paletei Aspect în Adobe Illustrator. Vom construi un semn neon elaborat, folosind paleta de aspect pentru a accelera procesul și a elimina necesitatea desenării unor căi complexe.

Pentru a înțelege ce este posibil cu Paleta de aspect, examinați imaginea de mai jos. O cale simplă poate fi transformată într-o artă vectorială destul de complexă pur și simplu prin aplicarea mai multor umpluturi și efecte. Având în vedere acest lucru, să începem.

Pasul 1

Creați o placă de desene de 500px cu 500px. Asigurați-vă că aveți Paleta de aspect deschisă pe măsură ce o vom folosi imediat. Alegeți o notă de tip greu la alegere și introduceți cuvintele la aproximativ 70pt. Când sunteți mulțumit de ierarhie, schițați literele făcând clic pe Tip> Creare contururi și apoi Ungroupați-le dacă este necesar, astfel încât fiecare literă să fie independentă de restul. Îndepărtați în mod implicit umplerea și cursele atribuite literelor. Paleta de aspect ar trebui să arate că nu le-au aplicat încă nimic.

Pasul 2

Pentru a începe efectul, vom adăuga un gradient radial la litere, mai ușoare în mijloc, mai întunecate pe margini. (C = 4 M = 55 Y = 70 K = 0) și (C = 5 M = 90 Y = 100 K = 0). În paleta de aspect, faceți clic pe atributul gol "fill". Deschideți paleta Gradient și selectați culorile.

(Notă: Pentru claritate, imaginile mele afișează literele neselectate, dar pentru a continua să adăugați efecte, trebuie să le păstrați selectate în tutorial.)

Pasul 3

Apoi, selectați atributul gol "stroke" din paleta Aspect. Aplicați o cursă de 1 pt de culoare similară celei din umplutura de gradient, (C = 4,5 M = 80 Y = 90 K = 0). Cu atributul "accident vascular cerebral" încă selectat, deschideți Paleta de transparență, setați-l la Multiplicare și Opacitate 50%.

Vrem ca acest accident vascular cerebral să fie compensat un pic de marginea literelor, așa că du-te la Efect> Cale> Cale de decalaj. În caseta de opțiuni care se deschide, selectați o decalare de aproximativ -3 px. Acest lucru dictează că accidentul va fi la 3px distanță de toate marginile literelor. Faceți clic pe OK și efectul nou va fi aplicat și va fi vizibil în Paleta de aspect. Decalajul poate fi ajustat în orice moment, făcând dublu clic pe Descriptorul traseului offset din paleta Aspect.

Pasul 4

În paleta de aspect, dați clic pe meniul derulant din partea laterală și selectați "Adăugați un nou accident". Cu această nouă cursă selectată în paletă, urmați același proces ca și Pasul 3, efectuați doar cursa galbenă (C = 5 M = 30 Y = 65 K = 0), 0,5pt și Offset-ul cu -2,25 px.

Pasul 5

Următorul pas este să adăugăm un pic de dimensiune literelor, așa că vom dori să adăugăm o ușoară margine 3D și o umbră. Acest lucru se va face prin adăugarea a două umpleri suplimentare de culoare la litere și adăugarea de efecte la fiecare umplere respectiv.

Mai întâi, dați clic pe meniul drop-down și selectați "Adăugați completare nouă". Va trebui să trageți acest strat de umplere în partea inferioară a paletei de aspect astfel încât să apară De mai jos tot ce am aplicat deja la scrisori. Faceți umplerea unui roșu aprins (C = 5,5 M = 100 Y = 100 K = 35) și apoi treceți la Efect> Distortare și Transformare> Transformare. Sub "Mișcare", setați poziția verticală la -2,5 px, ceea ce va determina ca acest strat de umplere roșu să apară cu 2,5 px mai mic decât umplerile și cursele de deasupra acestuia.

Creați un alt strat de umplere, trageți-l sub toate celelalte și aplicați o culoare verde închis (C = 100 M = 50 Y = 65 K = 50). Setați acest umplere la Multiplicare și dați-i o opacitate de 30%. Din nou, mutați poziția verticală în jos cu 2,5 px ca înainte, dar de data aceasta, de asemenea, a compensat calea. Mergeți la Efect> Cale> Cale de decalare și setați decalajul la 1,5 px. Tocmai ați creat baza literelor neonului!

Pasul 6

Acum vom crea luminile interioare de neon. Mai întâi, blocați toate literele selectând-le și mergând la Object> Lock. Cu instrumentul Pen (P) trageți căi simple în interiorul tuturor literelor, definind forma lor de bază.

Pasul 7

Selectați aceste căi și eliminați toate umplerile și loviturile pe care le-au aplicat deja. În paleta de aspect, începeți să vă construiți efectul strălucitor.

Mai întâi, aplicați un accident vascular cerebral de 1.75pt. Dați-i o culoare portocalie întunecată (C = 5 M = 90 Y = 100 K = 0) și setați cursorul la Multiplicare. Folosind aceeasi tehnica ca inainte, mutati aceasta cursa in jos cu 2.5 px, mergand la Efect> Distortare si Transformare> Transformare si ajustarea pozitiei Verticale la -2.5 px. Acest lucru va servi ca o umbra usoara pentru formele de neon.

Creați o altă lovitură de deasupra. Faceți acest lucru 4,5pt și setați opacitatea la 20%. Setați culoarea la galben plictisit (C = 2 M = 15 Y = 30 K = 0) Aceasta va servi ca o strălucire subtilă pentru efectul neon.

Pasul 8

Vom continua să aplicăm noi lovituri pentru a obține efectul strălucitor. În final, vom aplica 6 lovituri pe o singură cale.

Aplicați un alt accident vascular cerebral pe celelalte. Asigurați-o grosimea de 4.5pt, culoarea ei fiind ușor galben închisă (C = 3 M = 16.5 Y = 36 K = 0) și setați opacitatea la 25%. Creați o altă lovitură de deasupra. Faceți acest lucru un 2.25pt și setați opacitatea la 30%. Setați culoarea la culoarea galbenă mai închisă (C = 5 M = 30 Y = 65 K = 0). Adăugați un alt curs de mai sus. Faceți-l 1pt și un galben mai luminos decât restul (C = 2 M = 12 Y = 26 K = 0) și, în sfârșit, adăugați încă un accident vascular cerebral. Aceasta va fi cea mai strălucitoare dintre ele, astfel încât va deveni practic albă (C = 0,5 M = 3 Y = 6,5 K = 0) și dă-i o grosime de accident vascular cerebral de 0,5pt.

Notă: Deoarece toate etapele rămase încorporează un proces extrem de similar, de acum înainte se va da doar explicația necesară. Reveniți la acești primii pași pentru clarificare, dacă este necesar.

Pasul 9

Acum că am construit scrisorile, vom folosi aceleași tehnici pentru a construi restul luminilor de pe semn. Desenați un dreptunghi rotunjit puțin mai lat decât literele. În urma procesului pe care îl avem până acum, vom elimina cursa prestabilită și vom completa și crea straturile din Paleta de aspect.

Mai întâi, aplicați o umplutură neagră. Setați-l la Multiplicare și opacitatea la 35%. Vrem ca această umplutură să acționeze ca o umbră, așa că o să o ștergem puțin din loviturile pe care le vom pune pe partea de sus. Mergeți la Efect> Distortați și Transformați> Transformați și setați poziționarea verticală la -4,5 px. De data aceasta, vom ajusta scara verticală la 200%.

  • Aplicați primul curs ca 9pt, (C = 50 M = 0 Y = 10 K = 0) și reduceți opacitatea la 20%.
  • Aplicați cel de-al doilea curs ca 5.5pt, (C = 55 M = 0 Y = 12 K = 0) și reduceți opacitatea la 25%.
  • Aplicați cel de-al treilea curs ca 5.5pt, (C = 75 M = 0 Y = 15 K = 0) și reduceți Opacitatea la 30%.
  • Aplicați al patrulea curs ca 4pt, (C = 75 M = 0 Y = 15 K = 0).
  • Aplicați cea de-a cincea curbă ca 3pt, (C = 60 M = 0 Y = 12 K = 0).
  • Aplicați cel de-al șaselea curs ca 2pt, (C = 40 M = 0 Y = 8 K = 0).
  • Aplicați cel de-al șaptelea curs ca 1pt, (C = 22 M = 0 Y = 5 K = 0).

Copiați și inserați dreptunghiul rotunjit de șase ori și plasați-le la distanțe egale sub litere.

Pasul 10

Pentru a construi baza semnului, trageți o elipsă și apoi două dreptunghiuri care se suprapun în partea de sus și de jos. Deschideți paleta Pathfinder și mențineți apăsată tasta Option (Alt pe PC), selectați Subtractare din zona de formă.

Pasul 11

Cu această nouă cale, vom urmări același proces prin atribuirea mai multor lovituri și umpleri unei forme, dar mai întâi trebuie să facem un model pe care îl vom folosi ca unul dintre straturile de umplere.

Creați un pătrat de 25 x 25 px și dați-i un accident vascular cerebral de 1 px de culoare deschisă. Apoi, umpleți pătratul cu nouă rânduri și coloane de cercuri mici. Puteți utiliza Paleta de aliniere pentru a spația cercurile în mod egal, dacă este necesar. În cele din urmă, utilizând instrumentul de selecție directă (A), ștergeți punctul de ancorare din dreapta-jos al pătratului. Selectați întreaga grupă și trageți-o în paleta Swatches, formând un model repetat. Vom aplica semnul nostru în scurt timp.

Pasul 12

Revenind la calea pe care am creat-o la pasul 10, începeți să construiți straturile. Începeți cu o umplere neagră solidă și reglați poziționarea verticală cu -6 px astfel încât să stea mai jos decât umpluturile pe care le vom pune în partea de sus. Creați o altă umplere deasupra și umpleți-o cu un gradient radial (C = 43 M = 48 Y = 48 K = 52,5) și (C = 62 M = 68 Y = 70 K =.

Faceți o altă umplere și deschideți paleta Swatches. Alegeți specimenul repetat pe care l-am creat în pasul anterior. În paleta Transparency, setați opacitatea la 25%, iar modul de amestecare pentru Multiply. Și, în final, adăugați un accident de 3 minute pe calea. Setați culoarea în culoarea bronzului (C = 10 M = 15 Y = 40 K = 40) și deplasați calea cu -6,5 px.

Plasați această formă în spatele literelor și structura principală a semnului nostru este completă!

Pasul 13

Avem principalele stiluri de aspect pentru semn completă, dar vom dori să aplicăm aceleași apariții altor căi pentru a completa semnul. Pentru a accelera procesul, deschideți Paleta de stiluri grafice. Selectați partea din spate a semnului și creați un stil grafic din acesta făcând clic pe pictograma "Stil nou grafic" din partea de jos a paletei. Faceți același lucru cu toate celelalte elemente de semn, de asemenea.

Pasul 14

Faceți un dreptunghi de aproximativ 340 px lățime de 100 de înălțime. Accesați Effect> Warp> Arch și setați curba la 25%. Faceți clic pe OK și apoi extindeți urzeala făcând clic pe Object> Expand Appearance. Plasați acest dreptunghi peste celelalte elemente de semn.

Eliminați orice umplere implicită și curse care ar putea fi deja atribuite formei. Faceți clic pe stilul corespunzător din paleta Stiluri grafice, atribuind toate umplerile și loviturile pe care le-am creat pentru semn.

Pasul 15

Urmând aceeași tehnică, creați un pătrat, atribuiți același stil grafic și plasați acest pătrat în partea de jos a semnului. Structura principală a semnului a fost creată și tot ce a mai rămas este de a adăuga finisajele!

Pasul 16

Finalizați semnul creând detaliile rămase. Din moment ce am creat deja toate stilurile grafice, trebuie doar să creăm căi goale pentru a aplica aceste stiluri. Alegeți o textură scripturi și tastați un mesaj secundar pentru semn. Creați contururi din text făcând clic pe Text> Creați contururi și ștergeți umplerile și loviturile pe care le defectează. Alocați stilul grafic creat de iluminarea tubului albastru și poziționați acest tip în dreptunghiul arcuit.

Continuați acest proces pentru orice elemente de finisare. Dacă aveți nevoie de stiluri grafice suplimentare, urmați același proces ca înainte, dar schimbați culorile curbelor și umplerilor.

Ultimele retușuri

Tot ce trebuie să faceți este să amplasați un fundal întunecat în spatele semnului și să aveți un semn neon ușor de editat. Și cea mai bună parte este că există doar câteva căi în totul! Nu au fost necesare nici o curbă complicată sau un stivuitor mai multe forme de vector. Aspectul Palette face toată munca grea pentru tine. Uitați-vă la imaginile de mai jos pentru a vedea cât de simplu sunt comparate traseele cu cât impresionant arată produsul final.

Concluzie

Pentru a accentua cu adevărat efectul semnului neon, aduceți operele de artă vectoriale în Photoshop și aplicați câteva străluciri și imagini atmosferice. Experimentați pentru a crea o lucrare de inspirație cu adevărat interesantă! Sper că tutorialul a fost benefic și ați învățat puterea paletelor Aspectului și a stilurilor grafice.