Création de l'affiche Samurai Werewolf

Ce que vous allez créer
Ce didacticiel a été publié en mai 2009 sous la forme d'un didacticiel Tuts + Premium. Il est maintenant disponible gratuitement pour voir. Bien que ce didacticiel n'utilise pas la dernière version d'Adobe Illustrator, ses techniques et ses processus sont toujours pertinents..

Au cours de ce didacticiel, je vais vous expliquer mon processus créatif et partager quelques-uns de mes conseils et outils Adobe Illustrator préférés lors de la création d'une affiche pour ce seul et unique lycanthrope japonais maudit sur la lune - le "Samurai Werewolf!"

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..

Vous aimez les guerriers samouraïs? Parcourez notre sélection de images vectorielles de Samurai Warrior disponibles via GraphicRiver. Ou demandez l'aide d'un professionnel d'Envato Studio pour tous vos besoins de conception personnalisée.


Outils

  1. Portemine + carnet de croquis
  2. Adobe Illustrator CS4+
  3. Adobe Photoshop CS4+

1. Comment configurer votre document

Étape 1

Je crois que les affiches les plus réussies reposent sur une vision initiale forte associée à une bonne prise de décision tout au long du processus artistique. Comme vous le verrez tout au long de ce didacticiel, l'image finale diffère des esquisses préliminaires de nombreuses manières, mais elle conserve néanmoins l'esprit et le ton que je recherchais..

Après avoir rassemblé un dossier contenant des images de référence (merci, la recherche d’images Google!), J’ai commencé à faire quelques miniatures très approximatives. Puis, une fois mon idée sur papier, je l’ai resserrée pour en faire un croquis de composition plus raffiné. Enfin, j’ai fait un croquis serré au crayon des deux éléments principaux de l’affiche: la tête de loup-garou samouraï et l’encart loup-garou / vampire.



Étape 2

Ma tâche suivante consistait à configurer mon document Adobe Illustrator. J'ai créé un 7 "par 14" Artboard, et une fois ouvert, j'ai optimisé mon espace de travail en ouvrant et en organisant les palettes et les barres d'outils fréquemment utilisées. ma doit avoir palettes? Personnage, Chemin, Couches, Échantillons, Couleur, Transparence, Pente, et Accident vasculaire cérébral.



Étape 3

J'ai tendance à utiliser beaucoup de calques dans mes illustrations, et celle-ci ne fait pas exception. Le premier calque que je crée toujours est un "cadre" blanc. Je le fixe comme couche supérieure et agit comme un Masque pour toutes les œuvres d'art dessous.

De cette façon, je peux étendre des images sur des calques au-delà du tableau, sans me soucier de les voir. J'ai commencé avec un Rectangle de la taille de la planche graphique, puis en a créé une plus grande que j’ai placée derrière, je les ai sélectionnées toutes les deux et utilisées la Outil Minus Front dans le Éclaireur palette.



Étape 4

Après avoir ajouté quelques nouveaux calques (un pour une numérisation et un pour une couleur d’arrière-plan) dans Couches palette, j'ai commencé à mélanger des couleurs personnalisées. Je rejette toujours toutes les couleurs génériques d’Illustrator et mélange mon propre schéma simple et limité CMJN.

C'est également très utile lorsque vous mélangez vos propres couleurs dans le Couleur palette, pour les définir comme "Couleur d'accompagnement." Cela vous permet de double-cliquer sur cette couleur dans le Échantillons palette à tout moment, ajustez le mélange CMJN et appliquez ces modifications automatiquement à toute occurrence de cette couleur dans votre document. Très pratique.


C'est ce que mon Échantillons palette ressemblait une fois que j’ai mélangé mes couleurs et les ai droguées dedans. Vous constaterez que vous pouvez faire beaucoup avec des couleurs limitées.



Étape 5

Après avoir ajouté un rectangle de couleur uni au calque d’arrière-plan, j’ai laissé tomber le scan dans le calque "scan" (Fichier> Lieu), redimensionné à la taille de la page et définissez le mode de fusion sur Multiplier en utilisant le Transparence palette. Cela supprime tout le blanc d'une image importée et vous permet de travailler sur les calques situés en dessous voir à travers il.



