Création d'une affiche de ski vintage

Ce que vous allez créer
Ce didacticiel a été publié en décembre 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..

L'image sur laquelle nous allons travailler dans ce didacticiel faisait en fait partie d'un briefing live en 2008 et l'illustration finie a finalement été utilisée dans les panneaux d'affichage et les abribus, la publicité dans la presse et les bannières Web. Notez que toutes les illustrations de ce didacticiel sont © Ardmore Advertising 2008.

Être inspiré! Trouvez l'inspiration pour vos affiches sur le marché Envato.


introduction

Je décrirais ceci comme un tutoriel de niveau intermédiaire et tout au long du processus, je vous montrerai comment vous pouvez en ajouter un peu. Art Déco glamour à vos illustrations en utilisant de manière subtile les palettes Gradient et Transparence d’Illustrator CS4, ainsi qu’en introduisant un vieux papier sentir avec une utilisation intelligente des fichiers de ressources de texture.

N'hésitez pas à choisir les parties les plus utiles de ce tutoriel qui vous aideront à développer vos techniques d'illustration. Il n'y a pas de bonne ou de mauvaise façon de créer une illustration de ce genre, mais je partagerai ici quelques astuces qui vous permettront de gagner un temps précieux en studio (il est toujours important de respecter une échéance pour la presse!)


1. Comment créer les ébauches

Bien que cela ne soit pas essentiel, j’ai toujours trouvé qu’un croquis initial vous aiderait à franchir toutes les étapes du processus d’illustration et à expliquer votre concept à un directeur artistique / client. Dans un environnement réel, un accord client sur une esquisse au crayon contribuera à lisser tout le processus de création et à réduire le temps consacré à la modification des modifications client..



2. Comment démarrer dans Illustrator

Étape 1

Bon, montons Illustrator! Nous allons travailler sur les dimensions d’une annonce de presse ici, alors entrez un Taille de 70mm de large et 150mm Profond. Gardez à l’esprit que ceci est une illustration pour l’impression - réglez le Mode de couleur à CMJN par opposition à RVB et saisissons également un nom approprié pour le fichier - dans ce cas-ci "Vintage Ski Illustration".



Étape 2 

Maintenant que la planche graphique est ouverte, placez votre fichier et réduisez-le pour l'adapter à la planche graphique. Ouvrez le Transparence palette et définir la Opacité de l'esquisse numériser à 30%, puis ouvrez le Couches palette. Double-cliquez sur "Couche 1", puis renommez le calque "Esquisse". Vous avez maintenant un calque d'image de référence que vous pouvez masquer et révéler tout au long du processus d'illustration.. Remarque: n'oubliez pas de effacer cette couche une fois votre illustration terminée.



3. Comment tracer l'esquisse

Pensons à la construction de cette illustration en termes de calques et travaillons de l'arrière-plan au premier plan. Nous allons donc commencer avec le fond alpin.

Fermer à clé le calque "Esquisse" et sélectionnez Nouvelle Couche du Layer Le menu déroulant de la palette et nommez-le "FOND ALPIN". Maintenant, sélectionnez le Outil stylo du Outils palette et commencer à tracer les composants de l'arrière-plan alpin de l'esquisse.

Assurez-vous que ces objets dessinés n’ont pas de couleur de fond ni de couleur primaire brillante. Couleur de trait (rouge ou bleu). A l'aide de la palette Trait, faites tout Largeur de trait 0.5pt. En faisant cela, vous pourrez obtenir une vue plus claire de votre œuvre en cours aux côtés de l'esquisse originale..



4. Comment travailler avec la palette Gradient

Étape 1

Ajoutons de la couleur. Nous allons commencer par le ciel. Ouvrez le Échantillons palette et la Pente palette. Pour un bon contraste avec les collines enneigées, assurons-nous que le ciel est d'un bleu profond et profond..

Glissez et déposez un bleu foncé du Échantillons palette à la Pente palette, puis ajoutez un bleu pâle. Vous devriez maintenant avoir un dégradé allant du bleu profond au bleu pâle, en passant par le blanc. Clique le Angle champ sur le Pente palette et saisie 90 degrés pour s'assurer que le dégradé va du bleu (en haut) au blanc (en bas).



Étape 2

Après le ciel bleu, travaillons sur les collines enneigées et les pistes de ski. C’est là que vous pouvez voir comment l’utilisation subtile de la même couleur de dégradé sous différents angles, superposés les uns sur les autres, donne une image vraiment nette et nette. Art Déco effet. Encore une fois, pas de règles strictes à suivre ici - il suffit de jouer avec des angles différents jusqu'à ce que le contraste vous convient.



