Slik lager du et grunnleggende husikon i Photoshop

I denne opplæringen går du gjennom enkle trinn og teknikker for å designe et enkelt, men likevel attraktivt husikon. Det er lett å følge og å leke med. Det er ingen intrikate kurver eller komplekse penselarbeid. Bare enkle former sammen med lagstiler vil gjøre hele jobben. Målet med opplæringen er å bli kjent med riktig bruk av farger og effektiv bruk av lagstiler. Jeg er sikker på at du vil like å følge den. La oss hoppe inn!

Endelig bildeforhåndsvisning

Ta en titt på bildet vi skal skape.

Opplæringsdetaljer

  • Program: Photoshop CS og nyere
  • Vanskelighet: Nybegynner
  • Anslått sluttid: 30-45 minutter

Trinn 1

Først av alt, opprett et nytt 500px ved 500px-dokument med hvit bakgrunn. Dra ut noen guider i midten av dokumentet for å gjøre det lettere. Velg pennverktøyet (P) og lag en form som den som er vist nedenfor.

Steg 2

Du må legge til noen farger og en tynnhvitt stripe til formen. For å gjøre det, dobbeltklikk på laget og bruk følgende lagstilter.

Trinn 3

Dupliser formen (Command + J) og gå til Rediger> Transform> Vend horisontal, flytt duplikatformen til høyre slik at sidene blir med hverandre som vist.

Trinn 4

På grunn av lignende farger gir de to fasene et flatt utseende på taket. Det er et behov for å fikse det. Åpne lagstiler av duplikatlaget, og bruk følgende endringer.

Trinn 5

Sett forgrunnsfargen til "830F00." Tegn en form som vist nedenfor med pennverktøyet (P). Gi den resulterende formen "tak til venstre".

Trinn 6

Dupliser formen og navngi den "tak-høyre". Gå til Rediger> Transform> Vend horisontal og flytt duplikatformen til høyre for å få noe slikt.

Trinn 7

Med pennverktøyet (P) tegner du en annen form som den som er vist under, kaller den "kropp".

Trinn 8

Dobbeltklikk på laget og gi det disse lagstilene.

Trinn 9

Du må sette takets skygge på husets kropp. For å gjøre dette, kommando-klikk på "tak venstre" lag, deretter Command + Shift-klikk på "tak høyre" lag for å oppsummere valgene av de to lagene. Flytt markeringen ned og på et nytt lag fyll utvalget med fargen "5F5343."

Trinn 10

Gå til Filter> Blur> Gaussian Blur, skriv inn 10px og klikk OK.

Trinn 11

Du kan merke at etter at filteret er påført, strømmer skyggen utenfor husets kropp, som ikke ser riktig ut. For å fikse det, Ctrl-klikk på "body" -laget, og trykk på Command + Shift + I for å reversere valget. Med "skygge" laget valgt, trykk Slett.

Trinn 12

Nå må du legge til en fremtredende del av huset - det er døren. Velg Rectangular Marquee Tool (M), og på et nytt lag fyll ut et utvalg med svart.

Trinn 13

Gi døren følgende lagstiler.

Trinn 14

Nå må vi legge til noen detaljer på døren. Velg det avrundede rektangelverktøyet (Shift + U) og tegne et svart rektangel med en radius på 3px.

Trinn 15

Gå til blandingsalternativene og bruk disse innstillingene.

Trinn 16

Dupliser formen og flytt den ned slik at du har noe sånt.

Trinn 17

Et håndtak kan nå legges til døren. Bruk Ellipseverktøyet (U) til å lage en liten sirkel på døren.

Trinn 18

Gi sirkelen en Drop Shadow og en Radial Gradient.

Trinn 19

Du kan legge til en plate over døren. Bruk pennverktøyet (P) til å lage en form som den som er vist nedenfor.

Trinn 20

Gå til blandingsalternativene og gi den et overlegen overlegg av en lignende tone som takets.

Trinn 21

Med pennverktøyet (P), gjør en annen form som den nedenfor.

Trinn 22

Gi formen de følgende lagstilene.

Trinn 23

Lag et nytt lag og fyll ut et utvalg med svart på den. Pass på at dette laget er plassert under "dør" laget i lagpaletten.

Trinn 24

Gi den svarte stripen et gradvis overlegg av de følgende fargene.

Trinn 25

Som en ytterligere detalj kan du legge til et dørtrinn til huset. Lag en form som den nedenfor med Pen Tool (P).

Trinn 26

Gi dørtrinnet en gradvis overlegg.

Trinn 27

For å gi dørsteget et 3D-utseende, legg litt tykkelse til det. Sett forgrunnsfargen til "A26431" og tegne en form som den som er vist nedenfor.

Trinn 28

Det er på tide å legge vinduer til huset. Begynn å gjøre det ved å fylle et utvalg med svart på et nytt lag.

Trinn 29

Bruk det rektangulære markeringsverktøyet (M), fyll ut et utvalg med hvitt på et nytt lag som vist.

Trinn 30

Gå til blandingsalternativene i Windows-tverrsnittet, og gi det disse stilene.

Trinn 31

Nå må du lage skodder. På samme måte som du gjorde døren, ta en lukker og legg den på den ene siden av vinduet. Lag en kopi av den og flytt den til den andre siden, gi en skygge til skodder hvis du vil.

Trinn 32

Bare for å øke detaljene, legg til en plate i vinduet som du gjorde for døren. Den eneste forskjellen er at du må bruke lagstilene på dørtrinnet til platen du lager for vinduet.

Trinn 33

Lag et lagsett og legg inn det alle lagene som utgjør vinduet. Dupliser lagsettet to ganger og forvandle det til 60% av originalstørrelsen. Sett de mindre vinduene på høyre side av døren.

Trinn 34

Du kan nå legge til en skorstein til huset. Lag et nytt lag og fyll det med svart.

Trinn 35

Gi det en gradvis overlegg med disse fargene.

Trinn 36

Lag en form som den nedenfor for å gi skorsteinen et 3D-utseende.

Trinn 37

Lag en annen form for farge for skorsteinen.

Trinn 38

Gi formen et Gradient Overlay med disse fargene.

Trinn 39

Sett forgrunnsfargen til "D6C08D" og gjør en form som dette.

Trinn 40

Det er på tide å gi skygger til bunnen av husikonet. Opprett et nytt lag, bruk deretter Rektangulær markørverktøy (M) for å fylle et utvalg med svart.

Trinn 41

Påfør filter> uskarphet> Gaussisk uskarphet og deretter filter> uskarphet> bevegelsesskarphet med disse innstillingene.

Trinn 42

Lag en lignende skygge for dørtrinnet. Du kan angi skyggens opasitet fra 80-90% eller fra 20-30%. Jeg la til noe gress og endte med dette.

Konklusjon

Det endelige bildet er vist nedenfor! Jeg håper du likte å lage dette ikondesignet!