Efect text benzi desenate (tutorial pentru Adobe Illustrator)

Tutorial cu efect de text comic

În primul rând, clarificați acest lucru tutorial A fost realizat cu Adobe Illustrator CS5 (în engleză), astfel încât imaginile pas cu pas arată interfața acelei versiuni. Chiar și așa, îl puteți încerca în orice versiune pe care o aveți, ținând cont de faptul că este probabil că vă va costa puțin mai mult să urmați tutorialul.

Acest efect poate fi util atunci când efectuați un design informal în care stilul comic însoțește ceea ce vrei să comunici. Mai jos vă aducem un tutorial pas cu pas, astfel încât să puteți obține un efect de text comic cu Adobe Illustrator.

Efect text comic

Deschidem Adobe Illustrator și mergem la creați un document nou (Mac: Cmd + N Windows: Ctrl + N). Îi putem numi cum vrem și alegem dimensiunea fișierului. În cazul meu am ales 570 x 300 px, formatul în care folosim Creativos Online pentru a încărca imaginile.

Este foarte important ca, în partea de jos a casetei de dialog (Avansat), să vă asigurați că ați marcat ca Mod culoare RGB, Efecte raster pe Ecran (72 ppi) y Mod previzualizare implicit. Odată ce aveți opțiunile alese, faceți clic pe OK.

Tutorial ilustrator pas cu pas

FONDO

Vom crea fundalul colorat pe care îl va purta textul nostru. Selectăm instrumentul dreptunghi (Instrument dreptunghiular, tasta M) și facem clic oriunde în documentul nostru. Apoi se va deschide o fereastră mică care ne va permite să introducem măsurătorile dreptunghiului: va trebui să puneți măsurătorile documentului dvs. În cazul meu, 570 x 300px. Faceți clic pe OK și dreptunghiul pe care tocmai l-am creat va apărea pe ecran.

Tutorial ilustrator pas cu pas

Acum va trebui să o plasăm bine. Pentru a face acest lucru, vom selecta săgeata neagră de pe bara de instrumente, (Instrument de selecție, Tasta V). Cu el vom face clic pe marginea dreptunghiului și, FĂRĂ ELIBERARE, vom trage marginea până când coincide cu marginile documentului. Tutorial ilustrator pas cu pas

Tutorial ilustrator pas cu pas

FOND DE CULOARE

Fundalul este deja făcut, dar în mod implicit îl vom vedea alb cu o margine neagră. E timpul să schimb asta! Cu săgeata neagră selectată ca instrument (Instrument de selecție, cheie V), facem clic pe dreptunghi. Mergem la cele două cutii colorate din partea de jos a barei de instrumente: cea din față corespunde cu culoare de umplere a figurii noastre și, cea din spate, se referă la TRAZO. În mod implicit, vom avea culoarea albă de umplere și culoarea chenarului negru. Facem clic pe caseta de completare și pe selector de culori (Selector de culoare). Acum, puteți selecta culoarea dorită pentru fundal. În cazul meu era un albastru. Odată ales, faceți clic pe OK și veți avea dreptunghiul colorat.  Tutorial ilustrator pas cu pas

Acum hai să scoate marginea. Faceți clic pe caseta de pe marginea barei noastre de instrumente. Acum, chiar sub acel pătrat, există un mic pătrat alb cu o diagonală roșie. Facem clic pe el ... Și atât! Acest pătrat îi spune Illustrator că vrem cursa fără culoare. Dacă am dori ca umplutura dreptunghiului să fie și fără culoare, ar trebui să selectăm caseta corespunzătoare și să facem din nou clic pe caseta goală.  Tutorial ilustrator pas cu pas

DEGRADAT

Următorul pas este să creăm un gradient circular pe fundalul nostru. Pentru a face acest lucru, trebuie să mergem la fereastra Aspect (dacă nu o vedeți în partea dreaptă a ecranului, așa cum se arată în imagine, accesați meniul de sus al ferestrei Illustrator și accesați Fereastră> Aparent). Aici, în mod implicit, vom vedea opțiunea Fill cu culoarea pe care am pus-o în dreptunghi și opțiunea Stroke (linie sau contur), care va fi cu opțiunea Gol. O ultimă opțiune este Opacitatea (opacitatea). În partea de jos a ferestrei, există două pătrate mici. Una cu o margine neagră foarte largă și cealaltă cu o margine subțire. O selectăm pe cea bună, spre creați o nouă completare (Completare). Acum, în pătratul de culoare al noului umplutură pe care l-am creat, facem clic. O săgeată va apărea în partea dreaptă și o vom selecta, dintre toate mostrele de culoare care apar, cea care corespunde gradientului circular de negru.

