Een vintage ski-posterontwerp maken

Wat je gaat creëren
Deze zelfstudie is oorspronkelijk in december 2009 gepubliceerd als een tutorial voor Tuts + Premium. Het is nu gratis te bekijken. Hoewel deze zelfstudie niet de nieuwste versie van Adobe Illustrator gebruikt, zijn de technieken en het proces nog steeds relevant.

De afbeelding die we in deze tutorial zullen gebruiken, maakte eigenlijk deel uit van een live briefing in 2008 en het uiteindelijke kunstwerk werd uiteindelijk gebruikt in billboards en bushokjes, persreclame en webbanners. Merk op dat alle illustraties in deze tutorial © Ardmore Advertising 2008 zijn.

Raak geïnspireerd! Vind inspiratie voor uw posters op Envato Market.


Invoering

Ik zou dit omschrijven als een tutorial op gemiddeld niveau en tijdens het hele proces zal ik laten zien hoe je een beetje kunt toevoegen Art Deco glamour voor uw illustraties door subtiel gebruik te maken van de paletverloop en transparantie in Illustrator CS4, evenals een oud papier voel met slim gebruik van texture resource-bestanden.

Voel je vrij om de meest bruikbare delen van deze tutorial te kiezen en kiezen die je zullen helpen bij het ontwikkelen van je illustratietechnieken. Er is geen goede of slechte manier om een ​​dergelijke illustratie te maken, maar ik zal hier wat tips geven die je kostbare tijd in de studio besparen (altijd belangrijk met een deadline voor de pers!)


1. Hoe de ruwe schetsen te maken

Hoewel het niet essentieel is, heb ik altijd geconstateerd dat een eerste schets je door elke fase van het illustratieproces heen helpt en je concept uitlegt aan een artdirector / klant. In een echte wereldomgeving zal een klantovereenkomst over een potloodschets helpen om het hele creatieve proces te vereenvoudigen, waardoor de tijd die wordt besteed aan het maken van lastige klantwijzigingen wordt verminderd.



2. Aan de slag in Illustrator

Stap 1

Laten we Illustrator starten! We zullen hier werken aan de afmetingen van een persreclame, dus toets a in Grootte van 70 mm breed en 150mm diep. Rekening houdend met dit is dit een illustratie voor afdrukken - stel de Kleur mode naar CMYK in tegenstelling tot RGB en laten we ook een toepasselijke naam voor het bestand intoetsen - in dit geval 'Vintage Ski Illustration'.



Stap 2 

Nu is het tekengebied geopend, plaatst u uw bestand en schaalt u het af om in het tekengebied te passen. Open de Transparantie palet en stel de ondoorzichtigheid van de schets-scan naar 30%, open vervolgens de Lagen palet. Dubbelklik op "Laag 1" en hernoem dan de laag "Schets". Nu heb je een referentiebeeldlaag die je tijdens het illustreren kunt verbergen en onthullen. Opmerking: denk eraan verwijderen deze laag zodra je illustratie voltooid is.



3. Hoe de schets te traceren

Laten we nadenken over de constructie van deze illustratie in termen van lagen en werken van de achtergrond naar de voorgrond. Dus we beginnen met de Alpine-achtergrond.

Slot de "Sketch" -laag en selecteer Nieuwe laag van de Layer palette's vluchtmenu en noem deze "ALPINE ACHTERGROND." Selecteer nu de Pen gereedschap van de Hulpmiddelen palet en begin de componenten van de Alpine-achtergrond uit de schets te traceren.

Zorg ervoor dat deze getekende objecten geen opvulkleur hebben en een heldere primaire kleur hebben Lijnkleur (rood of blauw). Gebruik alles uit het palet Stroke Slagbreedte 0,5pt. Door dit te doen, krijgt u een duidelijker beeld van uw voortschrijdende illustraties naast de originele schets.



4. Hoe te werken met het verlooppalet

Stap 1

Laten we wat kleur toevoegen. We beginnen met de lucht. Open de Stalen palet en de helling palet. Voor een groot contrast met de besneeuwde heuvels, laten we ervoor zorgen dat de lucht diep blauw is.

Versleep een donkerblauw van de Stalen palet aan de helling palet, voeg dan een lichtblauw toe. Je zou nu een gradiënt moeten hebben variërend van diepblauw tot lichtblauw tot wit. Klik op de Hoek veld op de helling palet en toets in 90 graden om ervoor te zorgen dat het verloop verloopt van blauw (boven) naar wit (onder).



Stap 2

We gaan verder vanuit de blauwe lucht - laten we werken aan de besneeuwde heuvels en de skipiste. Dit is waar je kunt zien hoe het subtiele gebruik van dezelfde gradiëntkleur die onder verschillende op elkaar gelaagde hoeken wordt gebruikt, een heel schone, scherpe vorm geeft Art Deco effect. Nogmaals, geen harde en snelle regels om hier te volgen - speel gewoon met verschillende hoeken tot het contrast goed voor je voelt.



