Comment concevoir une affiche de théâtre rétro dans Adobe Illustrator

Ce que vous allez créer

Comment testez-vous le pedigree royal d'une princesse? Pour savoir si elle est capable ou non de passer une bonne nuit de sommeil s'il y a un seul petit pois sous son tas de 40 matelas, du moins selon le conte de fées de Hans Christian Andersen, «La princesse et le pois». 

Bien que le conte original soit court, il a inspiré d’autres récits (comme les contes de fées ont tendance à le faire), tels que la comédie musicale Broadway. Il était une fois sur un matelas. La comédienne et comédienne Carol Burnett (qui a été nominée pour un Tony Award dans le rôle de la princesse Winnifred) faisait partie de la distribution originale. Elle a ouvert ses portes au Phoenix Theatre à New York en 1959 avant de rejoindre Broadway..

Dans ce tutoriel, nous allons concevoir une affiche hommage hommage pour la production originale de Il était une fois sur un matelas, bien que la conception puisse tout aussi facilement être utilisée pour une production en cours. Nous utiliserons les outils de forme de base d'Illustrator et l'outil Plume pour superposer des formes à la base de notre illustration, puis nous ajouterons des détails et une texture à l'aide de pinceaux vectoriels et de masques de découpage, ainsi que d'une typographie amusante..

Assurez-vous de vérifier la sélection de modèles d’affiche par Envato Market dans une grande variété de styles et de catégories d’événements pour prendre de l'avance sur vos propres projets..

Ce dont vous aurez besoin

Les ressources suivantes ont été utilisées pour compléter ce didacticiel:

  • Brosses de texture vecteur
  • Police: Trocchi
  • Police: Steelfish
  • Police: Honey Script
  • Police: Gone

1. Préparez votre document

Étape 1

Ouvrez un nouveau document dans Adobe Illustrator. Une taille typique pour les affiches de cinéma et de cinéma est de 27 x 40 pouces (selon les normes américaines), mais si vous travaillez avec un document aussi volumineux, Illustrator risque de ralentir un peu, n'hésitez pas à utiliser des dimensions plus petites (11 x 17 po / A3). pour les besoins de ce tutoriel.

Étape 2 

Si vous souhaitez utiliser le même jeu de couleurs que vous voyez ici, le moment est venu de configurer votre palette et de préparer les couleurs dans le panneau Nuancier. Vous pouvez voir les couleurs et leurs codes hexadécimaux ci-dessous. Il suffit d'entrer chaque code dans le Pipette à couleurs fenêtre, frapper D'accord, et faites glisser la couleur du Remplir boîte dans votre barre d'outils sur votre ouverture Échantillons panneau.

En guise de remarque, pour les besoins de ce didacticiel en ligne, nous travaillerons avec les couleurs RVB (affichage des couleurs sur les écrans / appareils), mais si nous concevions réellement une affiche à imprimer, nous pourrions vouloir concevoir Couleur CMJN (utilisée par toutes les imprimantes) ou conversion de RVB en CMJN lors de la préparation du fichier en vue de son impression.

2. Ajouter un fond

Étape 1

