Hoe ontwerp ik een retro poster in Adobe Illustrator

Wat je gaat creëren

Kan je niet leven zonder je koffiefixaat? Deze vrolijke, retro-stijl kunst zou de perfecte aanvulling op elke keuken zijn - een visuele metgezel voor je ochtendbrouwsel. 

In deze zelfstudie gebruiken we verschillende hulpmiddelen in Illustrator (waaronder de pen-, potlood- en Pathfinder-gereedschappen) om eenvoudige vectorillustraties te maken. We zullen ook enkele stijlvolle lettertypen aanpassen om ons ontwerp te voltooien.

Als u in de stemming bent voor een sneller project, kunt u een voorsprong nemen met deze vectorbundel. U kunt de koffiepot en bekervormen zoals ze zijn plaatsen, of uw eigen verfraaiingen eraan toevoegen.

Bekijk voor verdere inspiratie andere retro- en koffievectoren op Envato Market. 

Klaar? Laten we ernaar toe gaan!

1. Stel uw document op

Stap 1

We beginnen met het openen van een nieuw document in Illustrator. Ik heb mijn documentgrootte ingesteld op A3, een algemene posterformaat dat ongeveer gelijk is aan 11 x 17 inch in Amerikaanse metingen. U kunt de onderstaande instellingen bekijken:

Stap 2