Tutorial ilustrator pas cu pas

Fereastra aspectului

Tutorial ilustrator pas cu pas

Creăm o nouă umplere (Fill)

Tutorial ilustrator pas cu pas

Selectarea specimenului gradientului circular

Acum deschidem o nouă secțiune făcând clic pe săgeata din partea stângă a Fill și făcând clic pe cuvânt Opacitate, pentru a schimba modul în care va fi aplicat stratul nostru de umplere. Odată ajuns acolo, selectăm opțiunea Acoperire (Suprapune). Tutorial ilustrator pas cu pas

CERC

Vom crea un cerc alb în centrul documentului nostru. Pentru a face acest lucru, selectăm instrumentul Instrument Ellipse, care va fi „în interiorul” instrumentului dreptunghiular. Pentru a-l putea alege trebuie să facem un clic lung, fără a elibera, așteptând să fie afișate opțiunile. Odată ce apar, FĂRĂ ELIBERARE, ne deplasăm cursorul peste Instrumentul Elipse și îl eliberăm. Tutorial ilustrator pas cu pas

Creăm o circumferință perfectă (pentru aceasta, facem clic și trageți în timp ce țineți apăsată tasta Shift de pe tastatură). Lucrul normal este că circumferința iese cu aceiași parametri ai gradientului anterior pe care l-am făcut, așa că va trebui să modificăm valoarea umpluturii. Tutorial ilustrator pas cu pas

Acum o vom centra. Mergi la Fereastră> Aliniați și, CU CERCUL SELECTAT, faceți clic pe opțiunile afișate în imagini.  Tutorial ilustrator pas cu pas

TEXT

Selectăm instrumentul Text (Tastați instrumentul, tasta T) și tastăm textul dorit. În cazul nostru am ales fontul BadaBoom BB, pe care îl puteți descărca de la DaFont Tutorial ilustrator pas cu pas

Acum, să o întoarcem puțin. Faceți clic dreapta pe text> Transformare> foarfece. Introducem valoarea -8º în Vertical și facem clic pe OK.

Tutorial ilustrator pas cu pas

Centrăm textul în același mod în care am centrat anterior cercul alb.

ADĂUGAREA STILULUI

Tutorial ilustrator pas cu pas

Obiect> Extindeți

Cu textul selectat, mergem la opțiune Obiect în meniul de sus și selectați Extinde și, în fereastra care este afișată, Ok. Atunci fa faceți clic dreapta peste text și selectați dezgrupare (Dezgrupează).

Tutorial ilustrator pas cu pas

Să ne întoarcem la Panou de aspect. Selectați umplutura neagră și faceți clic pe pictograma 'fx' a alege Calea> Calea decalată. Introduceți, în Offset, 8 px. În Joins, Round. Și în limita Mitre, 4.

Tutorial ilustrator pas cu pas

Acum faceți clic din nou pe pictograma „fx” și alegeți Distor & Transform> Transform și introduceți:
În Scală: orizontal> 100% vertical> 100%
În Mutare: orizontal> 7 px vertical> 12 px

Tutorial ilustrator pas cu pas

Tutorial ilustrator pas cu pas

Acum hai să adaugă încă o umplutură. Atingeți pictograma pătrată de pe marginea subțire și selectați o culoare deschisă. De exemplu, alb.

Tutorial ilustrator pas cu pas

Adăugăm încă o umplutură. În cazul nostru, de culoare portocalie. Vom adăuga un efect de transformare. Faceți din nou clic pe pictogramă „fx” și alegeți Distor & Transform> Transform și introduceți:
În Mutare: orizontal> 2 px vertical> 2 px

Vom pune conturul negru pe el. Selectăm culoare neagră în linie și îi dăm 3px. Inteligent! Acum, pentru a salva fișierul> a salva. Pentru a-l salva în .jpg, fișier> export (și acolo selectați formatul)

Tutorial ilustrator pas cu pas


Lasă comentariul tău

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

*

*

  1. Responsabil pentru date: Miguel Ángel Gatón
  2. Scopul datelor: Control SPAM, gestionarea comentariilor.
  3. Legitimare: consimțământul dvs.
  4. Comunicarea datelor: datele nu vor fi comunicate terților decât prin obligație legală.
  5. Stocarea datelor: bază de date găzduită de Occentus Networks (UE)
  6. Drepturi: în orice moment vă puteți limita, recupera și șterge informațiile.