Advertisement
  1. Design & Illustration
  2. Vector
Design

Cum să creați un efect de text inspirat de Motanul Cheshire, cu blana mare, în Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Alice in Wonderland Week.
How to Create an Alice in Wonderland Inspired Afternoon Tea Invite in Adobe InDesign
How to Create an Alice in Wonderland Tea Party Scene in Adobe Illustrator

Romanian (Română) translation by Lucia Stefania Lungu (you can also view the original English article)

Final product image
What You'll Be Creating

Parcurgeți acest tutorial și învățați cum să creați un efect de text inspirat de Motanul Cheshire, în Adobe Illustrator. Veți învăța o nouă modalitate de a crea aspectul de blană și, de asemenea, de a folosi o pensulă de tip Pattern, pentru a adăuga mai multă blană, pentru un aspect mai detaliat. Și acest tutorial nu va fi complet fără un rânjet viclean de pisică. Haideți să începem!

Dacă vă interesează mai multe efecte de text sau personaje de benzi desenate, asigurați-vă că verificați GraphicRiver și, cu siguranță, veți găsi acolo ceea ce căutați.

Resurse valoroase pentru tutorial

Pentru a termina acest tutorial, veți avea nevoie de următoarele resurse valoroase:

1. Cum să deschideți un nou document

Lansați programul Adobe Illustrator și deschideți un document nou. Introduceți un nume pentru fișier, setați dimensiunile și alegeți Pixels pentru Units și RGB pentru Color Mode.

În continuare, mergeți la Edit > Preferences > General, alegeți pentru Keyboard Increment valoarea 1 px și, fiind încă acolo, duceți-vă la Units, ca să vă asigurați că există setările pe care le vedeți în imaginea următoare. Eu lucrez, de obicei, cu aceste setări și ele vă vor ajuta pe parcursul procesului de desen.

how to open new illustrator document

2. Cum să creați și să distorsionați textul

Pasul 1

Luați instrumentul Type Tool (T) și scrieți “MEOW” pe planșa de lucru, utilizând fontul numit Jungle Fever Font, având mărimea de 160 pt. Alegeți Expand Appearance din meniul Object, pentru a obține literele separate, și apoi folosiți Ungroup (Shift-Control-G), dacă este necesar.

how to write the Meow text

Pasul 2

Concentrați-vă asupra literei "M". Utilizați Delete Anchor Point Tool (-), pentru a șterge câteva dintre punctele superioare, ca să obțineți o margine dreaptă (1). Acum, luați instrumentul Pen Tool (P) și desenați o formă ca aceea de mai jos, pentru a simula smocurile de blană ale Motanului Cheshire (2). Continuați cu forma urechilor și trimiteți-le în spate (3).

how to distort the letter M

Pasul 3

Concentrați-vă asupra literei "W". Utilizați Add Anchor Point Tool (+) pentru a adăuga încă un punct în partea de sus a piciorului stâng și distorsionați forma, pentru a simula un alt smoc de blană (1).

Alegeți acum Pen Tool (P) și desenați forma cozii (2). După aceasta, selectați litera împreună cu coada și apăsați Unite din panoul Pathfinder, pentru a le uni într-o singură formă (3).

how to distort the letter W

Pasul 4

Rotiți și mutați litera "E", mai aproape de litera "M" (1). După aceasta, ștergeți litera "O" existentă și desenați o formă asemănătoare unui ou, în locul ei (2). Măriți puțin dimensiunea literei "W", rotiți-o și mutați-o peste litera "O" (3). În acest moment, textul este gata.

how to arrange the text

3. Cum să creați dungile pe text

Pasul 1

Utilizați instrumentul Pen Tool (P), pentru a desena câteva trasee ("paths") deasupra literei "M" și trageți câteva dintre acestea deasupra literei "E", pentru a crea un aspect contiuuu (acele trasee verzi). Utilizați Width Profile 1 pentru aceste trasee și alegeți grosimi Stroke Weights diferite: 14 pt, 12 pt și chiar 10 pt.

