Fra skiss til vektor, enkel illustrasjon som ikke er så enkelt

Forenklet, ren og minimalistisk illustrasjon blir populær igjen. Denne illustrasjonsstilen er interessant, ikke bare visuelt, men også teknisk. Vellykket å oppnå denne stilen er mindre om renderingskunnskaper og mer om designelementer og prinsipper som balanse, harmoni, farge, nærhet og kontrast. I denne Vector Basix-tuten lærer du hvordan du tar design fra en skisse til vektor og hvordan du lager en minimalistisk illustrasjon av din egen.


Introduksjon

Å bryte et bilde ned til enkle skjemaer og strippe bort noen "fluff" mens du fremdeles oppnår visuell interesse, er målet med denne tut. Her er noen få folk som gjør det vakkert;

  • Den lille innsatsen
  • Lab Partners
  • Alltid med ære
  • Katie Kirk
  • Olly Moss

Tingen å huske her er enkelhet. Nå er det en forskjell mellom enkle og rett og slett kjedelige. Illustrerer noe enkelt, men med karakter, eller personlighet, er det ønskede resultatet. Med sirkler, kvadrater og linjer vil jeg skissere de fire hovedprosessene som jeg bruker til å skape denne vakre illustrasjonsstilen.


Trinn 1

Det er på tide for en ide, å ha en er alltid et godt sted å starte. Med sommeren nærmer seg og slik fint vær utenfor (minst i Chicago), begynner hagen å blomstre. Jeg har min ide! Frukt og grønnsaker!


Trinn 2a

Skisser ideen din Fordi hovedfokuset på denne illustrasjonsstilen er enkelhet, prøv å knuse hver frukt / grønnsak ned til sin mest grunnleggende form. Fokuset er ikke i å gjøre formen, det prøver å bruke så lite linjer og former som mulig for å beskrive skjemaet. Dette er et skritt i prosessen som ikke bør overses. I utgangspunktet gjør du leksene dine, så når du kommer til vektordelen vet du hva du skal gjøre.


Trinn 2b

Skann skissen og åpne et nytt dokument i Illustrator. Legg skissen og inspirasjonsbildet ved siden av arbeidsområdet. Selv om vi ikke egentlig bruker enten i illustrasjonen, hjelper det å få bildene som raske referanser.


Trinn 3a

La oss hoppe rett inn. Den mest grunnleggende tegningen i illustrasjonen er oransje. Start med å bare tegne en sirkel. (Bare incase du er ekstremt ny for Illustrator, bruk Ellipse Tool (L) mens du holder skift)


Trinn 3b

Den oransje frukten kan bokstavelig talt bare være en oransje fylt sirkel, men i orden for å være sikker på at den ikke er så kjedelig, tegner du en liten, litt mørkere oransje ovale på toppen av sirkelen. Det er det; en frukt er allerede ferdig, i 2 former! Lett peasy.


Trinn 4a

Som jeg sa er det 4 svært grunnleggende "prosesser" som jeg bruker til å lage denne illustrasjonsstilen. Først legger du til eller kombinerer figurer sammen. For å lage toppen av brokkoli, kan du bare kombinere sirkler i varierende størrelse ovenpå hverandre. Å gjøre dette, i motsetning til å prøve å tegne formen med pennverktøyet, bidrar til å holde visuell konsistens.


Trinn 4b

Deretter lager du 3 rektangler og vinkler dem, 1 vertikal og en på hver side, som brokkoli stilker.


Trinn 5a

For det andre trekker man fra figurer. I stedet for å tegne uvanlige figurer med pennverktøyet, kan du "trekke" enkle former fra hverandre for å gjøre den formen du trenger. Banan pepper er et godt eksempel. Begynn med å lage 2 sirkler. Bruk veiviseren til å trekke den øverste (hvite) sirkelen fra lysegrønn sirkel (Vindu> Pathfinder> Minus Front).


Trinn 5b

Deretter legger du til et punkt på hver side av pepper ved hjelp av Add Anchor Point Tool (+). Bruk verktøyet Slett ankerpunkt (-) til å slette poengene du ikke trenger over de 2 punktene du nettopp har opprettet.


Trinn 5c

For å lage de øverste bladene / dampoverlappingen 2 sirkler og i palteringsbanen velger du Intersect-alternativet (Vindu> Pathfinder> Intersect). Dette vil trekke fra siden og forlate deg med bare overlappingsområdet; en perfekt bladform. Deretter bare kopiere og lime inn samme bladform på begge sider, og bruk verktøyet avrundet rektangulære skaper stammen. Bruk Direct Selection-verktøyet (hvit pil) ved å slette unødvendige punkter i rektangelet (velg et punktpunkt og trykk deretter på slettasten). Bom, banan pepper.


