Åpne Photoshop og lage et nytt dokument størrelse på 1300 px bredt og 1000 piksler høyt med oppløsning av 72 px /inch.

Trinn 2

Sett forgrunn og bakgrunn farger for å #ededed og # c2c2c2, plukke opp gradient Tool (G), velger forgrunn til bakgrunn gradient og trekke gradient fra øverst til nederst.

Trinn 3

Bruk Avrundet rektangel Tool (U) med radius på 10px å tegne rektangelet. For fargebruk # 32312f. Dette rektangel vil representere kroppen vår radio.

Fikk til Rediger> Transformer> Perspektiv og justere perspektiv. Bruk bildet under som referanse

Gi dette rektangelet følgende lagstiler:.. Inner Shadow, indre glød og avskårne hjørner og preg

Trinn 4

I dette trinnet skal vi å legge til høyttaler. La oss starte med å tegne en avrundet rektangel hjelp Avrundet rektangel Tool (U), med Radius satt til 10px.

Velg sin vei, traff Cmd /Ctrl + Alt + T, og flytte den ned par piksler.

Velg Direct Selection Tool (A), velger du bare punkter på venstre side av rektangelet, og gjør rektangel litt bredere (hold Shift for å gjøre det rett).

Gjenta denne handlingen til du lage noe lignende som på bildet under.

Sett Fyll til 0%, og bruke lagstiler.

Duplicate dette laget, flip Horizontal (Rediger> Transformer> Vend vannrett), og flytte den litt til høyre, for å fullføre høyttaler form.

Gruppe disse lagene i "Speaker" gruppe.

Trinn 5

La oss starte med å skape våre knapper. Legg til ny gruppe på toppen og gi den et navn "på /av-knappen". Inside "på /av-knappen" gruppe, bruker Ellipse Tool (U) for å lage en liten sirkel. Sett lagets Fill til 0% og gjelder Skråkant og preg.

Kopier denne sirkelen (Cmd /Ctrl + J). Sett duplisert formlag farge til # b3b4ae farge og Fyll til 100%

Åpne Lagstil panel og legge til:... Indre skygge

Inner Glow

Bevel og Relieff.

og Gradient Overlay.

Pickup Horisontal Type Tool (T) og legge knappen et navn. For fargebruk # b3b4ae.

Trinn 6

Duplicate "on /off-knappen" gruppe og flytte den litt til høyre. Endre knappen navn til "mw", og også den gruppen navn til "mw-knappen".

Duplicate "mw knappen" gruppe, flytte den litt til høyre, sett navnet på knappen for å "UKW ", og navnet på gruppen til" UKW-knappen ".

Åpne opp Layer stil-boksen for å redigere effekter. Slå av Indre skygge effekt og legge Drop Shadow, for å skape effekten den knappen det ikke er trykket på.

Trinn 7

I dette trinnet vil vi skape frekvens tuning knotten. Opprett ny gruppe på toppen, you name it "tuning", og inne denne gruppen uavgjort cirlce med Ellipse Tool (U). For farge velge # b3b4ae.

Åpne Layer stil egenskaper ved å dobbeltklikke på laget, og legge lag stil effekter.

Duplicate dette laget, gjør det litt mindre hjelp av Free Transform Tool ( cmd /Ctrl + T), klare lagstiler, etter

Og søke nye.

Til slutt gir denne bryteren merket "tuning".

Trinn 8

Duplicate "tuning" gruppe, skala det ned litt, endre navnet til "diskant", og posisjon som på bildet under.

Duplicate "treble" gruppe to ganger, endre navn til "bass" og "volum" og plassere den, ved hjelp av bildet nedenfor som referanse.

trinn 9