how to draw stripes on letter M

Pasul 2

Concentrați-vă asupra literei "E". Mai întâi, faceți copii ale celor trei trasee verzi, care sunt deasupra ambelor litere, deoarece veți avea nevoie de acele duplicate, mai târziu. După aceasta, desenați mai multe trasee pentru a acoperi zonele goale (acele trasee albastre). Utilizați Width Profile 1, din nou, și alegeți pentru Stroke Weights grosimi diferite: 12 pt și 18 pt.

how to draw stripes on letter E

Pasul 3

Acum, concentrați-vă asupra literei "O" și desenați patru trasee cu grosimi (Stroke) de 10, 12 și 14 pt (1). În continuare, desenați un traseu lung, care trece și pe deasupra literei "W", și lăsați puțin loc liber în colțul din stânga-jos, pentru rânjetul viclean al Motanului Cheshire (2).

Continuați să desenați mai multe trasee ondulate, deasupra literei "W", și nu uitați să creați un duplicat al celei verzi, pentru o utilizare ulterioară (3).

how to draw stripes on letter O and W

Pasul 4

Haideți să ne întoarcem la litera "M". Selectați toate acele trasee și alegeți Expand Appearance din meniul Object, pentru a le transforma din linii de contur, în umpleri. Păstrați-le selectate și mergeți la Object > Compound Path > Make (Control-8) (1). Faceți o copie, în față, a acelui traseu compus rezultat, pentru folosirea lui ulterioară.

Folosiți comenzile Copy și Paste in Front (Control-F) pentru litera “M”; apoi, selectați această copie, împreună cu acel traseu compus dungat și apăsați Minus Front din panoul Pathfinder (2). Dacă obțineți un grup de forme, ca rezultat, de asemenea, mergeți la Object > Compound Path > Make (Control-8). Pentru moment, umpleți cu culoarea gri, acel traseu compus tocmai obținut (3).

how to create the pink fur compound path for letter M

Pasul 5

Selectați litera roz originală și utilizați, din nou, Copy și Paste in Front (Control-F). Cu această copie selectată, de asemenea selectați copia acelui traseu compus dungat, făcută la pasul anterior, apoi apăsați Intersect din panoul Pathfinder (1). Dacă obțineți un grup de forme, ca rezultat, mergeți la Object > Compound Path > Make (Control-8). Veți obține un nou traseu compus dungat (2).

how to create the pink striped fur compound path for letter M

Pasul 6

Concentrați-vă asupra literei "E" și selectați toate acele trasee care trec pe deasupra ei (1). Alegeți Expand Appearance din meniul Object, pentru a le transforma în umpleri, și mergeți la Object > Compound Path > Make (Control-8). Faceți o copie, în fața acelui traseu compus dungat rezultat.

Selectați litera roz și folosiți comenzile Copy și Paste in Front (Control-F). Păstrați această copie selectată, împreună cu acel traseu compus dungat și apăsați pe Minus Front din panoul Pathfinder. De asemenea, mergeți la Object > Compound Path > Make (Control-8) și umpleți cu gri, forma rezultată (2).

Faceți încă o copie în fața literei roz. Păstrând această copie selectată, selectați și copia traseului compus dungat, de mai devreme, și apoi apăsați Intersect din panoul Pathfinder. Dacă obțineți un grup de forme, ca rezultat, mergeți la Object > Compound Path > Make (Control-8). Veți obține un nou traseu compus dungat (3).

how to create the fur compound paths for letter E

Pasul 7

Utilizați tehnica explicată mai sus și aplicați-o pentru literele "O" și "W", tot pentru a obține traseele compuse de care aveți nevoie.

how to create all fur compound paths

4. Cum să obțineți aspectul blănos

Pasul 1

