De 'Samurai Weerwolf'-poster maken

Wat je gaat creëren
Deze tutorial is oorspronkelijk in mei 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.

Tijdens deze tutorial zal ik je door mijn creatieve proces leiden en enkele van mijn favoriete Adobe Illustrator-tips en -hulpmiddelen delen terwijl ik een poster maak voor die enige Japanse lycantroop met maanvloek - de "Samurai Weerwolf!"

U kunt de bronbestanden vinden in de map met het label "source" in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen.

Hou je van samurai krijgers? Blader door onze geweldige selectie van Samurai Warrior Vector Art beschikbaar via GraphicRiver. Of neem de hulp in van een professional van Envato Studio voor al uw ontwerpbehoeften op maat.


Hulpmiddelen

  1. Vulpotlood + schetsboek
  2. Adobe Illustrator CS4+
  3. Adobe Photoshop CS4+

1. Hoe u uw document instelt

Stap 1

Ik geloof dat de meest succesvolle posters steunen op een sterke eerste visie in combinatie met goede besluitvorming tijdens het artistieke proces. Zoals u in deze zelfstudie zult zien, wijkt het uiteindelijke beeld in veel opzichten af ​​van de voorlopige schetsen, maar het behoudt nog steeds de geest en toon waarnaar ik streefde.

Na het verzamelen van een map vol referentiebeelden (bedankt, Google afbeeldingen zoeken!), Begon ik een paar heel ruwe thumbnails te maken. Toen ik mijn idee eenmaal op papier had uitgedokterd, heb ik het aangescherpt tot een meer verfijnde compositie-schets. Ten slotte heb ik een strakke potloodschets gemaakt van beide hoofdelementen van de poster: de samurai-weerwolfkop en de inzet van de weerwolf versus vampier.



Stap 2

Mijn volgende taak was om mijn Adobe Illustrator-document in te stellen. Ik heb een gemaakt 7 "by 14" Artboard, en eenmaal geopend heb ik mijn werkruimte geoptimaliseerd door veelgebruikte paletten en werkbalken te openen en te organiseren. Mijn moet hebben paletten? Karakter, Pad, Lagen, Stalen, Kleur, Transparantie, helling, en Beroerte.



Stap 3

Ik heb de neiging om veel lagen te gebruiken in mijn illustraties, en deze was geen uitzondering. De eerste laag die ik altijd maak, is een wit "kader". Ik heb het ingesteld als mijn bovenste laag en het werkt als een Masker voor al het artwork eronder.

Op die manier kan ik afbeeldingen op lagen voorbij het tekengebied uitbreiden, maar maak je geen zorgen over het zien ervan. Ik begon met een Rechthoek de grootte van het tekengebied, vervolgens een grotere gemaakt die ik erachter heb geplaatst, beide heb geselecteerd en de tekenreeks heb gebruikt Minusgereedschap voorzijde in de verkenner palet.



Stap 4

Na het toevoegen van enkele nieuwe lagen (één voor een scan en één voor een achtergrondkleur) in de Lagen palette, begon ik wat aangepaste kleuren te mixen. Ik gooi altijd alle generieke Illustrator-kleuren weg en meng mijn eigen eenvoudige, beperkte schema erin CMYK.

Het is ook erg handig wanneer je je eigen kleuren mengt in de Kleur palet, om ze in te stellen "Steunkleur." Hiermee kunt u dubbelklikken op die kleur in de Stalen palet op elk gewenst moment, pas de CMYK-mix aan en laat deze wijzigingen automatisch toepassen op elk exemplaar van die kleur in uw document. Erg handig.


Dit is wat mijn Stalen palet zag eruit als ik mijn kleuren eenmaal heb gemengd en erin heb gestopt. Je zult merken dat je veel kunt doen met beperkte kleuren.



Stap 5

Nadat ik een effen gekleurde rechthoek aan de achtergrondlaag had toegevoegd, liet ik de scan in de "scan" -laag vallen (Bestand> Plaats), de grootte ervan aanpassen zodat deze op de pagina past en stel de overvloeimodus in op Vermenigvuldigen de ... gebruiken Transparantie palet. Hiermee wordt al het wit uit een geplaatste afbeelding verwijderd en kun je op onderliggende lagen werken doorzien het.



2. Hoe de scène uit te rekken

Stap 1

