Share
Ce veți creaAcest tutorial a fost publicat inițial în februarie 2012 ca un tutorial Tuts + Premium. Acum este disponibil gratuit pentru vizualizare. Deși acest tutorial nu utilizează cea mai recentă versiune a Adobe Illustrator, tehnicile și procesele sale sunt încă relevante.
Aduceți un pic de nostalgie la desenele dvs. cu un set de pictograme de patch-uri brodate. În acest tutorial veți învăța cum să umpleți straturile, loviturile și efectele speciale în panoul Aspect pentru a crea o imagine complexă de patch-uri brodate folosind doar un cerc și câteva forme. Sa incepem!
Notă: Deoarece acest plasture este folosit ca grafică web, îl vom crea în pixeli și la scară redusă. Dacă doriți să faceți acest efect pentru un grafic mai mare sau pentru imprimare, atunci va trebui să scalați opțiunile Aspect în consecință sau să aplatizați imaginea după ce ați terminat și scalați-l de acolo.
Doriți să creați modele uimitoare brodate fără să vă faceți griji? Răsfoiți apoi selecția noastră incredibilă de elemente de broderie și de aditivi de la GraphicRiver și Envato Elements.
Să începem! Mai întâi, deschideți Adobe Illustrator și creați un document nou 160px de 160px, RGB și 75ppi, clic O.K.
Selectează Instrument de elipsă (L) și Option-clic pe tabloul de bord pentru a aduce la iveală mărimea Opțiuni. Seteaza Lăţime și Înălţime la 140px, clic O.K.
Deschide Aliniați setările (fereastră> Aliniere) și cu Elipsă selectate, alese Aliniați-vă la Artboard și Alinia elipsa vertical și orizontal cu tabloul de artă.
Mergeți la Panoul Aspect (fereastră> Aspect) și setați Elipsă a avea Nu completați și a Linia 3pt într-o culoare de ton medie (am folosit o portocalie caldă - # F7941E) Seteaza Capac și Colţ la Rundă.
Faceți clic peFxpictograma din partea de jos a ferestrei Aspect Panou și navigați la Distortați & Transformați> Zig Zag. Seteaza mărimea din Zig Zag la 6pt și faceți clic pe O.K.
Faceți clic pe "Fx" pictograma din partea de jos a ferestrei Aspect Panou și navigați la Distort & Transformare> Transformați. Seteaza Orizontală și Scală verticală la 103% și Mișcare Orizontală și Vertical la 1.4px, clic O.K.
Selectați cursorul în Aspect și faceți clic pe "Duplicați articolul selectat" pictograma din partea inferioară a panoului. Asigurați-vă că noua lovitură este mai presus de prima pe care ați făcut-o, șansa ca culoarea să fie ușor mai ușoară decât prima culoare (am folosit o lumină caldă portocalie - # FBB040).
Deschide Setările pentru Accident dând clic pe meniul derulant și faceți clic pe Transforma Setări. Schimba Orizontală și Scală verticală la 100%, clic O.K.
Selectați ultima cursă pe care ați făcut-o în Aspect și faceți clic pe "Duplicați articolul selectat" pictograma din partea inferioară a panoului. Asigurați-vă că noua lovitură este mai presus de prima pe care ați făcut-o, schimbați culoarea pentru a fi ușor mai deschisă și mai strălucitoare decât a doua culoare (am folosit un galben cald - # FBDC6F). Reduce Greutate de accident vascular cerebral la 0.25pt, faceți clic pe Zig Zag și modificați dimensiunea la 3px.
Selectați ultima cursă pe care ați făcut-o în Aspect și faceți clic pe "Duplicați articolul selectat" pictograma din partea inferioară a panoului. Asigurați-vă că noul accident vascular cerebral este mai presus de cel pe care l-ați făcut, schimbați culoarea pentru a fi ușor mai ușoară și mai strălucitoare decât cea de-a treia culoare (am folosit un galben deschis - # FFE395).
Măriți greutatea cursei la 0.75pt, faceți clic pe Zig Zag și modificați dimensiunea la 6px. Verificați dacă Efectul de transformare setarea este setată la Orizontală și Scală verticală la 100%, clic O.K.
Selectați ultima cursă pe care ați făcut-o în Aspect și faceți clic pe "Duplicați articolul selectat" pictograma din partea inferioară a panoului. Asigurați-vă că cursa nouă este deasupra primei pe care ați făcut-o, schimbați culoarea pentru a fi puțin mai întunecată decât cea de-a treia restul culorilor (am folosit un mustar maro - # BA6F18). Măriți Greutate din Accident vascular cerebral la 1pt.
Faceți clic pe Zig Zag și modificați dimensiunea la 3px, clic O.K.
Schimba Efectul de transformare setările pentru Orizontal and Scală verticală la 95% și Orizontală și Mișcarea verticală la 0.7px, clic O.K.
Asigurați-vă că Grilă este setat sa pixeli, puteți face acest lucru mergând la Setări> ghidaje și grilă și schimbarea Linie grilă a fi fiecare 10px si subdiviziunile a fi 10px. Fă Grid vizibil (Vizualizare> Arată grilă) și agrafă formele la Grilă (Vizualizare> Snap la rețea).
Acum vom face ca materialul să umple insigna. A face o Strat nou și Blocare stratul anterior înainte de a începe acest pas. Luați Instrumentul dreptunghiular (M) și Option-clic pe tabloul de bord. Seteaza Dreptunghi să ai a Lăţime de 4px și a Înălţime de 1px, clic O.K.
Selectează Dreptunghi și Option-Șoarece Trage forma pentru a face o copie. Faceți două copii una lângă cealaltă. Acesta este primul rând de dreptunghiuri care vor face modelul. În exemplul de imagine de mai jos dreptunghiul de mijloc este un gri mai deschis, astfel încât să puteți vedea cum este plasat. Dreptunghiurile dvs. pot fi orice culoare în acest stadiu, le vom colora cu un gradient mai târziu.
Selectați două dreptunghiuri care se află unul lângă celălalt și Opțiune - Mouse Drag cele două forme pentru a face o copie în mijlocul primului rând de dreptunghiuri. Acesta este al doilea rând de dreptunghiuri care vor face modelul.
Selectați toate dreptunghiurile (5 dreptunghiuri) și Opțiune - Mouse Drag cele cinci forme pentru a face o copie sub primele două rânduri de dreptunghiuri. Acesta este al treilea și al patrulea dreptunghi care vor face modelul.
Deschide Panoul Gradient (Window> Gradient) și umpleți dreptunghiurile cu un bej / maro Gradientul liniar, o lumină întunecată. Puteți vedea distribuția gradienților din imaginea de mai jos.
Desenează un Dreptunghi cu 0 Completați și 0 linie, acoperind modelul folosind cele două dreptunghiuri de fund ca ghid. Clic pe stratul pe care lucrați și veți vedea că dreptunghiul în stratul său (evidențiat în albastru). Luați acest strat și Trage acesta este sub obiectele care alcătuiesc modelul.
Selectați toate dreptunghiurile și trageți-le în Specimene panou, desena o mare Pătrat și Completati cu mostra pe care tocmai ați făcut-o. Dacă modelul este realizat în mod corespunzător, veți avea un model neîntrerupt care arată similar cu imaginea de mai jos. Dacă modelul nu funcționează corect, mergeți la etapa anterioară și asigurați-vă că dreptunghiul vizibil este poziționat corect sub dreptunghiurile de gradient.
Rotiți modelul Stratul dezactivat și du-te înapoi la Plasture. Selectați-l și adăugați a Completați noi în partea de jos a ecranului Aspect (puteți face acest lucru făcând clic pe Adăugați o nouă umplere pictograma din partea inferioară a panoului). Faceți clic pe Completati și alegeți modelul pe care l-ați făcut în etapa anterioară.
Adauga o Completați noi deasupra modelului țesăturii și umpleți-o cu o culoare brun deschisă (am folosit # C69C6D). Faceți clic pe Completati și setați opțiunea Opacitate la 65%, acest lucru va înmuia modelul un pic și vă va permite să jucați cu intensitatea fără a schimba gradientele.
Selectați stratul de model și Alt-clic cu Rotiți instrumentul (R) să aducă Roti Opțiuni. Setați unghiul la -20 și debifați Obiecte astfel încât numai modelulva fi schimbat. Clic O.K.
Patch-ul este acum aproape complet. Pentru a vă face să pară ceva mai realist, selectați modelul de umplere din panoul aspectului și adăugați a Umbra. Faceți clic pe "Fx" pictograma din partea de jos a ferestrei Aspect și navigați la Stylize> Drop Shadow. Seteaza X și Y offset la 7px, Estompa la 5px si Mod de amestecare la Multiplica, clic O.K.
Acum vom adăuga cusatura interioară. Adăugați un alb Accident vascular cerebral în partea de sus a paginii Aspect, și faceți clic pe Accident vascular cerebral Opțiuni. Setați-l la 1px. Faceți clic pe "Fx" pictograma din partea de jos a ferestrei Aspect și navigați la Cale> Calea Offset. Seteaza ofset la -10px, clic O.K.
Încă o dată, dați clic pe "Fx" pictograma din partea de jos a ferestrei Aspect și navigați la Distortați & Transformați> Transformați. Seteaza Scară la 100% si Mutare orizontală la 1px si Mutați vertical la 2px. Clic O.K.
Deschide Accident vascular cerebral setări, faceți clic pe Linie întreruptă, și a face liniuţele și Lacune 6pt fiecare. Apoi schimbați Capac și cornere la rotunjit.
În cele din urmă, faceți clic pe "Fx" pictograma din partea de jos a ferestrei Aspect și navigați la Stylize> Drop Shadow. Setați opțiunile la Mod, Normal - Y și X Offset, 0px și Estompa 1px. Clic O.K.
Duplicat Linie întreruptă apariția și modificarea Efectul de transformare să ai a Rotated Unghi de 45 °, faceți clic pe OK.
Acum vom adăuga niște efecte de lumină pe patch-uri. Mai întâi, realizați un nou strat de umplere deasupra celorlalte setări ale aspectului. Faceți clic pe "Fx" pictograma din partea de jos a ferestrei Aspect Panou și navigați la Cale> Calea Offset. Seteaza Se compensează la -11 px, clic O.K.
Completati acest strat cu un gradient radial care merge de la un bej cald / portocaliu la alb transparent. Folosește Instrument de gradient (G) pentru a poziționa și pentru a regla radial la partea stângă sus a plasturelui.
Seteaza Opacitate din Radial Completați la 25%.
Duplicat Aspect radial de umplere și schimbați gradientul pentru a avea o culoare maro medie, utilizați Instrument de gradient (G) pentru a poziționa Radial Gradient în partea dreaptă jos a plasturelui.
Zoom afarăși aruncați o privire la patch-uri. Dacă este un pic întuneric sau doriți să faceți ca aspectul să fie puțin lucios, atunci adăugați o finală Accident vascular cerebral în partea de sus a paginii Aspect (Duplicat unul dintre cele precedente Zig Zag și mutați-o în partea de sus a ecranului Aspect panou). Deschide Zig Zag Opțiuni, schimba mărimea la 8px, si Ridge pe segment la 100. Clic O.K.
Dacă e a Efectul de transformare aplicat la Accident vascular cerebral, schimba Mișcare setările pentru 0px, si Orizontală și Scală verticală la 101%.
Deschide Opacitate setări, schimbați Mod de amestecare la Ecran si Opacitate la 40%.
Acum ați terminat cu setările de patch-uri. Crearea de culori diferite este simplă, tot ce trebuie să faceți este să schimbați culorile liniilor zig-zag. Asigurați-vă că salvați Aspect selectând patch-ul și făcând clic pe Stil nou grafic pictograma din partea de jos a ferestrei Stiluri grafice panou.
Acum vom face logo-ul brodat. Folosind pașii din designul de model ca referință, reveniți la Patternul stratului și face o rețea de gradient umplute dreptunghiuri care sunt crem și bej în culoare. Creați un model de la dreptunghiuri și reveniți la stratul de patch-uri.
Utilizarea Instrumentul Pen, trageți forma pe care doriți să o utilizați pe patch-uri. Asigurați-vă că nu există colțuri pe imagine deoarece acestea pot denatura modelul de coasere. Am folosit Logo-ul Envato.
Selectați formele imaginii și aplicați o imagine nouă Aspect. Aspect este a 36% alb opac Completati în partea de sus, modelul țesăturii în mijloc, cu o umplutură maro mijlocie în partea de jos. De asemenea, un Calea offset ("Fx" pictograma din partea de jos a ferestrei Aspect și navigați la Cale> Calea Offset. Seteaza ofset la 3px, clic O.K.)
Puteți schimba cu ușurință nuanța umplerii țesăturii prin schimbarea culorii umplerii pe stratul superior al elementului Aspect panou.
Pentru a completa imaginea de pe patch-uri, vom aplica o linie de cusătură încrucișată în partea de sus a formelor. Mai întâi, creați o cruce mică cu Instrumentul Pen (asigurați-vă că linia are capete rotunjite) și trageți-o în Perii panou. Seteaza Perie la Pensulă de model și setați Potrivi la Stretch pentru a se potrivi. Seteaza Metoda de colorare la Hue Shift (Aceasta vă va permite să colorați linia de orice culoare doriți), faceți clic pe O.K.
Selectați prima secțiune a formei și faceți o copie de mai sus cu Command-C atunci Command-F. Acum clar aspectul din forma (faceți clic pe meniul derulant din partea laterală a paginii) Aspect panou și faceți clic pe Aspect clar).
Setați linia formei clare la pensula de model pentru cusături încrucișate și schimbați culoarea pentru a se potrivi cu imaginea dvs. Am folosit albul. Salvați aspectul liniei de cusătură încrucișată la Stiluri grafice panou și Copie următoarea secțiune a imaginii (Command-C apoi Command-F). Acum faceți clic pe Aspectul liniei de stitch în Stiluri grafice pentru a aplica efectul de cusătură. Repetați pentru restul formelor.
Și acolo aveți, un plasture brodat cu vectori 100%. Este o mulțime de distracție pentru a face diferite desene sau modele. Joacă în jur cu combinațiile de culori ale liniei și umple pentru a veni cu propriile dvs. modele unice. A se distra!
Puteți obține același aspect ca și rezultatul de mai sus cu câteva stiluri de straturi sau acțiuni. Navigați prin colecția noastră incredibilă de elemente de design de broderie de la GraphicRiver pentru rezultate uimitoare. Și verificați una dintre favoritele noastre enumerate mai jos!
Simt un pic cam greu? Acest pachet minunat are tot ce aveți nevoie pentru a crea vectori tricotali realiști. În acest pachet sunt incluse stilurile grafice tricotate, periile de buton și chiar noutățile periilor de cusătură Illustrator.
Accentsconagua