Concentrați-vă asupra literei "O". Selectați traseul compus gri, obținut mai devreme, și modificați-i culoarea de umplere, într-una mai închisă. După aceasta, mergeți la Effect > Sketch > Reticulation și aplicați setările prezentate mai jos (1). Alegeți Expand Appearance din meniul Object, pentru a extinde efectul, apoi duceți-vă la Object > Image Trace > Make. Păstrați selecția și alegeți High Fidelity Photo ca Preset și Expand din panoul Control.

Utilizați instrumentul Direct Selection Tool (A) pentru a selecta doar pătratul alb din jurul literei și ștergeți-l (2). Ca rezultat, veți avea un grup complex de forme gri micuțe (3).

how to apply Reticulation effect and Trace for letter O

Pasul 2

Umpleți grupul de forme micuțe, cu gradientul liniar afișat la acest unghi: -60 degrees Angle (1). În continuare, mergeți la Effect > Distort & Transform > Pucker & Bloat și aplicați un efect Pucker -140%, pentru a obține aspectul blănos. Trageți efectul Pucker & Bloat aplicat sub Contents, în panoul Appearance, pentru un rezultat mai bun (2).

În timp ce aveți încă selectat grupul de forme, mergeți la panoul Appearance și executați dublu-clic pe Contents, pentru a vedea atributele. Selectați atributul Fill și duceți-vă la Effect > Stylize > Drop Shadow. Aplicați setările prezentate mai jos și apăsați pe OK (3). Aceasta va adăuga mai multă adâncime blănii.

how to create the pink fur on letter O

Pasul 3

Acum, selectați traseul compus dungat și înlocuiți culoarea de umplere (1).

Faceți o copie, în fața acestei forme, umpleți-o cu gri, apoi aplicați efectul Reticulation, folosind aceleași setări (2).

Alegeți Expand Appearance din meniul Object, pentru a extinde efectul, și apoi mergeți la Object > Image Trace > Make. Selectați High Fidelity Photo ca Preset și Expand din panoul Control, exact cum ați procedat și înainte, și apoi ștergeți pătratul alb. Veți obține un nou grup de forme gri micuțe, la întâmplare (3).

how to apply Reticulation effect and Trace for stripes letter O

Pasul 4

Umpleți noul grup obținut din forme micuțe, cu gradientul liniar afișat la un unghi de -45 degrees Angle (1). Aplicați un efect Pucker -140% din nou și, după aceasta, trageți efectul sub Contents, în panoul Appearance (2).

Cu grupul respectiv încă selectat, deschideți Contents pentru a vedea atributele și aplicați un efect Drop Shadow, utilizând aceleași setări, pentru a adăuga mai multă adâncime (3).

how to create the purple striped fur on letter O

Pasul 5

Dacă aruncați o privire mai atentă, veți putea vedea formele care se află sub blană, iar acestea sunt prea vizibile. Să rezolvăm și această problemă.

Selectați litera roz, care s-a aflat în spate în tot timpul acesta și, cu atributul Fill selectat în panoul Appearance, mergeți la Effect > Path > Offset Path și aplicați un Offset de 1 px, pentru a face forma un pic mai mică. În continuare, mergeți la Effect > Stylize > Inner Glow și aplicați setările prezentate mai jos; apoi, mergeți la Effect > Blur > Gaussian Blur și aplicați o rază (Radius) de 2 px (1).

Acum, selectați traseul compus dungat roz, din spatele blănii mov, și aplicați-i aceleași efecte, pentru a obține margini line și încețoșate (2). Puteți vedea rezultatul final în imaginea de mai jos (3).

how to create smooth blurry edges for letter O

Pasul 6

Acum, concentrați-vă asupra literei "E" și aplicați-i aceeași tehnică. Mai întâi, creați blana roz, din traseul compus gri și efectul Reticulation (1). În continuare, înlocuiți culoarea de umplere albastră a traseului compus dungat, cu mov, și faceți o copie în fața ei (2). Acestei copii, aplicați-i efectul Reticulation și apoi creați blana mov, așa cum am explicat mai devreme (3). La sfârșit, nu uitați să creați marginile line și încețoșate, pentru litera roz originală și dungile mov care se află în spate (4).