2. Comment ébaucher la scène

Étape 1

Ensuite, en utilisant le scan comme guide, j'ai ébauché toutes les composantes principales de l'image. J'ai utilisé le Outil stylo dessiner un contour très rapide de chaque élément, chacun sur son propre calque étiqueté.


Quand j'ai fini, je caché le calque "numériser" (en cliquant sur l'icône en forme d'œil à côté de Couches palette), me donnant une idée de la façon dont la couleur, la forme et la composition se sont déroulées.



Étape 2

Une fois la composition préparée, j'ai désactivé les calques contenant le balayage grossier et le loup-garou FPO, puis j'ai laissé tomber le dernier dessin de la tête du loup-garou..

Ensuite, j'ai utilisé le Outil stylo et a commencé à travailler les détails sur ce qui allait devenir la version finale du visage. J'ai gardé le casque du loup-garou sur une couche distincte du visage réel pour faciliter l'édition.



3. Comment ajouter des détails

Étape 1

J'étais prêt à ajouter de la décoration au casque. Le premier détail que j'ai ajouté était la forme de la lune, créée simplement en superposant une petite ellipse sur une plus grande. J'ai ensuite sélectionné les deux et appliqué Pathfinder> Minus Front.


Étape 2

Ensuite, j'ai utilisé le Outil stylo tracer deux chemins qui suivent la courbe du bas du casque puis convertis ces chemins en contours (Objet> Chemin> Contour de contour). Ensuite, j'ai utilisé le Outil de sélection directe pour rétrécir les points sur l'extrémité supérieure des traits pour simuler un raccourcissement au fur et à mesure qu'ils s'enroulent autour du casque.


Étape 3

J'ai tracé les lignes de contour verticalement sur le casque, en m'assurant qu'elles se rapprochent progressivement au fur et à mesure qu'elles remontent au loin. J'ai aussi graduellement Réduit la Poids de l'AVC des lignes d'avant en arrière.

Une fois que je les ai manipulés assez pour qu’ils paraissent convaincants, je Groupé leur. Ensuite je Dupliqué la forme du casque, l'a amené à l'avant. Puis, avec les lignes et la forme de casque nouvellement dupliquée à la fois sélectionnées, j'ai choisi Objet> Masque d'écrêtage> Marque. Cela a créé un masque qui coupe visuellement les extrémités des lignes de contour.


Pour ajouter un contour mince à la crête au-dessus du visage, je Dupliqué la forme (Command-C), Collé devant (Command-F) et mettre le Remplir à Aucun et le Accident vasculaire cérébral à 5 pt. Ensuite, je suis allé sous Objet> Chemin> Créer des contours.


Je encore une fois Dupliqué et Collé devant la forme de crête originale, et avec cela et le trait nouvellement décrit choisi choisi Pathfinder> Intersection. Cette intersection des deux formes a créé un contour net, uniforme et mince le long du bord intérieur de la crête..



4. Comment créer la pagode

Étape 1

J'ai montré une ventilation du processus par lequel j'ai construit la pagode. En travaillant de référence, j’ai construit les couches de la pagode à partir de formes très simples, puis Groupé eux, formant un étage de la pagode. je Dupliqué, déplacé vers le haut et légèrement réduit la taille du sol, créant un plus petit sur le dessus.

Note: j'ai montré la progression dans les deux Contour et Aperçu Mode. Commande + Y bascule entre les modes.


Étape 2

