Cum se creează tipografii florale vectoriale în Adobe Illustrator

Ce veți crea

Urmați acest tutorial inspirat și învățați să creați o compoziție elegantă de tipografie florală în Adobe Illustrator! Vom lucra cu text, creând perii vectoriale personalizate și folosind diferite instrumente de desen din Adobe Illustrator pentru a crea flori, frunze și elemente florale. Vom compară diferite instrumente, astfel încât să puteți vedea cum funcționează acestea și să urmeze fluxul de lucru inspirant cu câteva desene de mână.

Astfel de modele cu tipografie florală sunt foarte populare în zilele noastre, deoarece domeniul de utilizare este într-adevăr larg. Ele pot fi folosite ca elemente separate ale unui proiect de proiectare mai mare, cum ar fi autocolante, printuri pe țesături sau pe cani, ca cărți poștale și invitații și multe altele! 

Alegeți o altă cotare și schimbați designul florii dacă doriți să obțineți un aspect diferit. Puteți găsi diferite seturi de flori pe Envato Market pentru a construi o nouă compoziție rapid și ușor. De asemenea, verificați aceste fonturi de caligrafie, care ar trebui să arate bine în combinație cu florile. Și să începem!

1. Proiectați textul

Pasul 1

Vom lucra pe fundal întunecat. Puteți crea un dreptunghi întunecat-purpuriu cu Instrumentul dreptunghiular (M) pe un strat separat și blocare aceasta în straturi panou.

Acum ia-o Instrumentul de elipsă (L), țineți-vă jos Schimb și să facem un cerc din cerc 420 x 420 px mărimea cu o lumină-violet Accident vascular cerebral și nu completați. Puteți ajusta dimensiunea obiectelor fie de la panoul de control din partea superioară, fie de la Transforma panou (Fereastră> Transformare).

Deplasați-vă la Accident vascular cerebral panou și setați Greutate la 8 pt, Aliniați cursa în interior.

Copie cercul și Lipiți în față (Control-C> Control-F). Faceți forma mai mică, micșorând-o până la 445 x 445 px. Setați-o Greutatea accidentală la 4 pct în Accident vascular cerebral panou.

Pasul 2

Să adăugăm textul "Into the Wild", care va fi elementul central al compoziției. Luați Instrumentul tip (T) și utilizați fontul Bebas gratuit sau orice alt font bold sans-serif pentru a vă adăuga cuvântul "INTO" (toate capacele). presa Control-T pentru a deschide Caracter și ajustați dimensiunea textului.

Plasați cuvântul în partea superioară a cadrului. Selectați atât textul, cât și cadrul cercului și faceți clic mai departe pe cerc pentru ao face Obiect cheie (veți vedea o selecție mai groasă). Mergeți la Alinia panou și utilizare Centrul de aliniere orizontală pentru alinierea textului la centrul cercului. 

Utilizați funcția Mission Script sau Pacifico sau orice alt font caligrafic pentru a adăuga "the" într-o dimensiune mai mică. Terminați prin adăugarea cuvântului "WILD" și Alinia toate cuvintele la Centrul.

Pasul 3

Obiect> Extindeți pentru a transforma textul în curbe. Acest lucru va insemna ca nu mai puteti edita textul (asa ca verificati mai intai pentru erorile de tipar), dar in acest fel vom putea aplica diferite gradienturi si adauga schite.

Pasul 4

Să selectăm literele și să aplicăm un alb 1 pt Accident vascular cerebral și o linie liniară Gradient Completați de la alb la lumină bej. Adăugați alte culori albe și lumino-bej în mijlocul cursorului de gradient pentru a crea o margine distinctă între culori. Folosește Instrument de gradient (G) pentru a edita direcția gradientului sau pentru ao seta -90 de grade în Gradient panou.

Vrem ca cuvântul "să" să pară mai subțire, așa că nu vom aplica lovitura albă.

Pasul 5

