Creați un efect de tip cusut în Adobe Illustrator

În acest tutorial veți învăța cum să creați un efect de tip cusut. Veți crea modele geometrice simple, o perie de model și veți folosi panoul aspect pentru a crea aspectul final. Să începem!


Pasul 1

Deschideți un nou document. Am selectat un format portret de 180 x 240 mm în modul RGB.


Pasul 2

Vom începe prin crearea unui model fără sudură. Pentru a face acest lucru, face un pătrat, de dimensiuni 10x10 mm și centru pe panza.


Pasul 3

Primul model va fi realizat din cercuri. Pentru a face acest lucru creați o elipsă cu o dimensiune de 4x4 mm și centrați-o și ea.


Pasul 4

Vrem să avem un cerc mai mic în interiorul primului. Duplicați stratul (comanda + C și comanda + F) și schimbați dimensiunile la 2x2 mm.


Pasul 5

Acum, pentru a face modelul repetabil, copiați cele două cercuri și plasați-le în colțul din stânga sus al dreptunghiului. Puteți obține poziția exactă selectând mai întâi colțul cu instrumentul de selectare directă (A) și copiați poziția punctului utilizând panoul Transformare în centrul celor două cercuri duplicate. Din moment ce știți dimensiunea pânzei și dimensiunea pătratului, poziția va fi x: 85 mm; și y: 125 mm.


Pasul 6

Acum duplicați pătratul de 2 ori (Command + C și Command + F și Command + F). Selectați pătratul și unul dintre cercurile din colț. Utilizați panoul Pathfinder pentru a intersecta cele două forme.


Pasul 7

Faceți același lucru cu cel de-al doilea cerc și duplicat pătrat. Grupați cele două sferturi din cercuri.


Pasul 8

Duplicați grupul de trimestru, răsturnați-l orizontal și aliniați-l cu pătratul care este încă lăsat în partea dreaptă a pătratului (nu pânza). Selectați cele două sferturi și duplicați-le. Acum le rotiți vertical și aliniați partea inferioară a pătratului.

Acum ar trebui să aveți o formă pătrată, două cercuri în centru și opt sferturi din cercurile din mijloc.


Pasul 9

Acum voi colora modelul spre ceva mai atrăgător decât tonurile de gri. Deschideți panoul Swatches și mergeți la Open Swatch Library> Retro (Acesta este un specimen color CS2, l-am copiat manual în folderul CS3). Puteți alege, desigur, orice specimen de culoare dorit sau alegeți propriile culori.

Culorile funcționează cel mai bine atunci când aveți contrast între forme. Am folosit un albastru strălucitor lângă un galben foarte palid. Astfel, cele două culori nu se vor amesteca între ele și nu vă vor face rău ochii. Același lucru se întâmplă și în cazul rozului din centru.


Pasul 10

Deschideți panoul de swatches și trageți grupul în el. Acum aveți primul model. Pentru ao verifica, creați o nouă formă și aplicați modelul ca o Fill. Dacă totul arată bine, ați terminat cu primul dvs. model.

Rețineți că AI afișează uneori "găuri" în previzualizare. După ce exportați fișierul sau îl salvați pentru web, totul va fi complet umplut.


Pasul 11

Modelul pe care l-ați creat este eșalonat deoarece am mutat un sfert din cerc în colțurile pieței. Dacă nu doriți acest lucru, ștergeți sferturile și glisați numai pătratul și cercurile în panoul de elemente de probă.

În exemplul meu (prezentat mai jos) am schimbat și culorile, pentru că vreau să folosesc acest model mai târziu.


Pasul 12

Puteți utiliza același flux de lucru de mai sus pentru a crea modele cu pătrate în loc de cercuri.

Pentru a crea un model dungat, faceți un pătrat. Duplicați pătratul și schimbați lățimea sau înălțimea sa, utilizând fie panoul de transformare, fie doar trageți-l. Faceți cât de multe dungi doriți.

Cu puțină creativitate și logică puteți crea acum orice model doriți. Am creat câteva exemple de modele de mai jos.

Poate doriți să examinați alte tutoriale despre crearea de modele fără sudură aici pe Vectortuts + pentru mai multe inspirații și instrucțiuni:

  • Sfat rapid: Faceți un model Argyle fără sudură
  • Cum să faci un model de tapet de flori

Crearea periei de model

Vreau să creez aspectul textului cusut. Aș putea folosi o schiță pentru a face acest lucru, dar am decis să creez o perie de model pentru a da mai multă profunzime.


Pasul 13

Creați un pătrat (am ales 2 mm) și ați centrat-o pe pânză. Ștergeți toate umplerile și cursele din acest dreptunghi. Acum creați o elipsă de aceeași înălțime ca și dreptunghiul, dar cu o lățime mai mică. Umpleți-l cu negru și fără contur.


