Cum se creează un radio din anii 90 în Adobe Illustrator

Ce veți crea

Cine nu-și amintește acele radiouri portabile fabuloase? Amintiți-vă când ați ascultat muzică de pe o casetă sau ați făcut doar o recepție la un post de radio, când nu existau încă iPod-uri sau Spotify?

Așa că astăzi ne vom aminti un radio în cel mai bun stil din anii 1990, folosind forme simple și simple în Adobe Illustrator. Să înceapă petrecerea!

Găsiți mai mult design inspirat din anii 90, peste Envato Elements.

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 debifat Aliniați obiectele noi la caseta Grid Pixel înainte de a da clic O.K.

Mergi la Preferințe (Control-K) și introduceți 1 px pentru Creșterea tastaturii. presa O.K.

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ă radioul

Vom începe prin a crea corpul radioului și apoi vom trece la celelalte elemente.

Pasul 1

Începeți prin a crea corpul radioului cu a 400 x 134 px dreptunghi folosind Instrumentul dreptunghiular (M). Utilizare # 3C3741 ca culoare de umplere.

Apoi luați Instrumentul de selecție directă (A) și mutați nodurile de jos ale dreptunghiului 5 px folosind tastele tastaturii; mișcați unul spre stânga și celălalt spre dreapta.

Pasul 2

Pentru difuzor, dublați de două ori dreptunghiul anterior (Control-C urmat de Control-F) și mutați ultima copie 120 px la dreapta. Apoi aplicați Minus Front cu copia precedentă utilizând deschizător de drumuri panou.

Aplicați a -8 px compensată la forma rezultată (Efecte> Cale> Cale de decalare) și apoi să-și extindă forma (Obiect> Extindeți aspectul). În cele din urmă, rotunjiți toate vârfurile, dar în partea dreaptă jos folosiți Live Corners cu Instrumentul de selecție directă (A).

Utilizare # 342F38 ca culoare de umplere.

Pasul 3