Acum, să adăugăm o umbră plăcută pentru a separa textul de elementele de fundal pe care le vom face mai târziu. Copie cuvântul și Lipiți înapoi (Control-C> Control-B). Deplasați copia cu câțiva pixeli în jos și spre dreapta apăsând pe jos și tastele săgeată dreapta în timp ce țineți Schimb.

Umpleți copia cu culoarea brună și comutați-o în Înmulțiți modul de amestecare în Transparenţă pentru a deveni semi-transparent.

Adăugați umbre la alte cuvinte, utilizând aceeași tehnică.

Pasul 6

Să adăugăm mai multe adâncimi și dimensiuni literelor. Selectați cuvintele și aplicați Efect> Stylize> Drop Shadow. În fereastra pop-up Opțiuni fereastră, selectați o culoare maro închis în Multiplica mod cu 70% opacitate și 3 px Blur.

Dacă doriți să modificați unele dintre setări după aplicarea efectului, puteți face acest lucru cu ușurință de la Aspect panou (Fereastră> Aspect), selectând cuvântul și făcând clic pe efectul pe care îl editați. 

2. Crearea elementelor florale

Pasul 1

Vom folosi o paletă de culori strălucitoare, care va arăta bine pe un fundal închis la culoare. Primele două rânduri de culori sunt gradienți liniari, iar ultimul rând este un set de culori plane.

Puteți selecta culori similare sau utilizați Instrumentul pentru picioare (I), deține Schimb și alegeți culoarea direct din captura de ecran de mai jos, creând aceeași paletă. Această metodă funcționează, de asemenea, pentru alegerea culorilor pentru glisoarele de gradient din Gradient panou.

Pasul 2

Să creăm o perie de frunze pentru a desena frunzele rapid și ușor. Folosește Instrument de elipsă (L) pentru a face o 65 x 30 px oval. Selectați ambele puncte de ancorare laterale cu Instrumentul de selecție directă (A) și utilizați Convertit funcția din panoul de control de la început la Conversia punctelor de ancorare selectate în colț, făcând astfel foaia arătată.

Pasul 3

Tragere și plasare forma creată peste Perii panou (Fereastra> Perii) și să creeze un Art Brush.

În fereastra pop-up Opțiuni pentru perii de artă fereastră, lăsați majoritatea setărilor ca implicit, cu excepția celor de Lăţime a pensulei, pe care le scădem 50%, si Metoda de colorare, la care am stabilit Hue Shift (astfel încât să putem schimba culoarea accidentului mai târziu).

Să faceți clic pe O.K și încercați peria noastră.

Pasul 4

Luați Instrumentul pentru pensula (B) și faceți câteva lovituri netede. Putem regla Lățimea accidentului fie din Accident vascular cerebral panoului sau de pe panoul de control din partea superioară, redus la 0,5 pt.

De asemenea, putem modifica orice setare a periei dublu-clic peria în Perii panou.

Pasul 5

Acum, să folosim un alt instrument de desenat pentru a crea o floare. Dublu click Instrumentul pentru creioane (N) în Unelte panou pentru a deschide Opțiuni fereastră. De aici putem să ajustăm Fidelitate glisor, mutați-l mai aproape Neted, și bifați numărul necesar Opțiuni, așa cum se arată în imaginea de mai jos.

Desenați o floare și umpleți-o cu un gradient liniar luminos, de la portocaliu deschis, până la portocaliu mai închis în partea de jos, luând-o din paleta noastră.

Dacă nu vă plac niște părți ale formei dvs., puteți deplasa punctele de ancorare și mânerele de ancorare cu Instrumentul de selecție directă (A) pentru a face totul mai lin.

Pasul 6

Acum, să descriem tulpina floarei. Putem folosi fie Instrumentul pentru pensula (B) sau Instrumentul pentru perie Blob (Shift-B) pentru a desena o linie ondulată. Puteți să modificați setările pentru ambele instrumente dând dublu clic pe ele.