Étape 3

Regardons maintenant les skis et les bâtons - simplifiez le dégradé existant utilisé sur les pistes en perdant la deuxième marche bleu pâle de la palette de dégradés. Une fois cette opération terminée, ajoutez le même dégradé aux ombres des bâtons et des skis et assurez-vous que les angles du dégradé sont bien alignés. -90 degrés.

Maintenant il est temps de faire usage de la Transparence palette. En sélectionnant les ombres des skis, changez le Mode de transparence de Ordinaire à Multiplier, puis déplacez le Transparence de 100% jusqu'à 80%. Cela donnera au dégradé de votre ombre une belle nuance de bleu plus profond, semblant saigner à jamais La couleur de remplissage, au lieu du blanc standard que vous obtiendriez avec la transparence définie sur Ordinaire à 100% transparence.



5. Comment ajouter un éclat

Ajoutons une autre touche subtile qui donne un peu de profondeur à l’illustration. Ajouter des reflets dans le coin supérieur gauche du ciel donne la sensation de la lumière du soleil se refléter sur les pentes enneigées. Nous pourrions choisir ici un filtre antireflet pré-installé - mais où est-il amusant?!

Alors, dessinons deux cercles - un grand, un petit et assurez-vous qu’ils se chevauchent. Le plus grand des cercles saigne du ciel bleu, nous devrons donc utiliser le Éclaireur la palette Outil d'intersection pour le réduire et l'adapter au ciel bleu profond.

Une fois que nous avons fait cela; il est temps de revenir à notre Pente et Transparence palettes. Sélectionnez les deux objets et ajoutez un remplissage dégradé à l'aide d'un bleu pâle allant du blanc. Cette fois, nous allons faire le dégradé Radial par opposition à Linéaire. Passer à la transparence - sélectionnez Écran et faites glisser le Opacité retour à 20%. Rappelez-vous que la subtilité est la clé de cet exercice.



6. Comment dessiner le personnage de héros

Étape 1

Le paysage de fond a maintenant l’air très net, nous allons donc Fermer à clé la couche "ALPINE BACKGROUND" et Désactiver la visibilité - vous pourrez maintenant voir la couche d'esquisse approximative.

Maintenant choisir Nouvelle Couche de ton Couches palette et nommez-le "HEROINE". En utilisant le Outil stylo, c'est un simple travail de traçage de tous les éléments qui composent notre personnage d'héroïne (ou principal).

Nous allons prendre un peu de recul par rapport aux dégradés et aux transparents, en nous concentrant sur les couleurs intenses. Cela aidera à distinguer le personnage de l'arrière-plan.

Une note rapide sur les couleurs de peau: pendant des années, j'ai eu du mal à mélanger le ton chair parfait jusqu'à ce que je regarde le menu flyaway d'Illustrator. Échantillons palette. À partir de ce menu, allez à Ouvrir la bibliothèque Swatch et choisir Teints. Je trouve cette bibliothèque de nuances inestimable lors du choix de couleurs de peau complémentaires.



Étape 2

Il est maintenant temps d'ajouter une touche de détail aux accessoires du personnage du héros. Vous remarquerez dans la dernière étape que j'avais laissé les lunettes de soleil, la tasse à café et le sentier de la vapeur blanc.

Regardons d'abord les lunettes de soleil, nous allons ici réintroduire l'effet d'éblouissement que nous avions développé précédemment. Pour la couleur de base de l'objectif, nous utiliserons exactement le même dégradé que le ciel bleu. C'est là qu'Illustrator Apparence palette peut s'avérer un outil précieux.

Sélectionnez le ciel bleu sur le calque précédent, tandis que le Apparence la palette est ouverte. le Apparence palette affiche une vignette d’aperçu de la sélection en cours avec le titre Chemin. Il vous suffit de faire glisser cette vignette sur les lentilles des lunettes de soleil pour transférer tous les attributs de l'objet Ciel bleu (y compris les angles de dégradé) sur ce nouvel objet..


Ensuite, nous refléterons le cercles d'éblouissement de la couche précédente - en utilisant le Apparence palette à nouveau, nous pouvons répliquer tous les attributs de l'objet précédent.

J'ai également ajouté quelques lignes swoosh diagonales utilisant le même Remplissage en dégradé et Transparence d'ajouter un effet supplémentaire, en ajoutant un Ombre incrustée effet sur les lentilles avec un bleu marine profond Remplir et mettre le Transparence à Lumière douce.

