Hur man skapar en grundläggande husikon i Photoshop

I denna handledning går du igenom enkla steg och tekniker för att designa en enkel men attraktiv husikon. Det är lätt att följa och leka med. Det finns inga invecklade kurvor eller komplexa borstarbete. Bara enkla former tillsammans med lagerformat gör det fullständiga jobbet. Syftet med handledningen är att bekanta sig med rätt användning av färger och effektiv användning av lagstilar. Jag är säker på att du kommer att njuta av att följa den. Låt oss hoppa in!

Slutlig bildförhandsvisning

Ta en titt på bilden vi ska skapa.

Handledning detaljer

  • Program: Photoshop CS och senare
  • Svårighet: Nybörjare
  • Beräknad slutförd tid: 30-45 min

Steg 1

Först och främst skapa ett nytt 500px med 500px dokument med vit bakgrund. Dra ut några guider i mitten av dokumentet för enkelhets skull. Välj pennverktyget (P) och gör en form som den som visas nedan.

Steg 2

Du måste lägga till några färger och en tunn vit remsa till formen. För att göra så dubbelklicka på lagret och använd följande lagstilar.

Steg 3

Duplicera formen (Command + J) och gå till Redigera> Transformera> Bläddra horisontellt, flytta dubbletypen till höger så att sidorna sammanfogar varandra så som visas.

Steg 4

På grund av liknande färger ger de två formerna en platt titt på taket. Det finns ett behov av att åtgärda det. Öppna lagformat i dubbletterlagret och använd följande ändringar.

Steg 5

Ställ in förgrundsfärgen till "830F00." Rita en form som den som visas nedan med Pen Tool (P). Benämna den resulterande formen "tak vänster".

Steg 6

Duplicera formen och namnge den "tak-höger". Gå till Redigera> Transformera> Vänd horisontellt och flytta dubbletterna till höger så att du får något sånt.

Steg 7

Med Pen Tool (P), rita en annan form som den som visas nedan, namnge den "kropp".

Steg 8

Dubbelklicka på skiktet och ge det dessa lagstilar.

Steg 9

Du måste sätta takets skugga på husets kropp. För att göra det, kommandot klicka på "taket vänster" lagret, sedan Kommandot + Skift-klicka på "taket rätt" lagret för att summera valet av de två lagren. Flytta markeringen ner och på ett nytt lager fyller du markeringen med färgen "5F5343."

Steg 10

Gå till Filter> Blur> Gaussian Blur, skriv 10px och klicka på OK.

Steg 11

Du märker kanske att efter att filtret har applicerats, flyter skuggan utanför husets kropp, vilket inte ser rätt ut. För att fixa det, Ctrl-klicka på "body" -laget och tryck på Command + Shift + I för att invertera valet. Med skuggskiktet valt trycker du på Ta bort.

Steg 12

Nu behöver du lägga till en framträdande del av huset - det är dörren. Välj det rektangulära markeringsverktyget (M), och fyll i ett nytt lager med svart.

Steg 13

Ge dörren följande lagstilar.

Steg 14

Nu behöver vi lägga till några detaljer till dörren. Markera det runda rektangelverktyget (Shift + U) och dra en svart rektangel med en 3px-radie.

Steg 15

Gå till blandningsalternativen och använd dessa inställningar.

Steg 16

Duplicera formen och flytta den ned så att du har något så här.

Steg 17

Ett handtag kan nu läggas till dörren. Använd ellipsverktyget (U) för att göra en liten cirkel på dörren.

Steg 18

Ge cirkeln en Drop Shadow och en Radial Gradient.

Steg 19

Du kan lägga till en plåt ovanför dörren. Använd pennverktyget (P) för att skapa en form som den som visas nedan.

Steg 20

Gå till blandningsalternativen och ge det ett övertoningsöverlägg av liknande ton som takets.

Steg 21

Med pennverktyget (P), gör en annan form som den nedan.

Steg 22

Ge formen följande lagstilar.

Steg 23

Skapa ett nytt lager och fyll i ett urval med svart på den. Se till att det här lagret är placerat under "dörr" -lagret i lagerpaletten.

Steg 24

Ge den svarta remsan ett övertoningsöverdrag av följande färger.

Steg 25

Som ytterligare detalj kan du lägga till ett dörrsteg till huset. Gör en form som den nedan med Pen Tool (P).

Steg 26

Ge dörrsteget en överdragsöverläggning.

Steg 27

För att ge dörrsteget ett 3D-utseende, lägg till lite tjocklek åt det. Ställ förgrundsfärgen på "A26431" och rita en form som den som visas nedan.

Steg 28

Det är dags att lägga till fönster i huset. Börja med att göra det genom att fylla ett urval med svart på ett nytt lager.

Steg 29

Använd det rektangulära markeringsverktyget (M), fyll i ett val med vitt på ett nytt lager som visas.

Steg 30

Gå till blandningsalternativen i Windows-tvärsnittet och ge den den här stilen.

Steg 31

Nu måste du göra fönsterluckor. Precis som du gjorde dörren, gör en slutare och lägg den på ena sidan av fönstret. Gör en kopia av den och flytta den till andra sidan, ge en skuggskugga till skuggorna om du vill.

Steg 32

Bara för att öka detaljerna, lägg till en plåt till fönstret som du gjorde för dörren. Den enda skillnaden är att du måste tillämpa lagstilarna på dörrsteget till plattan du gör för fönstret.

Steg 33

Skapa ett lager och sätt in alla lager som utgör fönstret. Duplicera skiktet två gånger och omvandla det till 60% av dess ursprungliga storlek. Lägg de mindre fönstren på höger sida av dörren.

Steg 34

Du kan nu lägga till en skorsten i huset. Skapa ett nytt lager och fyll på ett urval med svart.

Steg 35

Ge det ett övertoningsöverdrag med dessa färger.

Steg 36

Gör en form som den nedan för att ge skorstenen en 3D-look.

Steg 37

Gör en annan form av vilken färg som helst för skorstenen.

Steg 38

Ge formen ett övertoningsöverdrag med dessa färger.

Steg 39

Ställ förgrundsfärgen på "D6C08D" och gör en form så här.

Steg 40

Det är dags att ge skuggor till basen på husikonen. Skapa ett nytt lager, använd sedan Rektangulärt markeringsverktyg (M) för att fylla ett urval med svart.

Steg 41

Applicera Filter> Blur> Gaussian Blur och sedan Filter> Blur> Motion Blur med dessa inställningar.

Steg 42

Gör en liknande skugga för dörrsteget. Du kan ställa in skuggans opacitet från 80-90% eller från 20-30%. Jag lade till lite gräs och slutade med det här.

Slutsats

Den slutliga bilden visas nedan! Jag hoppas att du njöt av att skapa denna ikondesign!