Diferența dintre aceste două metode este aceea că Unelte pentru perie Blob (B) ne permite să desenați cu forme, creând mai mult un aspect desenat manual, în timp ce Instrumentul pentru pensula (B) face curse mai flexibile și ușor de editat. Depinde de dvs. să decideți ce instrument este mai convenabil de folosit. În acest tutorial vom varia instrumentele, folosind ambele.

Pasul 7

Să atașăm câteva frunze la tulpină. Luați Instrumentul pentru pensula (B) și folosiți peria de frunze pe care am creat-o. Ajustează Lățimea accidentului, dacă e nevoie. Îl păstrez 1 pt.

De asemenea, putem regla cursa în sine, făcând-o să se miște îndoită și curgătoare sau mai dreaptă cu ajutorul Instrumentul de selecție directă (A) prin deplasarea punctelor de ancorare și a mânerelor acestora.

Pasul 8

Folosește Instrumentul pentru creioane (N) pentru a desena un element mai verde și a combina toate părțile din floare împreună.

Pasul 9

Să desenăm încă câteva mugurii de flori folosind Instrumentul pentru creioane (N) și paleta de culori. Combinați elementele mai întunecate și mai deschise pentru a face floarea mai tridimensională.

Pasul 10

Acum vom face o floare mai complexă. Combinați două petale, așezând petalul brichetei pe partea superioară. Folosește Instrumentul pentru perie Blob (Shift-B) (sau Instrumentul pentru pensula (B)) pentru a face câteva stamine alb. Grup (Control-G) staminele și plasați-le între petale (Control-[). Adăugați mici cercuri albe pe fiecare vârf.

Pasul 11

Continuați să proiectați flori folosind instrumentele de desen pe care le-am examinat. Iată setul de flori pe care l-am creat pentru compoziția noastră florală. Unii dintre ei nu au tulpini și frunze, pentru că vor fi ascunși sub text.

3. Construiți o compoziție florală echilibrată

Pasul 1

Mai întâi de toate, ar trebui să avem o anumită idee despre cum va arăta compoziția noastră viitoare. Eu folosesc Instrumentul pentru creioane (N) aici cu alb Accident vascular cerebral pentru a face o schiță grosieră pe un nou strat. Apoi trec la roșu și trag tulpini ondulate deasupra literelor pentru a decide unde elementele se vor suprapune și se vor împleti. În cele din urmă, folosesc lovituri verzi pentru a descrie frunzele.

Schița noastră ne va ghida în timp ce lucrăm la compoziție. Putem transforma în orice moment vizibilitatea stratului de schiță. Cu toate acestea, poziția anumitor elemente s-ar putea schimba în timpul lucrului. Nu trebuie să arate cu adevărat ca schița, deoarece vom descoperi mai multe opțiuni mai bune pentru a oferi compoziției noastre un aspect mai echilibrat.

Pasul 2

Înainte de a umple rama cu flori, hai să mergem la straturi panou și a crea mai multe straturi pentru aranjarea obiectelor și pentru a ne păstra munca clară și organizată:

  • "Elements_top" este un strat pentru obiectele de deasupra literelor și a cadrului cercului.
  • "Text" este un strat pentru tipografia noastră.
  • "Elements_middle" este un strat pentru obiectele dintre text și cadrul cercului.
  • "Cercuri" este un strat pentru cadrul cercului.
  • "Elements_bottom" este pentru orice obiecte aflate sub cadru și text.

Să plasăm prima noastră floare roz pe stratul inferior, ascunzându-o parțial în spatele literei "W".

Pasul 3

Plasați o altă floare roz la partea opusă și de această dată dorim ca petalele sale să meargă între cercurile cadrului. Pentru a face acest lucru, să mutăm cercul exterior în stratul inferior. Putem face acest lucru fie manual, fie prin selectarea cercului, clic dreapta, și alegerea Aranjați> Trimiteți la stratul curent. Apoi apăsați Shift-Control-[ pentru a plasa cercul sub floare.

Pasul 4

Să punem o floare galbenă sub cea roz. Pentru a face acest lucru, Cut (Control-X) floarea galbenă, selectați culoarea roz și Lipiți înapoi (Control-B). Editați poziția florilor și adăugați un cuplu mai mult.

Pasul 5

Să adăugăm o altă floare pe cerc, dar sub text, plasându-o pe stratul "elements_middle". 

Pasul 6

Plasați mugurul de flori portocalii pe stratul "elements_middle", care acoperă cercurile cadrului. Și să-i ascundem tulpina sub floarea roz. Cut (Control-X) stem, selectați floarea roz pe stratul "elements_bottom" și Pastă tulpina înapoi (Control-B). Deplasați tulpina, atașați-o la mugurul de portocalie.

Pasul 7

Continuați să adăugați florile, lipiți-le pe diferite straturi, plasându-le în spatele textului și pe partea de sus a textului.

4. Crearea elementelor intercalate

Pasul 1

Să facem compoziția mai variabilă și jucătoare prin adăugarea acestor elemente intercalate între litere.

Aici avem o stem subțire sub cuvântul "WILD" și dorim să-i aducem partea de mijloc pe partea superioară, astfel încât să se suprapună cu litera "I". 

Selectați tulpina și luați Cuţit (puteți găsi acest instrument în același meniu drop-down ca și Instrumentul de ștergere (Shift-E)). Asigurați-vă două linii de-a lungul tijei, așa cum se arată în imaginea de mai jos, astfel tăind tulpina în afară. Acum putem selecta piesa de mijloc și o putem muta în stratul "elements_top". Putem face acest lucru fie manual, fie doar tăiate (Control-X) piesa, selectați layerul "elements_top" și Lipiți în față (Control-F).

Așa arată toate împreună - unele bucăți ale tijei sunt pe stratul inferior și o bucată se află pe stratul superior, acoperind litera.

Pasul 2

Folosește Instrumentul pentru pensula (B) pentru a face câteva frunze pe stratul "elements_top", plasând frunzele în partea de sus a literelor.

Pasul 3

Acum, hai să ne mutăm la floarea galbenă deasupra și să îi strângem stemul cu litera "T". Eu folosesc Instrumentul pentru perie Blob (Shift-B) pentru a prelungi tulpina florii. Folosește Instrumentul de selecție directă (A) pentru a combina punctele de ancorare ale formei noi cu marginile tijei, făcându-le să se potrivească cu tija.

Pasul 4

Acum că noua parte a tulpinii este gata, să adăugăm o altă tulpină, care se suprapune cu litera "O".

Pasul 5

Dacă observați că piesele se suprapun așa cum se arată în imaginea de mai jos, apoi selectați ambele forme, luați Shape Builder Tool (Shift-M), deține Alt și faceți clic pe piesa care nu este necesară pentru ao șterge.

Pasul 6

Acum trebuie să interlacem stemul cu litera "O". Să folosim Cuţit pentru a tăia piesa deasupra literei "O" și așezați-o pe stratul "element_middle" (Aranjați> Trimiteți la stratul curent), plasându-l astfel sub literă.

Pasul 7

Adăugați câteva frunze la tulpină și continuați să adăugați tulpini intercalate: unul la litera "N" și altul la litera "O".

Pasul 8

Continuați să adăugați frunze pe stratul superior, utilizând Instrumentul pentru pensula (B) și peria noastră de artă personalizată.

Așa arată în această etapă. Puteți adăuga mai multe tulpini înrădăcinate sau le puteți face mai groase dacă doriți.

Pasul 9

Să facem câteva flori să îmbrățișeze și să se suprapună și literelor. Să luăm o altă floare roșie de mac, pe care am creat-o și Degrupeaza (butonul drept al mouse-ului, Ungroup), dacă este necesar. Plasați petalele întunecate împreună cu staminele din stratul de jos, sub litere.

În ceea ce privește petala roșie mai deschisă, Cut (Control-X) selectați litera "N" și Lipiți înapoi (Control-B). În acest fel, plasăm această floare în stratul "text" între litere.

Asigurați-vă că litera "I" se află sub petale roșii în straturi panou. Putem rearanja obiectele din straturi fie manual, fie apăsând Control-[ pentru a le muta în jos sau Control-] pentru a vă deplasa în sus.

Pasul 10

Adăugați o altă floare roșie care cuprinde litera "L" în cuvântul "WILD", plasând petalele roșii între litere.

Continuați să aranjați florile în jurul literelor, umplând pete spațiilor compoziției. După cum puteți vedea, am mai adăugat niște mici elemente generice aici și acolo pentru a adăuga un aspect jucăuș.

Am folosit-o Instrumentul pentru creioane (N) pentru a face niște picături de formă portocalie deasupra floarei portocalii din stânga. Apoi am adăugat câteva cercuri galbene și petale roșii în formă de picătură pe partea superioară a cadrului. Miscând în sensul acelor de ceasornic, am scos un grup de inimi de mână albastru realizate cu Instrumentul pentru creioane (N) de asemenea. În cele din urmă, am pus câteva pete roz în partea de jos, făcându-le să arate ca polenul de la floare roz.

5. Adăugați frunze în partea de jos a compoziției

Pasul 1

Să terminăm compoziția noastră florală prin umplerea spațiilor goale cu frunze întunecate. Putem folosi fie Instrumentul pentru pensula (B),schimbarea Accident vascular cerebral culoarea pensulei de artă pe care am creat-o mai devreme sau putem folosi Instrumentul pentru creioane (N) și desenați frunzele cu mâna. Vreau să le fac să pară mai desenate și artizanale, așa că voi folosi Instrumentul pentru creioane (N) în continuare.

Selectați stratul "elements_bottom" și începeți să desenați acele frunze verzi închise sub flori roz roz, variind dimensiunea elementelor.

Continuați să adăugați frunze, deplasând în sensul acelor de ceas Nu uitați să adăugați și unele în centrul compoziției. Utilizați straturi diferite pentru a adăuga frunze între flori prin tăierea și lipirea elementelor, așa cum am făcut-o anterior.

Pasul 2

Acum vom adăuga frunze verzi mai deschise sub frunzele verde închis, făcând ilustrația mai detaliată. Pentru a face acest lucru, creați un nou strat "frunze" chiar sub stratul "elements_bottom".

Așezați și câteva frunze pe stratul "elements_top" pentru a le suprapune cadrului cercului.

Pasul 3

Să adăugăm niște umbre pline la literele de sub tulpini. Mai întâi, copiați literele și inserați aceste copii pe un nou strat.

Obiect> Extindeți aspectul din litere pentru a transforma contururile în curbe și Uni obiectele din deschizător de drumuri. Apoi apăsați Control-8 la Faceți calea compusă, transformând astfel grupul de obiecte într-o singură cale.

Pasul 4

Am redus Opacitate din calea compus în Transparenţă pentru a face clar literele originale.

Luați Instrumentul pentru creioane (N) și începeți să desenați umbrele luminoase maronii sub frunze și tulpini.

Pasul 5

Desenează cât mai multe forme de umbră deasupra celor două cuvinte. Apoi selectați toate formele de culoare brun deschis și Faceți calea compusă (Control-8).

În cele din urmă, selectați atât forma umbrei, cât și calea compusă din litere și aplicați intersecta funcția deschizător de drumuri pentru a tăia forme, făcându-le să se potrivească cu literele.

Terminați prin comutarea Mod de amestecare de la umbre la Multiplica în Transparenţă panou.

Cum arată totul împreună. Echilibrat și terminat!

Felicitări! Compoziția textului nostru floral este pregătită!

Buna treaba! Sper că v-ați bucurat de acest tutorial inspirat și ați descoperit câteva sfaturi și trucuri noi care vă vor ajuta să creați mai multe compoziții florale pe care le puteți utiliza ca amprente sau autocolante.

A se distra!