Stap 3

Kijk nu naar de ski's en de stokken - vereenvoudig het bestaande verloop op de hellingen door de tweede lichtblauwe stap in het verlooppalet te verliezen. Nadat we deze bewerking hebben voltooid, voegt u hetzelfde verloop toe aan de schaduwen van de stokken en ski's en zorgt u ervoor dat de verloophoeken -90 graden.

Nu is het tijd om gebruik te maken van de Transparantie palet. Door de schaduwen van de ski's te selecteren, wijzigt u de Transparantiemodus van normaal naar Vermenigvuldigen, verschuif dan de Transparantie van 100% naar beneden 80%. Dit geeft het schaduwverloop van je schaduw een mooie, diepere tint blauw, waardoor het uitloopt op nee Opvulkleur, in plaats van het standaard wit dat u zou bereiken met transparantie ingesteld op normaal op 100% transparantie.



5. Hoe een schittering toe te voegen

Laten we nog een subtiele toets toevoegen die de afbeelding een beetje diepte geeft. Het toevoegen van verblinding in de linkerbovenhoek van de hemel geeft het gevoel van zonlicht dat weerkaatst op de besneeuwde hellingen. We kunnen hier een vooraf geïnstalleerd verblindingsfilter kiezen, maar waar is het plezier in!

Laten we dus twee cirkels tekenen, één grote, één kleine en zorg ervoor dat ze elkaar overlappen. De grotere van de cirkels bloedt uit de blauwe lucht, dus we zullen de verkenner palet Snijgereedschap om het in te korten en aan te passen aan de diepblauwe lucht.

Zodra we dit hebben gedaan; het is tijd om terug te keren naar onze helling en Transparantie paletten. Selecteer beide objecten en voeg een verloopvulling toe met een lichtblauwe tot witte kleur. Deze keer maken we het verloop Radial in tegenstelling tot Lineair. Doorgaan naar transparantie - selecteer Scherm en sleep de ondoorzichtigheid terug naar 20%. Vergeet niet dat subtiliteit de sleutel is in deze oefening.



6. Hoe het personage van de held te tekenen

Stap 1

Het achtergrondlandschap ziet er nu heel schoon uit, dus we zullen het nu doen Slot de "ALPINE ACHTERGROND" -laag en Schakel het zicht uit - je kunt nu de ruwe schetslaag opnieuw bekijken.

Kies nu Nieuwe laag van jouw Lagen palet en noem deze "HEROINE". De ... gebruiken Pen gereedschap, het is een eenvoudige taak om alle afzonderlijke elementen te traceren die deel uitmaken van ons heldin (of hoofd) personage.

We doen een stapje terug van verlopen en transparanten en concentreren ons daarbij op kleuren met volledige sterkte. Dit zal helpen het Heldenkarakter van de achtergrond te onderscheiden.

Een korte opmerking over huidtintkleuren: jarenlang worstelde ik om de perfecte huidskleur te mixen tot ik naar het vluchtmenu keek in Illustrator's Stalen palet. Ga vanuit dit menu naar Open Swatch-bibliotheek en kies Huidskleuren. Ik vind deze staalbibliotheek van onschatbare waarde bij het kiezen van complementaire huidskleuren.



Stap 2

Nu is het tijd om een ​​beetje detail toe te voegen aan de accessoires van het heldenpersonage. Je zult merken dat ik in de laatste stap dat ik de zonnebril, koffiekop en stoompijp wit had achtergelaten.

Laten we eerst naar de zonnebril kijken, hier introduceren we opnieuw het glare-effect dat we eerder hadden ontwikkeld. Voor de basislenskleur gebruiken we precies dezelfde gradiënt van de blauwe lucht. Dit is waar Illustrator's Verschijning palet kan een waardevol hulpmiddel zijn.

Selecteer de Blue Sky op de vorige laag, terwijl de Verschijning palet is open. De Verschijning palet toont een voorbeeldminiatuur van de huidige selectie met recht Pad. Versleep eenvoudigweg deze padminiatuur naar de lenzen van de zonnebril en alle kenmerken van het Blue Sky-object (inclusief verloophoeken) worden overgebracht naar dit nieuwe object.


Vervolgens zullen we de spiegel spiegelen schitter cirkels van de vorige laag - gebruik de Verschijning palet opnieuw, we kunnen alle kenmerken van het vorige object repliceren.

Ik heb ook een paar diagonale swoosh-lijnen toegevoegd die hetzelfde gebruiken Kleurverloop en Transparantie om meer effect toe te voegen, samen met het toevoegen van een Inzet Schaduw effect op de lenzen met behulp van een diep marineblauw Vullen en instellen van de Transparantie naar Zacht licht.

