Share
Icoanele moderne sunt bomboane reale. În acest tutorial veți învăța cum să creați o pictogramă pe hard disk la nivel profesional, cu umbrirea și iluminarea tehnicilor. Veți folosi instrumentul Finder Path, Free Transform și câteva efecte de bază, cum ar fi Blur Gaussian și Glow Inner.
Începeți cu o placă grafică de 512 x 512 pixeli. Selectați o culoare neutră din mostre, apoi cu instrumentul dreptunghi, desenați un dreptunghi cu următoarele dimensiuni: Lățime 460px, Înălțime 400px.
Cu ajutorul instrumentului Transformare liberă, trageți unul dintre colțurile de sus în timp ce țineți apăsat butoanele Comandă și Shift. (această comandă poate fi dificilă. Începeți să trageți, apoi apăsați și mențineți apăsate tastele). Acest lucru vă va permite să modelați forma ca în imagine.
Cu dreptunghiul selectat, mergeți la Efect> Stylize> Round Corners. Setați valoarea razei la 8 pixeli.
Duplicați această formă. Puteți să o trageți cu tasta Opțiune apăsată (pentru o precizie suplimentară, țineți de asemenea tasta Shift). Umpleți această formă cu o culoare mai deschisă.
Desenați un dreptunghi înalt de 455 px și dreptunghi înalt de 60 px. Trimiteți-l în partea din spate a celorlalte două forme: Faceți clic dreapta pe Meniu> Aranjare> Trimitere înapoi (sau Control + Stânga bracket Bracket).
Acum, conturați-o ca primul dreptunghi. Trageți colțurile inferioare în timp ce țineți apăsată tasta Command + Shift.
Cu dreptunghiul selectat, mergeți la Efect> Stylize> Round Corners. Acest timp setați raza la 12px.
Extindeți aspectul obiectelor selectând totul și apoi mergeți la Object> Expand Appearance.
Umpleți placa superioară cu un gradient liniar diagonal.
Umpleți forma de mijloc cu un gradient linear orizontal. Vedeți imaginea pentru valorile corecte.
În acest moment trebuie să rezolvați unele dintre căile. Adăugați un punct de ancorare în care imaginea indică și mutați-o pentru alinierea cu forma de sus. Va fi mai ușor dacă Ghidurile inteligente sunt activate (Vizualizați> Ghiduri inteligente). Faceți acest lucru pe ambele părți.
Ștergeți punctele de ancorare superioare ale acestei forme pe ambele părți.
Umpleți partea "corp" a discului dur cu un gradient liniar, ca în imagine.
Aplicați acum un efect de strălucire interioară acestei forme. Efect> Stylize> Glow Inner.
Acesta va fi primul dintre cele mai importante momente din acest tutorial. Copiați / lipiți prima (comanda + f) placa superioară. Apoi, eliminați culoarea de umplere și adăugați o copie albă la 2px.
Trebuie să tăiați o parte din această formă. Selectați punctele de top și ștergeți (cu butonul de ștergere de pe tastatură). Extindeți acum selecția pentru a transforma această cursa într-o formă umplută. Obiect> Extindeți.
Cu instrumentul Ștergeți punctul de ancorare, ștergeți punctele indicate în imagine și rearanjați celelalte. Repetați această procedură pe ambele părți. Modificați opacitatea acestei forme până la 60%.
Faceți două copii noi ale plăcii de sus (copiați / lipiți-o în loc de două ori) și utilizați instrumentul Transformare liberă a formularului pentru a face cel mai important unul mai înalt, dar mai puțin lată.
Extrageți o formă de alta folosind instrumentul Pathfinder. Formele rezultate vor avea un gradient liniar ca în imagine.
Duplicați partea "corp" (copiați / lipiți în loc) și adăugați un gradient liniar în funcție de imagine. Apoi trimiteți-l înapoi (Command + Bracket pătrate stânga) până când partea nedorită este ascunsă corespunzător sub alte forme. Această formă va acționa ca o umbră aruncată de placa superioară pe partea "corpului".
Acum veți desena detaliile de relief ale plăcii superioare. Mai întâi creați un dreptunghi de 135px Înălțime x 315px Lățime și o elipsă de 250px Înălțime x 315px Lățime.
Cu ajutorul instrumentului Transformare liberă, conturați-le în forma dorită. Utilizați comanda + Shift în timpul tragerii.
Selectați dreptunghiul și aplicați un efect rotunjit (Efecte> Stylă> Coloane rotunde) cu raza de 10px. Extindeți aspectul acestuia (Obiect> Extindeți aspectul).
Duplicați elipsa, creând o mică în ea. Mutați această nouă elipsă cu aproximativ 3 pixeli în sus (utilizați doar tasta săgeată sus de pe tastatură).
Selectați atât elipsă mai mare cât și dreptunghi. Asociați-le folosind Căutarea traseului.
Ajustați punctul de colț pentru a obține o curbă netedă aici.
În loc să repetați ultimul pas pe ambele părți, pentru a obține o formă simetrică, veți tăia această formă în jumătate, o oglindiți și apoi sudați cele două jumătăți. Începeți prin adăugarea unui punct de ancorare la linia de sus, chiar în centru, apoi selectați toate punctele din partea dreaptă și ștergeți-le (cu tasta de ștergere de pe tastatură).
Acum duplicați această cale, reflectați-o (Object> Transform> Reflect) și sudați cele două jumătăți utilizând Finder Path. Va trebui să trageți calea cu Ghidurile inteligente pentru a avea o aliniere corectă. Acest lucru este important deoarece, dacă punctele nu sunt perfect aliniate, traseele nu se vor suda.
Duplicați această cale (copiați / lipiți în loc) și aplicați un efect al căii offset cu valoarea de -5 pixeli (Efecte> Stylă> Cale offset).
Mutați copia puțin și o presați ușor, ca în imagine. Extindeți aspectul acestuia (Obiect> Extindeți aspectul).
Selectați ambele forme și extrageți-le utilizând Căutarea traseului. Rezultatul va avea două forme distincte.
Faceți două copii ale elipsei rămase, una ușor mai mică și cealaltă considerabil mai mică. Aranjați-le ca în imagine. Ați terminat de acum cu celelalte forme, dezgropați-le și umpleți fiecare cu o culoare distinctă.
Selectați cele două elipse mai mari și extrageți unul de la celălalt utilizând Căutarea traseului. Forma rezultată va fi o elipsă conturată. Umpleți-l cu o culoare distinctă.
Repetați procesul cu elipsele mai mici. Duplicați, redimensionați / reglați, extrageți (poate fi necesar să aranjați ordinea obiectelor, deoarece elipsa mai nouă, mai mare va fi acum pe partea superioară a celei mai mici. Trebuie doar să o trimiteți înapoi o dată și ar trebui să fie bine).
Timp pentru pictura. Selectați elipsa mai mare și umpleți-o cu un gradient radial, ca în imagine.
Selectați următoarea elipsă și umpleți-o cu același gradient. Reglați raza.
Pentru ultima elipsă, efectuați unele ajustări ale valorilor gradientului și ale razei.
Ultima formă va fi, de asemenea, umplută cu un gradient radial. Aceasta este puțin complicată deoarece trebuie să o poziționați manual pe centrul exact al formei.
Acum, duplicați această formă și adăugați un efect Path Offset cu valoarea de 0,5px (Efecte> Stylă> Cale offset).
Completați copia cu un gradient liniar.
Acum veți crea mai multe detalii. Selectați elipsa mai mare și copiați-o (copiați / lipiți în loc). Eliminați umplutura și adăugați un accident de alb 2px.
Extinde acum aspectul. Punctul culminant este umplut cu un gradient radial care trece de la 100% opac alb până la 0% alb opac. Dacă gradientul nu apare, încercați să dezgropați obiectul înainte de aplicarea gradientului. Fiți atenți la mărimea razei.
Repetați procesul cu celelalte două elipse.
Evoluția finală, ca forma sub ea, este puțin complicată. Încă o dată, acordați atenție dimensiunii și formei razei.
Utilizând instrumentul stilou, desenați o formă ca aceasta pe marginea din stânga jos a "corpului".
Acum o umpleți cu un gradient liniar.
Duplicați-l și reflectați-l (Obiect> Transformați> Reflect). Grupați ambele forme, aliniați-le în centrul tabloului de bord și, în final, trimiteți-le înapoi până se află în spatele umbrei.
Porniți șuruburile prin tragerea unei elipse cu aceeași înălțime și lățime a elipsei centrale.
Redimensionați în jos și plasați-o în colțul din dreapta jos al plăcii superioare. Umpleți elipsa cu un gradient radial.
Duplicați (copiați / lipiți în loc), eliminați culoarea de umplere și adăugați un accident de alb 1px.
Extindeți această formă și completați cu un gradient radial. Puteți utiliza instrumentul Eyedropper pentru a alege panta de la orice alt punct de atracție.
Faceți două copii mai mici ale elipsei. Plasați unul ușor peste centru și celălalt puțin ușor de dedesubt.
Acum fixați calea inferioară a elipsei. Adăugați un punct de ancorare acolo unde este indicat, apoi mutați cele două puncte de vârf pentru a se potrivi cu punctele din stânga și din dreapta ale elipsei de sus. Amintiți-vă, ghidurile inteligente sunt prietenul dvs..
Duplicați elipsa de sus, dați-i negrul și trimiteți-o în spatele formei pe care tocmai l-am editat.
E timpul să pictezi șurubul. Acordați atenție valorilor și razei gradientului.
Șurubul are nevoie și de un punct de atracție. Ar trebui să cunoașteți procesul până acum.
Creați o formă de stea cu următoarele valori.
Așezați-l în centrul exact al șurubului, redimensionați-l și strângeți puțin.
Adăugați o evidențiere a acestei margini. Procesul este același.
Șurubul este făcut. Grupează totul și trageți copia în colțul din dreapta. Pentru a trage o copie, trageți doar obiectul în timp ce mențineți opțiunea. Ținerea apăsată a tastei Shift blochează și direcția de tragere.
Grupați această pereche de șuruburi și duplicați-le de două ori. Plasați o pereche chiar deasupra centrului unității HDD, iar cealaltă în partea de sus. Redimensionarea acestora o pereche la un moment dat va permite ca bolturile să aibă dimensiunea necesară pentru a se potrivi cu unghiul pictogramei.
Pentru LED-ul din față, trageți mai întâi un cerc mic de 20px x 20px.
Umpleți cercul cu un gradient radial cu următoarele valori.
Acum duplicați acest cerc, făcând copia mai mică. Așezați-l ușor deasupra centrului.
Completați cercul nou cu un gradient radial:
Aplicați un efect Inner Glow (Efect> Stylize> Glow Inner) cu următoarele valori:
Acum trageți o elipsă mică în interiorul cercului superior și umpleți-o cu un gradient liniar.
Duplicați cercul mare, dar nu lipiți de data aceasta. În schimb, glisați-l în timp ce mențineți opțiunea și, de asemenea, Shift pentru a bloca direcția de tragere.
Completați copia cu o culoare albastră solidă și setați opacitatea la 65.
Aplicați la ea o Blur Gaussian (Efecte> Blur> Gaussian Blur) cu valoarea de 3,0px.
Pentru umbra unității de disc, duplicați forma plăcii superioare (trageți în timp ce țineți opțiunea + Shift pentru a bloca direcția) și trimiteți-o în spatele tuturor celorlalte forme.
Redimensionați-l puțin și umpleți-l cu negru.
Aplicați o Blur Gaussian (Efecte> Blur> Gaussian Blur) cu o valoare de 8.0px.
Pentru eticheta pentru hard disk, desenați un dreptunghi negru cu lățimea de 155px și înălțimea de 60px. Marginea din stânga a dreptunghiului trebuie să se afle în centrul exact al tabloului de bord, deci este posibil să aveți nevoie de un ghid acolo pentru a vă ajuta să îl poziționați.
Veți avea nevoie de sigla Serial ATA. O versiune vectorială poate fi găsită la Seeklogo. Am scos "S" din ea pentru a obține o compoziție vizuală mai bună. Plasați-l în interiorul dreptunghiului.
Cu ajutorul instrumentului Rectangle, desenați un cod de bare și puneți sub ea un text inactiv. Acordați atenție alinierii și distanței. Când ați terminat, extindeți textul (Object> Expand).
Acum duplicați dreptunghiul negru trăgându-l în timp ce țineți opțiunea + Shift, umpleți-l cu alb și apoi trimiteți-l în spatele dreptunghiului negru.
Selectați toate elementele etichetei și le strângeți puțin în partea de sus, în partea de jos și în dreapta.
Colorați colțul din dreapta sus al etichetei. Cu ajutorul instrumentului Transformare liberă selectat, începeți să trageți colțul, apoi apăsați și țineți apăsat comanda și, de asemenea, Shift pentru a bloca direcția de tragere.
Acum, selectați ambele dreptunghiuri (numai dreptunghiuri) și aplicați efectul Round Corners (Effect> Stylize> Round Corners) cu valoarea de 4px.
Umpleți dreptunghiul negru cu un gradient liniar. De asemenea, setați opacitatea evidențierii (dreptunghiului alb) la 75% și orice altceva (logo-ul Sata, codul de bare și textul fals) la 45%.
Pictograma este aproape terminată. Opțional, puteți adăuga câteva puncte importante pe laturile plăcii superioare. Tehnica este aceeași cu cea pe care am folosit-o pentru celelalte repere: Accident vascular cerebral, extindeți și umpleți cu același gradient radial vechi.
Sper că ți-a plăcut lecția. Mai mult decât învățând cum să desenezi o anumită pictogramă, acest tutorial conține tehnici care, odată stăpânite, vă vor permite să creați icoane și ilustrații de înaltă calitate.
Accentsconagua