Rămâneți aur cu acest efect de artă textual strălucitor în Adobe Illustrator

Ce veți crea

În acest tutorial, veți desena propriul font de scriere (sau veți lucra cu unul existent) și îl veți transforma într-un design fin, strălucitor, de aur. Creați o dimensiune în proiect prin dublarea liniei de artă a textului, stabilirea unor căi subțiri pe o parte și utilizarea gradientilor de aur pentru a crea litere aurite potrivite pentru imprimare.

Următorul tutorial presupune că sunteți familiarizat cu Instrument Pen (P)Instrumentul pentru creioane (N), și Instrument de gradient (G), și subliniază tehnica și stilul de replicare exactă. Să lansăm Adobe Illustrator și să continuăm cu asta!

1. Desenarea literelor

Pasul 1

Vom începe cu cel mai descriptiv cuvânt din designul final: aur.

  1. Utilizarea Instrumentul pentru creioane (N) cu cursa setată la 1 pt Greutate în Accident vascular cerebral pe panou, am desenat o literă largă "G". Dacă te face să te simți mai confortabil, poți să-ți bazezi scrisorile de scriere pe un font preexistent și să urmezi pur și simplu formularele literelor.
  2. Pentru "OL" de "Golden", vreau să vă asigur că scrisorile se încing în ele ca și cum ar fi create cu un singur fir de aur. Desenați două treimi dintr-o elipsă, începând de jos.
  3. În ultima treime a "O", buclă în jos la stânga și înapoi în dreapta.
  4. Apoi, terminați "L" prin crearea unei alte forme de bucla pe jumătate.

Pasul 2

Nu toate scrisorile mele sunt unite. "D" se suprapune peste celelalte litere, în timp ce "E" și "N" se conectează.

Pasul 3

Vom concentra asupra cuvântului "Aur" pentru cea mai mare parte a secțiunii de redare a acestui tutorial. Grup (Control-G) împreună cu linia dvs. unică de text. Copiați (Control-C) și Lipiți (Control-V) textul astfel încât grupul copiat să fie decalat de la primul. 

grup împreună cu ambele seturi de text și blocarea grupului în straturi panou. Mi sa părut mai ușor să folosesc Instrument Pen (P) pentru a urmări formele asemănătoare panglicilor formate prin dublarea liniei de artă pe care am tras-o pentru textul meu. În mod alternativ, ați putea alege un font de scriere înclinat care vă place și săriți peste această secțiune. 

Orice ați alege să faceți, setați culoarea de umplere la # ddbb4f pentru că este o culoare minunată de aur moale care stabilește perfect scenă pentru designul nostru final.

Dublarea liniei de artă a literelor oferă dimensiunea și greutatea designului.

2. Realizarea lui G

Pasul 1

Dacă ați optat pentru omiterea secțiunii anterioare și ați utilizat un font disponibil, asigurați-vă că ați Extinde textul dvs. de sub Obiect înainte de a continua.

Să începem cu bucla de sus. Utilizarea Instrumentul Pen, trageți o formă care se suprapune pe partea inferioară a buclă și accentuează calitatea textului de tip panglică (vedeți mai jos). Selectați scrisoarea ta și forma nouă desenată. Folosește Shape Builder Tool (Shift-M) pentru a selecta porțiunea care nu intersectează obiectul nou desenat. Deselectați și Șterge această componentă străină.

Folosește Instrument de gradient (G) pentru a aplica a Gradientul liniar la această formă constând din următoarele culori, de la stânga la dreapta:

  • # e3b76c
  • # 412927
  • # c3ae3b
  • # f0eb87
  • # d29255

În Gradient panou, setați unghiul la 83 °, sau așa. Alternativ, puteți regla unghiul de înclinare cu Gradient Tool în sine.

Pasul 2