Empilés haut (au sommet d'une montagne fraîchement créée) les sols avec un toit en pente simple, forment de manière convaincante la silhouette d'une pagode!



5. Comment créer le loup-garou et le vampire

La prochaine étape (également la plus consommatrice de temps) a été la création du loup-garou et du vampire insérés qui s'affrontent en bas à gauche de l'affiche..


Vous pouvez voir que, tout en progressant dans la création du loup-garou et du vampire, je testais constamment d'autres éléments de la composition, tels que la couleur des cornes du casque principal du loup-garou et l'ajout d'une bannière pour le type éventuel. que je mettrais dans le coin supérieur gauche de la pièce. De plus, je suis passé d'une bordure blanche à une bordure beige.


6. Comment détailler l'armure de samouraï

Étape 1

Une fois satisfait des formes qui composent les deux personnages, je suis entré pour ajouter des détails à l'armure de samouraï. Pour obtenir des plaques uniformément espacées sur l'armure, j'ai tracé les lignes du premier et du dernier segment qui apparaissent dans une section spécifique et Outil de mélange remplir les étapes intermédiaires.

Par Double-clic l'outil et en sélectionnant Étapes spécifiées, vous pouvez déterminer le nombre d'objets qui apparaîtront entre les deux éléments sur lesquels vous cliquez Outil de mélange sur. Et, une fois appliquées, les étapes intermédiaires seront redessinées lorsque les objets d'origine se rapprochent et s'éloignent l'un de l'autre… toujours avec un espacement parfait!


Étape 2

Ensuite, vous verrez le motif d’échelle que j’ai créé pour la pièce de poitrine de l’armure. Il commence simplement comme un single en forme de v échelle que je Option glissé à droite de Dupliquer. Ensuite, j'ai utilisé le Outil de mélange encore une fois pour remplir les étapes intermédiaires. Cela étant fait, j’ai fait quelques nouvelles copies de la ligne et les ai décalées pour créer le motif final..


Étape 3

Tout ce qui restait à faire était de Tourner à l'angle approprié sur le loup-garou et créer un Masque d'écrêtage nettoyer les bords.



7. Comment ajouter des lignes radiales

Fidèle à la tradition asiatique que je cherchais, j'ai décidé d'ajouter des lignes rayonnantes à l'arrière-plan. Ceci a été réalisé simplement en créant un grand Dllipse avec le même point central que la lune, ajoutant un énorme Accident vasculaire cérébral (400 pt.) et en sélectionnant Ligne pointillée dans le Accident vasculaire cérébral palette. Après quelques expériences avec les numéros de segment et de gap, j'ai trouvé une fréquence qui me plaisait. Enfin, je pose le Accident vasculaire cérébral à Multiplier à 30%.



8. Comment convertir une photo en vecteur

Étape 1

Vous pouvez ajouter un degré d’intérêt à votre travail en convertissant une photo en dessin vectoriel à contraste élevé, que vous pouvez ensuite manipuler de différentes manières. Afin d'ajouter quelques détails indispensables à la lune, j'ai décidé de le faire. J'ai déterré une photo et l'ai importée en allant à Fichier> Place.


Étape 2

Une fois dans le document, j'ai sélectionné l'image, je l'ai alignée sur le support de lune que j'avais créé précédemment et j'ai choisi Objet> Suivi en temps réel> Options de traçage. Dans la boîte de dialogue suivante, je règle le Mode à Noir et blanc Et mettre Seuil à 128 (cela détermine la quantité de détails que la finale rendra avec), puis j’ai cliqué Trace.


Étape 3

Ensuite, j'ai sélectionné Objet> Développer. Cela a converti l'effet de la trace en direct en art vectoriel éditable..


Étape 4

Enfin, j'ai utilisé le Outil Baguette Magique sélectionner tout le blanc dans le vecteur lune. je Supprimé les zones blanches sélectionnées et re-colorier les formes restantes avec ma couleur beige foncé. Couplé au cercle de bronzage existant situé en dessous, l'effet obtenu est une lune graphique à deux tons.!



9. Comment créer l'épée du samouraï

Semblable à la pagode, j'ai créé les poignées d'épée au bas de l'affiche à partir d'une série de formes très simples, montrées ici en vues éclatées et assemblées..



10. Comment créer les détails finaux

Étape 1

Après quelques autres décisions de conception à la volée (bannière type en haut à gauche faisant maintenant partie de la bordure, ajout de la deuxième pagode), je suis ravie de la façon dont l'image se dessine… mais je pensais que la zone située derrière la le vampire avait l'air un peu stérile.


J'ai esquissé un rapide arbre ressemblant à un japonais et l'ai placé sur un Nouvelle Couche.


Encore une fois en utilisant Trace vivante, J'ai converti le scan en vectoriel.


Étape 2

J'ai fait une simple pétale, Copié ça et Collé la copie devant. Avec la copie sélectionnée, j'ai pris la Outil de rotation et Option cliqué à la base du pétale. Ceci définit le point d'ancrage pour la rotation et fait apparaître la boîte de dialogue Rotation.

Je savais que je voulais une fleur à 5 pétales, alors je suis entré 360/5 dans le Diplôme champ. Quand j'ai sélectionné D'accord, la copie de pétale Tourné à 360/5 degrés, ou 72 degrés. Je encore Copié et Collé devant et ensuite frappé Commande-D à Dupliquer la Tourner commander.


je Copié et Tourné assez de fois pour faire 5 pétales, a ajouté une petite ellipse au centre même, regroupé toutes les pièces, et j'avais ma fleur à 5 pétales!


Étape 3

J'ai réduit le groupe pour qu'il corresponde à la taille des branches de l'arbre et j'ai fabriqué deux fleurs de taille légèrement différente. Je drogue chacun d'eux dans le Symboles palette, en veillant à définir le Type à Graphique dans la boîte de dialogue. Puis, avec l’un des symboles de fleurs sélectionnés, je Double-cliqué la Outil de pulvérisation de symbole (le plus cool de toutes les icônes de l'outil!), définissez le Diamètre à .2 po. et le Intensité à 5. je frappe D'accord et a commencé à cliquer sur mon Artboard à vaporisateur des fleurs sur les branches.