Ik ben hier duidelijk naar de stad gegaan met het reflectiethema, maar het is absoluut niet essentieel om al dit detail weg te knippen (vooral als je een deadline nadert).



Stap 3

In deze stap introduceren we de Blend-tool. Het lichaam van de koffiekop is gemaakt van vormen. De ene crème, de andere een donkere crème doet dienst als schaduw. Ga naar met beide vormen geselecteerd Object> Blend> Maken. Herhaal nu het proces met de twee vormen die de schotel maken.


Let op de zachte overgang van donker naar licht. Nu de koffiekop is voltooid, voegen we transparantie en een verloopvulling toe aan de damp boven de kop. Het verloop moet van bruin naar wit lopen en vervolgens de transparantie Vermenigvuldigen en breng de ondoorzichtigheid naar beneden 60%.



7. Een kop toevoegen

Stap 1

Nu is het personage klaar, Slot de "HEROINE" -laag en maak vanuit je lagenmenu een Nieuwe laag en noem het de kop. Typ nu de koptekst in met een leuk retro / art deco-posterlettertype. Ik heb gebruikt Uitgelicht item, een prachtig gratis lettertype van fontdiner.com. Als je eenmaal tevreden bent met het lettertype en kerning etc. Ga naar Typ> Contouren maken.


Nu Ungroup alle letters. Selecteer vervolgens de bovenste regel tekst en maak een samengesteld pad door naar Object> Samengestelde pad> Maken. Herhaal dit proces voor de tweede regel tekst. Met het type dat nu is getransformeerd in twee verschillende bewerkbare objecten, kunnen we beginnen met het toevoegen van de effecten die we al eerder in de zelfstudie hebben behandeld.



Stap 2

In tegenstelling tot het toevoegen van het slagschaduwfilter in Photoshop, zullen we een eigen effect creëren met behulp van de padzoeker. Eerste Schakel zicht uit op alle andere lagen en druk vervolgens op Command-Y om het document in wireframe-modus te bekijken.

Selecteer het woord "SKI" en ga naar Bewerken> Kopiëren, gevolgd door Bewerken> Plakken in achterkant. Verplaats dit gekopieerde object (met behulp van je cursortoetsen) 2 klikken naar links en 2 klikken naar beneden. Herhaal nu dit exemplaar, Plak achteraan, schakelproces en je zult zoiets zien ...


Open nu je verkenner palet opnieuw, selecteer de twee woorden die we achteraan geplakt hebben en druk op de Minus voorkant om dit nieuw te maken Slagschaduw voorwerp. Nu slaan Command-8 om van deze nieuwe selectie een samengesteld pad te maken. Laten we slaan Command-Y en schakel de zichtbaarheid weer opnieuw in voor alle lagen om te zien hoe we vorderen.


Stap 3

Goed uitrichten is het niet? Werk het slagschaduweffect af door een toe te voegen Kleurverloop loopt van marine naar wit in een hoek van -90 graden, verschuif dan de Transparantie naar Vermenigvuldigen en trek aan de ondoorzichtigheid terug naar 50%.



8. Hoe textuur toevoegen

Nu zul je vrijwel het voltooide artikel zien. Het ziet er schoon en ongerept uit. Je zou echt kunnen stoppen op dit punt en mooi blijven zitten. Maar als u een authentiek wilt toevoegen oud papier voel dat dit echt teruggaat naar de Gouden Eeuw van Reclame, ik stel voor een textuurbestand toe te voegen.

Er zijn texture resource-websites overal op internet. Een die nooit indruk op me maakt, is cgtextures.com, je kunt je aanmelden voor een gratis account en downloaden van een enorme reeks textuurafbeeldingen..

Ik heb het papieren structuurbestand dat we hier gebruiken, opgehaald. Dus we openen een Nieuwe laag en noem het Texture, waarbij je ervoor zorgt dat alle vorige lagen worden vergrendeld. Opmerking: het is nu in de buurt, je kunt de "SKETCH" -laag en de inhoud ervan verwijderen.

Voeg nu het Photoshop-bestand toe en schaal het uit om op de pagina te passen. Vanaf hier is het een eenvoudige taak om de transparantie naar toe te verplaatsen Vermenigvuldigen en het terugtrekken van de ondoorzichtigheid terug naar 80%. Voila! Klus geklaard!



Laatste afbeelding

Dus daar heb je het. Een leuke manier om je vectorillustraties een beetje te geven Oude wereld glamour met behulp van een paar eenvoudige Illustrator Tools. Ik hoop dat je het nuttig vindt! De uiteindelijke afbeelding is hieronder.