Share
Vad du ska skapaVem kommer inte ihåg dessa fantastiska bärbara radioapparater? Kom ihåg när du brukade lyssna på musik från en kassett eller bara ställa in på en radiostation, när det inte fanns några iPod eller Spotify?
Så idag kommer vi att minnas en radio i 90-talets bästa stil med enkla och enkla former i Adobe Illustrator. Låt festen börja!
Hitta mer 90-tal inspirerad design, över på Envato Elements.
Tryck Kontroll-N att göra en Nytt dokument. Ställ in Enheter till pixlar, och skriv in 800 x 600 för bredd och höjd på dokumentet. Sedan i Avancerad alternativ, välj RGB, Skärm (72 ppi), och se till att avmarkera Justera nya objekt till Pixel Grid-rutan innan du klickar ok.
Gå till Inställningar (Kontroll-K) och ange 1 px för Upprepning av tangentbordet. Tryck ok.
Du kan aktivera Info panel (Fönster> Info) för att få en förhandsvisning av storleken och positionen på dina former. Kom ihåg att ställa in mätenheten till pixlar från Redigera> Inställningar> Enheter. Detta ökar din arbetshastighet kraftigt.
Vi börjar med att skapa radioens kropp, och sedan flyttar vi till de andra elementen.
Börja med att skapa radiokroppen med en 400 x 134 px rektangel med hjälp av Rektangelverktyg (M). Använda sig av # 3C3741 som fyllfärgen.
Ta sedan Direktmarkeringsverktyg (A) och rör rektangelns bottennoder med 5 px med tangentbordets tangenter flytta en till vänster och den andra till höger.
För högtalaren duplicerar du den tidigare rektangeln två gånger (Control-C följt av Control-F) och flytta den sista kopian 120 px till höger. Applicera sedan Minus Front med föregående kopia med Stigfinnare panel.
Applicera en -8 px offset mot den resulterande formen (Effekter> Path> Offset Path) och expandera sedan dess formulär (Objekt> Expand Utseende). Slutligen runt alla hörn men nederst till höger med Levande hörn med Direktmarkeringsverktyg (A).
Använda sig av # 342F38 som fyllfärgen.
Kopiera nu högtalaren (# 46424D) (Control-C> Control-F) och tillämpa a -4 px kompenseras i Effekter> Path> Offset Path. Skapa sedan en 80 x 80 px ellipsen (# 3E3942) använda Ellipsverktyg (L).
Dubbla ellipsen två gånger (Control-C> Control-F) och flytta den sista kopian något till vänster för att skapa en skugga och ställa in Minus Front med den tidigare ellipsen med hjälp av Stigfinnare panel. Ändra fyllningsfärgen till # 37333B.
Skapa en 25 x 25 px ellipsen (# 342F38) och upprepa proceduren som användes på den tidigare ellipsen. Använda sig av # 2F2B33 som skugga fyll färg.
Låt oss nu skapa högtalarhuset med en 4 x 200 px rektangel (# 37333B). Kopiera det (Control-C> Control-F) och separera dem med 200 px.
Välj sedan båda och använd a Blandning (Alt-Control-B), och ange specifika utrymmen till 20 i Objekt> Blanda> Blandningsalternativ. Dubbla nu staplarna och rotera dem med 90 ° använda Rotera verktyg (R). Gruppera huset tillsammans (Kontroll-G) och rotera den 45 °.
Centrera nu huset på högtalaren och duplicera högtalarens inbyggda form och sedan ta den framåt (Högerklicka> Ordna> Ta framåt). Välj hus och form och gör en snittmask (Kontroll-7). Gruppera alla högtalarelementen tillsammans (Kontroll-G).
Kopiera högtalaren (Control-C> Control-F) och reflektera det (Högerklicka> Transformera> Reflektera) och placera sedan högtalaren på den andra sidan av radion.
Dubbelklicka nu på radiokroppen för att komma in Isolera läge. Lägg till en rektangel (# 342F38) lika med hälften av radion. Ta bort resterande form med hjälp av Formverktygsverktyg (Shift-M).
Låt oss nu skapa kassettfacket med hjälp av a 120 x 40 px rektangel (# 28252B). Skapa 18 px avfasade hörn i bottenkanten med hjälp av Omvandla panel.
Lägg sedan till fönstret med en 48 x 16 px rektangel (# 5F5866) och runda de nedersta vertikalerna med Direktmarkeringsverktyg (A). Skapa sedan en 8 x 8 px ellipsen (# 28252B) och a 3 x 3 px ellipsen (# 5F5866), gruppera dem tillsammans och duplicera ellipserna (Control-C> Control-F) och placera dem båda i mitten av fönstret.
Skapa en rektangel (# 514B57) något överlappande med fönstret och subtrahera sin form med Formverktygsverktyg (Shift-M).
Skapa sedan två långa rektanglar (#FFFFFF) och set Opacitet till 25% använda Utseende panel. Rotera dem 45 ° och placera dem på fönstret och ta bort den återstående formen med Formverktygsverktyg (Shift-M).
Nästa sak är att skapa bildskärmen. För detta, använd a 50 x 28 px rektangel (# 28252B) och runt sina hörn med 6 px som radien från panelen Omvandla. Skapa en 42 x 26 px rektangel (# 5F5866) och ändra hörnradie till 2 px.
Skapa en inre skugga genom att duplicera två gånger (Control-C> Control-F) och flytta ner sista kopian av 3 px. Tillämpa Minus Front från Stigfinnare panel och användning # 4C4652 som fyllfärgen.
Låt oss nu rita detaljerna i displayen med Penverktyg (P). Använda en 2 px slagtjocklek och sätt fyllfärgen till # 28252B, och rita siffror och några punkter. Ställ stroke som Projektionspeka från Stroke panel.
Kopiera nu (Control-C> Control-F) formen på den yttre ramen på displayen och ställa in a -2 px kompenseras i Effekter> Path> Offset Path. Expanda formen (Objekt> Expand Utseende).
Lägg sedan till tre långa rektanglar (#FFFFFF) och ställa in Opacitet till 15%, luta dem vid 45 ° med Rotera verktyg (R), och subtrahera den återstående formen från föregående ram med hjälp av Formverktygsverktyg (Shift-M).
Skapa nio knappar genom att använda en 6 x 6 px ellipsen (# 28252B) och a 3 x 3 px ellipsen (# 342F38), gruppera dem tillsammans (Kontroll-G) och duplicera formen nio gånger. Placera dem enligt bilden nedan.
Lägg sedan till en annan knapp med hjälp av a 14 x 6 px rektangel (# 342F38) och runt de vänstra sidospetsarna med Direktmarkeringsverktyg (A).
Duplicera sedan två gånger (Control-C följt av Control-F) och flytta upp den sista kopian 2 px (# 28252B) och därefter tillämpas Minus Front med föregående form med hjälp av Stigfinnare panel. Gruppera allt tillsammans (Kontroll-G) och duplicera det (Control-C> Control-F). Reflektera det och placera de två formerna bredvid varandra.
Lägg till sju knappar på toppen med 13 x 13 px rektanglar (# 28252B), och placera dem var och en 7 px. På den första knappen från vänster, skapa en 10 x 3 px rektangel (# 3C3741).
Dubbelklicka nu på radion för att komma in Isolera läge. Skapa en 185 x 20 px rektangel (# 342F38), sätt hörnradie till 10 px använda Rundad rektangelverktyg, och placera den lite överlappande på radion och dra av den återstående formen med Formverktygsverktyg (Shift-M).
Tryck Fly att lämna Isolera läge.
Nu ska vi skapa radioens handtag. Skapa två 20 x 50 px rektanglar (# 46424D) och a 315 x 20 px rektangel (# 46424D). Placera dem som en inverterad U och applicera Förena från Stigfinnare panel.
Därefter, något runt de övre vertikalerna med Levande hörn med Direktmarkeringsverktyg (A). Skapa en 185 x 20 px rektangel (# 342F38) och ställ in hörnradie till 10 px använda Rundad rektangelverktyg, och placera den sedan i mitten över radioens handtag och dra av den återstående formen med Formverktygsverktyg (Shift-M).
Slutligen skapa två 20 x 10 px rektanglar (# 342F38) och placera dem i handtagets inre del. Gruppera allt tillsammans (Kontroll-G) och fixa det ovanpå radion.
Skapa sexton 4 x 2 px rektanglar (# 666666) och ställ in hörnradie till 2 px Använd den rundade rektangelverktyget och placera dem på de små knapparna. Efteråt skapa fyra 10 x 2 px rektanglar (# 666666) och placera dem på kassettfacket och de andra två under displayknapparna.
Slutligen lägg till en 28 x 6 px rektangel (# 666666) på radioens handtag och ställ in hörnradie till 3 px. Gruppera radioen (Kontroll-G).
Nu när vi har avslutat radion börjar vi skriva musiksedlarna och andra slutliga detaljer. Börja med att skapa en 6 x 6 px ellips, a 2 x 14 px rektangel och a 8 x 2 px rektangel. Gruppera dem tillsammans och bilda den första musikaliska noten.
Duplicera (Control-C> Control-F) musik noten för att skapa en annan, och lägga till en annan 2 x 14 px rektangel och a 6 x 6 px ellips. Ändra bredden på den övre rektangeln till 12 px, och gruppera den andra musikaliska noten (Kontroll-G).
Sedan spela med olika 6 x 6 px och 3 x 3 px ellipser, alternerande med följande fyllfärger: # FF6766, # 00B5B5, # 9684A3, # B0ABA0.
För att slutföra, skapa en 800 x 600 px rektangel (# EAE4D5) och skicka det till baksidan av duken (Objekt> Ordna> Skicka till Tillbaka).
Lägg nu till en 532 x 24 px ellipsen (# D4CFC1) som radians skugga. Skicka det bakom radion (klicka på höger> Ordna> Skicka bakåt).
Gjort! Du har slutfört denna handledning. Som du ser var det väldigt lätt och tog bara några steg. Jag hoppas att du tycker att det är bra och att du har lärt dig många nya saker för dina framtida illustrationer. Jag ska titta på kommentarerna!
Accentsconagua