En alternant les deux tailles de fleurs que j'ai créées, j'ai terminé ma version graphique d'un cerisier en fleurs..



Étape 4

Enfin prêt à ajouter du texte à l’affiche, j’ai lu le titre ("Samurai Werewolf") et le sous-titre ("Maudit par la Lune; Rachetés par Bushido") par le biais d’un traducteur et jeté le texte katakana obtenu sur un Nouvelle Couche. j'ai sélectionné Type> Créer des contours transformer les caractères en vecteurs éditables.


je Redimensionné et Re-coloré les mots, créant une hiérarchie des types plus attrayante et ajoutant une petite icône de lune entre les lignes de texte.



Étape 5

En plaçant quelques ombres clés sur certaines zones de l’image, j’ai ajouté profondeur et humeur à l’ensemble. J'ai commencé par sélectionner le type de bannière. je Copié et Collé devant (Command-C, Commande-F encore une fois!), alors, j'ai appliqué un Gradient linéaire (de blanc et de couleur beige foncé) à la nouvelle forme de bannière et définissez le Mode à Multiplier. Ajuster la position du dégradé avec le Outil gradient, J'ai créé une ombre légère qui pousse subtilement la bannière derrière les montagnes.


J'ai appliqué davantage d'effets d'ombre sur les petites montagnes situées sous la bannière, ainsi que sur des éléments clés du casque du loup-garou, de son armure et du ciel au-dessus de sa tête..


Montrés à côté de la version couleur plate, vous pouvez voir la richesse et la profondeur ajoutées par les ombres Multiply..



Image finale

Comme je l'ai mentionné au début, il est nécessaire d'avoir une vision claire pour illustrer une affiche de ce type, mais vous n'avez pas besoin de disposer de tous les détails nécessaires au début du projet. Utilisez les puissantes fonctionnalités d'édition d'Adobe Illustrator pour créer des œuvres dynamiques et évolutives! L'image finale est ci-dessous. Vous pouvez voir la grande version ici.

Polices de caractères asiatiques de GraphicRiver

Vous voulez créer votre propre affiche de samouraï génial? Complétez bien avec l’une de nos polices créatives inspirées par l’Asie de GraphicRiver. Ajoutez un style de calligraphie chinois unique à votre travail et découvrez l'un de nos favoris ci-dessous..

Moyko Police

Entrez dans un nouveau monde avec cette police de caractères incroyable. Cette police présente un design unique inspiré de la calligraphie traditionnelle chinoise. Idéale pour ajouter un élément intéressant à tout projet créatif, cette police est idéale pour les en-têtes, les logos et plus encore.!