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!
Ta en titt på bilden vi ska skapa.
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.
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.
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.
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.
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".
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.
Med Pen Tool (P), rita en annan form som den som visas nedan, namnge den "kropp".
Dubbelklicka på skiktet och ge det dessa lagstilar.
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."
Gå till Filter> Blur> Gaussian Blur, skriv 10px och klicka på OK.
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.
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.
Ge dörren följande lagstilar.
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.
Gå till blandningsalternativen och använd dessa inställningar.
Duplicera formen och flytta den ned så att du har något så här.
Ett handtag kan nu läggas till dörren. Använd ellipsverktyget (U) för att göra en liten cirkel på dörren.
Ge cirkeln en Drop Shadow och en Radial Gradient.
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.
Gå till blandningsalternativen och ge det ett övertoningsöverlägg av liknande ton som takets.
Med pennverktyget (P), gör en annan form som den nedan.
Ge formen följande lagstilar.
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.
Ge den svarta remsan ett övertoningsöverdrag av följande färger.
Som ytterligare detalj kan du lägga till ett dörrsteg till huset. Gör en form som den nedan med Pen Tool (P).
Ge dörrsteget en överdragsöverläggning.
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.
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.
Använd det rektangulära markeringsverktyget (M), fyll i ett val med vitt på ett nytt lager som visas.
Gå till blandningsalternativen i Windows-tvärsnittet och ge den den här stilen.
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.
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.
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.
Du kan nu lägga till en skorsten i huset. Skapa ett nytt lager och fyll på ett urval med svart.
Ge det ett övertoningsöverdrag med dessa färger.
Gör en form som den nedan för att ge skorstenen en 3D-look.
Gör en annan form av vilken färg som helst för skorstenen.
Ge formen ett övertoningsöverdrag med dessa färger.
Ställ förgrundsfärgen på "D6C08D" och gör en form så här.
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.
Applicera Filter> Blur> Gaussian Blur och sedan Filter> Blur> Motion Blur med dessa inställningar.
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.
Den slutliga bilden visas nedan! Jag hoppas att du njöt av att skapa denna ikondesign!