Je suis évidemment allé en ville ici avec le thème de la réflexion, mais il n'est nullement essentiel d'éliminer tous ces détails (surtout si vous avez une échéance proche).



Étape 3

Dans cette étape, nous allons présenter le Outil de mélange. Le corps de la tasse à café est fabriqué à partir de formes. Une crème, l'autre une crème plus foncée joue le rôle d'ombrage. Avec les deux formes sélectionnées, allez à Objet> Mélange> Marque. Maintenant, répétez le processus avec les deux formes faisant la soucoupe.


Remarquez le mélange lisse du plus sombre au plus clair. La tasse à café terminée, ajoutons de la transparence et un remplissage dégradé à la vapeur située au-dessus de la tasse. Le dégradé doit passer du marron au blanc, puis rendre le transparent Multiplier et apporter le Opacité jusqu'à 60%.



7. Comment ajouter un titre

Étape 1

Maintenant le personnage est fini, Fermer à clé le calque "HEROINE" et dans le menu des calques, créez un Nouvelle Couche et nommez-le titre. Tapez maintenant la copie du titre en utilisant une belle police d’affiche rétro / art déco. J'ai utilisé Article en vedette, une belle police de caractères gratuite de fontdiner.com. Une fois que vous êtes satisfait de la taille et du crénage, etc. Allez à Type> Créer des contours.


À présent Dissocier toutes les lettres. Ensuite, sélectionnez à nouveau la ligne supérieure du texte et créez un chemin composé en allant à Objet> Chemin composé> Marque. Répétez cette procédure pour la deuxième ligne de texte. Maintenant que le type est transformé en deux objets modifiables distincts, nous pouvons commencer à ajouter les effets que nous avons déjà décrits plus tôt dans le didacticiel..



Étape 2

Contrairement à l'ajout du filtre Ombre portée dans Photoshop, nous allons créer notre propre effet à l'aide de l'outil Pathfinder. Premier Désactiver la visibilité sur toutes les autres couches, puis appuyez sur Command-Y afficher le document en mode filaire.

Sélectionnez le mot "SKI" et allez à Édition> Copier, suivi par Édition> Coller à l'arrière. Décalez cet objet copié (à l'aide des touches du curseur) de 2 clics, puis de 2 clics vers le bas. Maintenant, répétez cette copie, Coller à l'arrière, changez de processus et vous verrez quelque chose comme ça…


Maintenant, ouvrez votre Éclaireur encore une fois dans la palette, sélectionnez les deux mots que nous avons collés à l’arrière et appuyez sur la touche Minus Front bouton pour créer cette nouvelle Ombre portée objet. Maintenant frappé Command-8 faire de cette nouvelle sélection un chemin composé. Frappons Command-Y et réactiver la visibilité pour toutes les couches pour voir comment nous progressons.


Étape 3

Bien se mettre en forme n'est-ce pas? Terminez l’effet de l’ombre portée en ajoutant un Remplissage en dégradé allant de la marine au blanc sous un angle de -90 degrés, puis déplacez le Transparence à Multiplier et tirez le Opacité retour à 50%.



8. Comment ajouter une texture

Maintenant, vous verrez à peu près l'article fini. Il a l'air propre et vierge. Vous pourriez vraiment vous arrêter à ce stade et être assis bien. Mais si vous voulez ajouter un authentique vieux papier sentant que cela va vraiment revenir à l'âge d'or de la publicité, je suggère d'ajouter un fichier de texture.

Il existe des sites Web de ressources de texture partout sur Internet. Cgtextures.com est un site qui ne manque jamais de m'impressionner. Vous pouvez vous inscrire pour un compte gratuit et le télécharger parmi une vaste gamme d'images de texture.

J'ai trouvé le fichier de texture de papier que nous utilisons ici. Nous allons donc ouvrir un Nouvelle Couche et nommez-le Texture en prenant soin de verrouiller tous les calques précédents. Remarque: C'est le cas maintenant, vous pouvez supprimer le calque "SKETCH" et son contenu..

Maintenant, déposez le fichier Photoshop et réduisez-le à la taille de la page. A partir de là, c’est un travail simple de déplacer la transparence vers Multiplier et en tirant le Opacité retour à 80%. Voila! Travail accompli!



Image finale

Donc là vous l'avez. Un bon moyen de donner un peu à vos illustrations vectorielles Vieux monde glamour en utilisant quelques outils Illustrator de base. J'espère que tu trouves cela utile! L'image finale est ci-dessous.