Repetați aceleași lucruri și pentru litera "W".

how to create fur on letter E O and W

Pasul 7

Pentru litera "M", după ce creați blana pe litera respectivă (1), să lucrăm și asupra formelor de deasupra ei. Selectați forma corespunzătoare smocurilor de blană și aplicați efectele Offset Path, Inner Glow și Gaussian Blur, utilizând aceleași setări ca pentru traseele compuse dungate mov, așa cum am procedat mai devreme în tutorial (2). Faceți o copie a ei în fața acesteia, ștergeți toate proprietățile de la Appearance și aplicați efectul Reticulation, urmat de Image Trace și efectul Pucker & Bloat, pentru a crea blana (3).

how to create fur on tufts shape for letter M

Pasul 8

Repetați aceeași tehnică și creați blana roz pentru urechi.

how to create fur on ear shapes for letter M

Pasul 9

În acest moment, efectul de text inspirat de Motanul Cheshire ar trebui să arate ca în imaginea următoare.

finished pink and purple fur for Meow text

5. Cum să adăugați blană suplimentară în jurul textului

Pasul 1

Selectați litera originală "M" roz și utilizați comenzile Copy și Paste in Back (Control-B), pentru a face o copie a ei. Renunțați la tot ce apare la Appearance (1). Mergeți la File > Scripts > Round Any Corner și aplicați o rază de rotunjire Radius de 10, pentru a rotunj colțurile. Acest script merge mai bine decât efectul Round Corners. Puteți găsi mai multe informații despre Round Any Corner Script și modul în care să-l instalați și să-l folosiți, în tutorialul intitulat "20 Free and Useful Adobe Illustrator Scripts" (20 de scripturi utile și gratuite, pentru Adobe Illustrator).

Alegeți valoarea 1 pt și culoarea roz-deschis pentru Stroke și utilizați pensula Grass Pattern Brush, pe care o puteți găsi în Brush Libraries Menu > Borders > Borders_Novelty. Deschideți fereastra de opțiuni Stroke Options, din panoul Appearance, trageți de slider-ul Scale până la 20% și setați Colorization Method la Tints and Shades. Aceasta va face iarba mai mică, la fel ca blana, și va lua culoarea liniei de contur, care, în acest caz, este roz. Dacă vârful pensulei nu este îndreptat către exterior, verificați și opțiunea Flip Across (2).

how to add extra fur around letter M

Pasul 2

În timp ce încă păstrați selectată copia acestei litere, adăugați un nou contur: New Stroke, în partea de sus a panoului Appearance, și folosiți Grass Pattern Brush, din nou. De data aceasta, alegeți pentru culoare un roz mai închis (1). Deschideți fereastra Stroke Options, trageți slider-ul Scale până la 40%, și alegeți pentru Colorization Method: Tints and Shades. Puteți vedea rezultatul, în imaginea de mai jos (2).

how to add more fur around letter M

Pasul 3

Acum, selectați forma smocurilor de blană și faceți o copie a ei, în spate. Renunțați la tot ce apare la Appearance și apoi aplicați Round Any Corner Script. Acestei forme, aplicați-i cele două atribute Stroke, utilizând Grass Pattern Brush și aceleași setări (1).

Repetați procedura pentru formele create pentru urechi (2).

Ba chiar puteți salva acest stil numit "Edge Fur Graphic Style", în panoul Graphic Styles, și-l puteți aplica mai ușor, altor litere.

how to add extra fur around tufts and ear shapes

Pasul 4

Aplicați aceeași tehnică, literelor "E", "O" și "W", pentru a adăuga blană suplimentară în jurul literelor.

how to add extra fur around letters E O and W

6. Cum să adăugați umbră textului "blănos"

Pasul 1

