Super Coole Retro Poster in 10 Stappen

De eerste tutorial op de website van Dutch Digital Artist.nl komt van de website Abduzeedo.com. Fabio Sasso, de bedenker van Abduzeedo.com heeftdeze tutorial gemaakt naar aanleiding van retro poster die hij gezien heeft. Hij besloot wat te spelen met illustrator en photoshop en dit is wat eruit is gekomen.

In deze tutorial leer je hoe je in 10 stappen een typografische poster kan maken met photoshop en illustrator.

Inspiratie en schetsen

Stap 1

Na een paar ideeen op papier te hebben gezet is het tijd om te beginnen met het design zelf.Voor de basis van de typografische elementen gebruik je illustrator.Je begint met het zoeken naar geschikte lettertypen. Hier is gebruik gemaakt van de letters van het magazine avant garde. Hier kom je aan door tezoeken naar geschikte plaatjes van dit magazine op google. Vervolgens gebruik je in illustrator de Pen Tool (P) om de A te maken. Je kan SHIFT ingedrukt houden voor rechte lijnen.

Wanneer de A gedaan is gebruik je de Type Tool (T) en type je de BDZ, met het Avant Garden lettertype.

Stap 2

Select de text die je net gemaakt heb en creeer omlijningen Type>Letteromtrekken maken. Vervolgens met de Direct Selection (A) selecteer je het verticale deel Z en verplaats je deze naar beneden, zoals in de afbeelding.

Stap 3

Open Photoshop en start een nieuw document met als afmeeting bijvoobleed A4 . Vul de achtergrond met een bruine tint (#573E2A). Vervolgens kopieer je de tekst die je in illustrator heb gemaakt en plak je deze in photoshop als Vorm Laag. Op deze manier kunnen we blijven spelen met de vectoren door gebruik te maken van de Selection Tool (A) and Direct Selection Tool (A).

Met de Direct Selection Tool (A) verplaats je de onderkant van de A naar beneden tot je de ondekant van de Z bereikt(1) en verplaats de andere poot van de A helemaal naar beneden tot over de rand van het canvas(2). Verplaats de stok van de B helemaal naar de bovenkant van het canvas(3) met behulp van de Pen Tool (P).

Stap 4

Met de Direct Selection Tool (A)selecteer je de B en kopieer je die naar een nieuwe laag. Vervolgens geef je deze een laagstijl. Lagen>Laag Stijl>Kleurdekking en gebruik bijvoobeeld #FC9E1D als kleur.

Stap 5

Met de Lasso Tool (L) selecteer je de ruimte onder de A, zoals is aangegeven op de afbeelding. Vervolgens maak je een nieuwe laag en vul deze met wit. Alleen de geselecteerde ruimte.

Stap 6

Ga naar Laag>Laag Stijl>Kleurdekking. Gebruik groen als kleur #6F7A38 en vermenigvuldigen (Multiply) als laagstijl. Selecteer dan patroon dekking. Kies hier de Graph Paper. Deze vind je onder de kluer papier preset.Schaal deze met 300%.

Stap 7

Vervolgens voegen we wat tekst toe. Hier is gebruik gemaakt van het lettertype Dirty Headline, welke je kan vinden op dafont.com. Plaats de tekstin het groen vlak zoals je hieronder ziet. Je kan hier ook een subtiele schaduw aan toevoegen. Ga naar Laag>Laag Stijlen>Drop Shadow.Hier is gebruik gemaakt van 35% Opacity, 2 pixels voor de afstand en 10 pixels voor de grootte.

Stap 8

Nu voegen we wat texturen toe. Deze textuur komt van Shutterstock en is hier te downloaden http://www.shutterstock.com/pic-35221027/stock-photo-old-paper.html

Plaats deze in het document op de andere lagen en verander de laagstijl naar VErmenigvuldigen (Multiply). Vervolgensga je naar Afbeelding>Kleur en verzadiging en verminder je de verzadiging zo dat de afbeelding niet te geel wordt.

Stap 9

Nu kan het zijn dat je nog wat grungy elementen aan de afbeelding wil toevoegen, om het wat minder strak te maken. Hier is gebruik gemaakt van de penselen van Eduardo Recife's Misprintedtype website. misprintedtype.com

Conclusie

Het is heel goed mogelijk om in tien stappen een leuke afbeelding te maken die er goed en proffesioneel uitziet. De kunst is om het simpel te houden, goed gebruik te maken van de kleuren en texturen. Natuurlijk is kan je hier verder je eigen draai aangeven, wat hier ook gedaan is in versie 2 en 3.

Versie 1

Versie 2

Versie 3

Meer op abduzeedo.com/tutorials