Vervolgens, met behulp van de scan als een leidraad, heb ik alle belangrijke componenten van de afbeelding geruwd. Ik gebruikte de Pen gereedschap om een ​​zeer snel overzicht van elk element te tekenen, elk op hun eigen gelabelde laag.


Als je klaar bent, ik verborg de "scan" -laag (door te klikken op het oogpictogram ernaast in de Lagen palet), waardoor ik een idee kreeg van hoe de kleur, vorm en compositie uitwerkten.



Stap 2

Toen de compositie ruw was, heb ik de lagen met de ruwe scan en de FPO weerwolf uitgeschakeld en in de laatste schets van de weerwolfkop gelaten..

Vervolgens gebruikte ik de Pen gereedschap en begon de details op te werken over wat de definitieve versie van het gezicht zou worden. Ik hield de helm van de weerwolf op een aparte laag van het eigenlijke gezicht om het bewerken te vergemakkelijken.



3. Details toevoegen

Stap 1

Ik was klaar om wat versiering aan de helm toe te voegen. Het eerste detail dat ik heb toegevoegd, was de maanvorm, eenvoudig gemaakt door een kleine ellips over een grotere te leggen. Ik heb ze vervolgens allebei geselecteerd en toegepast Pathfinder> Minus voorzijde.


Stap 2

Vervolgens gebruikte ik de Pen gereedschap om twee paden te tekenen die de curve van de onderkant van de helm volgden en vervolgens die paden naar contouren converteerden (Object> Pad> Omtreklijn). Vervolgens gebruikte ik de Direct selectie gereedschap om de punten aan het bovenste uiteinde van de streken te verkleinen om verkorting te simuleren terwijl ze zich om de helm wikkelen.


Stap 3

Ik trok contourlijnen verticaal op de helm en zorgde ervoor dat ze geleidelijk dichterbij kwamen toen ze terug in de verte gingen. Ik ook geleidelijk gereduceerd de Beroerte gewicht van de lijnen van voren naar achteren.

Ik heb eens genoeg met hen gepuzzeld dat ze er overtuigend uitzagen, ik gegroepeerd hen. Vervolgens, ik gedupliceerd de vorm van de helm, bracht die naar voren. Toen koos ik met de lijnen en de nieuw gedupliceerde helmvorm beide geselecteerd Object> Knipmasker> Maken. Dit creëerde een masker dat de uiteinden van de contourlijnen visueel afsneed.


Om een ​​dunne contour aan de top boven het gezicht toe te voegen, ik gedupliceerd de vorm (Command-C), Aan de voorkant geplakt (Command-F) en stel de Vullen naar Geen en de Beroerte naar 5 pt. Vervolgens ging ik onder Object> Pad> Contouren maken.


Ik nogmaals gedupliceerd en Geplakt aan de voorkant de originele kuifvorm, en daarmee koos de nieuw omlijnde lijn geselecteerd Pathfinder> Doorsnijden. Deze kruising van de twee vormen creëerde een schone, uniforme, dunne omtrek langs de binnenrand van de top.



4. Hoe de Pagoda te maken

Stap 1

Ik heb een uitsplitsing getoond van het proces waarmee ik de pagode heb gebouwd. Werkend vanaf referentie, heb ik de lagen van de pagode opgebouwd uit zeer eenvoudige vormen gegroepeerd hen, het vormen van een verdieping van de pagode. ik gedupliceerd, naar boven verplaatst en de vloer enigszins verkleind, waardoor er een kleinere bovenop wordt gecreëerd.

Opmerking: ik heb de voortgang in beide laten zien schets en Voorbeeld mode. Command + Y schakelt tussen modi.


Stap 2

Hoog gestapeld, (boven op een nieuw gecreëerde berg) vormen de vloeren samen met een eenvoudig schuin dak overtuigend het silhouet van een pagode!



5. Hoe de weerwolf en de vampier te maken

De volgende stap (ook de meest tijdrovende) was de creatie van de inzet weerwolf en vampier die slag linksonder op de poster deden.


Je kunt zien dat terwijl ik door de schepping van de weerwolf en vampier vorderde, ik voortdurend aan het experimenteren was met andere elementen in de compositie, zoals de kleur van de hoorns op de helm van de hoofdweerwolf en de toevoeging van een banner voor het uiteindelijke type die ik in de linkerbovenhoek van het stuk zou zetten. Ook schakelde ik over van een witte rand naar een bruine.


