Share
Aflați cum să utilizați gradiente, ghidaje și câteva tehnici de bază Illustrator pentru a crea o ilustrare realistă a scalei. Veți învăța multe abilități care vă vor ajuta să creați icoane și ilustrații realiste.
Următoarele bunuri au fost utilizate în timpul producerii acestui tutorial.
Creați un document nou cu dimensiunile de 1600 x 1200 px într-o orientare peisaj.
Apoi creați structura straturilor pentru elementele respective. Am folosit un strat pentru scală, unul pentru masă dedesubt și unul pentru ghizi.
Selectați instrumentul Rectangle (M) și creați fundal cu dimensiunile documentului (1600 x 1200 pixeli), apoi aliniați-l la centrul de desene animate. Acum o umpleți cu un gradient liniar. Punctul de pornire are o valoare de # dcd5c5, iar punctul final are o valoare de # b7b6a4
Activați stratul de ghiduri făcând clic pe el. Împărțiți tabloul de bord vertical în jumătate și orizontal în sferturi. Acest pas nu este absolut necesar, dar facilitează poziționarea, măsurarea și împărțirea unor părți ale lucrării.
Acum puteți începe crearea scalei. Activați stratul de scală făcând clic pe acesta. Creați forma de bază a tăvii scării și aplicați culoarea #cbcaae. Forma de bază a tăvii este simetrică ca majoritatea obiectelor din această ilustrație. Acordați atenție colțurilor în care # 2 și # 3 sunt rotunde, în timp ce # 1 nu este.
Acum duplicați panoul (trageți opțiunea și mouse-ul). Luați sculptura (C) și împărțiți-o în două bucăți. Nu uitați să închideți forma, selectați două puncte finale și Alăturați-vă (Command + J). Aplicați un gradient la ambele obiecte. Pentru stânga setați unghiul la 20% (1) și următoarele culori: # aea995 (2), # cacab2 (3,4). Pentru dreapta setați unghiul la 158% și aceleași culori. Aceste două înclinații fac ca laturile panoului să fie rotunjite.
Creați o nouă formă pentru interiorul tăvii. De asemenea, acordați atenție colțurilor. Formele lor sunt prezentate în detaliile 1 și 2
Creați un dreptunghi (M) puțin mai mic decât cel precedent. Selectați punctele de ancorare cu instrumentul de selectare directă (A) și reglați forma. După cum puteți vedea în detaliile 1 și 2, colțurile nu sunt rotunjite de data aceasta
Duplicați cvadrangul (opțiunea și trageți mouse-ul). Luați sculptura (C) și împărțiți-o în două bucăți. Aplicați gradient liniar la aceste două forme. Pentru stânga setați unghiul la 25% (1) și următoarele culori: # b1a784 (2), # c0baa0 (3), # b5a78d (4), # c9caab (5) și #bdb99e (6). Pentru cel corect, setați unghiul la 155% și aceleași culori.
Creați o elipsă și umpleți-o cu # ada080. Apoi, luați instrumentul Scissors (C) și împărțiți-l orizontal în două bucăți. Ștergeți partea superioară și închideți partea de jos selectând și îmbinând punctele de capăt (Command + J). Aplicați efectul de estompare gaussian (Effect> Blur> blur Gaussian) cu raza de 20,8px. Setați transparența formei la 65%.
Creați o nouă formă cu aceeași formă ca marginea interioară a tăvii. Selectați această nouă formă și elipsă din pasul anterior. Creați o mască de tăiere (Command + 7)
Acum creați câteva momente finale ale tigaiei. Utilizați instrumentul Segment linie (backslash) și creați mai multe evidențe pentru marginea panoului (1) și pentru marginile interioare (2,3,4). Grupați aceste linii (Command + G). Aplicați neclaritatea Gaussian (Effect> Blur> blur Gaussian) cu o rază de 3,3px și setați opacitatea la 40%.
În această parte a ilustrației scalei recomand să grupați (Command + G) toate părțile panoului pentru a le putea ascunde / descoperi în timpul procesului de realizare a corpului scării, dar este opțional.
Creați un dreptunghi nou. Adăugați încă două puncte de ancorare (+) și reglați forma fundalului de mici dimensiuni.
Creați un alt dreptunghi deasupra celui precedent și completați-l cu un gradient liniar la un unghi de 90 de grade. Aplicați șase culori la gradient: # cbc9ad (1), # 161214 (2), # 4c4a48 (3), # 9396a0 (4), # 2c2e28 (5).
Aplicați efectul Drop Shadow subtil la acest dreptunghi (Effect> Stylize> Drop Shadow) cu 100% opacitate, valoarea offset X setată la 0px, valoarea offset Y setată la 2px și valoarea Blur setată la 2px.
Creați un dreptunghi în partea inferioară a corpului scării și umpleți-l cu un gradient. Aplicați următoarele culori: # A9ABBC (1, 2) și # 3D3B39 (3).
Creați ghidaje din stânga formei cu spații de aceeași dimensiune. În ilustrația mea, spațiile dintre ghizii au fost stabilite la 50px. Utilizați Tool Rectangle (M) și creați pătrat negru. Culoarea nu contează atâta timp cât veți folosi acest lucru pentru tăierea nu ca parte a ilustrației. Utilizați Instrumentul pentru puncte de ancorare (+) și adăugați încă două puncte de ancorare la acest dreptunghi. Reglați forma pentru a crea o pană.
Aliniați centrul său orizontal pe ghidaj și decupați gaura de forma de dedesubt (Object> Path> Divide Objects Below) ștergeți resturile. Repetați această procedură de douăsprezece ori pentru a obține treisprezece găuri.
Selectați instrumentul Rectangle (M) și creați marginea. Umpleți-l cu un gradient cu următoarele valori: # A9ABBC (1), # A9ABBC (2), #CDCFDF (3), #CDCFDF (4), # A9ABBC (5).
Selectați Tool Rectangle (M) și creați dreptunghi din partea superioară a corpului scării, puțin mai jos de fund. Selectați Adăugați puncte de ancorare (+) și adăugați un punct de ancorare în partea stângă și două puncte de ancorare în partea dreaptă a dreptunghiului. Selectați Instrumentul de selectare directă (A) și reglați poziția punctelor de ancorare pentru a crea o formă specifică a carcasei laterale.
Duplicați forma (opțiunea + trageți mouse-ul). Selectați instrumentul de selectare (V) și ajustați poziția formei duplicate la poziția orizontală aceeași și un pic mai jos vertical decât cel original. Selectați instrumentul de selectare directă și reglați poziția celor două puncte de ancorare de jos puțin mai mari decât cele originale. Aplicați # b3a98e culoare la ea.
Trimiteți forma înapoi (Command + Bracket Square Left). În cazul în care forma este încă selectată, aplicați efectul Drop Shadow (Effect> Stylize> Drop Shadow) cu următoarele setări: Setați opacitatea la 60%, decalarea X și Y la 2px și Blur to 2px.
Acum puteți vedea rezultatul carcasei finale a scării.
Să mergem la numere. Dacă nu ați făcut-o, descărcați încă fontul Limelight menționat în secțiunea de materiale din acest tutorial. Există două moduri acum. Selectați Tip instrument (T), setați dimensiunea fontului la 36px. Prima modalitate este de a introduce simultan toate numerele. Deci, introduceți numere de la 0 la 12, cu spațiu între ele. A doua modalitate este de a introduce fiecare număr separat. Introduceți tasta 0 și apăsați tasta Esc pentru a ieși din modul de scriere. Apoi tastați 1 și apăsați tasta Esc. Apoi tip 2 și așa mai departe.
În primul caz, faceți clic dreapta pe setul de numere tipărite și pe Creare contururi (Shift + Command + O). Apoi Ungroup numerele (Shift + Command + G). Cel de-al doilea caz nu are nevoie de faza de grupare, deci selectați fiecare număr și Creați contururi (Shift + Command + O).
Acest pas nu este absolut necesar, dar este mai bine pentru poziționarea numerelor deoarece tipul prezentat este centrat în centrul absolut al acestuia.
Poziționați numerele orizontal pe ghidajele pe care le stabilim pentru tăierea găurilor în partea inferioară a scării.
Focalizați acum pe banda neagră a formei C. Împărțiți-o vertical la treimi cu ghiduri. Creați linia de 3 pct de la primul ghidaj pentru gauri tăiate până la ultima așa cum vedeți în imagine.
Verificați opțiunea Linie întreruptă și setați valoarea Dash la 2pt și valoarea Gap la 4pt. Acest lucru funcționează pentru dimensiunile scalei, așa că ar trebui să jucați cu aceste două numere deoarece principalul este că trebuie să obțineți 100 liniuțe pe această linie.
Acum creați cratimă cu greutatea la fel ca liniile pe care le-ați setat pentru linie și lungime ca o treime din banda neagră. Poziționați primul pe prima linie a liniei. Aceasta reprezintă zero. Și acum dublați (Alt + Mouse trageți) acest lucru pentru fiecare zecime liniuță.
Acum faceți dublu clic pe banda neagră pentru a intra în modul de izolare. Selectați Tool Rectangle (M) și creați dreptunghi pentru o reflecție. Selectați un instrument de selectare directă (A) și reglați poziția punctelor de ancorare.
Aplicați Gradient cu următoarele valori: # 000000 (1,2), # 2c2e28 (3), # 2c2e28 (4) și # 2c2e28 (5)
Duplicați banda de formă neagră C (Alt + Mouse drag) și Aduceți-o în față (Command +]). Selectați atât copia benzii negre, cât și a dreptunghiului de reflecție.
Asigurați-o Mască de Clipping (Faceți clic dreapta> Faceți Clipping Mask).
Și acum este timpul pentru numere din nou. Repetați procedura cu numerele mari. Selectați instrumentul Tip (T). Setați dimensiunea fontului la 10px și tastați numere de la 0 la 1000 de sute: 0, 100, 200, 300 ... 800, 900, 1000. Creați contururi (Shift + Command + O).
Apoi Ungroup numerele (Shift + Command + G). Poziționați fiecare număr peste fiecare a zecea liniuță pe care ați creat-o înainte.
Când toate numerele de la 0 la 1000 sunt poziționate, selectați Tool Type (T), setați dimensiunea fontului la 12px și familia fontului la Arial.Type litere mici g și poziționați-o la începutul scalei mici. Faceți același lucru pentru semnul "kg", dar cu dimensiunea fontului de 18px.
Selectați instrumentul Rectangle (M). Creați dreptunghi mic și aplicați culoarea # 8f93a2. Duplicați forma (trageți Alt + Mouse) și mutați-o la aceeași distanță față de axa verticală.
Aplicați același efect Shadow (Efect> Stylize> Drop Shadow) cu următoarele valori la ambele: Setați opacitatea la 100%, X Offset la 5px, Y Offset la -4px și Blur to 4px.
Selectați instrumentul Rectangle (M) și creați un dreptunghi cu lățimea pe întreaga scală și o înălțime de aproximativ jumătate. Selectați Adăugați punctul de ancorare (+) și adăugați două puncte pe marginea inferioară. Selectați Instrumentul de selectare directă (A) și ajustați pozițiile punctelor de ancorare.
Selectați Instrumentul de convertire a punctelor de ancorare (Shift + C) și reglați punctele de ancorare ale colțurilor inferioare pentru a crea colțurile rotunjite. Cele două colțuri de sus nu sunt rotunjite.
Aplicați Efectul Shadow (Efect> Stylize> Drop Shadow) cu următoarele valori: Setați opacitatea la 70%, X Offset la 0px, Y Offset la 10px și Blur to 5px.
Selectați instrumentul Rectangle (M) și creați dreptunghiul puțin mai mic decât forma anterioară. Aplică culoarea # 2a2726 la ea. Selectați Instrumentul de selectare directă (A) și reglați punctele de ancorare pentru a crea un trapez.
Aplicați Blur gaussian (Efecte> Blur> Gaussian Blur) cu o rază de 4,2px la ea. Selectați toate formele panoului scalei și reglați poziția sa pentru a corespunde corpului scării.
Selectați instrumentul Ellipse (L). Creați o formă aproape plat pentru a crea reflexia.
Aplicați Blurul Gaussian (Efect> Blur> Gaussian Blur) cu o rază de 4,2px la ea.
Selectați instrumentul Rectangle (M). Creați un dreptunghi peste scara numărului mic. Culoarea nu contează pentru moment. Selectați Adăugați instrumentul Anchor Point (+) adăugați patru puncte de ancorare la marginea superioară. Selectați Instrumentul de selecție directă (A) și reglați poziția acestor patru puncte de ancorare pentru a crea un ciocan mic.
Izolați forma cursorului (faceți clic dreapta + Izolați calea selectată). Selectați Tool Rectangle (M). Creați dreptunghi în interiorul formei cursorului. Aplicați orice culoare diferită. Selectați Adăugați un instrument de puncte de ancorare (+). Adăugați trei puncte de ancorare în centrul muchiei inferioare. Selectați Instrumentul de selectare directă (A). Selectați punctul de ancorare de mijloc și trageți-l puțin pentru a crea ciocul mic.
Selectați dreptunghiul cu ciocul mic și gaura tăiată cu forma cursorului (Obiect> Cale> Împărțiți obiectele de mai jos). Aplicați un Gradient cu următoarele valori: #cdcfdf (1), # a9abbc (2), # 4a4540 (3), # 928a6e (4), # 2a2726 (5) # 060506.
Aplicați Efectul Shadow (Effect> Stylize> Drop Shadow) cu următoarele valori: Setați opacitatea la 100%, X Offset la 0px, Y Offset la 1px și Blur to 2px.
Selectați instrumentul Rectangle (M) și creați un dreptunghi subțire peste forma cursorului. Aplicați culoarea #cdcfdf. Trimiteți-l în spate (Alt + Stânga bracket Bracket)
Cu dreptunghiul încă selectat Izolați-l (Faceți clic dreapta + Izolați calea selectată). Selectați instrumentul Pen (P) și creați forme aproximative ale reflecțiilor numărului.
Duplicați forma dreptunghiulară subțire (Alt + Drag). Aduceți-l în față (Shift + Command + Bracket pătrat dreapta). Selectați toate formele cu două dreptunghiuri subțiri și două forme de reflexie. Creați o mască de decupare (faceți clic dreapta> Faceți o mască de tăiere). Deschideți masca de tăiere creată (Dublu clic). Selectați formele de reflexie. Aplicați efectul de estompare Gaussian (Efect> Blur> Gaussian Blur) cu o rază de 4.2px.
Ieșiți din modul de izolare. Selectați Instrumentul rotunjit dreptunghi și creați un dreptunghi cu o rază de colț de 0,5px. Aplicați #FFFFFF color la ea.
Setați opacitatea la 23%.
Dreptunghiul transparent va crea o reflectare a cursorului peste scara numărului mare.
Izolați forma cursorului (faceți clic dreapta> Izolați calea selectată). Selectați Tool Rectangle (M). Creați un dreptunghi peste colțul din dreapta sus al cursorului. Aplicați # 3d3b39 la ea.
Aplicați Blur Gaussian (Efect> Blur> Gaussian Blur) cu o rază de 16,7px la ea.
Selectați instrumentul Pen (P) pentru a crea forma care copiază forma top a cursorului. Obțineți unghiul drept ținând cont de schimbare în timpul creării liniei. Selectați ambele, forma neclară și noua. Creați o mască de tăiere (faceți clic dreapta> Faceți o mască de tăiere)
Selectați instrumentul Pen (P). Creați un triunghi și forma rotunjită pentru numărul de reflecții.
Selectați ambele. Aplicați efectul Gaussian Blur (Efect> Blur> Gaussian Blur) cu o rază de 4,2px. Selectați instrumentul Rectangle (M). Creați un dreptunghi în jurul lor. Creați masca de decupare (faceți clic dreapta> Faceți o mască de tăiere).
Concentrați-vă pe cele două mici dreptunghiuri pe care le-ați creat pe scara de numere mici, în special cea dreaptă. Selectați instrumentul Rectangle (M). Creați un dreptunghi sub forma gri.
Aplicați un efect Gaussian Blur (Effect> Blur> Gaussian Blur) cu o rază de 4,2px. Selectați instrumentul Rectangle (M). Creați un dreptunghi cu aceeași lățime și înălțime de la forma superioară la linia de lumină din partea de jos. Selectați forma neclară și noul dreptunghi și creați o mască de tăiere (faceți clic dreapta> Faceți o mască de tăiere).
Focalizați pe partea dreaptă a formei negre c. Selectați instrumentul Rectangle (M). Creați un dreptunghi în jumătatea dreaptă. Aplicați efectul Inner Glow (Effect> Stylize> Glow Inner) cu următoarele valori: Set Mode to Normal, Color to # 000000, Opacity to 32px și Blur to 3.03px.
Selectați instrumentul Pen (P) Creați o formă pentru gaura butonului. Țineți deplasarea pentru unghi drept din nou. Aplică culoarea # 000000 la ea.
Selectați instrumentul Rectangle (M). Creați un dreptunghi în interiorul formei negre pentru a face un buton. Aplicați un Gradient cu următoarele valori: # b23b3d, # 802b2a (2), # 812c2a (3), # 852f2c (4), # 612628 (5) 812c2a (8).
Nu în ultimul rând este forma logo-ului. Sigla este formată din două cercuri intersectate. Selectați instrumentul Ellipse (L). Creați două forme de elipsă care se intersectează una cu alta cu o treime. Selectați instrumentul pentru segmentul rândului (Backslash) pentru a crea o linie de ajutor pentru tăiere. Selectați instrumentul Add Anchor Point (+) și adăugați puncte de ancorare în locurile în care se intersectează elipsele și de asemenea unde linia intersectează elipsele. Ștergeți părțile inutile de forme și îmbinați obiectele finale (Command + J) pentru a crea o formă.
Acum aveți o formă S pregătită pentru colorare. Aplicați un Gradient cu următoarele valori: # 3f211f, # 612325 și # 67322f.
Selectați instrumentul Tip (T). Setați familia de fonturi în Myriad, dimensiunea fontului la 10px și greutatea fontului la bold. Tipul literelor K și Z. Creați contururi (faceți clic cu butonul din dreapta> Creare contururi). Ungroupați literele prezentate (clic dreapta> Ungroup). Poziționați fiecare literă. Selectați Free Transform Tool (E) și împrăștiați literele. Aplicați gradient cu următoarele valori la litera K: # 6d6a64 (1), # 6d6a64 (2), # a09a89 (3) și # a09a89 (4). Aplicați culoarea # 605c55 la litera Z.
Selectați instrumentul Rectangle (M), creați un dreptunghi în partea inferioară a scalei. Selectați instrumentul Add Anchor Point (+) și adăugați două puncte de ancorare la marginea inferioară a dreptunghiului. Ajustați pozițiile punctelor de ancorare pentru a crea o formă de umbră a scării. Selectați Instrumentul de conversie a punctelor de ancorare (Shift + C) și creați colțurile inferioare rotunjite ale formei umbrei.
Aplicați un efect Gaussian Blur (Efect> Blur> Gaussian Blur) cu o rază de 25.0px la acesta. Trimiteți-o în spate (Shift + Command + Bracket Square Stânga).
Setați opacitatea la 70%.
Scara a fost terminată.
Selectați dreptunghiul și creați o formă de bază pentru raft prin ajustarea punctelor sale de ancorare. Aplicați un gradient la acesta cu următoarele valori: #ffffff (1) și # e9eaea (2).
Selectați instrumentul Rectangle (M) și creați un dreptunghi chiar sub cel precedent. Aplicați culoarea # e9eaea la ea.
Cu instrumentul Rectangle (M) încă selectat creați un alt dreptunghi. Aplicați # 605551. culoare pentru ea. Selectați două puncte de ancorare superioare cu instrumentul de selectare directă (A) și reglați poziția acestora pentru a crea o formă de bază pentru umbra raftului.
Aplicați efectul Gaussian Blur (Efect> Blur> Gaussian Blur) cu o rază de 200.0px. Trimiteți-o înapoi (Shift + Command + Bracket pătrate stânga).
Acum ați finalizat ilustrarea scalei retro. Este, de asemenea, posibil să adăugați mai multe detalii, cum ar fi logo-ul producătorului și o reflecție pe raft. Vă mulțumesc pentru atenție, sper că v-ați bucurat de acest tut!
Accentsconagua