Acum duplicați vorbitorul (# 46424D) (Control-C> Control-F) și aplicați a -4 px offset în Efecte> Cale> Cale de decalare. Apoi creați o 80 x 80 px elipsă (# 3E3942) folosind Instrument de elipsă (L).

Duplicați elipsa de două ori (Control-C> Control-F) și mutați ultima copie ușor spre stânga pentru a crea o umbră și setați Minus Front cu elipsa anterioară folosind deschizător de drumuri panou. Schimbați culoarea de umplere la # 37333B.

Creeaza o 25 x 25 px elipsă (# 342F38) și repetați procedura utilizată pe elipsa anterioară. Utilizare # 2F2B33 ca culoarea umbrei umple.

Pasul 4

Acum, să creăm carcasa difuzoarelor utilizând a 4 x 200 px dreptunghi (# 37333B). Duplicați-l (Control-C> Control-F) și separați-le prin 200 px

Apoi selectați ambele și aplicați a Amestec (Alt-Control-B) și setați spații specifice pentru 20 în Object> Blend> Blend Options. Acum duplicați barele și rotiți-le 90 ° folosind Rotiți instrumentul (R). Grupați locuințele împreună (Control-G) și rotiți-l 45º.

Acum centrați carcasa difuzorului și duplicați forma interioară a difuzorului și apoi aduceți-l spre față (Faceți clic dreapta> Aranjare> Aduceți în față). Selectați carcasa și forma și creați o mască tăiată (Control-7). Grupează împreună toate elementele vorbitorilor (Control-G).

Pasul 5

Duplicați difuzorul (Control-C> Control-F) și reflectă (Faceți clic dreapta> Transformați> Reflectați), apoi poziționați difuzorul pe cealaltă parte a radioului.

Acum faceți dublu clic pe corpul radioului pentru a intra Izolați modul. Adăugați un dreptunghi (# 342F38) egală cu jumătate din radio. Îndepărtați forma rămasă utilizând butonul Shape Builder Tool (Shift-M).

Pasul 6

Acum, să creați tava pentru casete utilizând a 120 x 40 px dreptunghi (# 28252B). Crea 18 px colțurile colțate în vârfurile inferioare folosind Transforma panou.

Apoi adăugați fereastra utilizând a 48 x 16 px dreptunghi (# 5F5866) și în jurul vârfurilor inferioare cu Instrumentul de selecție directă (A). Apoi creați o 8 x 8 px elipsă (# 28252B) și a 3 x 3 px elipsă (# 5F5866), grupați-le împreună și duplicați elipsele (Control-C> Control-F) și puneți-le pe amândouă în centrul ferestrei.

Pasul 7

Creați un dreptunghi (# 514B57) ușor se suprapune cu fereastra și scade forma cu Shape Builder Tool (Shift-M).

Apoi creați două dreptunghiuri lungi (#FFFFFF) și setat Opacitate la 25% folosind Aspect panou. Rotiți-le 45 ° și plasați-le pe fereastră și îndepărtați forma rămasă cu Shape Builder Tool (Shift-M).

Pasul 8

Următorul lucru este să creați afișajul. Pentru aceasta, folosiți a 50 x 28 px dreptunghi (# 28252B) și în jurul colțurilor sale folosind 6 px ca raza din panou Transforma. Creeaza o 42 x 26 px dreptunghi (# 5F5866) și modificați raza de colț la 2 px.

Creați o umbră interioară dublând de două ori (Control-C> Control-F) și deplasați în jos ultima copie prin 3 px. aplica Minus Front de la deschizător de drumuri panou și utilizare # 4C4652 ca culoare de umplere.

Pasul 9

Acum, să extragem detaliile în interiorul ecranului cu Instrument Pen (P). Folosește o 2 px și setați culoarea de umplere la # 28252B, și atrage numere și câteva puncte. Setați cursa ca fiind Proiectare Atingeți de la Accident vascular cerebral panou.

Acum duplicați (Control-C> Control-F) forma cadrului exterior al afișajului și setați a -2 px offset în Efecte> Cale> Cale de decalare. Extindeți forma (Obiect> Extindeți aspectul).

Apoi adăugați trei dreptunghiuri lungi (#FFFFFF) și setați Opacitate la 15%, le înclinați 45º cu Rotiți instrumentul (R), și scădeți forma rămasă din cadrul anterior cu ajutorul Shape Builder Tool (Shift-M).

Pasul 10

Creați nouă butoane utilizând a 6 x 6 px elipsă (# 28252B) și a 3 x 3 px elipsă (# 342F38), grupându-le împreună (Control-G), duplicând forma de nouă ori. Așezați-le conform imaginii de mai jos.

Pasul 11

Apoi adăugați un alt buton utilizând a 14 x 6 px dreptunghi (# 342F38) și în jurul vârfurilor laterale din stânga cu Instrumentul de selecție directă (A).

Duplicați apoi de două ori (Control-C urmat de Control-F) și mutați ultima copie 2 px (# 28252B) și apoi aplicați Minus Front cu forma anterioară folosind deschizător de drumuri panou. Grupează totul împreună (Control-G) și duplicați-l (Control-C> Control-F). Reflectați-l și plasați cele două forme una lângă cealaltă.

Pasul 12

Adăugați șapte butoane în partea de sus cu ajutorul 13 x 13 px dreptunghiuri (# 28252B) și puneți-le pe toate 7 px. Pe primul buton din stânga, creați un 10 x 3 px dreptunghi (# 3C3741).

Acum faceți dublu clic pe baza radioului pentru a intra Izolați modul. Creeaza o 185 x 20 px dreptunghi (# 342F38), setați raza de colț la 10 px folosind Instrument rotunjit dreptunghi, și apoi plasați-o puțin suprapunând pe radio și scăzând forma rămasă cu Shape Builder Tool (Shift-M).

presa Evadare a iesi Izolați modul.

Pasul 13

Acum să creăm mânerul radioului. Creați două 20 x 50 px dreptunghiuri (# 46424D) și a 315 x 20 px dreptunghi (# 46424D). Plasați-le formând un U inversat și aplicați Uni de la deschizător de drumuri panou.

Apoi, ușor în jurul vârfurilor superioare folosind Live Corners cu Instrumentul de selecție directă (A). Creeaza o 185 x 20 px dreptunghi (# 342F38) și setați raza de colț la 10 px folosind Instrument rotunjit dreptunghi, și apoi plasați-o în centru peste mânerul radioului și extrageți forma rămasă cu Shape Builder Tool (Shift-M).

În cele din urmă, creați două 20 x 10 px dreptunghiuri (# 342F38) și plasați-le în partea interioară a mânerului. Grupează totul împreună (Control-G) și fixați-o pe partea de sus a radioului.

Pasul 14

Creați șaisprezece ani 4 x 2 px dreptunghiuri (# 666666) și setați raza de colț la 2 px utilizând Instrumentul rotunjit dreptunghi, apoi puneți-le pe butoanele mici. Ulterior, creați patru 10 x 2 px dreptunghiuri (# 666666) și plasați-le pe tava pentru casete, iar celelalte două sub butoanele de afișare.

În cele din urmă, adăugați a 28 x 6 px dreptunghi (# 666666) pe mânerul radioului și setați raza de colț la 3 px. Grupați radioul (Control-G).

3. Cum să creați note muzicale

Pasul 1

Acum că am terminat radioul, vom începe să desenăm notele muzicale și alte detalii finale. Începeți prin a crea un 6 x 6 px elipsă, a 2 x 14 px dreptunghi și a 8 x 2 px dreptunghi. Grupează-le împreună și formează prima notă muzicală.

Duplicați (Control-C> Control-F) nota muzicală pentru a crea un altul, și adăugați altul 2 x 14 px dreptunghi și a 6 x 6 px elipsă. Modificați lățimea dreptunghiului superior în 12 px, și grupați a doua notă muzicală (Control-G).

Apoi jucați cu alții 6 x 6 px și 3 x 3 px elipse, alternând cu următoarele culori de umplere: # FF6766# 00B5B5# 9684A3# B0ABA0.

Pasul 2

Pentru a termina, creați un 800 x 600 px dreptunghi (# EAE4D5) și trimiteți-o în partea din spate a pânzei (Obiect> Aranjare> Trimitere înapoi). 

Acum adaugati a 532 x 24 px elipsă (# D4CFC1) ca umbra radioului. Trimiteți-l în spatele radioului (dați clic dreapta> Aranjare> Trimitere înapoi).

Minunat! Ai terminat!

Terminat! Ați finalizat cu succes acest tutorial. După cum vedeți, a fost foarte ușor și a făcut doar câțiva pași. Sper că vi se pare util și că ați învățat multe lucruri noi pentru ilustrațiile viitoare. Voi urmări comentariile!