6. Hoe de Samurai Armor te detailleren

Stap 1

Toen ik eenmaal tevreden was met de vormen waaruit de twee personages zijn opgebouwd, ging ik naar binnen om details toe te voegen aan het samurai-pantser. Om gelijkmatig gespatieerde platen op het harnas te krijgen, tekende ik de eerste en laatste segmentlijnen die in een specifieke sectie zouden verschijnen en de Blend-tool om de tussenstappen in te vullen.

Door Dubbelklikken de tool en selecteren Opgegeven stappen, u kunt het aantal objecten bepalen dat verschijnt tussen de twee items waarop u klikt Blend-tool op. En eenmaal aangebracht, worden de tussenstappen hertekend wanneer de originele objecten dichter en verder van elkaar af komen ... altijd met een perfecte tussenruimte!


Stap 2

Vervolgens zie je het schaalpatroon dat ik heb gemaakt voor het borststuk van het harnas. Het begint eenvoudigweg als single v-vormig schaal dat ik -Optie sleepte rechts naar Duplicaat. Vervolgens gebruikte ik de Blend-tool nogmaals om de tussenstappen in te vullen. Toen dat voltooid was, maakte ik een paar nieuwe kopieën van de rij en wankelde ze om het uiteindelijke patroon te creëren.


Stap 3

Het enige dat moest gebeuren was Draaien het naar de juiste hoek over de weerwolf en creëer een Knipmasker om de randen op te ruimen.



7. Radiale lijnen toevoegen

In overeenstemming met het traditionele Aziatische gevoel dat ik nastreefde, besloot ik stralende lijnen op de achtergrond toe te voegen. Dit werd bereikt door simpelweg een grote te maken Dllipse met hetzelfde middelpunt als de maan, een enorme toe te voegen Beroerte (400 pt.) en selecteren Stippellijn in de Beroerte palet. Na een paar experimenten met het segment- en gap-nummer, vond ik een frequentie die ik leuk vond. Uiteindelijk heb ik de Beroerte naar Vermenigvuldigen op 30%.



8. Hoe een foto naar Vector te converteren

Stap 1

Je kunt een mate van interesse toevoegen aan je werk door een foto om te zetten naar vectorillustraties met een hoog contrast, die je op veel manieren kunt manipuleren. Om de nodige details aan de maan toe te voegen, heb ik besloten om precies dat te doen. Ik heb een stockfoto opgraven en deze geïmporteerd door naar te gaan Bestand> Plaats.


Stap 2

Eenmaal in het document heb ik de afbeelding geselecteerd, in lijn gebracht met de standaard in de maan die ik eerder had gemaakt en koos ik Object> Live Trace> Tracing-opties. In het volgende dialoogvenster heb ik de mode naar Zwart en wit En instellen Drempel naar 128 (dit bepaalt de hoeveelheid details die de finale zal weergeven), toen klikte ik Spoor.


Stap 3

Vervolgens heb ik geselecteerd Object> Uitbreiden. Hiermee is het effect van het live-spoor omgezet in bewerkbare vectorillustraties.


Stap 4

Uiteindelijk gebruikte ik de Toverstafgereedschap om alle wit in de vectormaan te selecteren. ik verwijderde de geselecteerde witte gebieden en kleurden de resterende vormen opnieuw in met mijn donkerbruine kleur. In combinatie met de bestaande lichte tan cirkel eronder, is het resulterende effect een tweekleurige grafische maan!



9. Hoe het Samurai-zwaard te maken

Net als bij de pagode heb ik de zwaardhandvatten aan de onderkant van de poster gemaakt van een serie zeer eenvoudige vormen, hier weergegeven in zowel geëxplodeerde als samengestelde aanzichten.



10. Hoe de laatste details te maken

Stap 1

Na een paar meer on-the-fly ontwerpbeslissingen (linksboven type banner nu een deel van de grens, toevoeging van de tweede pagode), was ik blij met hoe het beeld vorm kreeg ... maar ik dacht dat het gebied achter de vampier zag er een beetje onvruchtbaar uit.


Ik schetste een snelle, Japans uitziende boom en plaatste er een scan van op een Nieuwe laag.


Opnieuw gebruiken Live Trace, Ik heb de scan geconverteerd naar vectorillustraties.


Stap 2

