Share
Ce veți creaÎn acest tutorial vă voi arăta cum să creați un desktop uimitor de noapte folosind forme și instrumente de bază în Adobe Illustrator. Este foarte ușor și distractiv!
Dacă sunteți în căutarea de inspirație pentru a crea propriile dvs. scene vectoriale, de ce nu pop peste la GraphicRiver.
presa Control-N pentru a face o Document nou. Seteaza Unități la pixeli, și intră 800 x 600 pentru lățimea și înălțimea documentului. Apoi în Avansat opțiuni, selectați RGB, Ecran (72 ppi), și asigurați-vă că ați activat funcția Aliniați obiectele noi la caseta Grid Pixel înainte de a da clic O.K.
Activați funcția Grilă (Afișați> Afișați grilă) și Fixat la retea (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 10 px, așa că apăsați pur și simplu Control-K a merge la Preferințe, si in Ghiduri & Grilă a stabilit Grilă în fiecare la 10 și subdiviziunile la 4. Nu vă faceți griji - grila vă va ajuta să lucrați într-un mod simplu și poate fi activat sau dezactivat prin apăsarea tastei rapide de la tastatură Control-".
Puteți activa funcția Info panou (Fereastră> Info) pentru a avea o previzualizare a dimensiunii și poziției formelor dvs. Nu uitați să setați unitatea de măsurare la pixeli din Editați> Preferințe> Unități. Acest lucru va crește considerabil viteza muncii dvs..
Să începem prin crearea a ceea ce va cuprinde tot echipamentul nostru, biroul. Pentru a face acest lucru, vom folosi forme foarte de bază, cum ar fi dreptunghiuri și câteva elipse pentru sertare.
Începeți prin a crea topul biroului cu un 536 x 16 px dreptunghi folosind Instrumentul dreptunghiular (M). Utilizare # 61627C ca culoare de umplere.
Adauga o 460 x 52 px dreptunghi pentru sertare și utilizare # 484E69 ca culoare de umplere.
Acum, adăugați picioarele biroului folosind două 24 x 148 px dreptunghiuri. Apoi, aplicați un gradient liniar și selectați # 565C79 ca culoare de umplere. Alege 100% Opacitate în partea de sus și 0% opacitate în partea de jos, după cum se arată în imagine.
Puteți utiliza funcția Instrument de gradient (G) a face mai ușor.
Acum trageți sertarele de birou folosind un a 208 x 32 px dreptunghi. Selectați # 61627C ca culoare de umplere și de a schimba raza de toate colțurile la 6 px de la Transforma panou.
Adăugați mânerul sertarului creând o 12 x 12 px elipsă cu Instrument de elipsă (L) si foloseste # 8C8398 ca culoare de umplere.
Grupează totul împreună, duplică (Control-C> Control-F) și trageți ambele ca în imaginea de mai jos.
Primul dispozitiv de pe birou va fi un MacBook. Creeaza o 184 x 10 px dreptunghi și intrați 4 px ca raza de colț pentru toate colțurile. Utilizare # 7CEECE ca culoare de umplere.
Creați un altul 48 x 8 px dreptunghi și modificați raza de colț la 4 px. Scoateți acest dreptunghi de celălalt folosind Minus Front utilitate de la deschizător de drumuri panou. Aceasta va fi baza.
Pentru ecranul laptopului, creați un 164 x 116 px dreptunghi. Setați toate razele de colț 6 px si foloseste # 7CD5C2 ca culoare de umplere. Adaugă altul 52 x 4 px dreptunghi sub baza, utilizați # 7CBDA7 ca culoare de umplere.
Plasați ambele dreptunghiuri sub bază (Obiect> Aranjare> Trimitere înapoi).
Adăugați ecranul creând o 152 x 98 px dreptunghi și utilizare # 7566A6 ca culoare de umplere. Adăugați camera FaceTime creând un 2 x 2 px elipsă și selectați # 7CBDA7 ca culoare de umplere.
Adăugați reflexii pe ecran utilizând două dreptunghiuri (#FFFFFF), unul dintre 172 x 44 px și încă unul 8 x 172 px. Rotiți-le 45º cu Rotiți instrumentul (R) și selectați 50% Opacitate pe Aspect panou.
Selectați ecranul pentru laptop și cele două dreptunghiuri și scade marginile cu Shape Builder Tool (Shift-M). Grupează totul împreună (Control-G) și poziționați-o tot așa cum este prezentat în imaginea de mai jos.
Acum să desenăm Mac. Începeți prin crearea bazei cu 74 x 8 px dreptunghi. Setați raza de colț la 4 px și selectați # 7CEECE ca culoare de umplere.
Adaugă altul 50 x 44 px dreptunghi (# 7CD5C2) și modificați lățimea superioară cu Instrumentul pentru transformarea liberă (E) pentru a crea un trapez. Apoi, creați un 10 x 20 px dreptunghi, setați raza de colț la 6 px, și extrageți-l din dreptunghiul anterior folosind Minus Front utilitate de la deschizător de drumuri panou.
Să continuăm cu monitorul Mac. Creeaza o 222 x 130 px dreptunghi (# 7CEECE). introduce 12 px ca raza de colt.
Adăugați ecranul utilizând a 204 x 106 px dreptunghi (# 7566A6) și camera FaceTime cu un 4 x 4 px elipsă (# 7CBDA7).
Adăugați reflecții pe ecran urmând aceeași procedură ca și pentru MacBook. Adăugați două dreptunghiuri (#FFFFFF), setați-le Opacitate la 50%, și rotiți-le 45º.
Îndepărtați marginile cu Shape Builder Tool (Shift-M). Grupați împreună toate piesele Mac (Control-G) și poziționați-o așa cum se arată în imaginea de mai jos.
Fiecare birou are nevoie de o lampă drăguță de birou pentru a lumina spațiul, așa că haideți să mergem la el.
Să începem prin crearea bazei folosind a 78 x 12 px dreptunghi (# 897FBA) și setați raza colțurilor superioare la 12 px.
Acum, adăugați primul braț al lămpii utilizând a 12 x 90 px dreptunghi (# 7566A6) și rotiți-l 330 ° folosind Transforma panou. Adăugați un 18 x 18 px elipsă (# 9DA0CC) la capătul brațului.
Nu uitați să puneți brațul sub bază (Obiect> Aranjare> Trimitere înapoi).
Adăugați un al doilea braț folosind a 12 x 140 px dreptunghi și o înclinație de 55 °. Plasați-l sub (Faceți clic dreapta> Aranjare> Trimitere înapoi), după cum se arată în imaginea de mai jos.
Acum, să creăm baza superioară a lămpii folosind a 16 x 20 px dreptunghi (# 9DA0CC) și setați raza colțurilor superioare la 8 px. Adaugă altul 70 x 44 px dreptunghi (# 897FBA) și modificați lățimea superioară cu Instrumentul pentru transformarea liberă (E).
În cele din urmă, glisați vârfurile superioare folosind Live Corners cu Instrumentul de selecție directă (A).
Adăugați lampa de apel cu a 72 x 8 px dreptunghi (# 9DA0CC) și setați raza de colț la 4 px. Grupează totul împreună (Control-G) și rotiți-l 340 °.
Grupează întreg corpul lămpii (Control-G) și poziționați-o așa cum se arată în imaginea de mai jos.
Și pentru orele lungi de lucru, este întotdeauna bine să aveți o ceașcă de cafea pe partea laterală.
Trecând peste!
Creeaza o 36 x 52 px dreptunghi (# 897FBA) pentru cupă și modificați colțurile inferioare cu Instrumentul pentru transformarea liberă (E) folosind Perspectiva Distort caracteristică.
Adaugă altul 38 x 18 px dreptunghi pentru banda de cupa (# BEB2FF) și întindeți colțurile inferioare.
Acum, adăugați capacul pentru pahar cu ajutorul a 42 x 6 px dreptunghi (# EDEEF0) și a 32 x 4 px dreptunghi (# D8D9DD). Grupează totul împreună (Control-G) și poziționați-o așa cum se arată în imaginea de mai jos.
Suntem pe cale să terminăm!
Acum, să creăm un ceas pentru spațiul nostru de lucru.
Creeaza o 112 x 112 px elipsă (# 4E5471) pentru baza ceasului. Duplicați (Control-C> Control-F) elipsa și schimbați dimensiunea acesteia 94 x 94 px (# 61627C) folosind Transforma panou.
Adauga o 4 x 14 px dreptunghi (# 818196) și în jurul colțurilor sale. Apoi, folosind Rotiți instrumentul (R), fixați punctul de ancorare în centrul elipsei și faceți trei copii (Control-D) a dreptunghiului, fiecare separat de 90 °.
Acum trebuie să creăm mâinile ceasului, așa că începeți prin a crea un 4 x 46 px dreptunghi (# 9DA0CC) ca mâna de minute. Rotiți toate colțurile dreptunghiului. Puneți-o în centrul cadranului și rotiți-o cu Rotiți instrumentul (R), fixarea punctului de ancorare spre centru.
Adăugați un 8 x 46 px dreptunghi (# 818196) ca mâna oră și în jurul colțurilor sale. Rotiți-l cu Rotiți instrumentul (R).
În cele din urmă, adăugați a 14 x 14 px elipsă (# BAB5C1) în centrul ceasului. Grupează totul împreună (Control-G) și poziționați-o așa cum se arată în imaginea de mai jos.
Să începem prin crearea a câteva stele folosind a 4 x 14 px dreptunghi (# 7CEECE) cu colțuri rotunjite. Apoi duplicați-l (Control-C> Control-F) și rotiți-l 90º. Grupează totul împreună (Control-G) și duplicat-o de șase ori, alternând între # 7CEECE și # 9DA0CC ca culori de umplere.
Redați puțin dimensiunile și poziționați-o după cum se arată în imaginea de mai jos.
Acum să creăm un 800 x 600 px dreptunghi (# 333656), de aceeași dimensiune ca pânza și trimiteți-o în spate (Faceți clic dreapta> Aranjare> Trimitere înapoi).
Apoi, ca un detaliu final, trageți un trapez cu Instrument Pen (P) în lampă și apoi aplicați un gradient liniar folosind # 00FFFF și #FFFFFF ca culori de umplere. Seteaza Opacitate la 0% pentru #FFFFFF culoare.
Da! În cele din urmă am terminat și rezultatul este mai mult decât fabulos. Îmi place o astfel de imagine în stil de design plat, pentru că oferă o senzație minimalistă fără a pierde bucuria.
Sper că ați învățat lucruri noi și că puneți totul în practică. Aș vrea să văd rezultatul!
Accentsconagua