Ouvrez un nouveau calque et nommez-le Contexte (pour changer le nom, double-cliquez simplement sur le nouveau calque dans le Couches panneauet vous aurez un endroit pour taper un nouveau nom).Remplissez votre planche d’art de la couleur bleu clair (# B3C5AB) en utilisant le Outil Rectangle.

Étape 2

Si vous ne l'avez pas fait au début du didacticiel, installez et ouvrez l'ensemble de brosses Airbrush. Nous allons utiliser ces pinceaux pour ajouter une texture granuleuse à notre affiche, effet qui était courant dans les styles illustratifs des années 1950 et 1960..

Choisissez un pinceau ou deux pour ajouter une texture ovale au milieu de votre arrière-plan. Utilisez une couleur de trait un peu plus claire que la couleur de fond.

Vous pouvez le faire de différentes manières: complètement à main levée en utilisant le Outil Pinceau, ou commencez par créer un contour ovale avec le Outil Ellipse, appliquez l'un des pinceaux de texture en tant que trait sur la forme, puis remplissez l'espace intermédiaire vide à la main avec un pinceau. Cette deuxième technique est celle que j'ai choisie, en utilisant Airbrush 13 pour le contour et Airbrush 6 pour le remplir. Si vous souhaitez rendre l'effet un peu plus subtil, sélectionnez les textures brossées et réduisez leur opacité à environ 60%..

  • Astuce pour gagner du temps: Un moyen simple de générer automatiquement une sélection de teintes et de nuances (ou des versions plus claires et plus sombres) d’une couleur donnée consiste à ouvrir la fenêtre d’Illustrator. Guide de couleur (Fenêtre> Guide des couleurs). Si vous avez déjà une couleur dans la zone Remplissage de votre barre d’outils, lorsque vous ouvrez le Guide des couleurs, la rangée supérieure aura la couleur sélectionnée au milieu avec ses teintes et ses nuances à droite et à gauche, respectivement..

Étape 3

Verrouillez le calque d’arrière-plan en cliquant sur la case vide située à gauche du nom du calque dans le Couches panneau; une icône de cadenas apparaîtra. Cela empêche les éléments de cette couche de se déplacer ou de vous gêner lorsque vous essayez de travailler dessus..

3. empiler des matelas

La pile de matelas de la princesse constituera le principal concept organisateur de notre projet. La princesse sera bien sûr perchée sur le dessus, mais les matelas serviront également d'espace pour le titre de la pièce et d'autres textes..

Étape 1

Ouvrez un nouveau calque et nommez-le Matelas. Essayez d’empiler une combinaison de formes rectangulaires et plus “souples”. Pour les matelas à bords droits, choisissez le Outil Rectangle Arrondi avec un click-hold sur le Outil Rectangle; sélectionnez-le dans le menu qui apparaît. Pour plus de formes libres, commencez par le Outil Ellipse puis faites glisser les points d’ancrage et les poignées de la forme jusqu’à ce que vous obteniez l’aspect souhaité, ou créez vos propres formes avec le bouton Outil stylo.

Le nombre de matelas dépendra des formes et des tailles spécifiques que vous obtenez, mais vous voudrez vous assurer de laisser un coussin généreux d'espace en haut et en bas de la planche. Vous pouvez également ajouter une simple suggestion d'un cadre de lit en bas si vous le souhaitez.

Étape 2

Incluez quelques matelas avec des hauteurs plus grandes ou ajustez ceux que vous avez déjà dessinés; nous aurons besoin de ces zones pour placer le texte du titre de la comédie musicale.

Pour terminer, n'oubliez pas de cacher un pois quelque part!

Étape 3

Cette étape est facultative, mais si vous souhaitez ajouter plus de détails aux matelas, ce sera le moment de le faire. Vous pouvez essayer de dessiner des ornements comme des rayures ou des pois et / ou d’ajouter de la texture comme celle que nous avons placée à l’arrière-plan..

Il y aura cependant une étape supplémentaire dans le processus. Après avoir ajouté vos détails ou votre texture sur les formes du matelas, vous aurez envie de couper ou de couper ces éléments à la forme de chaque matelas. Une façon de le faire est d'utiliser des masques d'écrêtage. Si vous n'êtes pas familiarisé avec ce processus, vous pouvez vous mettre au diapason rapide avec notre aide rapide sur les masques d'écrêtage. Voici à quoi votre travail pourrait ressembler avant et après la fabrication de masques de découpage:

Étape 4

Que vous ayez ou non décidé d'ajouter des détails supplémentaires aux matelas, le moment est venu de finaliser leur arrangement avant d'ajouter du texte par-dessus. N'hésitez pas à modifier leur forme, leur taille, leur rotation ou leur couleur jusqu'à obtenir le résultat souhaité.

Voici ce que j'ai fini par créer après avoir créé plusieurs masques d'écrêtage (parfois deux pour un seul matelas, en superposant des textures avec d'autres embellissements). Pour les textures, je suis allé dans le Guide des couleurs pour choisir des couleurs un peu plus claires ou plus foncées que les couleurs de base des matelas et les ai appliquées à nouveau avec Airbrush 13..

Verrouillez la couche de matelas avant de passer aux étapes suivantes..

4. Placez la typographie

Rappelez-vous comment nous avons fait quelques matelas très hauts de quelques pas en arrière? C’est ainsi que nous aurions beaucoup de place pour placer le titre de la comédie musicale, ce qui est notre premier ordre du jour dans cette section. Alors ouvrez une nouvelle couche et appelez-la comme Texte ou Typographie.

Étape 1

J'ai décidé de scinder le titre, Il était une fois sur un matelas, en deux morceaux (à présenter sur deux matelas). Vous pouvez essayer différentes divisions en fonction de ce qui fonctionne pour votre composition..

  • "Once upon a" est placé dans la police Trocchi en minuscules, dimensionné pour couvrir la largeur du matelas et légèrement pivoté pour correspondre à l'inclinaison.
  • «Matelas» est défini en lettres majuscules dans la police Steelfish, puis redimensionné et pivoté pour s’ajuster parfaitement à la forme du matelas. Pour faire bouger les lettres, sélectionnez une lettre à la fois avec les touches Outil de type puis développez le Personnage panneau, ajustant le Décalage de base de chaque lettre avec les flèches haut et bas.

Voici ce que nous avons avec le titre placé:

Étape 2

Si vous le souhaitez (et que l'espace le permet), vous pouvez ajouter un autre texte. J'ai inclus le slogan "une nouvelle comédie musicale" et le nom de la vedette du spectacle sur deux autres matelas, définis dans les polices Honey Script et Trocchi..

Étape 3

Enfin, remplissez cet espace vide au bas de votre affiche avec un nom de théâtre et une date. Le nom du théâtre est défini dans la police Gone et sa taille correspond à peu près à la largeur du bas de la pile de matelas. Steelfish définit à nouveau la date d’ouverture. Pour remplir l’espace plus efficacement, essayez d’ajuster la suivi (ou espacement des lettres) des deux éléments à environ 75-100 dans le Personnage panneau.

5. Illustrer une princesse

Il est maintenant temps de former une princesse pour qu'elle perche sur votre pile de matelas. Nous ne pouvons pas avoir un design inspiré de “La princesse et le pois” sans la princesse éponyme, à droite?

Parfois, dessiner ou dessiner des figures humaines (même «caricaturales») peut sembler difficile, mais dans ce cas, nous ne faisons que répéter les techniques déjà utilisées: superposer et manipuler des formes individuelles pour créer une composition, puis ces formes de base en ajoutant des détails et de la texture sur le dessus. Commençons:

Étape 1

Créez un nouveau calque et appelez-le Princesse. Vous trouverez peut-être utile de commencer par former la structure ou le «squelette» de l'illustration en commençant par les formes décrites de base. C’est ce que j’ai fait ci-dessous pour déterminer la pose et les proportions de la figure, en utilisant principalement le Outil stylo pour former le torse et les bras, ainsi que les manches bouffantes et la jupe ample d'une robe / chemise de nuit.

Étape 2

Continuez à utiliser le Outil stylo et / ou des outils de forme pour ajouter les contours de tout élément principal manquant dans votre illustration - dans mon cas, les mains, les pieds, la tête et les cheveux. Vous pouvez enregistrer des détails tels que les traits du visage pour une étape ultérieure..

À ce stade, votre princesse peut sembler un peu étrange, un peu comme une marionnette de marionnette, mais ne vous inquiétez pas; elle va commencer à se réunir rapidement à l'étape suivante.

Étape 3

Remplacez ces contours par les couleurs de remplissage de votre choix. Ajustez toutes les formes qui ne vous conviennent pas maintenant que vous les voyez en couleur. 

Étape 4

Pour créer les bandes sur la robe que vous voyez ci-dessus, dupliquez la forme à laquelle vous souhaitez appliquer une bande et déplacez-la sur le côté de votre planche graphique. Utilisez le Outil stylo tracer des lignes de séparation sur la forme où vous souhaitez séparer les couleurs. Ensuite, sélectionnez toutes les lignes et la forme et allez à Fenêtre> Pathfinder> Diviser. Cela divisera la forme en fonction des lignes dessinées et vous pourrez sélectionner chaque segment à l’aide des touches Outil de sélection directe et changer sa couleur. Faites glisser la forme rayée vers le tableau de travail pour qu'elle repose sur la forme d'origine..

Étape 5

Ce serait également le bon moment pour ajouter des textures si vous le souhaitez, en obtenant des variations de couleur dans le Guide des couleurs et en utilisant les masques de découpage comme auparavant. (Les formes individuelles que vous avez créées au stade de l’esquisse accélèreront beaucoup plus rapidement l’isolation et le découpage des textures.)

Étape 6

Donnez de la personnalité à votre princesse en complétant les traits du visage. J'ai utilisé le Outil stylo et Outil Ellipse pour cela, plus un pinceau de texture (Airbrush 2) pour les joues roses. N'hésitez pas à ajouter d'autres détails amusants, tels qu'une couronne ou des embellissements sur la robe.

Étape 7

Admirez votre travail fini!   

Inclinez-vous

Bon travail, vous avez beaucoup fait dans ce tutoriel: une petite illustration, un peu de typographie, des textures, et plus encore! J'espère que vous avez apprécié la combinaison de divers éléments de conception et de techniques pour créer un projet terminé dans Adobe Illustrator, ainsi que l'exploration de trésors cachés du programme, comme le Guide de la couleur.

Comme toujours, n'hésitez pas à partager le résultat de votre projet ou à poser des questions dans la section commentaires. Bonne conception!