Creați o pictogramă pentru lentilele camerei cu diafragmă

În acest tutorial, vom crea un obiectiv detaliat al camerei, asemănător cu cel folosit ca logo-ul pentru software-ul de editare foto Aperture al Apple. Un obiect de cameră este bun pentru o pictogramă de software, un logo sau ca un grafic pentru a fi utilizat în orice design. Deși imaginea apare detaliată, procesul de creare a acesteia implică puțin mai mult decât simpla întindere a obiectelor cu diferite umpluturi și gradienți pentru a da o iluzie tridimensională.

Tutorial publicat

La fiecare câteva săptămâni, revizuim câteva postări preferate ale cititorului nostru de-a lungul istoriei site-ului. Acest tutorial a fost publicat pentru prima oară în august 2008.


Pasul 1

Creați un document nou, indiferent de dimensiunea și aspectul dorit. Spre deosebire de Photoshop, în Illustrator este ușor să modificați mărimea documentului oricând în timpul lucrului. Putem redimensiona pur și simplu grafica vectorială pentru a se potrivi noilor dimensiuni. Am ales inițial un document pătrat la 550 de pixeli cu 550 de pixeli.

Deoarece procesul de creare a imaginii noastre este în primul rând doar forme de stratificare cu gradiente diferite și se umple unul peste celălalt, majoritatea următorilor pași vor spune pur și simplu ce ar trebui să fie dimensiunea cercului, tipul gradientului, direcția gradientelor, culorile utilizate în gradient, locațiile lor de oprire a culorii în gradient și poziția glisorului central în gradient.

Efectuați primul cerc cu lățimea de 429 pixeli, cu un gradient linear de 45 grade, care are 100% gri (la 100% oprire) până la 40% Gray (la oprire de 0%), iar glisorul central este setat la 50%.


Pasul 2

Efectuați al doilea cerc cu lățimea de 423 pixeli cu un gradient linear de -45 grade, care are un gri 100% (la 100% oprire) până la 60% gri (la 0% oprire), iar glisorul central la 50%.


Pasul 3

Cea de-a treia cerc are o lățime de 368 pixeli, cu un gradient liniar de 135 grade, care are un contrast de 100% gri (la 100% oprire) până la 50% gri (la oprire de 0%), iar glisorul central la 33%.


Pasul 4

Faceți al patrulea cerc lățimea de 364px, cu o umplutură neagră solidă. În plus, vom da acestui cerc o pată de 3px, mergând la Efect> Stylize> Feather.


Pasul 5

Cea de-a cincea cerc are o lățime de 359 de pixeli, cu o umplutură gri solidă de 70%.


Pasul 6

Efectuați cel de-al șaselea cerc lățimea de 339 pixeli cu un gradient linear de 90 de grade, care are un gri 100% (la 100% oprire) până la 60% gri (la oprire de 0%), iar glisorul central la 50%.


Pasul 7

Asigurați-vă că cercul al șaptelea are o lățime de 335px, cu umplutură gri solidă de 70%.


Pasul 8

Asigurați-vă că cercul opt are o lățime de 329 pixeli cu un gradient liniar de 90 de grade, care are un gri 100% (la 100% oprire) până la 60% gri (la oprire 0%), iar glisorul central la 50%.


Pasul 9

Faceți cercul nouă cu o lățime de 325 pixeli, cu o umplutură gri solidă de 70%.


Pasul 10

Asigurați-vă că cercul a zecea are lățimea de 319 pixeli cu un gradient liniar de 90 de grade, care are un gri 100% (la oprire de 100%) până la 60% gri (la oprire de 0%), iar glisorul central la 50%


Pasul 11

Asigurați-vă că cercul al 11-lea este lățimea de 315px cu un gradient linear de 130 grade, un gri 100% (la 100% oprire) până la 90% gri (la oprire de 0%), iar cursorul central la 50%.


Pasul 12

Efectuați cel de-al 12-lea cerc lățimea 277px cu un gradient radial, care are un gri 100% (la oprire de 100%) până la 80% gri (la oprire de 0%), iar glisorul central la 50%. Gradientul radial trebuie să provină din centru și să devină mai întunecat spre margine.

Pentru a schimba punctul de unde provine, selectați instrumentul Gradient și faceți clic și trageți din colțul din stânga sus al cercului spre colțul din dreapta jos. Aluzie: dacă gradientul nu se schimbă atunci când trageți, asigurați-vă că cercul este selectat.


Pasul 13

Pentru cercul următor avem nevoie de un gradient ușor mai complex și pentru asta vom folosi o plasă de gradient. Gradient meshurile sunt extrem de puternice și pot fi folosite pentru a crea ilustrații incredibil de complexe și fotografice realiste prin amestecarea culorilor într-un număr aproape nelimitat de moduri. Cu toate acestea, avem nevoie doar de o plasă simplă aici, așa că creați un cerc lat de 268 pixeli și umpleți-l cu negru solid.

Gradient mesh-urile pot fi create manual prin adăugarea punctelor de plasă utilizând altul decât instrumentul Gradient Mesh, dar din moment ce avem nevoie doar de unul simplu, Illustrator îl va crea pentru noi. Selectați cercul și mergeți la Object> Create Mesh Gradient. Păstrați toate setările prestabilite, dar schimbați rândurile și coloanele la câte 3. Când faceți clic pe OK, Illustrator va crea o plasă.

Cu cercul selectat, comutați la instrumentul de selectare directă și faceți clic pe un punct (intersecție) pe plasă pentru ao selecta. Apoi, faceți clic în partea superioară din stânga a ochiurilor și schimbați culoarea lor la 80% gri. Apoi, faceți clic în zona din partea de jos din dreapta și schimbați culoarea la 70% gri.