Vervolgens kiezen we onze kleuren. Als u hetzelfde kleurenpalet wilt gebruiken als ik, kunt u de onderstaande hex-codes invoegen. Dubbelklik gewoon op de Vullen in uw werkbalk (waar uw kleurenselecties worden weergegeven) en voer een code in het vak onderaan het venster in, dat wordt voorafgegaan door een nummerteken (#).

Stap 3

Voeg een achtergrond toe met behulp van de Rechthoekgereedschap om het hele kunstbord te vullen met onze gele kleur / # F9CF1C.

Vergrendel de laag in de Lagen paneeldoor op het lege vak aan de linkerkant te klikken.

2. Plaats de typografie

Een van de sleutels tot het maken van een ontwerp dat een bepaalde periode weerspiegelt, is het kiezen van authentiek ogende lettertypen. Voor dit project willen we een stijl die doet denken aan de jaren 1950 en 60 (gewoonlijk aangeduid als "mid-century" of "mid-century modern"). Ik heb twee gratis lettertypen gekozen die zijn ontworpen om dit tijdperk te herhalen, dat je kunt downloaden via de onderstaande links:

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

Stap 1

Maak een nieuwe laag en typ 'Fresh' op 170 pt. Verander het lettertype in Carosello en de kleur in oranje / # F77823. Maak de 'F' dan iets groter, ongeveer 180 pt.

Stap 2

Typ 'COFFEE' op 145 pt. Verander het lettertype in Maiden Orange en de kleur teal / # 3BAD9D.

De letters zien er een beetje te dun uit naast de dikke strepen van het scriptlettertype, dus geef 'COFFEE' op 5 pt beroerte en verander de Tracking naar 50. Beide instellingen zijn toegankelijk in de Type werkbalk die zich over de bovenkant van uw scherm uitstrekt wanneer u een tekstvak selecteert. 

Sleep beide woorden naar de rechterbovenhoek van het tekengebied, waar we ze gaan rangschikken. Dit is wat we tot nu toe hebben:    

3. Pas het type aan en verfraai het

Nu zullen we wat wijzigingen in de tekst aanbrengen om het een beetje extra retro-flair te geven.

Stap 1

Selecteer eerst 'Fresh' en ga naar Effect> Warp> Rise en stel de Buigen naar 18%.

Vervolgens gebruiken we een van de standaardpenselen van Illustrator en voegen we wat onderstreping toe onder 'Vers' voor nadruk en om de ruimte ertussen te vullen met 'KOFFIE'.

Stap 2

Selecteer de Paintbrush Tool. Van jouw Penseelbibliotheek Menu, kiezen Artistiek> Artistic_Ink en vind de Tapered - Rond borstel.

Teken een paar oranje sierletters onder 'Vers', volg de kantelhoek van de letters. Als uw lijnen een beetje klonteren, sleept u de Gladde tool over hen heen(bevindt zich onder het potlood-tool, toegang met een klik-hold). Ik veranderde de lijn van de bovenste regel in 1,5 pt en hield de onderste regel op 1 pt, zodat er een beetje variatie tussen hen zou zijn, alsof ze echt met een penseel waren geverfd.

Sommige Illustrator-penselen kunnen enigszins afwijken van de lijnkleur die u eraan toewijst. Hier ziet u misschien dat de lijnen een lichtere kleur hebben dan de tekst 'Fris'. Als u dit probleem ooit in uw werk opmerkt, selecteert u gewoon de penseelstreken die er niet goed uitzien, ga dan naar Object> Uiterlijk uitbreiden, en selecteer de gewenste kleurstaal opnieuw.

Stap 3

Onze laatste versiering is om een ​​subtiele schaduw toe te voegen aan 'COFFEE'. Ten eerste willen we de letters allemaal een vorm geven, zodat we niet hoeven te rotzooien met het afzonderlijk wijzigen van de vul- en lijnkleuren. Ga hiervoor naar Typ> Contouren maken, dan Object> Uitbreiden (verlaat de standaardinstellingen) > OK. Selecteer om het proces te beëindigen Venster> Pathfinder> Verenigen.

Kopieer en plak nu 'KOFFIE' om het te dupliceren. Verander de kleur in goud / # F9B31C en plaats de kopie iets onder en links van het oorspronkelijke woord. Klik nu terug naar de wintertaling "KOFFIE" en selecteer Object> Schikken> Naar voorgrond brengen.

En nu hebben we het typografische gedeelte van ons project voltooid. U kunt de plaatsing aanpassen totdat u tevreden bent met de manier waarop de woorden bij elkaar zitten.

4. Maak de illustraties

Nu kunnen we ons belangrijkste kunstwerk toevoegen: de koffiepot en de beker. Je kunt dit gedeelte echter benaderen zoals je wilt, maar enkele technieken die je zou kunnen overwegen zijn:

  • gebruik van reeds bestaande vectorvormen, zoals degene die in de inleiding zijn gekoppeld 
  • ze uit de losse hand tekenen, hetzij eerst op papier of rechtstreeks in Illustrator 
  • een referentiefoto en de Pen-tool gebruiken   

Ik koos om een ​​aantal redenen voor de derde optie. Ten eerste houd ik van de controle die de Pen-tool biedt voor het maken van zowel gebogen als geometrische vormen. Twee, ik had een bepaalde stijl van koffiepot in gedachten, en wilde de vormen goed krijgen met behulp van een referentiefoto.

Als u deze methode ook wilt gebruiken, volgen enkele basisstappen. Voor suggesties voor referentiefoto's, zie onderstaande links (Creative Commons-gelicentieerde afbeeldingen via Flickr, met dank aan gebruiker Jay Kaye). De opties die ik ga gebruiken zijn de eerste opties, maar je kunt deze technieken gebruiken, ongeacht welke foto's je kiest.

  • Koffiepotten: 1, 2, 3
  • Cups: 1, 2, 3

Stap 1

Plaats uw referentiefoto op de zijkant van uw tekengebied en verminder de dekking tot ongeveer 50%. De ... gebruiken Pen gereedschap, schets de basisvormen van uw koffiepot. Als je wilt dat delen een andere kleur hebben dan het hoofdgedeelte, maak ze dan aparte vormen om later gemakkelijk te kunnen inkleuren. Maak je geen zorgen over het creëren van volkomen rechte lijnen; vormen die een beetje off-kilter zijn, passen goed bij deze stijl.

Hier is hoe mijn overzicht uitpakte. Hoewel de uitloop dezelfde kleur heeft als de rest van de pot, heb ik deze een eigen vorm gegeven om een ​​schone hoek te creëren waar deze wordt bevestigd.

Stap 2

Wijzig de contouren in gevulde vormen door op de te klikken Vulling en lijn verwisselen pijl of slaan Shift-X. Pas de kleuren toe die je leuk vindt. Mogelijk moet je een aantal van je vormen naar achteren sturen (zoals de handles hier).

Plaats uw afgewerkte koffiepot in de linkerbenedenhoek en zet deze op maat om ongeveer twee derde van de ruimte onder de tekst te vullen. Zorg ervoor dat de tuit naar rechts wijst. Als de referentiefoto die u gebruikt, in de andere richting kijkt, is dit een gemakkelijke oplossing. Versleep eenvoudig je cursor om de hele pot te selecteren en klik vervolgens op Object> Transformeren> Reflecteren> Verticaal.

Stap 3

Herhaal de vorige twee stappen voor de beker. Als u een vorm wilt uitsnijden, zoals de binnenkant van de handgreep, kunt u op een eenvoudige manier ervoor zorgen dat de vorm of de omtrek voorop staat, selecteer deze en de achtergrondvorm (ingedrukt houden Verschuiving), en ga naar Venster> Pathfinder> Minus voorzijde (dat is de tweede knop in de bovenste rij).

Plaats de beker tegenover de pot in de rechterhoek (handvat naar buiten gericht). Voor de binnenkant van de beker heb ik gekozen voor een lichtere versie van onze teal-kleur.

5. Voeg de afwerkingsaanraken toe

Stap 1

Kan niet vergeten om je beker te vullen! Gebruik de Ellipse Tool om een ​​donkerbruine ovaal voor de koffie toe te voegen. U kunt de Direct selectie gereedschap om de ankerpunten van het ovaal naar buiten te trekken totdat deze in de binnenkant van uw kopje past. Werk het af door een lichtere bruine gebogen vorm te tekenen met de Pen gereedschap voor een hoogtepunt.

Stap 2

Maak een nieuwe laag en verplaats deze naar de tweede van onder in de Lagenpaneel. Gebruik dezelfde techniek als de vorige stap (Ellipsgereedschap en bewegende ankerpunten) om schaduwen onder de pot en beker in onze gouden kleur toe te voegen.

Stap 3

Onze laatste stap is om wat stoom uit de koffiepot te halen. Gebruik de Pencil Tool op 3 pt en met een streekkleur van wit. Teken een paar kronkelende, overlappende lijnen die de ruimte boven de pot en links van de tekst vullen. Ik vond dat de beste manier om vloeiende, kriskras lijnen te creëren was om ze in twee lussen te tekenen die zowel beginnen als eindigen aan de tuit van de koffiepot.

Dat is alles Mensen!

Fantastisch werk - volgens mij heb je een koffiepauze verdiend. Ik hoop dat je plezier hebt gehad met het gebruik van enkele van de meest elementaire vormen en tekenhulpmiddelen van Illustrator, samen met een paar handige snelkoppelingen om eenvoudige vectorillustraties te maken. Als je meer wilt weten over het maken van authentieke halverwege de eeuwige ontwerpen, bekijk dan onze 10 beste tips voor het maken van retro-geïnspireerde ontwerpen..

Deel gerust hoe uw project is verlopen of stel vragen in het opmerkingengedeelte. Zoals altijd, gelukkig ontwerpen!