I dette trinnet vil vi skape frekvens boks. La oss begynne med å lage hvit (# ffffff) rektangel.

Bruk følgende lagstiler til dette rektangelet.

Tegn linje ved hjelp Linje Tool (U), med vekt satt til 2 piksler, og farge satt til # 515151.

Deretter trekker mindre linje som på bildet under.

i likhet, som vi gjorde i trinn 4, velger bane, traff Cmd /Ctrl + Alt + T, og flytte den opp par piksler.

Duplicate igjen med Cmd /Ctrl + Alt + T. Gjenta dette til du har noe sånt som dette.

Legg frekvens tall (for fargebruk # 515151).

Step 10

Ved hjelp av metoden forklart i trinn 9, opprette en annen skala (bruk samme farge # 515151).

Deretter tegner 3 vertikale røde linjer (# c30101) med linje Tool (U) og Vekt satt til 1PX.

Legg horisontale røde linjer (# c30101). Bruk Linje Tool (U) for å trekke liten linje (vekt - 1px), og velg deretter sin vei, trykker Cmd /Ctrl + Alt + T på tastaturet for å kopiere, flytte noen få piksler opp, og gjenta dette til du har noe som ligner på bildet nedenfor.

Igjen legge frekvens tall. Bruk samme røde fargen vi brukte for linjer.

Trinn 11

Invoke Linje Tool (A) igjen, satt Vekt til 3px, farge # c30101, og trekke frekvens indikator.

Legg skygge og skrå~~POS=TRUNC og preg fra Layer Styles.

Trinn 12

Velg hvitt rektangel, at vi skapte først, da vi begynte å jobbe på frekvens boksen. Duplicate dette laget og flytte den på toppen.

Sett Fyll til 0%, og legge til Indre skygge, og Skråkant og preg.

Opprett nytt lag på toppen, plukke opp Rectangular Marquee Tool (M ), satt Feather til 1PX, og skape utvalg

Fyll utvalg med hvilken som helst farge, etter

Endre Blend Mode til Linear Dodge (Legg til), Fill til 0%, og legge lagstiler. Indre Glow og skrå~~POS=TRUNC og preg.

Klikk på lagene miniatyr å skape utvalg rundt den, legge nytt lag på toppen (Cmd /Ctrl + Shift + N), etter

Grab Polygonal Lasso Tool (L ), sørg for å velge Snitt med markering, og skape utvalg lik som på bildet under.

Fyll utvalg med hvit (# ffffff) farge, endre Blend Mode til Screen og Opacity til 30%.

Velg alle frekvens lag og gruppere dem i en gruppe.

Trinn 13

Åpne opp Powered By Envato API logo (oppført i Instruksjons Eiendeler) i Photoshop, ta bare Envato logo og import i vår design. Skalere det ned og posisjon som på bildet nedenfor. Dobbelklikk på lag for å åpne Layer Style, og gi dette laget Color Overlay.

Opprett nytt lag på toppen, sett forgrunnsfargen til hvit (# ffffff), og tegne en forgrunnsfarge til Transparent gradient ved hjelp av Gradient verktøyet (G ).

Opprett utvalg rundt radio kroppen, og gjelder lagmaske.

Endre Blend Mode til Screen og senke Opacity til 30%. Dette er hva vi har akkurat nå.

Velg alle grupper og lag, bortsett fra bakgrunnslaget, og legg dem i en gruppe som heter "radio".

Trinn 14

Vi er re nesten der. Opprett nytt lag like over bakgrunnslaget, den navnet "skygge", sett forgrunnsfargen til svart (# 000000), og bruk Round myk børste tegne en rett linje.

Sett Blend Mode til Overlay og Opacity til 90 %.

Duplicate "radio" gruppe, konvertere den til smart objekt, vende Vertical (Edit> Transform> Flip Vertical), og posisjon under "skygge" lag. Bruk bildet under som referanse.

Gi denne Smart Object Gaussian Blur (Filter> Blur> Gaussian Blur) med Radius satt til 3px.

Legg til lagmaske til dette laget ( "refleksjon lag") , sett forgrunnsfargen til svart (# 000000), og ved hjelp av gradient Tool (G), tegne en forgrunnsfarge til Transparent gradient, for å maskere ut den nederste delen av refleksjon. Endelig senke Opacity av " refleksjon lag " til 90%.

Final Bilde

Variasjon