Cum să creați o cameră foto stilizată și cu texturi, în stilul plat, în Adobe Illustrator

Vreți să faceți ca obiectele dumneavoastră, în stilul plat, să aibă un aspect mai complicat și detaliat? Parcurgeți acest tutorial și învățați cum că creați o cameră foto de buzunar, stilizată și retro, stăpânind gradienții pentru lumini și umbre și utilizând așa-numitele swatches, pre-existente în Adobe Illustrator, pentru o textură de suprafață, semirealistă!

Dacă vă place să creați obiecte în stilul plat, cu detalii realiste, și ați dori să învățați câteva tehnici noi legate de utilizarea și modificarea formelor de bază, stăpânirea gradienților, crearea și aplicarea de texturi, atunci vă invit să urmați cursul denumit Creating Flat Workspace Elements for Advertisements (Crearea de elemente plate ale spațiului de lucru, pentru reclame)! De acolo veți învăța și cum să faceți un fundal cu textură de lemn, realist, pentru obiectele dumneavoastră.

Creating Flat Workspace Elements for Advertisements: Introduction

1. Creați partea de bază a camerei, cu forme simple

Pasul 1

Începeți prin a crea partea de bază a camerei foto, făcând un dreptunghi de 165 x 170 px, cu instrumentul Rectangle Tool (M).

Copiați-l (Copy) și folosiți comanda Paste in Back (Control-C > Control-B). Striviți forma, un pic, până la 140 px înălțime, și faceți-o mai lată, până la aproximativ 280 px, așadar creând două dreptunghiuri suprapuse.

Pasul 2

Selectați ambele forme și uniți-le cu Unite, din panoul Pathfinder. Faceți colțurile rotunjite, trăgând de marcajele circulare pentru Live Corners, la maximul lor posibil.

Caracteristica Live Corners este disponibilă numai în programul Adobe Illustrator CC. În cazul în care folosiți versiuni mai vechi ale acestui program, aplicați comanda Effect > Stylize > Round Corners .

Pasul 3

Luați instrumentul Rectangle Tool (M) și creați o fâșie orizontală de-a lungul părții superioare a aparatului foto. Țineți apăsate tastele Alt-Shift și trageți-o în jos, creând o copie a ei, în partea inferioară.

Selectați toate elementele, luați instrumentul Shape Builder Tool (Shift-M), țineți apăsată tasta Alt și executați clic pentru a șterge toate părțile care nu sunt necesare și care se află în exteriorul camerei foto.

Pasul 4

Acum, haideți să facem cea mai importantă parte a oricărei camere foto: obiectivul (lentilele)!

Începeți prin a face un cerc de 150 x 150 px, utilizând instrumentul Ellipse Tool (L). Poziționați-l aproape în centrul camerei foto, un pic mai aproape față de marginea din dreapta a ei.

Pasul 5

Haideți să adăugăm butonul declanșator al aparatului nostru foto. Creați un dreptunghi de 40 x 20 px, cu instrumentul Rectangle Tool (M). Faceți-i colțurile un pic rotunjite, utilizând funcția Live Corners. Creați o copie apăsând și ținând apăsate tastele Alt-Shift și trăgând forma la stânga, pentru a mai crea încă un buton. Faceți acest nou buton un pic mai mic, alegând pentru lățimea lui, valoarea de 30 px, în panoul Transform din partea superioară.

2. Aplicați culorile, camerei foto

Pasul 1

Acum putem aplica și culorile camerei foto și putem adăuga mai multe detalii. Umpleți partea principală a camerei foto, cu un gradient liniar gri-închis, poziționat vertical.

Pasul 2

Și haideți să facem argintie, fâșia superioară a camerei foto, aplicându-i un gradient vertical, de la gri, la gri-deschis. Aplicați aceeași culoare, fâșiei inferioare, preluând culorile cu instrumentul Eyedropper Tool (I), dar plasând culorile de sus în jos.

Pasul 3