Forma următoare începe în partea de sus a secțiunii "G" și se termină înainte ca a doua buclă să înceapă. Folosește Shape Builder Tool, ca în etapa anterioară, pentru a se potrivi unui obiect nou perfect cu conturul literei. Gradientul liniar aplicat are nouă culori; aici sunt de la stânga la dreapta:

  • # 653d3b
  • # eeb570
  • # f9e99c
  • # f5e283
  • # ce9440
  • # f1e67c
  • # fffcb3
  • # e0bd61
  • # cd8f52

Unghiul de gradient, astfel încât să fie paralel cu mijlocul formei (un pic mai departe de a fi paralel cu artboard-ul propriu-zis).

Pentru forme mici de evidențiere, utilizați Shape Builder Tool încă o dată pentru a urmări conturul literei și a aplica a Gradientul liniar mergând de la #fffbbb la 100% la 0% Opacitate. Puneți accente ca acestea chiar deasupra culorilor mai întunecate în gradientul de aur.

Pasul 3

Continuați să utilizați gradienții din cei doi pași anteriori pentru a crea forme umbrite și evidențiați literele G.

  • Rețineți că culorile mai deschise nu apar în porțiuni ale literelor care sunt suprapuse de alții. 
  • Forma de gradient prezentată aici va accentua strălucirea textului. Asigurați-vă că manipulați mânerele punctelor de ancorare suficient pentru curba din partea superioară a formei de evidențiere.
  • Încă o dată (și ceva ce veți face frecvent în acest tutorial), utilizați Shape Builder Tool pentru a șterge porțiuni străine de forme din grupul principal de text.
  • Gradientul acestei forme de evidențiere merge de la # f1a46b la 100% la 0% opacitate. Utilizați același gradient de la pasul anterior pentru toate cele trei forme care formează acum bucla inferioară a "G".

Pasul 4

Folosește Instrumentul Pen pentru a urmări marginea exterioară a literei. Setați culoarea de umplere la zero și cursa la a Gradientul liniar cu următoarele culori:

  • # f2e182
  • # fcf4d4
  • # f7e79f
  • # f2e182

Măriți Greutate de accident vascular cerebral la 2-3 pct (sau orice grosime funcționează pentru inscripția dvs.) și Extinde loviturile de sub Obiect. Acesta va fi procesul pentru marginea fiecărei litere.

Pasul 5

Pentru a finaliza "G" am făcut câteva dintre următoarele mici modificări:

  1. Asigurați-vă că loviturile care aliniază marginile literelor dvs. nu se extind peste restul formei literei. Folosește Shape Builder Tool pentru a le tăia.
  2. Am desenat un mic dreptunghi pe fundul coada "G" (a fost făcut și la sfârșitul bucla superioară) pentru a da litera mai multă dimensiune și pentru a face să pară că este făcută dintr-un fir plat de aur.
  3. Din nou, marginea a fost tăiată aici, astfel încât greutatea căii nu se extindea deasupra formei literei însăși.

grup impreuna cu componentele "G" atunci cand sunteti multumiti de designul dumneavoastra.

3. Punerea aurului în aur

Pasul 1

Trecând la următoarea literă, să verificăm gradientul mai subtil folosit pentru fiecare secțiune a "O". Ca și înainte, am folosit Shape Builder Tool să deseneze o formă care să urmeze conturul literei și să accentueze avioanele în continuă schimbare.

 Gradientul liniar folosit în partea de sus a "O" conține următoarele culori:

  • # 672e25
  • # d2a142
  • # fcf4d4
  • # d2a142
  • # 884729

Cele trei forme desenate pentru partea inferioară a buclei "O" conțin gradientul văzut în imaginea de mai jos:

  • # 672e25
  • # d2a142
  • # d2a142
  • # 884729

Pasul 2

Continuați cu "L". Rețineți cum se conectează complet prima și cea mai mare formă cu cea de-a doua buclă a elementului "O". Utilizați același gradient de la pasul anterior, culorile repetând astfel încât să existe două zone de evidențiere.

Patru forme completează litera "L" în acest moment al designului. Mai sunt multe de făcut atât pe "O", cât și pe "L", dar mi sa părut mai ușor să rup totul în secțiuni, decât să dau câte o singură literă separat și să finalizeze.

Pasul 3

