Share
Vad du ska skapaI den här handledningen kommer vi att skapa en komplett butik med alla detaljer, förutom några buskar och en gata med lampor, med de mest grundläggande formerna och verktygen i Adobe Illustrator.
Hitta mer inspiration för dina vektorillustrationer över på GraphicRiver.
Tryck Kontroll-N att göra en Nytt dokument. Ställ in Enheter till pixlar, och skriv in 800 x 600 för bredd och höjd på dokumentet. Sedan i Avancerad alternativ, välj RGB, Skärm (72 ppi), och se till att avmarkera Justera nya objekt till Pixel Grid-rutan innan du klickar ok.
Gå till Inställningar (Kontroll-K) och ange 1 px för Upprepning av tangentbordet. Tryck ok.
Du kan aktivera Info panel (Fönster> Info) för att få en förhandsvisning av storleken och positionen på dina former. Kom ihåg att ställa in mätenheten till pixlar från Redigera> Inställningar> Enheter. Detta ökar din arbetshastighet kraftigt.
Vi börjar med vägen och trottoaren i vår butik.
Börja med att skapa en 800 x 120 px rektangel med hjälp av Rektangelverktyg (M). Använda sig av # 706B79 som fyllfärgen.
Skapa nu trottoaren med en 704 x 10 px rektangel (# A8A5AA) och en 704 x 6 px rektangel (# 706B79).
Nu för det mest tidskrävande steget, affären.
Börja med att skapa butiksgolvet. Skapa en 314 x 7 px rektangel (# 9D9588) med Rektangelverktyg (M).
Skapa sedan en kolumn med en 36 x 256 px rektangel (# E9E7DC) och lägg till detaljer med två 22 x 53 px rektanglar (# F9F6E6) och a 22 x 125 px rektangel (# F9F6E6). Uppsättning Inverterad Runda hörn med a 5 px radie från Omvandla panel.
Dubbelkopiera nu kolonnens interna former två gånger (Control-C följt av Control-F) och flytta dem 2 px nedåt med tangentbordets piltangenter. Tillämpa Minus Front från Stigfinnare panelen till varje kopia.
Ändra fyllningsfärgen till # D6D4C3. Gruppera kolumnen tillsammans (Kontroll-G) och duplicera det (Control-C> Control-F) på andra änden.
Låt oss skapa dörren med hjälp av a 90 x 180 px rektangel (# EAAB61). Lägg sedan till en annan 62 x 34 px rektangel (# DB9747) och skapa en skugga genom att duplicera två gånger (Control-C följt av Control-F). Flytta den sista kopian 4 px nedåt och 4 px till höger.
Uppsättning Minus Front från Stigfinnare panel.
Skapa dörrfönstret med hjälp av a 62 x 112 px rektangel (# 78C4ED). Lägg nu till en 5 x 112 px rektangel (# 64ABD5) att fungera som en skugga.
Skapa nu ett par rektanglar (#FFFFFF) och rotera dem 45 ° med Rotera verktyg (R). Ställ in a 30% Opacitet i toppstången och med Formverktygsverktyg (Shift-M) ta bort de återstående blanketterna.
Skapa nu ett tecken med hjälp av a 30 x 20 px rektangel (#FFFFFF). Lägg till två 2 x 18 px rektanglar (# EAAB61), rotera dem tills de har en 45 ° vinkel med hjälp av Rotera verktyg (R), och placera dem under skylten (högerklicka> Ordna> Skicka bakåt).
Skapa sedan en 6 x 6 px ellipsen (#FFFFFF) använda Ellipsverktyg (L). Rita två rektanglar (# F7DDC0) på skylten.
Gruppera tecknet (Kontroll-G) och duplicera det (Control-C> Control-F). Använda sig av # 64ABD5 som fyll färg för kopian, flytta den 2 px nedåt och till höger, och skicka sedan det bakom tecknet (Kontrollera-[).
Skapa nu handtaget med hjälp av a 7 x 7 px ellipsen (# BB7B33).
Lägg nu till en 224 x 27 px rektangel (# EAAB61) för butikens vägg och a 224 x 153 px rektangel (# 78C4ED) för fönstret.
Dubbla rektangeln av väggen två gånger (Control-C följt av Control-F) och flytta den andra kopian 3 px nedåt och 3 px till höger. Uppsättning Minus Front från Stigfinnare panel. Ändra fyllningsfärgen till # DB9747.
Skapa några uppsättningar i väggen med a 3 x 16 px rektangel och a 61 x 3 px rektangel (# DB9747), gruppera dem tillsammans (Kontroll-G) för att bilda en inverterad L. Därefter duplicera den två gånger (Control-C> Control-F).
Vi kommer att skapa några detaljer i fönstret. Ta Penverktyg (P) och rita toppen av en stapel med hjälp av fyllfärgen # 6BAFE2.
Dra sedan sätets skuggor och några glasögon på bordet med fyllfärgen # 5789C3. Runda sätena hörn med Levande hörn med Direktmarkeringsverktyg (A).
Skapa nu lamporna med en 2 x 44 px rektangel (# 5789C3) och en 22 x 12 px rektangel (# 5789C3). Flytta de översta noderna i den sista rektangeln inåt av 4 px med Direktmarkeringsverktyg (A).
Lägg till en 8 x 8 px ellipsen (# 5789C3) under lampans huva och gruppera allt tillsammans (Kontroll-G). Kopiera det (Control-C> Control-F) och placera dem långt ifrån varandra.
Lägg reflektioner på fönstret och rit tre rektanglar med Rektangelverktyg (M). Använda sig av #FFFFFF som fyllfärgen och sätt a 30% opacitet i toppstången.
Vrid rektanglarna 45 ° och använd Formverktygsverktyg (Shift-M) för att ta bort resten av fönstret.
Lägg nu till fönsterdivisionerna med en 7 x 180 px rektangel, en 217 x 7 px rektangel och en 7 x 146 px rektangel. Använda sig av # F9F6E6 som fyllfärgen.
Lägg sedan till två 4 x 146 px rektanglar (# 64ABD5) och placera dem under reflektionerna (Kontrollera-[) som visas i bilden nedan.
I det här steget kommer vi att skapa den blinda. För att göra detta, skapa en 24,15 x 74 px rektangel (# EAAB61) och runda dess nedre hörn. Kopiera rektangeln (Control-C> Control-F) tre gånger och alternativa användningen av fyllfärgen # EDEEF0.
Rita nu en rektangel (# EAAB61) en tredjedel bort från den nedre delen av blinden och ta bort den återstående formen med Formverktygsverktyg (Shift-M). Ställ in Blandningsläge till Multiplicera och den Opacitet till 35% använda Utseende panel.
Lägg till en 314 x 4 px rektangel (#FFFDEF) i blindens vik och från Utseende panelen ställer in Blandningsläge till Mjukt ljus och den Opacitet till 50%. Gruppera allt tillsammans (Kontroll-G) och duplicera det (Control-C> Control-F).
Skicka den blinda kopian bakåt (Kontrollera-[) och använd fyllfärgen # 000000. Ställ in Opacitet till 10% i toppstången.
Flytta kopian nedåt en gång genom att trycka på Flytta nyckel-.
Lägg till en lintel genom att skapa en 314 x 34 px rektangel (# E9E1C4). Skapa sedan en 296 x 168 px rektangel (# D6D0B5) och set Inverterad Runda hörn med a 4 px radie från Omvandla panel.
Därefter dupliceras det två gånger (Control-C följt av Control-F) och flytta den sista kopian 2 px nedåt. Applicera sedan Minus Front med föregående kopia med Stigfinnare panel. Använda sig av # C2BCA4 som fyllfärgen.
Skapa en 314 x 35 px rektangel (# D6D0B5) över lintelen. Skapa sedan en 4 x 28 px rektangel (# C2BCA4) och runt de nedre hörnen.
Kopiera den och placera den i den andra änden av linteln. Välj båda rektanglarna och gå till Objekt> Blanda> Gör att sammanföra. Skapa sedan en 40 stegseparation från Objekt> Blanda> Blandningsalternativ.
Gör några skuggor på kolumnerna med två 36 x 4 px rektanglar (# D6D4C3). Sedan lägger du till en 314 x 7 px rektangel (# C2BCA4) ovanför lintelen och ställa in Blandningsläge till Multiplicera med en 40% opacitet använda Utseende panel.
Låt oss avsluta taket med hjälp av a 405 x 27 px rektangel (# F9F6E6). Lägg sedan till en 351 x 14 px rektangel (# D6D0B5) och en 351 x 4 px rektangel (# C2BCA4). Slutligen lägg till en 360 x 7 px rektangel (# F9F6E6).
Skapa några buskar med två 54 x 54 px ellipser och användning # 7FBB86 och # 68A96A som fyllfärgerna. Kopiera sedan buskarna (Control-C> Control-F) och placera kopian i andra änden.
Var noga med att placera dem bakom affären (Skift-Control- [).
I det här steget kommer vi att skapa lamppostarna på gatan. För att göra detta, använd en 18 x 18 px rektangel (# 7C7C7C) och flytta de övre noderna 2 px inåt med Direktmarkeringsverktyg (A).
Lägg sedan till en 7 x 194 px rektangel (# 6B6B6B) och flytta de övre noderna 2 px inåt. Dra sedan en rektangel överst och radera resten med Formverktygsverktyg (Shift-M).
Skapa nu en 26 x 3 px rektangel (# 6B6B6B) över posten och a 36 x 3 px rektangel (# 6B6B6B) ovanför den sista rektangeln. Skapa en 3 x 26 px rektangel och placera den i mitten, gör en kopia (# 424242) och ändra dess höjd till 4 px i Omvandla panel.
Ta sedan Penverktyg (P) och dra en trapezoid för lampan med fyllfärgen # F2F2F2. Placera den under rektangeln (Kontrollera-[).
Skapa en 36 x 3 px rektangel (# 6B6B6B) och placera den mitt i lampan. Använd Formverktygsverktyg (Shift-M) för att ta bort ändarna med lampans form.
Skapa nu en 26 x 26 px ellipsen (# 7C7C7C) och ta bort den nedre noden. Placera den på lampans ovansida. Gruppera lampposten tillsammans (Kontroll-G), duplicera det (Control-C> Control-F), och placera den i andra änden av affären.
För att avsluta, låt oss skapa himlen. Skapa en 800 x 600 px rektangel (# 80C3EA) och skicka det till baksidan av duken (Objekt> Ordna> Skicka till Tillbaka).
Resultatet är lovvärt! Grattis till att nå denna punkt. Jag hoppas att du trivdes så mycket som jag gjorde och att du har lärt mig mycket. Jag ska titta på kommentarerna!
Accentsconagua