Opprett en 1990-erens mobiltelefon-ikon i Photoshop

I denne opplæringen vil vi forklare hvordan du lager et 1990-ikons mobiltelefonikon i Photoshop med et bilde som referanse. La oss komme i gang!


Tutorial Assets

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

  • Henvisning

Trinn 1

La oss starte med et nytt dokument i Photoshop med følgende innstillinger. Jeg brukte et 1024x1024 pixel lerret.


Steg 2

Det første du må gjøre er å dra og slippe bildereferansen inne i lerretet. Vi bruker den til å tegne de grunnleggende figurene på ikonet.


Trinn 3

Velg pennverktøyet (P), begynn å tegne brikkene i telefonen i separate formlag. Tips: Hold orden ved å legge til formlagene i grupper.


Trinn 4

Legg til høydepunkter og skygger til høyre på ikonet. Tegn to rektangulære former med pennverktøyet (P). Påfør figurene som klipping masker ved å klikke på den tynne dividerlinjen mellom de to lagene i Layout Palette mens du trykker Alt på tastaturet. Bruk # c6beb2 og # a9a096 farger. Tips: Bruk en lagmasker på denne måten, slik at du kan skjule uønskede formedeler.


Trinn 5

Gjenta trinn 4-metoden og legg til to former øverst og nederst på telefonen. Bruk lettere farger enn basisformlaget.


Trinn 6

Legg til flere detaljer i telefonen. Opprett nye formlag i baselaget, og bruk lagmasker for å jevne ut de endelige effektene. Som du kan se, la jeg til to små høydepunkter med pennverktøyet i topp og nederste hjørner.


Trinn 7

Med pennverktøyet, legg til to tynne linjer med en mørk brun farge. Legg til en lagmaske for å finjustere deleren på venstre side.


Trinn 8

Samme prosess for toppdelen. (Jeg deaktiverte synligheten til de viktigste lagene). Velg en lysere farge enn basen, legg til figurene med pennverktøyet (P) og til slutt finjustere fasekantene med en lagmaske. Bruk skjermbildet nedenfor som en referanse. Jeg har også lagt til noen små detaljer som høydepunkter i nye formlag som tidligere. Endelig gjelder denne Lagstil til Topplag.


Trinn 9

Legg denne lagstilen til mikrofonformlaget.


Trinn 10 - 100% visning

Rask før / etter forhåndsvisning


Trinn 11

Legg til denne lagstilen til Inset-formlaget. Still fyllingen til 0%


Trinn 12

Tegn nøkkelens preg ved å legge til nye rektangulære former med det avrundede rektangulære formverktøyet (U) med en radius på 2px, deretter Skev dem med Cmd / Ctrl + T. Bruk denne lagstilen og sett fyllingen til 0%.


Trinn 13

Antennens belysningsprosess består av en rekke nye formlag som trekkes med pennverktøyet og brukes som klipping masker. Da må du konvertere figurene til et smart objekt, og legge til et lite Gaussian Blur Filter.


Trinn 14

Skjermtid. Først legg til denne lagstilen til skjermformlaget.


Trinn 15

Deretter tegner du et nytt rektangelform i et nytt lag med rektangulært formverktøy (U), og legger en lagmaske på den. Med en hard børste, satt på lav opasitet, gjemme noen deler av laget for å få visningsrefleksjonen. Jeg har også lagt til en velkomsttekst og Signal Bar-formene med denne lagstilen.


Trinn 16

Telefonen vår begynner å ta form. La oss gjøre høyttaleren nå. Bruk Rectangular Shape Tool (U) til å tegne en form som nedenfor. Endre formen med Cmd / Ctrl + T. Til slutt legg til denne lagstilen.


Trinn 17

Legg til et nytt formlag for å øke høyttalerens nedre venstre lys ved å tegne en hvit form inne i laget med pennverktøyet (B). Avgrens kanten med en lagmaske.


Trinn 18

Legg til en ny avrundet form med denne lagstilen.


Trinn 19

Velg Ellipse Shape Tool (U) og legg til noen små hull inne i høyttaleren med følgende lagstil. Du må Skew hullene bare litt med Cmd / Ctrl + T for å bedre passe telefonens perspektiv.

>


Trinn 20

Aktiver nøklene til synligheten og legg til denne lagstilen til hver tast. Tips: Husk å erstatte fyllfarge for den røde nøkkelformen.


Trinn 21

Nesten ferdig. Legg tallene inne i tastene. Jeg brukte Helvetica Fet skrift. Skru Type Layer med Cmd / Ctrl + T for å matche nøkkelperspektivet.


Trinn 22

Gjør det samme for funksjonstastene.


Trinn 23

Lag et nytt, tomt lag og fyll det med 50% Grå. Bruk deretter Filter> Støy> Legg til støy med verdi på 2-3%. Still lagsmixemodus til Overlay og 60% Opacity. Legg det nye laget over topplaget.


Trinn 24

Jeg la til en enkel grå bakgrunn bak telefonikonet lagene. Bare å legge til en Gradient Fill Layer Adjustment satt i Radial Mode vil gjøre oppgaven.


Trinn 25

Tegn kaste skyggen ved å male litt svart farge inn i et nytt, tomt lag med penselverktøyet (B). Bruk en lagmaske til å glatte overgangene.


Trinn 26

Forbedre sidene på ikonet ved å male litt lysegrå i et nytt lag. Dette vil blande bedre ikonet med det omkringliggende rommet.


Trinn 27

Mal noen fargene i et nytt lag og sett blandemodus til Overlay eller Color Dodge. Som du ser på displayet (lyseblå) eller antennen (mørk gul), kan disse teknikkene oppnå interessante resultater. Tips: Bruk Eyedropper Tool til å prøve riktig farge.


Trinn 28

Endelig trinn: Påfør et uskarpt maskfilter med lav radius (0,3-1) i et komposittlag, og du er ferdig! Tips: Trykk Cmd / Ctrl + Alt + Shift + E for å lage et komposittlag.


Endelig bilde