Utforme en detaljert Audio Receiver Ikon i Photoshop

Design en Detaljert Audio Receiver Ikon i Photoshop

I denne opplæringen vil vi vise deg hvordan du oppretter en detaljert lyd mottaker icon bruker Photoshop vektorredigeringsmuligheter. La oss komme i gang!



Instruksjons Eiendeler

Følgende eiendeler ble brukt under produksjonen av denne opplæringen.

  • Powered By Envato API logo

    Trinn 1

    Åpne Photoshop og lage et nytt dokument størrelse på 900 px bred og 500 px høy med oppløsning på 72 px /inch.

    Trinn 2

    Bruk Avrundet rektangel Tool (U) med radius på 5px å trekke lys grå (# f0efef) rektangel. Dette rektangelet vil være grunnlaget for vår mottaker. Påfør Skråkant og preg fra Layer stil panel.

    Trinn 3

    Cmd /Ctrl-klikk på Vector maske miniatyr å opprette utvalg, skape nytt lag på toppen, legg klipping maske, fyll lag med hvit farge, og deretter legge til støy ved å velge Filter> Støy> Legg til støy fra hovedmenyen med innstillinger på 30%, Gaussian og monokromatisk.

    Blur støy ved å velge Filter> Blur> Motion Blur med en vinkel på 0 og en avstand på 55 piksler, for å skape børstet metall effekt. Påfør Gradient Overlay til dette laget, for å bytte Blend Mode Multipliser og satt Opacity til 80%

    Trinn 4

    Pickup rektangel Tool (U) og tegne liten svart firkant -. "Fot", gjelder Gradient Overlay fra Layer stil, og stillingen dette laget under mottaker "kroppen" lag.

    Tegn en annen sort rektangel bruker rektangel Tool (U) like nedenfor "fot" lag.

    Gjenta prosessen for å skape den andre foten.

    Trinn 5

    Opprett grå (# 6e6e6e) rektangel, ved hjelp Avrundet rektangel Tool (U) med radius satt til 3px og gjelder følgende lagstiler.
    < p> Posisjons dette rektangelet nedenfor mottaker kroppen ved hjelp av bildet nedenfor som referanse.

    Trinn 6

    Opprett svart (# 141414) avrundet rektangel med radius på 70px og anvende Skråkant og preg og Stroke fra Layer style panel. Gi dette laget navnet "display".

    Cmd /Ctrl-klikk på Vector maske miniatyr å opprette utvalget, gå til Velg> Endre> Utvid for å utvide utvalget av 3px, deretter opprette nytt lag like under avrundet rektangel og fyll den med svart farge. Oppheve valget ved å trykke Cmd /Ctrl + D på tastaturet. Navn dette laget "skjerm bakgrunn".

    Trinn 7

    La oss lage dvd skuffen. Tegn svart avrundet rektangel med 10px radius og plasser den som på bildet under.

    Cmd /Ctrl-klikk på Vector maske miniatyr av "skjerm" for å lage utvalg rundt, sørg for at du er på "dvd skuffen" lag , inverse utvalget (Velg> Inverse), og deretter trykke Delete på tastaturet for å slette den øverste delen av rektangelet.

    Legg følgende lagstiler til "DVD-skuffen" lag.

    Opprett valg rundt " DVD-skuffen "lag (Cmd /Ctrl-klikk på lag thumbnail), utvide utvalget av 3px (Velg> Endre> Utvid), opprette nytt lag under" DVD-skuffen ", fyll med svart farge og påfør Skråkant og preg.
    < p> Velg Custom Shape Tool (U), laste Natur figurer og tegne Sun2 form ved hjelp # 4c4c4c farge.

    Trinn 8

    Det er på tide legge kommandoknapp. Grab Ellipse Tool (U), lage svart sirkel og legge denne blending alternativer til sirkelen.

    Tegn en hvit sirkel i midten av prevoius ene og legge Ytre glød og Color Overlay.

    Tegn en sirkel (# 242424) i midten av prevoius en, men bare litt mindre, og gi dette laget Gradient Overlay.

    Med Ellipse Tool (U) opprette en mer sirkel (# 1d1d1d) i midten og gjelder Skråkant og preg og Stoke fra Layer stil panel.

    Legg kommandonavn i midten bruker Horisontal Type Tool (T), og retningspiler hjelp Polygon Tool (U). For fargebruk # 777777.

    Trinn 9

    Ved hjelp av metoden forklart i trinn 8 opprette kommandoknapp på høyre side av mottakeren. Lag stop, spille, pause, fremover, spole og ta ut kommandoer ved hjelp rektangulært Polygon Tool. For fargebruk # 777777.

    Trinn 10

    Bruk Horizontal Type Tool (T) for å legge til litt tekst og tall på skjermen. Bruk en rekke skriftstørrelser og vekt for å gi fokus til viktige elementer. For fargen bruke # 64efdd. Legg en Ytre glød ved hjelp av samme fyllfarge.

    Trinn 11

    Åpne opp et nytt dokument på 4px av 4px. Zoome inn i dokumentet og bruke Pencil Tool (B) for å trekke to horisontale linjer over lerretet. Gå til Edit> Define Pattern og gi det et navn på LED.

    Legg et mønster overlegg til tekst og tall på skjermen.

    Step 13

    Legg til flere tall på vise og bruke Ytre glød og Pattern Overlay som beskrevet i trinn 10 og Steg 11. The Musical skiltet kan bli funnet i Custom Shape Tool> Musikk Shapes> Åtte Note, mens de andre tegn kan enkelt laget med rektangulært Ellipse Tool.

    Trinn 14

    Cmd /Ctrl-klikk på "skjermbakgrunn" for å lage markering rundt det, skape nytt lag på toppen, dra en hvit til gjennomsiktig gradient, fra topp til bunn, for å skape et høydepunkt, og endrer Blend Mode til Soft Light.

    Trinn 15

    I dette trinnet skal vi legge til telefoner og aux-innganger. Tegn sirkel ved hjelp av Ellipse Tool og fyll den med # 777777 farger. Edit Layer Styles å inkludere Indre skygge, Indre Glow, Bevel og preg og satt Fyll til 0%.

    Opprett en sirkel ved hjelp av # 777777 farger og skala i posisjon til å sitte sentralt. Still Fyll til 0% og gjelder følgende lagstiler.

    Lag enda en sirkel ved hjelp av # 353535 og plassere det sentralt. Legg inn navn ved hjelp Type Tool og gjelder Drop Shadow. Gruppe disse lagene i " telefoner " gruppe.

    Duplicate "telefoner" gruppe, flytte den litt til høyre og endre inngangs navn til AUX og gruppenavnet til "aux".

    Trinn 16

    La oss gå videre. Det er på tide å lage USB-kontakt. Grab rektangelverktøyet og tegne svart rektangel. Still Fyll til 0% og legge lagstiler.

    Tegn en svart firkant, litt mindre da forrige, lavere Fyll til 0%, åpne Layer Styles og bruke Drop Shadow, Gradient Overlay og Stroke.

    Tegn enda en svart firkant, igjen litt mindre da forrige, og gjelder følgende lagstiler.

    Til slutt lage enda en svart firkant, satt Fyll til 0%, dobbeltklikk på lag for å åpne Layer Stil og gjelder Inner Glow, Gradient Overlay og Stroke.

    På slutten legge kontakten tittel og tegn. Påfør Drop Shadow til tekst og tegn.

    Trinn 17

    I dette trinnet vil vi skape kommandoknapper. Med Ellipse Tool (U) opprette en grå (# 777777) sirkel, satt Fyll til 0% og legge Indre skygge, Indre glød og Skråkant og preg.

    Legg til en sirkel, mindre deretter første, åpne Layer stil, gjelder Indre skygge, Ytre glød, Indre glød, Gradient Overlay og Fyll til 0%.

    Det er tid for en ny sirkel, men dette lys grå (# e4e4e4), og tillegget følgende Layer Styles. Anmeldelser

    Den siste sirkelen - satt Fyll til 0% og gjelder Ytre glød og Gradient Overlay fra Layer stil panel

    Fullfør dette trinnet ved å legge til tittel til knappen.. Også gjelde Drop Shadow.

    Trinn 18

    Bruk metoden explaind i trinn 17 for å lage inn- og volumknappene.

    Trinn 19

    Legg til mottaker modellnummer hjelp Type Tool og bruke Drop Shadow fra Layer stil panel.

    Åpne opp Powered By Envato API logo (oppført i Instruksjons Assets) i Photoshop, ta bare Envato logoen og import i vår design. Skalere det ned og posisjon som på bildet under. Dobbelklikk på lag for å åpne Layer stil, og gi dette laget Indre skygge, Skråkant og preg og Color Overlay.

    Trinn 20

    Vi er nesten der! Opprett nytt lag like over bakgrunnslaget, skape en ellipse utvalg og fylle den med svart. Gå til Filter> Blur> Gaussian Blur og anvende uskarphet med en 8px radius.

    Opprett nytt lag over vår skygge lag, deretter opprette ellipse utvalg med Elliptical Marquee Tool (M), rundt venstre "fot", fylle det med svart, og gi dette laget Gaussian Blur med 2px radius. Senk Opacity til 90%.

    Duplicate dette laget (Cmd /Ctrl + J) og plasser den under høyre "fot".

    Til slutt gjelder Gradient Overlay til bakgrunnen.

    Konklusjon

    Det var det. Jeg håper du har lært noe nytt fra denne opplæringen, og jeg håper også at du likte det, og hadde det gøy! Anmeldelser