Pasul 14

Lățimea dreptunghiului definește cât spațiu va fi mai târziu între singurele "cusături". Pentru o vizualizare mai bună, schimbați opțiunea Vizualizare> Schiță. Veți putea vedea contururile tuturor formelor, chiar dacă nu au nici un accident vascular cerebral sau umple.


Pasul 15

Grupați cele două forme. Cu ele selectate încă, creați o pensulă nouă, făcând clic pe pictograma perie nouă de pe panoul periei. Schimbați metoda de colorare la Tints și ați terminat.


Crearea tipului

Acest lucru a fost dacă nu voi mai fi totul despre numere și voi face niște ilustrații libere. Am început să desenez scrisori folosind Instrumentul Pencil. Am un comprimat cu stilou, ceea ce face mai ușor. Dar, cum vreau scrisorile să fie oarecum discrete, un mouse funcționează foarte bine.


Pasul 16

Prefer să lucrez cu căi care nu se închid automat. Ceea ce fac în schimb este selectarea celor două puncte deschise cu Instrumentul Direct Select și alăturarea lor, folosind comanda rapidă Command + J. Aveți posibilitatea să desenați literele utilizând și Instrumentul Pen. Este ceea ce am făcut în cele din urmă pentru a obține forme mai precise pentru scrisori.


Pasul 17

Voi regla literele la forma pe care mi-o plac folosind Tool Pen ulterior oricum. Dacă nu vă simțiți bine să desenați literele cu mâna liberă, puteți să trageți întotdeauna pe hârtie și să urmăriți o scanare a schiței. Nu vă voi spune cum ar trebui să arate scrisorile. După ce sunteți mulțumit de modul în care arată literele, puteți trece la pasul următor.


Adăugarea stilului stratului la tip

Am terminat pregătirile noastre și putem începe acum să le punem împreună.


Pasul 18

Selectați oricare dintre literele create. Deschideți panoul Aspect și selectați umplerea, apoi alegeți un model pentru această literă.


Pasul 19

Apoi selectați schița și utilizați peria de model creată mai devreme. Puteți juca în jurul cu culoarea și lățimea accident vascular cerebral până când arată bine pentru tine. Am ales o margine întunecată și o lățime de 1 pt. Pentru scrisorile mele.


Pasul 20

Vrem să dăm scrisoarea o simțire mai asemănătoare cu țesătura. Utilizați Adăugare completare nouă în panoul Aspect. Puteți face acest lucru făcând clic pe pictograma din panoul Aspect. Acesta va fi completat cu un model standard de Illustrator.

Accesați panoul Swatches și utilizați Open Swatch Library> Pattern> Graphics Basic> Basic Graphic_Textures. Am selectat modelul "Burlap" pentru noua mea umplere. Setați această umplere la lumină slabă și la opacitate de 40% pe panoul de transparență.


Pasul 21

Pentru a da mai multă adâncime, voi aplica o scrisoare de umbră. Accesați Efecte> Stylize> Drop Shadow și utilizați această setare.


Pasul 22

Acum vom salva aspectul scrisorii. Mergeți la panoul Aspect și asigurați-vă că nu ați selectat niciunul dintre loviturile sau umplerile. Apoi deschideți panoul Stiluri grafice și creați un stil nou.


Pasul 23

Selectați celelalte litere și alegeți stilul nou creat.


Pasul 24

Acum puteți schimba umplutura de model pentru fiecare literă, selectând doar o literă, selectați umplerea modelului pe panoul aspectului și selectați un model din panoul dvs. de mostre. Redați-vă cu un model pentru fiecare literă până când sunteți mulțumiți de modul în care arată.


Pasul 25

Aranjați literele într-un mod în care vă simțiți confortabil. Îmi place să le pun în treimea superioară a pânzei.


Adăugarea unui fundal

Suntem aproape gata! Pentru a finaliza aspectul nostru, vom crea acum o setare de fundal pentru tip.


Pasul 26

Desenați un dreptunghi în dimensiunea pânzei și umpleți-l cu un verde deschis.


Pasul 27

Folosind panoul aspectului adăugați o umplutură nouă și aplicați un gradient într-un unghi de 90º.


Pasul 28

Setați umplutura de gradient la lumină ușoară și 50% opacitate.


Pasul 29

Adăugați o altă umplere utilizând structura pe care am folosit-o pe litere și o setați pe Soft Light la opacitate de 40%.


Imagine finală

Puteți adăuga cât mai multe elemente pe care le aveți la aspect. Voi adăuga o mică linie de text și am terminat.