Indholdsfortegnelse
Lige nu spørger du måske dig selv: Hvad i alverden er Flat Character Design?
Svaret er ganske enkelt: Det er en forenklet tegndesignstil, der er todimensionel og har et fladt billede med minimale højdepunkter, skygger eller detaljer (eller nogle gange slet ingen).
I designteori fokuserer flat design på at gengive billeder uden skeuomorfi eller tredimensionalitet.
I Flat Design, som er den berygtede stil for virksomhedsillustrationer, er enkelhed konge og fed farvekontrast dronning. Det er en af de aktuelle designtrends, der bruger livlige farvekombinationer til at hjælpe med at sælge produkter og tjenester online.
Tegning i en flad stil gør det meget nemmere at formidle en idé, og derfor er den perfekt til infografik, manualer, logodesign, app-ikoner, mobilgrænseflader og bogillustrationer.
Okay, nok om designbevægelser (for nu). Lad os komme i gang med vores tutorial! Du kan se video-versionen nedenfor eller læse videre.
I vores nye trin-for-trin-guide viser kunstneren Soodabeh Damavandi os, hvordan man skaber en Flat Design-figur.
Du kan anvende denne designproces til enhver flad figur, du ønsker at skabe i fremtiden.
Det skal du bruge:
- iPad
- Apple Pencil
- Den nyeste version af Vectornator
Det lærer du:
- Sådan importerer du en referenceskitse
- Sådan bruger du penværktøjet
- Sådan bruger du blyantværktøjet
- Sådan bruger du værktøjet Shape Tool
- Sådan organiserer du lag
- Sådan udføres boolske operationer
Trin 1Forbered dokumentet og farvepaletten
Først skal du skitsere din figur.
Gennemse internettet og få inspiration fra andre kunstnere til, hvordan en flad figur kan designes. Du kan også tegne en kopi af den skitse, som Soodabeh har lavet til vores vejledning. Du kan bruge et hvilket som helst tegneprogram til din skitse, men i denne vejledning har Soodabeh brugt Procreate.
Når du har lavet din første skitse, er det tid til at gå over til Vectornator.
Åbn et nyt dokument i Vectornator ved at trykke på knappen +. Du kan enten vælge en skabelon eller indstille størrelsen på dit dokument manuelt.
Hvis du ser tern som baggrund for dit lærred, kan du slå den hvide standardbaggrund for dit dokument fra ved at gå til Indstillinger> Lærred> Hvid baggrund.
Opret et nyt lag i fanen Lag og navngiv det "Sketch". Hvis du trykker på +-knappen igen, kan du vælge importmuligheden i popover-menuen og vælge din flade karakterskitse.
Sænk opaciteten på Sketch-laget en smule, og lås det derefter ved at trykke på låsesymbolet.
Opret et andet lag, og giv det navnet "Vektorformer".
Før vi begynder at tegne på vores nye lag, skal vi først forberede farvepaletten. Soodabeh var så venlig at give os en komplet liste over Hex Color Codes for hendes kunstværk:
Hex-koder:- Orange (hår): #fd553c
- Den mørkeste orange (bolle & læber): #e44f25
- Mørkere orange (baggrundsform): #fd553c
- Gul (baggrundsovaler): #ffb700
- Koral (baggrundsovaler &; rødme &; ben skygge): #ffa890
- Hud: #ffc3B3
- Mørkere hud: #ffa890
- Indvendig turtleneck & øvre kjole: #9194a2
- Ærmer & skildpaddehals: #bbbdca
- Striber: #2f3753
- Håndjern: #e1e3ef
- Nederdel & taske: #hvid
- Indvendig nederdel: #434558
- Indvendig støvler & støvler rektangel detalje: #333b56
- Støvle: #5f6782
- Mørkere støvle: #424b5f
Opret din brugerdefinerede farvepalet i Vectornator med Hex-farvekoderne fra denne liste.
💡 Pro Tip: Hvis du ikke er sikker på, hvordan du laver farveskalaer i Vectornator, kan du lære at oprette en brugerdefineret farvepalet. Det er især vigtigt at vide, hvordan du indstiller Hex-farvekoden i Vectornator. Trin 2 Tilføj baggrundselementer
Nu hvor vi har fastlagt vores farvepalet, skal vi begynde at tegne baggrundselementerne med værktøjet Shape Tool.
Til regelmæssige former kan du bruge værktøjet Shape Tool, og til mere uregelmæssige former kan du bruge værktøjet Pen Tool.
Først tilføjer vi et par små baggrundsbobler med værktøjet Shape Tool, og til den større boble bruger vi penværktøjet.
Tegn punkterne langs den skitserede linje, og juster formen ved at trække i Bézier-kurvehåndtagene. Du kan lukke den sti, du har skabt med penværktøjet, ved at klikke på Start Bézier-knuden.
Hvis det er helt nyt for dig at tegne eller hvis det er første gang, du bruger en tablet, kan du i stedet bruge blyantværktøjet, da det føles mere som at tegne med en rigtig pen eller blyant.
Trin 3Tegn ansigtet, håret, halsen og armene
I næste trin skal vi tegne figuren.
I afsnittet Fyld i fanen Stil skal du indstille knappen Hex Color Button til #ffc3B3 manuelt. Vælg penværktøjet og følg ansigtets kontur, og glem ikke at medtage ørerne!
Indstil punkterne ved at trykke på langs den skitserede linje. Juster kurven ved at trykke på, holde nede og trække i Bézier-kurvehåndtagene. Slip, når du er tilfreds med resultatet. Tryk én gang på den sidste knude for at skabe skarpe vinkler eller dybe kurver.
Du skal ikke fortvivle, det tager lidt tid at vænne sig til penværktøjet, men når du først har fået styr på det, kan du skabe alle de former, du ønsker!
💡 Pro Tip: Hvis du er relativt ny til at tegne med penværktøjet, kan du øve dig lidt ved at tegne nogle enkle geometriske figurer først. Vi lover, at vi venter på dig, indtil du er klar! Hvis visse figurer er for svære at tegne, kan du altid vende tilbage til blyantværktøjet. Du kan justere din figurs bane bagefter med knudeværktøjet. Indstil nu Hex-farvekoden til #fd553c til at skabe håret. Følg de skitserede linjer nøje, men udeluk hårbunken (vi laver den senere med en separat form).
Juster knuderne og Bézier-kurverne i din form ved at aktivere knudeværktøjet, hvis det er nødvendigt. Hvis du er nybegynder, kan det tage dig flere forsøg, men det er helt fint!
Flyt nu ansigtsformen til forsiden ved at bruge ordningsbevægelsen i fanen Arrangér eller på Baren for hurtige handlinger.
Opret hårknuden som en separat form, og flyt den bag hårbunden ved hjælp af ordningsbevægelsen i Quick Actions Bar. Opret halsen og armene ved at gentage ovenstående trin.
Trin 4Opret kjolen
Opret åbningen til rullekrave med den ovale form.
Vælg den ovale form fra formværktøjet, og placer den over åbningen for rullekravehalsen i referenceskitsen.
Skaler, roter og flyt formen efter behov ved hjælp af markeringsværktøjet.
Vælg penværktøjet igen og lav den øverste og nederste del af kjolen, ærmerne og manchetterne færdig. Glem ikke at lave separate former for hvert element i kjolen!
💡 Pro Tip: Husk, at hvis du opretter en form, der er dækket af andre former i nogle områder, behøver de overlappende dele ikke nødvendigvis at se perfekte ud! Dette lille trick sparer dig for en masse tid! Trin 5 Tegn benene, støvlerne og tasken
Tegn nu benene, den lille hvide taske og støvlerne. Glem ikke at lave en separat form for hvert element!
Indstil udfyldningsfarven for hver form manuelt ved hjælp af Hex Color-knappen eller ved at prøve den personlige farvepalet, som vi har oprettet på forhånd.
Arranger figurerne i overensstemmelse hermed ved at bruge rækkefølgebevægelsen i Quick Actions Bar eller fanen Arrange (arrangere).
Trin 6 Opret striberne på kjolen
I næste trin laver vi striberne på den øverste del af kjolen for at give den et mønster og tilføje noget interesse.
Flade designfigurer har normalt ikke mange detaljer, men at tilføje en lille antydning af dekoration er ikke i modstrid med det minimalistiske koncept for den flade designfigur (det mener vi i hvert fald!).
Skjul først skitselaget ved at trykke på øjenikonet på dit skitselag. Vælg derefter blyantværktøjet.
Slå Fill Mode fra og Stroke Mode til i fanen Style (stil), og indstil linjetykkelsen til 3pt.
Indstil Hex-farven på Stroke til #2f3753 Du kan justere stregenes glathed med skyderen ved siden af blyantværktøjet.
💡 Pro Tip: Hvis du er nybegynder inden for digital tegning, skal du ikke være flov over at skrue op for glatheden til det maksimale! Tegn fire linjer med samme afstand, som du kan se på referencebilledet. Du kan vælge og flytte linjerne hver for sig eller alle sammen med multiselektionsfunktionen på markeringsværktøjet for at passe præcist til kjolen.
Trin 7Opret højdepunkter og skygger
Nu hvor vi har fastlagt hovedformerne, har du måske bemærket, at figurerne i baggrunden har en lidt mørkere tone end figurerne i forgrunden.
Benene, støvlerne og halsen, der er længere væk fra beskueren, er farvet mørkere for at give det flade design et subtilt strejf af dimensionalitet.
I næste trin skal vi skabe lys og skygger på vores figur.
Opret en jævn kurve med penværktøjet, hvor du vil tegne højdepunkter eller skygger. Du kan lukke formen nogenlunde, men det er ikke nødvendigt at få den til at se perfekt ud, og vi forklarer hvorfor lidt senere.
Duplikér nu objektet med Duplikér gestus i Quick Actions Bar og placer det bag skyggeformen. Vælg begge former og anvend den boolske operation Skæring i Quick Actions Bar.
💡 Hvis du ikke er sikker på, hvad det betyder, kan du få mere at vide om, hvordan boolske operationer fungerer i Vectornator. Du kan reducere opaciteten af højdepunkts- eller skyggeformerne for at gøre den visuelle effekt mindre tydelig. Du kan desuden bruge blandingstilstanden "Multiply" til at skabe skygger.
Tegn skyggerne og højlysene ved at gentage de trin, vi beskrev, og hold nøje øje med referencebilledet fra Soodabeh.
Opret derefter en simpel form på din figurs grund ved at tegne en oval form og placere den direkte under din figurs støvler.
Flyt den ovale form under støvlerne ved at bruge rækkefølgebevægelsen i fanen Arrangér.
Trin 8Tegn detaljerne i ansigtet
I næste trin skal vi skabe ansigtstrækkene på vores flade designfigur.
Lav øjnene, øjenbrynene og rødmen med værktøjet Formværktøjet, og placer figurerne i ansigtet. Brug penværktøjet til at forme næsen og munden.
Flyt, skalér og roter figurerne med værktøjet Udvælgelse, indtil du er tilfreds med din figurs ansigtsudseende. Du behøver ikke at kopiere de nøjagtige ansigtstræk fra Soodabeh, du kan tegne din egen version, hvis du har lyst til det!
Phew, det var det, gutter, vi er færdige! Vi håber, at I nød at være kreative sammen med os - det gjorde vi i hvert fald!
Glem ikke at dele dine flade designfigurer med os på de sociale medier og i Vectornator-fællesskabets kunstgalleri.
