Share
Acest tutorial va arăta artistului Adobe Illustrator avansat modul de a crea un dispozitiv multimedia. Acest tutorial va utiliza ușor capabilitățile Illustratorilor 3D, dar se concentrează mai mult pe desenul tradițional. Vom acoperi, de asemenea, modul de a umbri și de a crea reflecții logice.
Desenați un dreptunghi utilizând Instrumentul dreptunghi (M.)
Răsturnați dreptunghiul accesând Object> Envelope> Make with Warp, apoi selectați Arch pentru Stil și introduceți -42 pentru Bend dvs. vertical.
Pentru a edita forma, va trebui să o extindeți. Accesați Obiect> Extindeți.
Dați marginea stângă a formei o muchie dreaptă, trasând mai întâi un dreptunghi peste forma arcului și apoi folosind Pathfinder pentru a scădea formele. Faceți clic pe opțiunile afișate mai jos.
Duplicați forma arcului și răsturnați-l pentru a crea o jumătate stângă identică. Selectați ambele forme și îmbinați-le selectând opțiunile evidențiate mai jos. Faceți o copie a acestei forme și păstrați-o în partea laterală pentru o utilizare ulterioară.
Desenați un dreptunghi utilizând Instrumentul rotunjit dreptunghi.
Tăiați dreptunghiul făcând obiectul Object> Transform> Shear ... Introduceți -45 pentru unghiul de tăiere și selectați Orizontal pentru axă.
Duplicați forma de trei ori. Aliniați și grupați toate cele patru forme. Cu cele patru forme grupate selectați forma mare în fundal și apoi aliniați toate cele cinci forme pe verticală și orizontală, astfel încât totul să fie frumos și centrat.
Reduceți colțurile din formă selectând opțiunile evidențiate mai jos.
Prindeți forma pe care ați pus-o în lateral pentru utilizare ulterioară. Desenați o altă formă de forfecare, duplicați-o și reflectați-o. În cele din urmă, scăpați-o din forma mare (la fel cum ați făcut în pasul anterior).
Copiați forma care arată ca o cruce (forma gri deschis) și lipiți-o în spatele celor două forme apăsând Command + B. Acum veți avea trei forme deasupra celorlalte. Forma gri cruce ușoară, forma pe care ați creat-o în treapta anterioară și crucea gri din nou în spate. Asigurați-vă că toate cele trei forme sunt aliniate vertical și orizontal.
Dați chipului dispozitivului multimedia câteva detalii și butoane folosind forme de bază. Odată ce face fața dispozitivului, arătați că mișcați bine toate detaliile în lateral.
Selectați toate cele trei forme și dați-le câteva calități 3D accesând Efect> 3D> Extrude & Bevel ... Introduceți variabilele afișate mai jos.
Pentru a edita formele, va trebui să le extindeți mergând la Object> Expand Appearance.
Acum veți avea trei obiecte diferite cu calități 3D. Va trebui să repoziționați cele trei forme pentru a vedea fiecare formă. Bineînțeles că nu va trebui să le repoziționați în afară, acesta este doar pentru a vedea ce ar trebui să faceți.
Este o idee bună să puneți fiecare dintre cele trei forme pe stratul propriu. Acest lucru va face ușor să selectați numai forma pe care doriți să o editați. Poziționați-vă forma cât se poate de aproape posibil. După ce faceți acest lucru veți observa detalii mici care nu se potrivesc perfect. Acest lucru se datorează faptului că Perspectiva aplicată la Pasul 13 afectează fiecare element separat. În realitate, linia punctată ar atinge ambele margini ale formei de sus și de jos. Remedierea este simplă.
Utilizând Instrumentul de selecție directă (A) trageți peste toate punctele pe care le-am prezentat în linia punctată de mai jos. Va trebui să blocați celelalte două straturi care au forme de mijloc și de jos, astfel încât să nu selectați simultan puncte din acel obiect.
Odată ce ați selectat acele puncte, pur și simplu mișcați-le ușor spre dreapta pentru a alinia unde ar trebui să fie. De asemenea, observați modul în care zona roșie pe care am evidențiat-o mai jos trebuie să se întâlnească și la sfârșitul formei.
Observați cum ambele margini atinge linia punctată.
Observați cum se întâlnește și zona roșie la marginea formei medii.
Partea stângă ar trebui să fie deja destul de pătrată, deci nu va trebui să faceți schimbări acolo.
O mică suprapunere pe marginea foarte stângă este OK, aceasta va merge nedetectată odată ce adăugăm gradienți diferite pentru fiecare formă.
Este esențial să vă grupați obiectele înainte de a le oferi perspective și rotație. Accesați Object> Group. Acest lucru va asigura că toate detaliile sunt tratate ca un obiect și că efectul 3D se va aplica acestora în ansamblul lor, nu în bucăți individuale.
Dați detaliile feței dispozitivului aceeași perspectivă și rotație pe care le-ați aplicat înainte. Nu am aplicat nici o adâncime Extrude, deoarece vroiam să ofer butoanele mai mult aspect rotunjit, în cea mai mare parte.
Pentru a edita fiecare dintre obiectele de pe fața dispozitivului, va trebui să îl extindeți mai întâi. Accesați Obiect> Extindeți aspectul.
Selectați ovalul din stânga și dați-i un Gradient Linear, Glow Inner și Umbre Drop. Aplicați efectele strălucirii și umbrelor accesând Efect> Stylize și selectând efectul corespunzător. Utilizați setările de mai jos ca îndrumare pentru setările dvs. În funcție de dimensiunile lucrării de artă, numerele dvs. pot fi diferite de cele indicate mai jos, dar acest lucru este bine. Doar asigurați-vă că vă arată bine.
Aplicați efecte similare cu butoanele din stânga, precum și cu butoanele din partea de jos.
Creați lumini cu LED-uri folosind o culoare de culoare și dând formei o strălucire. Aplicați o strălucire strălucitoare, mergând la Efect> Stylize> Outer Glow.
Dați LED-ul o evidențiere prin trasarea unui dreptunghi alb peste lumină și estomparea acestuia, mergând la Efect> Blur> Gaussian Blur.
Copiați și lipiți cele două butoane indicate mai jos pentru a adăuga adâncimea.
Selectați simultan ambele butoane și dați-le un aspect subtil.
Pentru a colora fiecare parte a secțiunii de sus a dispozitivului, va trebui mai întâi să o Ungroupați accesând Object> Ungroup. S-ar putea să trebuiască să faceți acest lucru de mai multe ori pentru a vă asigura că toate părțile obiectului sunt Ungroupate.
Pentru a crea o reflecție dramatică, trageți mai întâi o formă utilizând instrumentul Pen (P), care taie în mijlocul dispozitivului. Nu trebuie să dați forma unei umpleri sau a unui accident vascular cerebral. Selectați stratul superior al dispozitivului și forma pe care tocmai ați atras-o și faceți clic pe Împărțire în Pathfinder. Mergeți la Object> Ungroup, apoi ștergeți formele inutile din jurul marginilor de care nu aveți nevoie.
Selectați formele individuale și le dați un gradient care este întunecat în partea stângă și mai ușor în partea dreaptă.
Dați ecranului un gradient similar care este ușor mai ușor pentru a da impresia că suprafața sa schimbat ușor.
Copiați și lipiți textul de mai jos și faceți 100% negru pentru a adăuga adâncimea.
Duplicați forma care este ecranul dispozitivului. Deoarece ecranul este acum tăiat în două jumătăți, conturul pe care trebuie să îl aplicăm va crea o linie nedorită în mijlocul ecranului. Deci, folosind Pathfinder selectați ambele jumătăți ale ecranului și îmbinați formele împreună, așa cum am făcut în pasul 5. Dați formei nou îmbinate două contururi, unul gri și unul negru.
Observați cum fiecare contur este ușor diferit în dimensiune. Aceasta creează iluzia unei margini teșite. Puteți să dați unui obiect două contururi utilizând paleta Aspect. Faceți clic pe triunghiul Flyout evidențiat mai jos și selectați Adăugați un accident vascular cerebral nou. De asemenea, puteți reordona cursorul care se află în partea superioară sau în partea inferioară selectând-o și deplasându-l deasupra sau dedesubtul celuilalt curs.
Selectați marginile stratului superior și dați fiecărei secțiuni un gradient. Rețineți cum mijlocul formei are o culoare mai deschisă decât marginile. Acest lucru ajută la transmiterea ideii de dezlipire a luminii de pe o suprafață curbată.
Adăugați mai multe puncte la Gradient pentru zone mai complexe.
Utilizați o mică licență creativă atunci când decideți cum arată fiecare element. Am decis să dau acestei forme o mică contură gri.
Acesta ar trebui să arate dispozitivul dvs. cu toate pantele aplicate.
Vom adăuga un alt inel în jurul butonului duplicând inelul și eliminând toate efectele de pe el. Pentru a elimina efectele, utilizați paleta Aspect, selectați fiecare element și faceți clic pe pictograma coș de gunoi.
Poziționați ovalul peste buton și măriți puțin. Apoi dați-i un accident greu și o umplere gri deschis.
Vom crea reflecții pe partea superioară și inferioară a ovalului dublând din nou ovalul de două ori. Apoi, schimbați dimensiunea ovalului superior ca fiind ușor mai mare și mai larg decât celălalt. Selectați ambele ovale și împărțiți-le selectând opțiunea de mai jos. Ungroupați formele accesând Object> Ungroup. Ștergeți totul, dar partea superioară a formelor. Puteți folosi partea de sus a formei pentru reflecții (a se vedea următorul pas.)
Am folosit aceeași formă pentru reflecția de sus și de jos. Pur și simplu schimbați culoarea, astfel încât să pară că cantitatea de lumină care lovește fiecare parte a suprafeței este diferită.
Obțineți reflecții pentru celelalte butoane în același mod ca și pasul 43 ...
... și din nou pentru reflecțiile asupra butoanelor din dreapta.
Aceasta ar trebui să arate arta ta chiar acum.
Duplicați fața aparatului, utilizați modulul Pathfinder pentru a îmbina ambele jumătăți (din moment ce l-am împărțit într-un pas anterior) și pentru ao distruge accesând Efect> Blur> Gaussian Blur. În paleta Transparency selectați Multiply, care vă va asigura că umbra de creare pe care tocmai am creat-o arată bine atunci când plasăm un fundal în spatele ei.
Folosind Instrumentul Rounded Rectangle, desenați un dreptunghi și dați-i un gradient verde rece.
Acest pas va aduce o mulțime de interes vizual pentru dispozitiv. Utilizând instrumentul Pen (P) trageți de-a lungul marginilor câtorva colțuri ale dispozitivului. Aceasta dă iluzia luminii care lovește aceste colțuri și muchii.
Desenați și pe partea dreaptă.
Și unii pe partea de sus. Asigurați-vă că nu treceți peste bord.
În cele din urmă, vom crea o ceață care înconjoară unele dintre cele mai importante pentru a da indicația de reflecție generală a luminii. Desenați o formă albă simplă care urmează marginea unui obiect de dedesubt, apoi aplicați o estompare prin trecerea la Efect> Blur> Gaussian Blur.
Iată ilustrația finală! Tocmai ați învățat cum să creați un dispozitiv multimedia elegant.
Accentsconagua