Pasul 14

Faceți cercul al paisprezecelea de 225px, cu o umplutură albă solidă. În plus, dați acestui cerc un Feather de 6px, mergând la Efect> Stylize> Feather ...


Pasul 15

Faceți cercul cincisprezecea cu lățimea de 220px, cu o umplutură neagră solidă. Apoi adăugați un pătrat de 3px în acest cerc.

De asemenea, vom compensa acest cerc. Mai întâi, aliniați centrul cu toate celelalte cercuri. Apoi, folosiți tastele săgeți, lăsați-l de două ori, iar spre stânga de două ori.


Pasul 16

Faceți cercul șaisprezecelea cu lățimea de 216px, cu o umplutură neagră solidă.

Bacsis: poate doriți să blocați cercul negru de compensare creat la Pasul 15. Apoi puteți să selectați toate formele și să le centrați în raport cu placa de artă, fără a perturba una.


Pasul 17

Asigurați-vă că cercul al șaptesprezecelea are o lățime de 208px, cu un gradient radial, care are un contrast de 100% Gri (la 100% oprire) până la 90% Gray (la 0% oprire).


Pasul 18

Așezați cercul al optsprezecelea la 208 de pixeli fără umplere și un accident vascular cerebral alb de 7pt. Apoi aplicați un pene de 4px în acest cerc.


Pasul 19

Acum vom adăuga câteva străluciri și reflecții la lentilele noastre interioare pentru a le da un aspect de sticlă. Desenați un fel de formă de jumătate de lună cu instrumentul Pen, umpleți-l cu alb și dați-i un Feather de 8 pixeli. De asemenea, reduceți opacitatea la 75%.


Pasul 20

Pentru a adăuga un efect de strălucire în colțul inferior al obiectivului, desenați o formă ovală cu instrumentul Pen. Este în regulă dacă nu este perfectă, deoarece unele imperfecțiuni vor adăuga efectul. Din nou, umpleți forma cu alb, dați-i un pene de 3px și reduceți opacitatea la 50%.


Pasul 21

Înainte vom adăuga câteva reflecții către obiectiv. Desenați încă două forme, după cum se arată mai jos. Apoi completați-le cu alb, dați-le un pene de 3px și reduceți Opacitatea la 20%.


Pasul 22

Desenați câteva oale cu instrumentul Ellipse, făcându-le mai mari pe măsură ce merg. Rotiți-le până la un unghi de 45 de grade și plasați-le într-o linie diagonală cu cel mai mic oval spre centru. După ce ați terminat trei, selectați-le pe toate, copiați-le și apoi rotiți-le și plasați-le în linie cu primele trei, din nou cu cel mai mic oval spre centru.


Pasul 23

Tot ce trebuie să faceți este să adăugați obiectivul exterior. Pentru a face acest lucru, trageți un cerc alb care acoperă întregul obiectiv al camerei, cu excepția cadrului exterior. Apoi, folosind instrumentul Foarfece, faceți clic pe colțul din dreapta sus și ușor sub partea cea mai stângă a căii cercului pentru a tăia calea în acele puncte.

Ștergeți jumătatea inferioară a cercului, apoi, cu instrumentul Pen, faceți clic pe un capăt al căii pentru ao continua. Apoi faceți clic pe celălalt capăt și trageți pentru a crea o linie curbată ce unește capetele semicercului. Odată ce ați atras semicercul, micșorați Opacitatea la 50%.


Pasul 24

Acum vom crea o mască de transparență pentru a adăuga o ușoară atingere a reflexiei lentilei. O mască de transparență este compusă dintr-o formă deasupra unei alte forme. Forma de sus folosita ca masca poate fi negru, alb sau orice nuanta de gri sau gradient in tonuri de gri.

Atunci când se creează o mască, zonele formelor de dedesubt sunt făcute transparente pe baza nuanței de gri care este așezată peste ele. Deci, cu cât este mai întunecată suprafața formei de sus, cu atât transparența va fi inferioară forma de fund din acea zonă. Cu cât este mai deschisă umbra de gri, cu atât este mai opacă acea zonă.

Pentru a crea masca, copiați semicercul pe care l-am creat în ultima etapă și inserați-o direct deasupra originalului (Command + F pentru Paste In Front). Aduceți opacitatea copiei până la 100% și umpleți-o cu un gradient alb-negru, provenind din colțul din stânga sus. Pentru a schimba punctul de origine, folosiți din nou instrumentul Gradient ca și noi.


Pasul 25

Ultimul pas este crearea unei măști de transparență. Pentru a face acest lucru, faceți clic dreapta pe jumătatea superioară a cercului și mergeți la Selectare> Următorul obiect de mai jos. Aceasta va selecta forma de jos. Pentru a selecta și cea de sus, țineți apăsată tasta Shift și faceți clic pe ea. În paleta Transparență, faceți clic pe butonul meniului pop-up din colțul din dreapta sus și selectați Make Opacity Mask.


Concluzie

Textul din jurul cadrului se realizează utilizând Instrumentul Tip pe cale, amplasat sub instrumentul Tip. Pur și simplu, desenați un cerc al cărui margine se execută de-a lungul mijlocului cadrului, selectați instrumentul Tip și faceți clic pe cerc pentru a începe să tastați de-a lungul traseului.

Asta e! Am terminat obiectivul camerei. Este gata să fie folosit ca o pictogramă, siglă sau orice alt tip de grafică oriunde este necesar. Și cea mai bună parte - este pe deplin scalabilă! Amintiți-vă că grafica complexă poate fi creată doar prin combinarea unor forme și culori simple și că efectele 3D pot fi simulate cu forme simple 2D.