Trinn 6a

Den tredje prosessen som jeg bruker, er å legge til ankerpunkter på strategiske steder på figurene, og deretter fjerne unødvendige punkter. For eksempel, for å lage sitronstart med en oval (igjen opprettet med Ellipse-verktøyet) og legg til et ankerpunkt til hver side av topp- og bunnpunktene i ovalen ved hjelp av Add Anchor Point Tool (+). For å holde ting symmetrisk, hjelper det å dra en veiledning til ønsket krysspunkt og slå på Smart Guides (Vis> Smart Guides).


Trinn 6b

Bruk pilen med direkte markering til å trekke topp- og bunnpunktene oppover og nedover (velg punktet og trykk opp- eller nedpilene). For å fullføre, tegne en liten sirkel under toppen av sitronen.


Trinn 7a

Til slutt, den fjerde super enkle "prosessen" som jeg foreslår, er å bruke subtile skalering for å uttrykke layering. Et godt eksempel på dette er en halv grapefrukt. Begynn med en gul sirkel (peeling), kopi og lim inn foran (Command C, Command + F) en hvit sirkel (innsiden skal) og skala den til 95% (Control + Click> Scale). Kopier og lim inn foran en annen rosa-iskrets (pulp) (Command + C, Command + F) og skala den 95% (Control + Click> Scale). For å fullføre, bruk linjestykket til å lage en vertikal linje, og enkelt kopiere og lim inn denne linjen 3 ganger for å lage masseseksjonene. Rotering mens du holder skift vil bidra til å holde seksjonene symmetriske.


Trinn 7b

Legg også merke til hvordan jeg la til en subtil rund slutt på grapefruktmasse-delelinjene. Jeg gjorde dette for å gi det et ekstra element for å beskrive formen.


Trinn 8a

Viser hvordan å bygge hvert stykke frukt / grønnsak ville være ekstremt kjedelig. I hovedsak er det samme prosess om og om igjen, bare ved hjelp av forskjellige former og farger. En god måte å se hvordan jeg opprettet individuelle frukter og grønnsaker er å se på oversikten. Legg merke til hvordan druene er akkurat som brokkoli og er laget av en mengde sirkler lagret på hverandre. Ved å bruke et enkelt slag til noen få sirkler, får du den "dybden" som beskriver druebunken.


Trinn 8b

Legg merke til hvordan lime wedge er nesten det samme som halv grapefrukt, med forskjellige farger. Bananen er 3 former; En stor gul form laget av to overlappende sirkler (ref. trinn 5a.), en liten brun trekantform og en buet lys brun linje, kopiert fra den gule formen. Sopp er et rektangel med en halv sirkel på toppen av den. Enkel, smart, subtil.


Trinn 8c

Tegn de resterende fruktene og grønnsakene. Igjen, se hvordan avokado og agurkeskiver er konstruert på samme måte som grapefrukt. Gulrot er bare 2 former, det samme som oransje. Spirene, muligens min favoritt av frukt og grønnsakssykdommer, er i utgangspunktet bare en linje med et slag gjentatt mange ganger.


Trinn 9

Farge er viktig i denne illustrasjonsstilen; det kan gjøre eller ødelegge den generelle følelsen av bildet. Det er ganske enkelt med dette emnet, fordi du bare kan referere til vårt "inspirasjonsfoto". Som du kan se med banan, har jeg brukt en ganske realistisk fargevalg. Samlet sett har jeg raffinert fargeskjemaet litt slik at det er litt mer levende enn de faktiske fargene.


Trinn 10

Til slutt er det viktigste aspektet av denne illustrasjonsstilen sammensetning. Fordi former og former av frukt og grønnsaker er så enkle, er maksimering av sammensetningen avgjørende. Kondensere mellomrommet mellom frukt og grønnsaker bidrar til å skape visuell interesse. Slå sammen illustrasjonen din ved å tegne en fin, levende pastellblå bakgrunnsfarge.


Konklusjon

De fire prosessene jeg har vist her er ekstremt grunnleggende, men noen ganger er det godt å gå tilbake til det grunnleggende og tenke på ting bare. Husk at det ikke er teknikken, men ideen om at et bilde skiller seg ut fra resten. Øv din visualisering, og du vil lage fantastiske vektorkomposisjoner på kort tid.