Și aplicați aceeași culoare argintie și butoanelor. Trimiteți (Send) butoanele în spate: to Back (Control-Shift-[), în spatele camerei foto.

Pasul 4

Acum, haideți să adăugăm mai multe detalii, lentilelor. Umpleți partea de bază cu un gradient liniar vertical, pornind de la culoarea gri-închis, în partea de jos, până la gri-argintiu, în partea de sus.

Și haideți să mai adăugăm un inel obiectivului. Mergeți la Object > Path > Offset Path. Alegeți pentru Offset, valoarea -7 px, creând un cerc mic, în interiorul primului cerc. Umpleți-l cu un gradient gri-deschis.

Pasul 5

Haideți să utilizăm funcția Offset Path din nou și să mai adăugăm un inel, dar de data aceasta să-i setăm valoarea Offset la -3 px. Aplicați un gradient gri-închis, cu o nuanță gri mai închisă la culoare, în partea de sus.

Pasul 6

Continuați să repetați aceeași acțiune și să aplicați un Offset de -7 px, pentru a crea un nou inel cu gradient liniar, de o culoare mai deschisă. Adăugați o altă formă, cu Offset de -3 px și un gradient mai închis la culoare, pe care îl puteți prelua de la unul dintre inelele create anterior, utilizând Eyedropper Tool (I).

Continuați să adăugați Offset Paths cu aceleași setări, variind valorile -7 px și -3 px și alternând gradienții închiși și deschiși la culoare, până când aveți în jur de zece cercuri în total.

Pasul 7

Acum, haideți să creăm partea interioară a obiectivului, diafragma (apertura). De această dată, alegeți pentru Offset, valoarea de -15 px, realizând un cerc mic.

La acest pas, putem să ștergem deja liniile de contur, deoarece formele principale sunt colorate. Selectați toate obiectele (Control-A) și alegeți pentru culoarea liniei de contur (Stroke): None, din panoul Color.

Pasul 8

Să copiem (Copy) cel mai mic cerc și să folosim comanda Paste in Front (Control-C > Control-F). Umpleți-l cu gradient liniar, de la albastru, la negru. Alegeți pentru Blending Mode opțiunea Screen, făcând marginea neagră a gradientului, transparentă, așadar realizând un așa-numit "overtone".

Puteți schimba direcția gradientului, plasându-l pe diagonală, utilizând instrumentul Gradient Tool (G).

Pasul 9

Să creăm un duplicat pentru acest overtone (Control-C > Control-F) și să-l facem mai mic.

Pasul 10

Plasați overtone-ul inferior, deasupra celui mai mic, utilizând Bring to Front (Control-Shift-]). Păstrând forma selectată, luați instrumentul Eraser Tool (Shift-E) și trasați o linie peste ea, divizând-o în două părți.

Pasul 11

Pentru jumătatea superioară a overtone-ului, să modificăm partea albastră a gradientului, cu mov-închis. Și aplicați o culoare roșie, în loc de albastru, pentru jumătatea inferioară a overtone-ului.

Faceți cercul gri, de sub strălucire, un pic mai închis la culoare.

Pasul 12

Să grupăm cu comanda Group (Control-G) elementele diafragmei (aperturii) și să le facem puțin mai mari.

Puteți edita un pic culorile lentilei, făcând gradienții puțin mai închiși la culoare, pentru a adăuga mai mult contrast formelor respective.

3. Adăugați mai multe detalii, camerei foto

Pasul 1

Acum, să facem camera noastră foto, să arate mai realist și tridimensional, adăugând niște detalii minore. Mai întâi de toate, haideți să adăugăm umbra de la obiectiv.

Selectați cel mai mare cerc de jos al obiectivului, copiați-l (Copy) și folosiți comanda Paste in Back (Control-C > Control-B). Faceți forma un pic mai mare și umpleți-o cu gradient liniar, de la gri, la alb. Faceți gradientul pe diagonală, spre dreapta. Alegeți Multiply Blending Mode, așadar făcând marginea albă a gradientului, transparentă.

Pasul 2

Haideți să ștergem partea inferioară a umbrei, cu instrumentul Shape Builder Tool (Shift-M) . Selectați atât umbra, cât și partea principală a camerei foto, țineți apăsată tasta Alt și executați clic pe parțile care nu sunt necesare, ale umbrei și care sunt aflate în exteriorul camerei, pentru a le șterge.

Pasul 3

Acum haideți să creăm partea de care este ținută camera foto, în partea stângă a ei, ca să o facem cât mai realistă. Desenați un dreptunghi având aceeași înălțime ca și a camerei foto. Umpleți forma cu un gradient vertical, pornind de la gri-închis, până la negru, apoi alegeți pentru Blending Mode opțiunea Screen, făcând partea neagră transparentă și obținând o strălucire.

