Hvordan lage en Retro Plakat i Adobe Illustrator

Hva du skal skape

Kan ikke leve uten din kaffefiks? Denne muntere retro-stilen ville gjøre det perfekte tillegget til ethvert kjøkken - en visuell følgesvenn til morgenbryggingen. 

I denne opplæringen bruker vi en rekke verktøy i Illustrator (inkludert penn-, blyant- og pathfinder-verktøyene, blant annet) for å lage enkle vektorillustrasjoner. Vi vil også endre noen stilige skrifttyper for å fullføre vårt design.

Hvis du er i humør for et raskere prosjekt, kan du få en start med denne vektorknippen. Du kan plassere kaffekannen og koppformene som de er, eller legge til dine egne pyntegjenstander for dem.

For ytterligere inspirasjon, sjekk ut andre retro- og kaffefaktorer over på Envato Market. 

Klar? La oss komme til det!

1. Sett opp dokumentet

Trinn 1

Vi starter med å åpne et nytt dokument i Illustrator. Jeg har satt dokumentstørrelsen til A3, en vanlig plakatstørrelse som omtrent svarer til 11 x 17 tommer i amerikanske målinger. Du kan se oppsettet nedenfor:

Steg 2

Deretter velger vi våre farger. Hvis du vil bruke samme fargepalett som jeg er, kan du koble til de heksekoder som er oppført nedenfor. Bare dobbeltklikk på Fylle boksen i verktøylinjen (der fargevalgene dine vises) og skriv inn en kode i boksen nederst i vinduet, den som er foran et tallskilt (#).

Trinn 3

Legg til en bakgrunn ved å bruke Rektangelverktøy å fylle hele kunstbrettet med vår gule farge / # F9CF1C.

Låse laget det er på i lag panelved å klikke på den tomme boksen til venstre.

2. Plasser typografi

En av nøklene til å lage et design som reflekterer en viss tidsperiode, er å velge autentiske utseende. For dette prosjektet ønsker vi en stil som minner om 1950-tallet og 60-tallet (ofte referert til som "midten av århundret" eller "midten av århundre moderne"). Jeg har valgt to gratis skrifttyper designet for å ekko denne epoken, som du kan laste ned på linkene under:

  • Carosello (via GraphicsFuel)
  • Maiden Orange (via 1001 Fonter)

Trinn 1

Lag et nytt lag og skriv ut 'Fresh' på 170 pt. Endre skrift til Carosello og fargen til oransje / # F77823. Deretter gjør 'F' litt større, omtrent 180 pt.

Steg 2

Skriv ut 'KAFFE' på 145 pt. Endre skriften til Maiden Orange og fargen til krise / # 3BAD9D.

Bokstavene ser litt for tynne ved siden av de tykke slagene i skriptfonten, så gi 'KAFFE' en 5 pt slag og endre sporing til 50. Begge disse innstillingene er tilgjengelige i Type verktøylinjen som strekker seg over toppen av skjermen når du velger en tekstboks. 

Dra begge ordene inn i øvre høyre hjørne av tavlen, hvor vi skal ordne dem. Dette er hva vi har så langt:    

3. Endre og pynte typen

Nå skal vi gjøre noen endringer i teksten for å gi den litt ekstra retroflair.

Trinn 1

Velg først "Frisk" og gå til Effekt> Varsel> Stig og sett Bøye til 18%.

Ved å bruke en av Illustrators standardbørster legger vi til noen understreker under 'Fresh' for vekt og å fylle mellomrommet mellom det og 'KAFFE'.

Steg 2

Velg Paintbrush Tool. Fra din Penselbiblioteker-menyen, å velge Kunstnerisk> Artistic_Ink og finn Tapered - Round børste.

Tegn et par oransje swashes under 'Fresh', etter vinkelen på bokstavene. Hvis linjene dine blir litt klumpete, drar du Glatt verktøy over dem(plassert under blyantverktøyet, få tilgang til det med et klikk-hold). Jeg endret stroke på topplinjen til 1,5 pt og holdt bunnlinjen på 1 pt, så det var en liten variasjon mellom dem, som om de virkelig var malt med en pensel.

Noen Illustrator børster kan variere litt fra slagfargen du tilordner dem. Her kan du merke at linjene ser ut til å være en lysere oransje enn den "Friske" teksten. Hvis du noen gang merker dette problemet i arbeidet ditt, bare velg penselstrøkene som ikke ser riktig ut, gå til Objekt> Utvid Utseende, og velg ønsket fargekvoter.

Trinn 3

Vår siste utsmykning er å legge til en subtil skygge til 'KAFFE'. Først vil vi gjøre bokstavene alle en form, så vi trenger ikke å rote med å endre fylle og strekke farger separat. For å gjøre dette, gå til Skriv> Opprett oversikter, deretter Objekt> Utvid (gå til standardinnstillingene) > OK. For å fullføre prosessen, velg Vindu> Pathfinder> Forene.

Kopier og lim inn 'KAFFE' for å kopiere det. Bytt farge til gull / # F9B31C og plasser kopien litt under og til venstre for det originale ordet. Klikk nå tilbake til kruset "KAFFE" og velg Objekt> Arranger> Ta med til fronten.

Og nå har vi fullført den typografiske delen av prosjektet vårt. Du vil kanskje justere plasseringen til du liker måten ordene sitter sammen.

4. Lag Illustrasjonene

Nå kommer vi til å legge til vårt hovedartikkel: kaffekannen og koppen. Du kan nærme denne delen, men du vil, men noen teknikker du kan vurdere er:

  • ved hjelp av allerede eksisterende vektorformer, som de som er knyttet inn i introduksjonen 
  • tegne dem frihånd, enten på papir først eller rett i Illustrator 
  • bruker et referansebilde og pennverktøyet   

Jeg valgte det tredje alternativet av et par grunner. En, jeg liker kontrollen som Pen Tool tilbyr for å skape både buede og geometriske former. To, jeg hadde en bestemt stil med kaffekanne i tankene, og ønsket å få figurene riktig ved hjelp av et referansebilde.

Hvis du også vil bruke denne metoden, følger noen grunnleggende trinn. For referansebildeforslag, se linkene under (Creative Commons-lisensierte bilder via Flickr, takket være bruker Jay Kaye). De jeg bruker er de første alternativene, men du kan bruke disse teknikkene, uansett hvilke bilder du velger.

  • Kaffepotter: 1, 2, 3
  • Kopper: 1, 2, 3

Trinn 1

Legg referansebildet ditt på siden av tavlen og reduser dens ugjennomtrengelighet til omtrent 50%. Bruker Pennverktøy, skissere de grunnleggende figurene på kaffekannen din. Hvis du vil at noen deler skal ha en annen farge enn hoveddelen, må du lage dem separate former for enkel farging senere. Ikke bekymre deg for å lage perfekt rette linjer; Formen som er litt off-kilter vil passe denne stilen fint.

Her er hvordan min omtale viste seg. Selv om tuten vil være i samme farge som resten av gryten, ga jeg den sin egen form for å lage rene vinkler hvor den festes.

Steg 2

Endre konturene i fylte figurer ved å klikke på Bytt fylling og slag pil eller treffer Shift-X. Påfør hvilke farger du liker. Du må kanskje sende noen av figurene dine bakover (for eksempel håndtakene her).

Plasser ferdig kaffekanne i nederste venstre hjørne og størrelse den for å fylle om lag to tredjedeler av plassen under teksten. Pass på at tuten peker mot høyre. Hvis referansebildet du bruker, står det i den andre retningen, er det en enkel løsning. Bare dra markøren for å velge hele gryten, og klikk deretter Objekt> Transformere> Reflektere> Vertikal.

Trinn 3

Gjenta de to foregående trinnene for koppen. Hvis du trenger å kutte ut en form, som innsiden av håndtaket, er det enkelt å sørge for at formen eller omrisset er foran, velg det og bakgrunnsformen (hold nede Skifte), og gå til Vindu> Pathfinder> Minus Front (det er den andre knappen i toppraden).

Plasser koppen over fra potten i høyre hjørne (håndter utover). For innsiden av koppen valgte jeg en lettere versjon av vår kronefarge.

5. Legg til etterbehandlingen

Trinn 1

Kan ikke glemme å fylle koppen din! Bruke Ellipseverktøy å legge til en mørk brun oval for kaffen. Du kan bruke Direkte utvalgsverktøy å trekke ut ovalens ankerpunkter til den passer innvendig på koppen din. Avslutt det ved å tegne en lysere brun buet form med Pennverktøy for et høydepunkt.

Steg 2

Lag et nytt lag og flytt det til å være andre fra bunnen av Lagpanel. Bruk samme teknikk som forrige trinn (Ellipseverktøy og flytte ankerpunkter) for å legge til skygger under potten og koppen i vår gullfarge.

Trinn 3

Vårt siste skritt er å trekke litt damp ut av kaffekannen. Bruke Blyantverktøy 3 pt og med en strekkfarge på hvitt. Tegn noen skarpe, overlappende linjer som fyller rommet over potten og til venstre for teksten. Jeg fant ut at den beste måten å skape væske, kryssende linjer var å tegne dem i to løkker som både begynner og slutter på tuppet av kaffekannen.

Det var alt folkens!

Flott arbeid - Jeg tror du har tjent deg selv en kaffepause. Jeg håper du har hatt det gøy å bruke noen av Illustrators mest grunnleggende form- og tegneverktøy, sammen med noen praktiske snarveier, for å lage enkle vektorillustrasjoner. Hvis du er interessert i å lære mer om å skape autentisk utseende i midten av århundre-stil, sørg for å sjekke ut våre 10 topp tips for å lage retro-inspirerte design.

Du er velkommen til å dele hvordan prosjektet ditt viste seg, eller stille spørsmål i kommentarfeltet. Som alltid, glad design!