Share
Vad du ska skapaI denna handledning visar jag dig hur man gör väderkvarn illustration med Sketch, ett fantastiskt vektor designverktyg. Denna handledning lär dig många tekniker som behövs för att skapa anpassade illustrationer med Sketch. Låt oss börja!
Låt oss börja med att skapa vår tavla. För att göra det, tryck på en på tangentbordet och rita en tavla storlek på 1200 px av 900 px.
Välj Rektangel verktyg från Infoga> Form menyn i verktygsfältet, eller tryck bara på R på tangentbordet och skapa en rektangel.
Använd Inspektionspanel till höger om avmarkera de Gränser, och klicka sedan på Fylla knappen och växla till Linjär Gradient.
Välj färgstoppet på toppen - du kommer att märka att det blir större när det väljs - och ändra färgen till # 052.138.
Välj sedan färgstoppet längst ner, ändra färgen till # 3B749E, och flytta den uppåt. Använd bilden nedan som en referens.
Plocka upp Rektangel verktyg genom att trycka på R på tangentbordet och rita en rektangel 10 px av 10 px. Ändra färgen till # 4F89BA och avmarkera gränserna med hjälp av Inspektionspanel till höger.
Välj den Rotera verktyg från verktygsfältet och rotera rektangeln 45 ° medurs, och använd sedan Gaussisk suddighet med Belopp av 1 px använda Inspektionspanel.
Lägg till fler stjärnor genom att duplicera (Kommando-D) denna rektangel. Använd bilden nedan som en referens.
Använda sig av # 061C2E färg för de mörkare stjärnorna och # DBF0F0 för de ljusare. Välj alla stjärnor och placera dem i en grupp med Kommando-G. Namn den här gruppen "stjärnor".
Tryck O att åberopa Oval verktyg och gör en cirkel. Stäng av gränsen, ändra färgen till # 224E6F, och tillämpa Gaussisk suddighet med Belopp av 1px.
Kopiera cirkeln (Kommando-D) och ändra färgen till # E0FFFF.
Kopiera cirkeln en gång till, ändra färgen till # 20E6E6, och flytta den 13 px till vänster.
Välj dessa två cirklar genom att hålla Kommando på tangentbordet och klicka på dessa lager i Lagerlista till vänster och klicka sedan på Subtrahera i den övre verktygsfältet för att skapa måneformen.
Välj cirkeln och månformen, gruppera dem och ge den här gruppen namnet "moon".
Tryck V att välja Vektor verktyg och dra formen av avlägsna berg.
Stäng av gränsen och ändra färgen till # 215.178.
I detta avsnitt skapar vi berg och träd som ligger precis bakom vår väderkvarn genom att använda trianglar.
Välj den Triangel verktyg genom att trycka på T på tangentbordet och skapa en triangel som i bilden nedan.
Ändra färgen på triangeln till # 23567E och stäng av gränsen.
Skapa en annan rektangel, och använd den här färgen # 275B85.
Då en annan. För den här använder du färgen # 29608C.
Och äntligen skapa en rektangel och färga den här med # 24567E.
Det är dags att lägga till några träd på våra berg. Använd Triangel (T) verktyg för att skapa en trädform.
Ändra färgen på trädet till färgen på vårt berg.
Duplicera ett par gånger och flytta formerna runt vårt berg, som i bilden nedan.
Upprepa denna process för alla andra berg.
Välj alla berg och träd och bo dem in i en grupp genom att trycka på Kommando-G. Namn på denna grupp "berg och träd".
Låt oss lägga till några moln till vår illustration. Plocka upp Vektor (V) verktyg och dra en molnform. För färgen, använd #FFFFFF.
Uppsättning blandning till Mjukt ljus och Opacitet till 20%.
Rita ett annat moln.
Byta blandning till Mjukt ljus och Opacitet till 15%.
Slutligen skapa ett mer moln strax över månen.
Uppsättning blandning till Mjukt ljus och Opacitet till 10%.
Välj alla molnen och gruppera dem tillsammans. Ge den här gruppen namnet "moln".
Rita en rektangel med hjälp av Rektangel (R) verktyg och placera det längst ner på vår tavla.
Klicka på Fylla i Inspektionspanel och välj Linjär Gradient. Färga stoppet på toppsatsen till # 0F273F.
Färga stoppet längst ner till # 070C1F.
Skapa en rektangel med hjälp av Rektangel verktyg (T). För färgen, använd # e0e0e0 och stäng av gränsen.
Tryck Stiga på på tangentbordet för att börja redigera rektangeln. Markera den runda punkten i det nedre vänstra hörnet och vrid det 36 px till vänster med vänsterpil på tangentbordet. Med piltangenterna kan du flytta de valda punkterna 1 px och genom att hålla Flytta nyckel du kan flytta dem 10 px per klick.
Välj sedan den runda punkten i det nedre högra hörnet och skjut det 36 px till höger med högerpil.
Låt oss lägga djup i vårt torn. Ta tag i Vektor (V) verktyg och dra en form som visas i bilden nedan. För färganvändning #FFFFFF, stäng av gränsen och sätt in Opacitet till 60%.
Duplicera denna form (Kommando-D), Vänd horisontell använda Inspektionspanel till höger och flytta den till höger om tornet.
Ändra färgen till # 000000 och den Opacitet till 10%.
Välj sedan de två formerna som vi just skapat och tornets form genom att hålla ner Flytta och klicka på lagren och välj sedan Mask i den övre verktygsfältet.
Välj igen alla former som vi har skapat i det här steget och placera dem i en grupp. Namn på denna grupp "tornform".
För att skapa en dörr, rita en rektangel som i bilden nedan och ställ in följande egenskaper i Inspektionspanel:
Accentsconagua
# 676.767 
Därefter ritar du en mindre rektangel, stänger av gränsen och ställer in färgen # 676.767.
Välj båda rektanglarna och placera dem i dörrgruppen.
Låt oss skapa ett fönster. Rita en fyrkant med hjälp av Rektangel verktyg (R) och hålla ner Flytta. Applicera följande egenskaper till den här kvadraten:
#BEBEBE # 676.767 
Välj den Linje (L) verktyg och dra två linjer över fönstret: en horisontell och en vertikal. För färgen, använd # 676.767 och ställa in Tjocklek till 2 px.
Välj fyrkant och två linjer och tryck på Kommando-G att bo i en grupp. Namn på denna grupp "fönster".
Duplicera (Kommando-D) "Window" -gruppen tre gånger och placera den enligt bilden nedan.
Välj det övre fönstret och ändra färgen på rektangeln till # FDF485.
Välj "tornform" och alla "fönster" och "dörr" grupper och sätt dem i en grupp. Namn på denna grupp "torn".
Använd Ovala (O) verktyg och håll nere Flyttaatt skapa en cirkel. Ställ in färgen till # D71A03 och stäng av gränsen.
Tryck Stiga på för att gå in i formredigeringsläge och välj sedan Sax verktyg från Layer> Paths menyn i toppverktygsfältet, för att skära bort linjer från vår cirkel för att få en halvklot.
Gå till Layer> Paths och välj Stäng vägen att stänga vägen.
Låt oss lägga till några höjdpunkter och skuggor. Skapa en rektangel över vänstra sidan av vår halvklot, stäng av gränsen och sätt färgen på #FFFFFF och den Opacitet till 20%.
Duplicera denna form, ändra färgen till # 000000 och den Opacitet till 15%, och placera den över höger sida av vår halvklot.
Välj båda formerna och halvklotet genom att hålla ner Flytta och klicka på lagren och välj sedan Mask i den övre verktygsfältet.
I slutet skapar du en rektangel som är lite större än klyftan mellan kepsen och tornet. Ställ in färgen till #efefef och tillämpa skuggor använda Inspektionspanel.
Välj båda formerna (halvklotet och rektangeln) och gruppera dem. Ge den här gruppen namnet "cap".
I detta steg kommer vi att skapa den sista delen av vår väderkvarn: seglen. Så låt oss börja.
Välj Vektor (V) verktyg och dra en form som den i bilden nedan. Ställ in färgen till # 070.640 och stäng av gränsen.
Använd Linje (L) verktyg för att skapa horisontella och vertikala linjer som ingår i vår segel. För horisontella linjer, sätt färgen till # 070.640 och den Tjocklek till 2 px.
För vertikala linjer ställer du in Tjocklek till 1 px och färgen också till # 070.640. Det ska se ut så här.
Välj alla linjer (horisontella och vertikala) tillsammans med den grundläggande segelformen och gruppera dem. Välj Rotera från den övre verktygsfältet. Klicka och dra på crosshair markör som visas i bilden nedan för att rotera runt den punkten.
Rotera seglet. Använd bilden nedan som en referens.
Duplikera seglet, välj Rotera, klicka och dra korshårsmarkören som vi gjorde i föregående steg och rotera seglet.
Upprepa föregående steg två gånger för att lägga till de två saknade seglarna.
Skapa en vit (#FFFFFF) cirkel ovanpå våra seglar med hjälp av Ovala (O) verktyg. Ange följande egenskaper för Gränser:
# 070.640 
Välj denna cirkel och alla seglar och placera dem i en grupp med Kommando-G. Namn på denna grupp "seglar".
Välj sedan "torn", "keps" och "segel" grupper och bo dem inuti "väderkvarn" gruppen.
Välj "väderkvarn" och "berg och träd", duplicera dem (Kommando-D), gruppera dem i gruppen "reflektioner" och Flip Vertical använda Inspektionspanel till höger.
I Lagerpanel, sätt gruppen "reflektioner" strax under "väderkvarn" -gruppen.
Flytta ner "reflektioner" som visas i bilden nedan.
Slutligen sänka Opacitet av denna grupp till 5%.
Din väderkvarnillustration är nu klar!
Jag hoppas att du hade en bra tid att arbeta med det. Jag skulle gärna se dina versioner av väderkvarnen, så snälla fortsätt och dela med dig vad du har skapat i kommentarerna nedan.
Tack för din tid!
