Cum se creează căștile de design plate în Adobe Illustrator

Ce veți crea

Îmi place căștile, iar acest tutorial este inspirat de Audiotechnica M50X. După cum veți vedea, vom crea acest lucru cu forme de bază în Adobe Illustrator. Deci, dacă sunteți un iubitor de căști și o muzică bună, acest tutorial este pentru dvs.!

Obțineți inspirație din numeroasele ilustrații vectoriale de design plat pe GraphicRiver.

Să începem!

1. Cum să creați un document nou și să configurați o rețea

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 RGBEcran (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..

2. Cum se creează căștile

Mai intai lucrurile intai - sa incepem cu un casti pentru a putea sa-l repetam si apoi sa cream capul pentru catilele noastre. Asigurați-vă că porniți Grilă astfel încât să puteți lucra cu mai multă precizie și ușurință.

Pasul 1

Începeți prin a crea cască cu un a 46 x 132 px dreptunghi folosind Instrumentul dreptunghiului (M). Selectați # 84EDFF ca culoare de umplere și fără culoare pentru umplerea accidentală.

În Transforma panou, introduceți 14 px ca raza din colțul din dreapta și 2 px ca raza de colt din stânga.

Pasul 2

Duplicați dreptunghiul (Control-C> Control-F) și să-i schimbe Lăţime la 36 px cu Instrument de selecție (V). Selectați # 40BDD1 ca culoare de umplere și modificați raza din colțul din dreapta până la 10 px.

Pasul 3

Duplicați ultimul dreptunghi (Control-C> Control-F) și să-i schimbe Lăţime la 24 px. Selectați # 47D2E9 ca culoare de umplere și modificați raza de colț din stânga la 6 px.

Pasul 4

Alături de cască, creați baza difuzoarelor utilizând a 4 x 128 px dreptunghi și utilizare # 5B5B5F ca culoare de umplere; apoi setați raza din colțul din dreapta spre 2 px.

Pasul 5

Acum creați carcasa folosind a 24 x 80 px dreptunghi. Selectați # 363434 ca culoare de umplere și modificați raza de colț din stânga la 2 px

Pasul 6

Adăugați o adâncime la duplicarea carcasei (Control-C> Control-F) dreptunghiul anterior și schimbarea sa Înălţime la 58 px. Schimbați culoarea de umplere la # 3B3939.

Pasul 7

Repetați pasul anterior și schimbați dreptunghiurile Înălţime la 50 px. Schimbați culoarea de umplere la # 444242.

Pasul 8

Acum creați suportul pentru balamaua difuzorului folosind a 20 x 16 px dreptunghi. Selectați # 4D4A4A ca culoare de umplere și modificați raza laterală din stânga la 8 px.

Duplicați dreptunghiul (Control-C> Control-F) și să se miște 2 px în jos, utilizând săgeata tastaturii. Schimbați culoarea de umplere la # 3B3B3B și trimiteți-o înapoi (Obiect> Aranjare> Trimitere înapoi).

Pasul 9

Creeaza o 8 x 42 px dreptunghi pentru banda mică de pe difuzor / carcasă. Setați raza de colț inferior la 4 px și selectați # 5B5B5F ca culoare de umplere. 

Duplicați-l (Control-C> Control-F) și modificați culoarea de umplere la # 3B3B3B. Deplasați dreptunghiul în jos 2 px, și trimiteți-o înapoi (Obiect> Aranjare> Trimitere înapoi).

Pasul 10

Continuați cu banderola de mână mică folosind a 8 x 10 px dreptunghi. Selectați # 444242 ca culoare de umplere și așezați dreptunghiul așa cum se arată în imaginea de mai jos.

Pasul 11

Acum creați o balama utilizând un a 16 x 16 px elipsă cu Instrument de elipsă (L). Selectați # 5B5B5F ca culoare de umplere și așezați elipsa după cum se arată în imaginea de mai jos.

Duplicați elipsa și schimbați dimensiunea acesteia 12 x 12 px de la Transforma panou. Schimbați culoarea de umplere la # 444242.

Pasul 12

Continuați să desenați suportul benzii de susținere cu ajutorul a 16 x 18 px dreptunghi. Schimbați culoarea de umplere la # 444242. Selectați colțurile colțurilor pentru colțurile inferioare și setați raza la 4 px. Trimiteți dreptunghiul spre spate (Obiect> Aranjare> Trimitere înapoi).

Pasul 13

Creaza un nou 12 x 20 px dreptunghi și selectați # 5B5B5F ca culoare de umplere. Setați raza colțului inferior la 6 px.

Duplicați (Control-C> Control-F) dreptunghiul și modificați culoarea de umplere la # 3B3B3B. Trimiteți-l înapoi (Obiect> Aranjare> Trimitere înapoi) și mutați-l în jos 2 px.

Pasul 14

Creați două dreptunghiuri, unul dintre ele 4 x 26 px (# D8D9DD) Pentru cureaua pentru banda de susținere și una din celelalte 12 x 20 px (# 5B5B5F) Ca suport pentru curea.

Duplicați primul dreptunghi (Control-C> Control-F) și să-i schimbe Înălţime la 2 px. Schimbați culoarea de umplere la # AEADB3

Selectați totul și grupați-l împreună (Control-G).

Pasul 15

Acum, ne vom desena căștile. Să începem prin crearea unui 252 x 252 px elipsă și selectare 20 px ca lățimea accidentului. Selectați # 84EDFF ca culoarea accidentului și ștergeți punctul de ancorare inferior al elipsei cu Instrumentul de selecție directă (A).

Extindeți cursa (Obiect> Extindeți ... ) și apoi ușor în jurul marginilor inferioare ale benzii de susținere cu Instrumentul de selecție directă (A).

Pasul 16

Duplicați banderola (Control-C> Control-F). Setați scara la 93% (Obiect> Transformare> Scală ... ). Utilizare # 47D2E9 ca culoare de umplere.

Mutați banda de susținere dublă 6 px în jos, apoi selectați ambele benzi de cap și scoateți partea inferioară rămasă cu Shape Builder Tool (Shift-M)

Pasul 17

Suntem pe cale să terminăm căștile!

Acum, selectați difuzorul stâng, duplicați-l (Control-C> Control-F) și să o reflecte vertical (Obiect> Transformare> Reflect ... ). Puneți-l doar pe partea dreaptă a benzii.

3. Cum să creați un cablu de conectare

Acum că am terminat căștile, este timpul să tragem cablul. Trecând peste!

Pasul 1

Să începem cu intrarea cablului în difuzorul din dreapta. Desenați-l folosind a 14 x 20 px dreptunghi și selectați # 2B2A2A ca culoare de umplere.

Adaugă altul 8 x 16 px dreptunghi pentru conectorul de cablu. Utilizare # 545252 ca culoare de umplere.

Pasul 2

Acum, trageți cablul cu Instrument Pen (P), utilizând 4 px ca grosimea accidentului. Utilizare # 47D2E9 ca și culoarea accidentului.

În jurul tuturor colțurilor cu Instrumentul de selecție directă (A). Extindeți apoi forma cursei (Obiect> Extindeți ... ) și apăsați O.K.

Opriți Fixat la retea pentru o clipă (Shift-Control-“) pentru a alinia cablul cu conectorul.

Pasul 3

Să tragem cricul cu ajutorul unui a 8 x 22 px dreptunghi și # 545252 ca culoare de umplere. Adaugă altul 2 x 8 px dreptunghi (# 8A8686).

Adăugați un al treilea dreptunghi, unul din# B4B5B8) 4 x 20 px, și stabilit 2 px în colțurile superioare din Transforma panou.

În cele din urmă, adăugați două 4 x2 px dreptunghiuri (# 8A8686) și plasați-le pe cric.

4. Cum să creați un fundal

Și am terminat cablul de conectare, așa că acum să terminăm designul, creând un fundal frumos pentru căștile noastre.

Pasul 1

Să începem prin crearea unei note muzicale. Pentru a face acest lucru, utilizați a 22 x 12 px dreptunghi, a 4 x 40 px dreptunghi și în final a 20 x 20 px elipsă. Utilizare # 003E57 ca culoare de umplere.

Conectați toate formele și îmbinați-le împreună folosind Uni butonul din deschizător de drumuri panou. Ușor rotund toate colțurile cu Instrumentul de selecție directă (A).

Pasul 2

Duplicați (Control-C> Control-F) nota muzicală de patru ori, și rotiți copii și schimbați baloanele folosind Instrument de selecție (V). Așezați-le conform imaginii de mai jos.

Apoi grupează-le împreună și le răsuciți vertical (Obiect> Transformare> Reflect ... ) pentru a le plasa pe partea dreaptă a căștilor.

Pasul 3

În cele din urmă, creați un 800 x 600 px dreptunghi, de aceeasi dimensiune ca panza. Aplicați un gradient radial din Gradient utilizând următoarele culori de umplere:

  • Culoare A: # 1F3B54
  • Culoarea B: # 182D40

Amintiți-vă să trimiteți dreptunghiul în spatele pânzei (faceți clic dreapta> Aranjare> Trimitere înapoi).

Lucru minunat, ai terminat!

Yaaaay! Au fost efectuate! Ați terminat această ilustrare uimitoare de căști! Este un rezultat incredibil, un alt exemplu în care puteți obține ilustrații distractive fără dificultăți mari prin utilizarea formularelor de bază.

Sper că ți-a plăcut acest tutorial la fel de mult ca și mine; sperăm că a fost plină de noi cunoștințe pentru tine. Aș vrea să văd designul dvs. - voi aștepta!