Haideți să creăm un traseu compus complex. Concentrați-vă asupra literei "O", selectați forma roz originală, apoi folosiți comenzile Copy și Paste in Place (Shift-Control-V). Renunțați la toate atributele de la Appearance și dați-i orice culoare de umplere (1). Ascundeți această formă, pentru moment.

Selectați grupul de blană mov și utilizați comenzile Copy și Paste in Place (Shift-Control-V), pentru a face o copie a lui. Executați dublu-clic pe Contents din panoul Appearance, pentru a vedea atributele și pentru a șterge efectul Drop Shadow. Acum, mergeți la Object > Expand Appearance, pentru a extinde efectul Pucker & Bloat. Nu deselectați grupul și apăsați pe Unite din panoul Pathfinder (2); apoi mergeți la Object > Compound Path > Make (Control-8). Pentru moment, umpleți cu albastru traseul compus rezultat, pentru blana dungată (3).

how to create a striped fur compound path for letter O

Pasul 2

În continuare, selectați grupul de blană roz și utilizați comenzile Copy și Paste in Place (Shift-Control-V), pentru a face o copie a lui. Ștergeți efectul Drop Shadow din panoul Appearance și apoi mergeți la Object > Expand Appearance, pentru a extinde efectul Pucker & Bloat (1). Apăsați Unite din panoul Pathfinder, apoi mergeți la Object > Compound Path > Make (Control-8) și veți obține traseul compus verde, complex (2). Ascundeți-l, pentru moment.

how to create a complex fur compound path for letter O

Pasul 3

În continuare, selectați copia literei "O", cu contur realizat cu Grass Pattern Brush și apoi folosiți comenzile Copy și Paste in Place (Shift-Control-V), pentru a face o copie a ei (1). Mergeți la Object > Expand Appearance pentru a extinde pensulele (2); apoi, apăsați pe Unite din panoul Pathfinder, urmat de Object > Compound Path > Make (Control-8). Pentru moment, umpleți cu gri traseul compus rezultat (3).

how to create the edge fur compound path for letter O

Pasul 4

Dezvăluiți traseele compuse roz, albastru, verde și gri, pe care le-ați obținut pe parcursul celor trei pași anteriori (1) și păstrați-le selectate. Apăsați Unite din panoul Pathfinder, apoi mergeți la Object > Compound Path > Make (Control-8). Vom utiliza această formă nou-obținută, pentru a crea umbra (2).

how to create the shadow shape for letter O

Pasul 5

Parcurgeți pașii descriși mai sus, pentru a crea și celelalte forme de care aveți nevoie (1). Mutați toate cele patru forme, într-un nou strat: New Layer, sub efectul de text, și umpleți-le cu culoarea mov. Mergeți la Effect > Stylize > Drop Shadow și aplicați setările prezentate (2).

how to create shadow for Meow text

Pasul 6

Selectați cele patru forme de la pasul anterior și folosiți comenzile Copy și Paste in Back (Control-B), pentru a face copii ale lor. Cu ele încă selectate, mergeți la Object > Compound Path > Make (Control-8), pentru a le combina într-un singur traseu compus (1). Renunțați la efectul Drop Shadow și înlocuiți-l cu efectul Outer Glow (2).

how to add more shadow around Meow text

Pasul 7

Luați instrumentul  Pen Tool (P) și desenați un traseu unde litera "M" atinge litera "E" și unde "O" atinge "W". Trimiteți primul traseu în spatele literei "M", dar în fața literei "E"; și trimiteți al doilea traseu în spatele literei "W", dar în fața literei "O" (1).

Alegeți pentru amândouă o valoare de 3 pt și culoarea neagră, pentru Stroke, și utilizați Width Profile 1 din panoul Stroke. În continuare, aplicați Gaussian Blur de 3 px și reduceți Opacity to 50% (2).

how to add shadow between Meow letters

7. Cum să creați rânjetul viclean de Motan Cheshire

Pasul 1