Ik heb een eenvoudige bloembladvorm gemaakt, gekopieerde het en De kopie op de voorgrond geplakt. Met de kopie geselecteerd, nam ik de Gereedschap draaien en Option-Aangeklikte aan de voet van het bloemblad. Hiermee wordt het ankerpunt voor de rotatie ingesteld en wordt het dialoogvenster Roteren weergegeven.

Ik wist dat ik een bloem met 5 petalen wilde, dus ging ik naar binnen 360/5 in de Mate veld. Toen ik selecteerde OK, het kroonblad exemplaar Gedraaid 360/5 graden, of 72 graden. ik weer gekopieerde en geplakt vooraan en dan raak Command-D naar Duplicaat de Draaien commando.


ik gekopieerde en gedraaid genoeg om 5 bloembladen te maken, in het midden een kleine ellips, gegroepeerd alle stukjes, en ik had mijn 5 petaled bloem!


Stap 3

Ik schaalde de groep naar beneden om overeen te komen met de grootte van de boomtakken en maakte twee bloemen van iets verschillende grootte. Ik breng ze allemaal in de Symbolen palet, zorg ervoor dat u de Type naar Grafisch in het dialoogvenster. Vervolgens, met een van de geselecteerde bloemsymbolen, I Double-geklikt de Symbool spuittoestel (de coolste weergave van alle gereedschapspictogrammen!), stel de Diameter naar .2 in. en de Intensiteit naar 5. ik raakte OK en begon op mijn te klikken artboard naar verstuiven bloemen op de takken.


Heen en weer gaan tussen de twee bloemgroottes die ik heb gemaakt, heb ik mijn grafische versie van een kersenbloesemboom afgewerkt.



Stap 4

Eindelijk klaar om type toe te voegen aan de poster, heb ik de kop ("Samurai Werewolf") en subkop ("Cursed by the Moon, Redeemed by Bushido") door een vertaler geleid en de resulterende katakana-tekst op een Nieuwe laag. ik selecteerde Typ> Contouren maken om de karakters in bewerkbare vectoren te veranderen.


ik resized en Re-gekleurde de woorden, creëerde een aantrekkelijker type hiërarchie en voegde een klein maansymbool toe tussen de tekstregels.



Stap 5

Door een paar belangrijke schaduwen op bepaalde delen van de afbeelding te plaatsen, heb ik zowel diepte als sfeer toegevoegd aan het gehele stuk. Ik begon met het selecteren van de typebanner. ik gekopieerde en geplakt vooraan (Command-C, Command-F wederom!), vervolgens heb ik een toegepast Lineair verloop (van wit en mijn donkerbruine kleur) naar de nieuwe bannervorm en stel de mode naar Vermenigvuldigen. De positie van het verloop aanpassen met de Gereedschap Verloop, Ik heb een lichte schaduw gecreëerd die op subtiele wijze de banner achter de bergen duwt.


Ik heb meer schaduweffecten toegepast op de kleine bergen onder de vlag, evenals op belangrijke delen van de helm van de weerwolf, zijn harnas en de hemel boven zijn hoofd.


Naast de versie met platte kleuren wordt de rijkdom en diepte weergegeven die de schaduwen met meerdere pagina's toevoegen.



Laatste afbeelding

Zoals ik in het begin al zei, is een duidelijke visie een noodzaak bij het illustreren van een poster als deze, maar je hoeft niet alle fijne details uitgewerkt te hebben aan het begin van het project. Gebruik de krachtige bewerkingsmogelijkheden van Adobe Illustrator om u te helpen dynamische, evoluerende eigen werken te maken! De uiteindelijke afbeelding is hieronder. Je kunt de grote versie hier bekijken.

Aziatische karakterlettertypen van GraphicRiver

Wil je je eigen geweldige samurai-poster maken? Maar goed, het is een van onze creatieve Aziatische geïnspireerde lettertypen van GraphicRiver. Voeg een unieke Chinese kalligrafiestijl toe aan je werk en bekijk een van onze onderstaande favorieten.

Moyko Font

Stap in een nieuwe wereld met dit geweldige lettertype. Dit lettertype heeft een uniek ontwerp geïnspireerd op de traditionele Chinese kalligrafie. Dit lettertype is ideaal voor het toevoegen van een interessant element aan een creatief project, en is perfect voor kopteksten, logo's en meer!