Pasul 4

Creați un duplicat al dreptunghiului (Control-C > Control-F) și trageți-l la dreapta, atașând copia creată, la primul dreptunghi alăturat și făcându-l mult mai îngust.

Utilizați instrumentul Eyedropper Tool (I), pentru a prelua aspectul de la umbra de sub obiectiv, aplicând un gradient gri-închis, în modul Multiply Blending Mode, noului dreptunghi tocmai creat. Poziționați gradientul pe orizontală, realizând o umbră subtilă, creată de partea de care se ține camera foto.

Pasul 5

Haideți să adăugăm mai multe detalii, cum ar fi flash-ul și indicatoarele, în partea superioară a camerei foto.

Faceți un dreptunghi de 50 x 30 px și plasați-l în colțul din dreapta-sus al camerei foto. Faceți-l puțin rotunjit, folosind funcția Live Corners, și aplicați un gradient gri-închis vertical, preluând culoarea de la partea principală a camerei foto, cu instrumentul Eyedropper Tool (I).

Pasul 6

Aplicați pentru Offset Path valoarea -10 px și faceți forma rotunjită. Umpleți forma creată, cu un gradient vertical gri-deschis, formând o lumină, ca un flash.

Pasul 7

Faceți un alt dreptunghi, de 30 x 10 px. Faceți-i colțurile complet rotunjite și umpleți-l cu un gradient liniar de culoare galben-strălucitor.

Pasul 8

Faceți un cerc de 20 x 20 px și poziționați-l în partea stângă a obiectivului. Aplicați-i un gradient liniar argintiu. Faceți un alt cerc, de 10 x 10 px, lângă primul, și umpleți-l cu un gradient liniar galben-strălucitor.

4. Creați efectul de textură de piele

Pasul 1

Faceți partea principală a camerei foto, puțin mai închisă la culoare. Copiați-o (Copy) și utilizați comanda Paste in Front (Control-C > Control-F) .

Pasul 2

Și acum, să facem partea principală a camerei foto, cu o textură, utilizând modelele încorporate în programul Adobe Illustrator!

Deschideți panoul Swatches, de la Window > Swatches. Mergeți la Swatches Library > Patterns > Basic Graphics > Basic Graphics_Textures.

Pasul 3

Aici avem niște texturi realiste foarte drăguțe, care pot conferi un aspect detaliat și interesant. Haideți să găsim ceva care să imite o suprafață de piele. De exemplu, acel swatch numit USGS 21 Intricate Surface. Executați clic pe el, pentru a aplica textura, suprafeței selectate.

Pasul 4

Haideți să modificăm textura noastră, puțin, utilizând unele dintre instrumente, care ne permit să lucrăm cu swatch-urile și modelele aplicate.

Păstrând selectată forma texturată, executați dublu-clic pe instrumentul Scale Tool (S) din panoul Tools, pentru a deschide fereastra de opțiuni Scale. Aici, debifați absolut toate opțiunile, cu excepția casetei Transform Patterns. Și setați pentru Uniform Scale, valoarea de 90%, făcând elementele texturii, puțin mai mici.

Pasul 5

Și haideți să modificăm, un pic, direcția modelului nostru. Păstrând selectată forma texturată, executați dublu-clic pe instrumentul Rotate Tool (R). Bifați caseta Transform Patterns și setați pentru unghi: Angle, valoarea de 30 de grade.

Pasul 6

În final, alegeți pentru Blending Mode al formei cu model, opțiunea Multiply și descreșteți Opacity până la valoarea 30% în panoul Transparency, făcând-o să se contopească cu baza închisă la culoare, astfel încât sa se potrivească cu camera foto.

Zâmbiți!

Și iată că am creat-o! Camera noastră foto, cu apect semirealist și în stilul de design plat, cu suprafață texturată, este gata! Sper că v-a făcut plăcere să parcurgeți acest tutorial și că ați descoperit câteva idei și trucuri noi legate de modificarea formelor de bază și aplicarea modelelor, pentru a face ca un obiect plat să arate mai detaliat.

Continuați să faceți lucruri creative și lăsați inspirația să vă călăuzească!