Utilizați instrumentul Pen Tool (P), pentru a desena forma zâmbetului, pe litera "O". Alegeți o culoare de umplere albă și apoi mergeți la Effect > Stylize > Outer Glow și aplicați setările prezentate. De asemenea, adăugați 2 pt Outside Stroke și utilizați gradientul liniar pe care îl vedeți în imagine.

how to draw the cheesy cat smile shape on letter O

Pasul 2

Având forma pentru zâmbet încă selectată, adăugați o nouă umplere: New Fill, la baza panoului Appearance, și folosiți negru pentru culoare. Cu acest atribut Fill încă selectat, mergeți la Effect > Distort & Transform > Transform și aplicați -3 px Vertical Move. Setați Blending Mode la Overlay și veți obține o umbră subțire, în partea de sus a zâmbetului (1).

Cu forma pentru zâmbet încă selectată, adăugați încă un atribut de umplere cu culoarea neagră: Fill, la baza panoului Appearance, și apoi aplicați 3 px Vertical Move. Setați Blending Mode la Overlay și veți obține o umbră subțire în partea de jos a zâmbetului (2).

how to add shadow around cheesy cat smile

Pasul 3

Utilizați instrumentul Pen Tool (P) al Line Segment Tool (\), ca să desenați o grămadă de trasee scurte, pentru a defini dinții (1). Alegeți pentru toate: Stroke de 2 pt și folosiți Tapered Blend Art Brush. Adăugați un nou contur: New Stroke, în partea de sus a panoului Appearance, și utilizați aceeași pensulă, dar folosiți o nuanță mai închisă de gri și reduceți grosimea pentru Stroke Weight la 0.2 pt (2). V-am arătat cum să creați și să salvați această pensulă utilă de tip blend, în tutorialul "How to Create a Candy Monster Character" ("Cum să creați un personaj-monstru din bomboane") (secțiunea 10).

Selectați forma pentru zâmbet și utilizați comenzile Copy și Paste in Place (Shift-Control-V) pentru a face o copie a ei. Pentru aceasta, alegeți să nu existe nici culoare a liniei de contur, nici culoare de umplere. Cu această copie încă selectată, alegeți și liniile și apoi mergeți la Object > Clipping Mask > Make (Control-7) (3).

how to define the teeth on cheesy cat smile

Pasul 4

Utilizați instrumentul Pen Tool (P) pentru a desena câteva trasee scurte care urmează marginea gurii și aplicați cele două atribute Stroke, folosind Grass Pattern Brush și aceleași setări ca pentru blana suplimentară, în jurul marginilor literelor, la fel cum au fost utilizate mai devreme, în acest tutorial (1).

Cu toate traseele selectate, mergeți la Object > Expand Appearance, pentru a extinde pensulele, apoi folosiți comanda Group (Control-G) pentru a le grupa și, în continuare, aplicați efectul Drop Shadow (2).

how to add extra fur around cheesy cat smile

Pasul 5

Selectați forma pentru zâmbet, mergeți la Object > Path > Offset Path și aplicați pentru Offset valoarea 2 px. Acum, selectați forma mai mare pe care ați obținut-o și aduceți-o în fața tuturor obiectelor, mergând la Object > Arrange > Bring to Front (Shift-Control-]). Alegeți pentru ea să nu existe nici culoare a liniei de contur, nici culoare de umplere (1).

Acum, selectați grupurile mici de blană din jurul gurii, împreună cu copia zâmbetului, și mergeți la Object > Clipping Mask > Make (Control-7) (2). În momentul acesta, rânjetul viclean este gata.

how to mask extra fur around cheesy cat smile

Felicitări! Ați terminat!

Iată imaginea finală a efectului de text inspirat de Motanul Cheshire. A fost o provocare și a fost distractiv să îl creăm. Sper că v-a făcut plăcere și că ați învățat tehnici noi. Nu uitați să împărtășiți cu noi imaginea, dacă decideți să îl recreați.

Cheshire Cat inspired text effect final image
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.