Înainte avem litera "D".

  1. Am început cu o singură formă pentru întreaga literă, folosind același gradient ca și pe "G". 
  2. După ajustarea gradientului în Gradient panou (răspândirea culorilor și ajustarea unghiului), am desenat două forme pentru a defini răsucirile și curbele din interiorul literei. Pentru aceasta am folosit acelasi gradient pe care l-am folosit pentru partea inferioara a buclei "O".
  3. În cele din urmă, am repetat procesul utilizat pe "G"pentru a crea marginile literelor "OLD". Există patru căi extinse în total.

4. Adăugarea de scrisori

Pasul 1

Pe măsură ce utilizați majoritatea tehnicilor pe care le-am folosit aici, următoarele secțiuni se vor preocupa de prezentarea metodelor alternative, de simplificare a procesului sau de crearea unor formulare de scrisori diferite.

Pentru început, inițial am creat doar cuvântul "aur", mai degrabă decât întreaga frază văzută în piesa finală. Ca atare, adăugarea în proiect a fost crucială pentru a umple spațiul. Când adăugați litere, utilizați linii paralele de-a lungul părții superioare și inferioare a fiecărei litere pentru a vă asigura că sunt în același unghi ca și cele care au apărut înainte.

Acest lucru vă ajută, de asemenea, să vizualizați ce finisaje, curbe și unghiuri ale literelor sunt în formă de panglică înainte de a completa aceste spații.

Pasul 2

Să ne concentrăm asupra procesului "E", așa cum apare de trei ori în proiectul final.

  1. Folosind aceleași gradienți ca și pe "D" pentru zonele și umbrele evidențiate, am creat trei forme pe partea stângă a "E". Asigurați-vă că unghiurile gradienților sunt perpendiculare pe marginile obiectelor lor.
  2. Replicați tehnica utilizată în secțiunea 3 (desenarea schemelor de gradient pentru a evidenția, a schimba culorile și pentru a crea trasee pentru a crea muchii). Rețineți cum a trebuit să tăiați calea de margine din centrul "E" în două bucăți pentru ca curba să fie exactă. Nu vă fie frică să trageți marginile în pași dacă este o curbă deosebit de dificilă.
  3. Concentrați culorile mai întunecate în gradientul dvs. în partea de jos a formelor curbate și mai ales dacă o altă literă sau formă se suprapune cu ele (notați culoarea mai închisă din spatele stemului "N").

Pasul 3

Aceasta este versiunea completă a cuvântului meu "Golden". Aproape toate cele mai importante au primit forme de gradient adiționale precum cele pe care le-am folosit pentru a crea umbre și a evidenția forme pe litera "G". Utilizând nuanțe suplimentare de galben maro, portocaliu și crem, tonul acestui aur este prea rece.

5. Scrisori de redare fără o formă de bază

Pasul 1

O metodă alternativă în redarea textului de aur este să desenezi fiecare formă de gradient cu Instrumentul Pen, fără a utiliza Shape Builder Tool metodă descrisă în acest tutorial.

  1. Începeți cu literele de bază. În acest caz, este restul designului final, "Suntem".
  2. CopiePastă, și plasați textul copiat în partea dreaptă a textului original. Folosește Instrumentul Pen pentru a desena linii orizontale între marginile deschise pe partea superioară și inferioară a desenului. grup împreună cu componentele dvs. pentru fiecare cuvânt și Blocare acestea în straturi panou.
  3. Începând cu "W", urmăriți sfârșitul primei curbe. Folosiți același gradient pe care l-am folosit inițial pentru "G".
  4. Desenați în următoarea parte a primei curbe în "W". Utilizați același gradient ca și cel folosit pentru "D". Asigurați-vă că unghiul gradientului este paralel cu capetele orizontale și marginile literelor (notați sfârșitul curlării).

Pasul 2

