Hem kära hem! I denna handledning skapar vi den mysiga atmosfären i ett vardagsrum, utformar en platta interiör med en söt tecknad karaktär sitter i en bekväm fåtölj. Vi använder grundläggande geometriska former och arbetar med Transform-panelen för att göra alla element på ett roligt och enkelt sätt.
I slutet av den här lektionen kan du använda de tekniker som vi har täckt under handledningen och tillämpa dem på dina nya illustrationer. Känn dig fri att söka inspiration på Envato Market och kolla på dessa exempel på platta interiörer och platta tecken. Låt oss börja!
Först av allt, låt oss skapa en Nytt dokument av 450 x 300 px storlek.
Vi börjar med att utforma vår karaktär från huvudet. Ta Rektangelverktyg (M) och gör en 45 x 60 px gul form. Byt till Direktmarkeringsverktyg (A) och använd Levande hörn funktion för att göra hörnen rundade genom att dra den lilla cirkelmarkören till mitten av formen.
Vi kan också justera storleken och Hörnradie av formerna antingen från kontrollpanelen ovanpå eller från Omvandla panel (Windows> Transform). Vi ska använda Omvandla panel under denna handledning, eftersom det tillåter oss att justera varje hörn av formen självständigt.
Låt oss nu göra ett ögonlock. Använd Ellipsverktyg (L) att göra en liten 7 x 7 px cirkel med brun Stroke och nej Fylla. Ställ in Slagvikt till 1 pt och den Keps och Hörn till mellersta positioner i Stroke panel.
Ta tag i Saxverktyg (C) och klicka på cirkelns sidoförankringspunkter för att dela den ifrån varandra. Ta bort den övre halvan.
Gör en annan 7 x 7 px cirkel för näsan och fyll den med gul, något mörkare än huvudets färg. Välj toppankeringspunkten med Direktmarkeringsverktyg (A) och dra upp det för att göra en stiliserad näsa.
Designa ansiktet med hjälp av de element som vi har skapat. Lägg till ett par små ljusrosa cirklar för rodnad på kinderna och gör en mun, med samma metod som vi gjorde för ögonen.
Låt oss gå vidare till öronen. Göra en 7 x 12 px gul rektangel och använd Levande hörn funktion för att göra det rundat. Placera en liten rundad rektangel ovanpå, fyll den med mörkare gul färg. Grupp (Control-G) elementen och Skicka till tillbaka (Shift-Control- [). Gör en kopia av örongruppen och fäst båda öronen i huvudet.
Låt oss rita en fin frisyr för vår karaktär. Använd Ellipsverktyg (L), håll Flytta och gör en 55 x 55 px blå cirkel. Placera cirkeln ovanpå toppen av huvudet, som visas i bilden nedan. Använd Saxverktyg (C) att klicka på sidans ankarpunkter, dela formen i två halvor.
Ta bort den nedre halvan. Välj den återstående formen, klicka på höger musknapp och Ansluta sig för att göra banan stängd.
Använd Lägg till Anchor Point Tool (+) för att lägga till en punkt på hårkroppens undersida och dra upp den med hjälp av Direktmarkeringsverktyg (A). Byt till Anchor Point Tool (Shift-C) och dra ut ankarhandtagen, placera dem på 45 grader för att göra hårlinjen jämn.
Låt oss fortsätta styling håret. Göra en 55 x 55 px kvadrat med en mörkare blå färg. Välj båda hårformerna och klicka på den lägre formen igen för att göra det a Nyckelobjekt. Använd Justera panel för att anpassa båda formerna till mitten och till toppen.
Gör toppen av formen helt rundad med hjälp av Omvandla panel eller Levande hörn funktion.
Låt oss nu ändra botten av formen. Använd Anchor Point Tool (Shift-C) för att dra ankarhandtagen ner, vilket gör botten av formen något välvd och ger jämnhet.
Tips: Använd guider för att göra ankarhandtagens längd lika. Tryck Kontroll-R att visa linjaler och dra den Guide ner från den horisontella linjalen. Välj och ta bort guiden när du inte behöver den längre eller ta bort den från Visa> Guider> Rensa guider.
Välj form och Skicka till tillbaka (Shift-Control- [), under huvudet, som bildar en elegant kort frisyr.
Låt oss nu göra vår karaktärs kropp. Använd Rektangelverktyg (M) att göra en blå form av 30 x 57 px storlek och använd Omvandla panel för att ställa in Hörnradie av de övre hörnen till 10 px och de nedre hörnen till 12 px.
Kopia formen och Klistra in på framsidan (Control-C> Control-F). Håll den bästa kopian vald, ta den Eraser Tool (Shift-E), håll Alt och ta bort den undre delen av formen. Ändra färgen på det återstående stycket till grönt och gör en ljus tröja.
Ta Penna verktyg (N) och dra en jämn välvd linje för armen. Ställ in Fylla färg till ingen och Stroke färg till gul. Ställ in Slagvikt till 8 pt, vilket gör armen tjockare. Växla Keps och Hörn till mittenpositionerna, vilket gör spetsen av linjen avrundad. Lägg till en mindre linje för tummen, ställ in Vikt till 3 pt.
Lägg till en mörkare gul 8 pt stroke mot motsatt arm och Skicka det till baksidan (Shift-Control- [). Rita en annan stroke för samma arm, men denna gång placera den mellan kroppen och den första armen, med hjälp av Kontrollera-[ nycklar för att flytta formen ner.
Låt oss göra en katt och låt vår karaktär hålla den i sina armar. Göra en 30 x 30 px mörkgrå cirkel och använd Direktmarkeringsverktyg (A) för att dra ned den nedre ankarpunkten och squashing formen. Skicka formen Bakåt (Kontroll- [) för att göra det övre handet täcka det.
Göra en 15 x 10 px rundad rektangel för huvudet, inställning av Hörnradie till 5 px. Lägg ögonen, med samma teknik som vi gjorde för ögonen på vår huvudperson.
Gå vidare till öronen och använd Polygon Tool för att göra en triangel, sätt antal sidor till 3 i Omvandla panel.
Låt oss lägga till benen till vår karaktär. Vi gör benen böjda så att vår karaktär kan sitta i en mysig fåtölj.
Använd Penverktyg (P) att göra en linje med 90 grader hörn och 8 pt slagvikt. Använd Direktmarkeringsverktyg (A) och den Levande hörn funktion för att göra hörnet rundat och bildar ett stiliserat knä.
Låt oss lägga till en fot i ett mjukt hus sko. Göra en 12 x 15 px ljus beige form för överst på bagaget. Och lägg till en annan rektangel för botten, så att formerna överlappar varandra. Gör det övre högra hörnet avrundat. Välj båda formerna och Rikta sig till botten av Nyckelobjekt, använda Justera panel.
Grupp (Control-G) och kopiera (Control-C> Control-F) formerna för att lägga till ett andra ben. Placera kopian under kroppen (Skift-Control- [) och justera det något, ändra knäets hörnradie och göra elementen lite mörkare.
Låt oss börja utforma en mjuk och mysig fåtölj. Använd Rektangelverktyg (M) att göra en 105 x 125 px rosa form. Gör sitt övre högra hörn avrundat med 13 px hörn Radius.
Skapa en annan rektangel av 25 x 125 px vid vänster sida av den första formen, vilket gör att båda formerna delvis överlappar varandra. Fyll den nya rektangeln med mörkare rosa färg och gör toppen av formen fullständigt rundad.
Använd Justera panel till Justera båda formerna till botten av Nyckelobjekt.
Låt oss skapa armstöd. Göra en 28 x 28 px ljusrosa cirkel och placera den enligt bilden nedan. Anslut cirkeln och botten av fåtöljen med en smal ljusrosa rektangel, Justera formerna till botten av Nyckelobjekt.
Gör en liten cirkelknapp för att dekorera armstödets överdel.
Skapa en 60 x 28 px rektangel med mörkare rosa färg och göra hörnen fullständigt rundade. Placera formen under den ljusrosa cirkeln (Kontrollera-[) och tillämpa Horisontell Justering Höger funktion, med den ljusrosa cirkeln som en Nyckelobjekt. Som du kan se är båda formerna av samma höjd (28 px), så de kombinerar perfekt med varandra.
Avsluta den här delen av fåtöljen genom att lägga till en mörkrosa rektangel under armstödet.
Grupp (Control-G) armstödets element. Dubbelklicka de Reflekteringsverktyg (O) och vänd elementen över Vertikal axel. Klick Kopia och placera den skapade speglade gruppen på motsatta sidan av fåtöljen, Sändning Det att återvända (Shift-Control- [).
Lägg till en 110 x 23 px rektangel för stolens säte, vilket gör sin högra sida rundad. Sätt en mörkrosa rektangel under sätet och skapa en mild skugga.
Nu kan vi sitta vår karaktär i fåtöljet och fortsätta arbeta på det omgivande interiören. Använd Rektangelverktyg (M) att skapa en smal 275 x 10 px rand för golvet, fyller den med ljus beige färg.
Låt oss börja forma byrået. Göra en 70 x 80 px beige rektangel och Skicka tillbaka, under fåtöljet.
Kopia formen och Klistra in på framsidan (Control-C> Control-F). Gör färgen på kopian lättare och squash den, minska dess bredd till 47 px.
Låt oss lägga till några lådor. Göra en 35 x 20 px ljus beige rektangel och sätt ett litet runt handtag i mitten av det. Grupp båda formerna håller Alt-Shift och dra gruppen ner och gör en kopia. Tryck Kontroll-D att lägga till en tredje lådan.
Låt oss lägga en lång platt skugga i byrå. Gör en rektangel och rotera den 45 grader. Fyll formen med beige färg och byt ut Blandningsläge till Multiplicera i Genomskinlighet panel, vilket gör formen halvtransparent.
Kombinera det övre hörnet av rektangeln med armstödet (se cirkelmarkeringen i bilden nedan). Välj både skuggan och lådans form. Ta Formverktygsverktyg (Shift-M), håll Alt och klicka på de onödiga elementen i skuggformen som du vill radera. Bra jobbat!
Låt oss placera en liten bordslampa ovanpå lådan. Använd Rektangelverktyg (M) att göra två små vinkelräta former för lampstället.
Göra en 25 x 30 px rektangel för lampskärmen. Byt till Direktmarkeringsverktyg (A) och välj nedre vänstra ankarpunkten i skuggan. tryck på Stiga på nyckel för att öppna Flytta alternativfönster. Ställ in Horisontell värde till -5 px och Vertikal värde till 0 px. Tryck ok, flytta punkten 5 px till vänster.
Upprepa detsamma för den nedre högra ankarpunkten, flytta den 5 px åt motsatt håll.
Låt oss lägga till några fler detaljer på inredningen genom att hänga några bilder på väggen. Göra en 45 x 55 px rektangel med ljusbeige Fylla och mörkare beige Stroke av 3 pt Vikt, avbildar en bildram.
Gör en annan rektangel inuti, fyll den med ljusgul färg och lägg till några enkla abstrakta former på toppen.
Gör ytterligare två bilder och häng dem på väggen ovanför vår karaktär. Avsluta illustrationen genom att göra en ljusgul rektangel av 450 x 300 px för bakgrunden (Skift-Control- [).
Bra jobbat! Vi har gjort kompositionen ser balanserad och klar. Jag hoppas att du har haft den här handledningen och lärt dig några nya tips och tricks som hjälper dig att skapa mer platta interiörillustrationer med snygga tecken och husdjur.
Ha så kul!