Share
Ce veți creaÎn acest tutorial vom trece prin procesul de creare a unui caz elegant de smartphone cu o bufniță colorată și detaliată. Vom lucra cu gradiente pentru a crea o paletă de culori vii, utilizați instrumentul Blend Tool pentru a simplifica procesul de fabricare a penei și adăugați niște efecte de plasă și alte elemente pentru a oferi aspectului nostru un aspect complet. Să începem!
În primul rând, trebuie să cunoaștem mărimea cazului nostru viitor. În acest tutorial vom crea un caz pentru iPhone 6, dar puteți utiliza dimensiunea oricărui alt dispozitiv. Am căutat "Șablonul de caz iPhone 6" și am găsit câteva site-uri care oferă șabloane de dimensiuni reale în formatele Photoshop și Illustrator. Ele diferă puțin, în funcție de site-ul web, dar mai ales arată foarte asemănătoare. De exemplu, puteți obține un șablon pentru iPhone 6 sau pentru Telefon 6+ și utilizați-l pentru a face propriul dvs. design să se imprime pe cazul real mai târziu.
Am folosit acest șablon simplu (puteți găsi versiunea * .psd în atașamentul acestui tutorial) pentru a picta o schiță, pe baza dimensiunilor șablonului.
Am făcut această schiță chiar deasupra șablonului. Amintiți-vă să păstrați toate elementele principale ale imaginii noastre, cum ar fi ochii, ciocul și fața în sine, în zona vizibilă a cazului, mai aproape de centru. Faceți schița bufniței dvs. simetrică prin desenarea unei singure părți și lăsând-o orizontal. Acest lucru va economisi mult timp și va arăta mai coerent și mai curat.
Fișier> Locul schița în Adobe Illustrator și transformați-o într-un șablon făcând dublu clic pe stratul de schiță.
Începeți prin a face o linie verticală fie cu Instrumentul pentru linii (\) sau cu Instrument Pen (P). Adăugați punctul de ancorare în mijlocul liniei cu Adăugați un instrument de ancorare (+) și trageți-l spre stânga cu Instrumentul de selecție directă (A). Schimbarea umplerii și cursei (Shift-X) culori, formând astfel partea stângă a ciocului.
Folosește Reflect Tool (O) pentru a reflecta ciocul peste axa verticală și Uni ambele părți în deschizător de drumuri pentru a forma o singură formă. Luați Instrumentul cu ochiuri (U) și faceți clic în mijlocul formei create pentru a crea un rând și o coloană de trecere. Faceți clic pe linia orizontală pentru a crea mai multe coloane și pentru a face ca marginile ciocului să fie mai întunecate selectând punctele de ancorare de margine cu Instrumentul de selecție directă (A) și umplerea acestora cu portocaliu mai închis, adăugând astfel dimensiunea ciocului.
Adăugați mai multe coloane cu Instrumentul cu ochiuri (U) și a face partea mijlocie a ciocului mai luminată, selectând punctele de ancorare de-a lungul liniei verticale centrale și umplându-le cu culoare galbenă. Deplasați punctele inferioare de ancorare pentru a obține un efect mai realist pentru ciocul păsărilor, ca în imaginea de mai jos.
Să ne formăm nările. Creați o elipsă cu Instrument de elipsă (L) și se completează cu un gradient radial de la portocaliu luminos până la maro închis, formând adâncimea. Plasați două elipse în partea superioară a ciocului, reprezentând nările.
Trebuie să adăugăm câteva detalii pentru a ne face ca ciocul să arate mai interesant și mai realist. Creați o elipsă mai mare sub nară și umpleți cu gradient liniar portocaliu-negru. Schimbați Mod de amestecare la Ecran, transformându-l într-un punct culminant.
Luați Instrumentul pentru creioane (N) și adăugați mai multe culori la ciocul nostru, folosind aceleași gradiente oranj-negru și Modul de amestecare a ecranului.
Iată cum arată acum ciocul.
Mai întâi de toate, vom face zona din jurul ochilor și apoi vom începe să adăugăm pene în jurul lui rând pe rând. Formați un cerc uniform cu Instrument de elipsă (L) prin menținerea Schimb butonul și umpleți-l cu gradient liniar auriu de la portocaliu la galben. Adăugați un cerc mai mic și umpleți-l cu culoarea albastră. Trimite ambele cercuri la spate (Shift-Control- [), sub cioc.
Să împărțim cercul de aur în părți pentru ao face mai detaliată. Începeți prin a face o linie verticală cu Instrumentul pentru segmentul de linie (\) și locul în dreapta în centrul cercului de aur, făcând cercul de aur a Obiect cheie făcând clic pe el în timp ce țineți apăsat Alt cheie și apoi cu ajutorul Centrul de aliniere orizontală funcția Alinia panou.
Ținând linia selectată, faceți dublu clic pe Rotiți instrumentul (R) pentru a apela fereastra de opțiuni pop-up. Seteaza Unghi valoare pentru 360/20, astfel încât Adobe Illustrator poate calcula automat unghiul necesar pentru 20 de exemplare ale obiectului nostru. presa Control-D de mai multe ori pentru a repeta ultima noastră acțiune și a face cât mai multe copii după cum este necesar.
Acum putem selecta toate liniile create și cercul de aur și le împărțim în bucăți, cum ar fi plăcinta bunicii cu ajutorul lui Divide funcția în deschizător de drumuri panou. Folosește Instrument de gradient (G) pentru a repoziționa gradientul liniar pentru fiecare piesă, creând un efect interesant.
Să începem să formăm pene! Conform schiței noastre inițiale, bufnița va avea un penaj albastru radiant. Vom lipi de această paletă de culori, luând culorile din schiță cu Instrumentul pentru picioare (I) și de a crea un cerc uniform cu Instrument de elipsă (L), umplându-l cu un gradient liniar viu, de la albastru închis în partea de sus, până la albastru mai deschis în partea de jos.
Trageți punctul de ancorare inferior folosind butonul Instrumentul de selecție directă (A) pentru a da cercului o formă de ou cu capul în jos. In cele din urma, Copie Forma, Lipiți în față (Control-C> Control-F) și faceți o copie puțin mai mică și culorile puțin mai ușoare.
Duplicați forma de jos de două ori și deplasați puțin câte una din copii (afișată în roșu în captura de ecran). Selectați copia înlocuită și cea de sub ea și folosiți Minus Front funcția deschizător de drumuri pentru a tăia piesele nedorite, lăsând doar o parte îngustă în formă de semilună pe vârful penei noastre. Umpleți această parte cu un gradient delicat de liliac-albastru.
Acum că penele noastre sunt gata, hai să mergem grup (Control-G) toate părțile sale și să facă o copie a penei, plasându-l la o parte. Păstrați ambele pene alese, mergeți la Obiect> Blend> Make și apoi să Object> Blend> Blend Options (sau faceți dublu clic pe Instrument de amestecare (W) în Unelte panou). Seteaza Spațiere la Pașii specificați cu valoare egală 20, creând astfel un rând de pene repetate.
Luați Instrumentul pentru creioane (N) și trageți o linie rotunjită de-a lungul marginii cercului de aur. Selectați atât linia, cât și grupul de amestec și mergeți la Obiect> Amestecați> Înlocuiți coloana vertebrală. Grozav! Acum avem un rând neted de pene care rulează de-a lungul zonei ochiului cercului.
Desenați o linie arcuită mai mare cu Instrument creion (N), și apoi duplicați primul grup de amestecuri de pene și reaplicați Înlocuiți coloana vertebrală efect la o nouă curbă, formând astfel al doilea rând.
Puneți penele create sub primul grup (Control-[) și adăugați rândul următor în același mod. Puteți să faceți dublu clic pe rând pentru a intra în Modul de izolare și să editați separat penele inițiale ale grupului de amestecare. De exemplu, să facem pene superioare mai mari, iar cea inferioară mai mică. Toate celelalte pene între ele își vor schimba treptat dimensiunea.
Continuați formarea de noi rânduri de pene, făcând un penaj pufos prin modificarea mărimii unor pene, făcând pene în rândurile inferioare mult mai mari decât cele din jurul ochiului.
Comparați formularele create cu schița inițială și utilizați Reflect Tool (O) pentru a răsuci părțile create peste Axa verticala, formând a doua jumătate a bufniței noastre.
Acum, când se formează penajul, să facem culorile mai diverse. Alegeți unul dintre grupurile de pene care se amestecă în partea inferioară a bufniței și de această dată faceți prima pene în liliacul luminos de grup și umpleți al doilea cu un gradient blând de la violet la albastru. Culorile celorlalte pene din grup vor fi ajustate automat, formând un gradient neted în interiorul grupului de amestec.
Aplicați noi culori vii la rândul inferior de pene de pe ambele părți ale bufniței noastre.
Obiect> Blend> Extindeți toate rândurile pentru a transforma grupurile de amestec în seturi de obiecte separate. Acum putem selecta pene separate și le putem face mai luminoase cu ajutorul Recolor Artwork funcția, care se află în panoul de control superior. Selectați pene aleatorii în jurul zonei ochiului și deschideți Recolor Artwork fereastră cu opțiuni. Mergi la Editați | ×, apăsați pe pictograma lanțului la Culorile armoniei de legătură și setați Nuanţă valoare pentru 185, Saturare la 70 și strălucire la 100, făcând pene selectate mai ușoare.
Adăugați mai multe pene de liliac aici și acolo pentru a face imaginea mai diversă. Formați burta bufniței prin crearea unei elipse cu Instrument de elipsă (L) și umplerea acestuia cu un gradient radial de la portocaliu întunecat la margini până la galben strălucitor în centru. Împingeți pene mici peste tot în burtă, umpleți-le cu aceleași culori ca cele mai importante momente din ciocul bufniței și trecând la Modul de amestecare a ecranului.
Să adăugăm niște elemente swirly la capul bufnițului pentru a face să pară mai complicat. Desenați o curbă netedă cu Instrumentul pentru creioane (N), selectați punctul de ancorare inferior cu Instrumentul pentru lățime (Shift-W) și trageți pentru a face întreaga formă mai largă.
Obiect> Extindeți aspectul de linie și de a folosi Instrumentul de selecție directă (A) pentru a mișca punctele de ancorare ale formei create, oferindu-i un aspect spiralat răsucite. Umpleți forma cu un gradient de aur, la fel ca în zona ochiului.
Desenați încă două vârfuri în interiorul formei de aur cu Instrumentul pentru creioane (N). Selectați toate cele trei obiecte și Divide pe ei inauntru deschizător de drumuri pentru a împărți forma de aur în trei părți separate.
Schimbați direcția gradienților liniare pentru fiecare piesă cu Instrument de gradient (G), făcând forma mai tridimensională și realistă.
Așezați coarnele de aur create pe capul bufniței și le înconjurați cu pene. Adăugați niște pene arcuite mai mari în partea superioară a capului, transformându-le cu ajutorul lui Warp Efect. În acest scop, selectați o pene și mergeți la Efect> Warp> Arc, setarea Vertical Bend valoare pentru 50%. Extindeți aspectul dacă sunteți mulțumit de rezultatul aplicării efectului.
Pentru a face procesul de creare simplu și de economisire a timpului, vom folosi avantajele Aspect panou. Începeți prin a face un cerc uniform și umpleți-l cu un gradient radial de la alb în centru până la gri mai închis la margine. Acesta va fi afișat ca Completati în Aspect panou.
Adăugați o nouă umplere în Aspect și aplicați un gradient radial viu de la galben strălucitor la portocaliu. Mutați centrul gradientului mai aproape de partea superioară a cercului nostru.
Păstrarea noului galben Completati selectat în Aspect panou, Adăugați un nou efect și selectați Conversia în formă> Elipsă.
În fereastra pop-up Opțiunile formei meniu, reduceți Absolut mărimea Completati, setarea lui Lăţime și Înălţime la 20 px (sau o altă valoare care face cercul galben mai mic decât cel gri). Du-te înapoi la gri Completati, selectați-l în Aspect și modificați gradientul, făcând zona albă mai mare și deplasând gri-ul mai aproape de margine.
Duplicați galbenul Completati în Aspect și schimbați culoarea copiei în gradient linear de la galben la roz-roz. Seteaza Opacitate din partea galbenă la 0% si Opacitate de la partea roz la 60% în Gradient panou. Squash gradient cu ajutorul Instrument de gradient (G) și să o acopere partea superioară a galbenului Completati.
Dacă doriți să adăugați mai mult strălucire la ochi, adăugați altul Completati deasupra celei galbene și umpleți-o cu un gradient radial de la galben transparent la galben strălucitor, creând un inel strălucitor luminos în jurul irisului.
Înconjurați ochii cu pene turcoaz mici și adăugați evidențieri la ochi, umpleți-le cu gradient negru-albastru și trecând la Modul de amestecare a ecranului.
Să creăm o frunză capricioasă pentru a face aspectul bufniței mai grav. Desenați o formă liberă cu Instrumentul pentru creioane (N) și umpleți-l cu un gradient roz înfățișat. Împărțiți forma în două părți în același mod ca și cu cornul de aur și modificați culoarea de umplere a părții inferioare, făcându-i un gradient roz-portocaliu.
Adăugați câteva evidențieri deasupra formei, trecând la Modul de amestecare a ecranului.
Așezați fruntea în partea superioară a ochiului și editați penele, făcând unele dintre ele mai luminoase cu Recolor Artwork opțiune.
Să ne facem bufnița mai tridimensională adăugând umbre pentru a separa rândul de pene unul de celălalt. Selectați un grup de pene, Copie și Lipiți înapoi (Control-C> Control-B). Uni părțile copiei în deschizător de drumuri, transformându-l într-o singură siluetă.
Umpleți silueta creată cu gradient liniar de la alb la purpuriu și comutați Înmulțiți modul de amestecare, creând astfel o umbră subtilă.
Adăugați mai multe umbre între grupurile de pene și în jurul ochilor, utilizând aceeași tehnică.
Acum putem Fișier> Locul șablonul casei iPhone din fișierul nostru și pune pene suplimentare la margini, acoperind spațiile goale. Nu uitați să păstrați fața bufniței în centrul șablonului. Adăugați un fundal maro închis sub bufnita cu Instrumentul dreptunghiular (M) pentru a umple spațiul gol deasupra capului.
Reglați mărimea artboard în funcție de dimensiunea șablonului cu ajutorul Artboard Tool (Shift-O). Unul dintre avantajele graficii vectoriale este că puteți reduce scorurile de artă și setați o dimensiune de câteva ori mai mică decât originalul și apoi doar Export cu dimensiunile necesare (de exemplu, 300 dpi pentru imprimare).
Să ascundem părțile nedorite care traversează marginile tabloului nostru Artboard pentru ca munca noastră să arate mai curată și mai curată. Copiați dreptunghiul de fundal și Trimite aceasta in fata, plasându-l pe partea de sus a tuturor celorlalte obiecte (Shift-Control-]). Selectați toate elementele create, inclusiv dreptunghiul superior, apăsați pe butonul drept al mouse-ului și alegeți Faceți o mască de tăiere din meniul drop-down.
Acum putem încerca să încărcăm designul nostru pe diverse site-uri care oferă tipărirea casetei iPhone și să alegeți cel mai potrivit.
Buzunarul nostru radiant, iPhone 6, este gata! Sper că v-ați bucurat să urmați acest tutorial și ați găsit câteva sfaturi și sfaturi utile cu privire la utilizarea instrumentului Blend și a altor caracteristici Adobe Illustrator. Mult noroc în crearea de cazuri de smartphone elegant și elegant!
Accentsconagua