Continuând cu litera "W", am adăugat deja următoarea curbă și forma margine corespunzătoare.

  • A doua diagonală a literei este o formă mare, curbată.
  • Forma de sub cea de-a doua diagonală (capătul primei diagonale) utilizează același gradient ca și pentru partea inferioară a buclei "O". Unghiul de gradient, astfel încât porțiunea mai întunecată este în partea stângă sus a formei (aceasta a fost -51.7 ° pentru piesa mea).
  • Urmăriți marginea ambelor forme. Am găsit-o mai ușor dacă marginea era o cale singulară.

Pasul 3

Să ne uităm îndeaproape la punctul de întâlnire dintre prima și a doua diagonală a "W". Am folosit Instrumentul de selecție directă (A) pentru a ajusta punctele de ancorare ale formei suprapuse, astfel încât nu a dat lovitura peste calea muchiei galbene.

Apoi, folosind Instrumentul Pen, Am desenat un dreptunghi simplu care a servit ca punct final pentru cele două diagonale. Acest lucru permite formarea literelor să pară ca și cum ar fi fost îndoite de clește pentru a obține o încovoiere severă.

Ajustați punctele de ancorare ale formelor, astfel încât acestea să se conecteze la dreptunghiul de la sfârșitul literei.

Pasul 4

Cea de-a treia diagonală se suprapune pe a doua în partea de sus, iar cea de-a patra diagonală se suprapune pe a treia în partea de jos. Scrisoarea este în mod constant bucle prin ea însăși. Încă o dată, partea de jos a celei de-a patra diagonale are un alt dreptunghi care permite curba ascuțită a designului să pară mai plauzibilă.

6. Manipularea altor forme de scrisoare

Pasul 1

Alte două exemple ale literei "E" apar în designul meu. Am găsit-o mai ușor CopiePastă, și Scară scrisoarea după cum este necesar în restul proiectului. Dacă "E" se conectează cu "N" dvs., va trebui să ștergeți cu grijă punctele de ancorare și componentele străine.

Pasul 2

"A" are multe forme suprapuse.

  1. Ca și în cazul literelor anterioare, începeți cu coada curbată din stânga.
  2. Reglați unghiurile Gradienți liniari folosit în tulpină și coada curbată. 
  3. Asigurați-vă că gradientul folosit pe coadă este mai strălucitor decât ceea ce este cel mai apropiat de acesta în tulpina "A", deoarece acea parte a designului este curbată spre exterior.
  4. Cea de-a doua tulpină se suprapune pe prima în partea de sus, dar este suprapusă de bara curling a "A".
  5. Rețineți cum a fost împărțită bara de curbare în două forme, astfel încât aceasta are o dimensiune în design. Cinci forme în total fac "A" în acest moment.

Pasul 3

Marginea barei "A" a fost trasă într-o singură formă, dar după ce am extins calea, am desenat două forme mici de gradient pe fiecare parte a barei suprapuse care merge de la # 5e322a la 100% la 0% opacitate pentru a separa secțiunile și a adăuga o umbră. Am atras de asemenea o formă mică # 874e2e pentru a distruge capătul barei cu forma de dedesubt.

Crearea iluziei unei forme suprapuse.

Pasul 4

În cele din urmă, litera "R" este împărțită în trei forme (a se vedea mai jos). Rețineți marginile galbene luminoase care apar pe ambele părți ale literei, deoarece acestea sunt curbate spre centrul literei.

Pasul 5

În cele din urmă, creați niște paiete simple prin desenarea unor mici cercuri albe cu Instrument de elipsă (L) și aplicarea a Se îndoi efect (Efect> Distort & Transform> Pucker & Bloat). Am alunecat cursorul -93%, dar suma va varia în funcție de mărimea cercului dvs. și de forma pe care doriți să o creați. Extinde noua formă sub Obiect, și Roti sau să se suprapună paiete după cum este necesar. Plasați-le în jurul textului dvs. de aur strălucitor.

Locul de muncă mare, ai terminat!

Dă-ți o stea de aur! Ați terminat tutorialul și sunteți gata să luați lumea cu un text de aur strălucitor. Sper ca tehnicile descrise mai sus să te inspire să creezi bannere, postere și multe altele cu forme de glorie de aur care glisează de pe pagină.