Comment concevoir une affiche rétro dans Adobe Illustrator

Ce que vous allez créer

Tu ne peux pas vivre sans ton café? Cet art joyeux de style rétro serait le complément parfait à toute cuisine, un compagnon visuel de votre bière matinale. 

Dans ce didacticiel, nous utiliserons divers outils dans Illustrator (notamment les outils Plume, Crayon et Pathfinder, entre autres) pour créer facilement des illustrations vectorielles. Nous allons également modifier des polices de caractères stylées pour compléter notre conception..

Si vous avez envie d'un projet plus rapide, vous pouvez prendre une longueur d'avance avec ce bundle vectoriel. Vous pouvez placer les formes de cafetière et de tasse comme elles sont ou leur ajouter des embellissements.

Pour plus d'inspiration, jetez un œil aux autres vecteurs de café et de café rétro sur le marché Envato.. 

Prêt? Allons-y!

1. Configurez votre document

Étape 1

Nous allons commencer par ouvrir un nouveau document dans Illustrator. J'ai défini la taille de mon document au format A3, une taille d’affiche courante équivalant approximativement à 11 x 17 pouces pour les mesures américaines. Vous pouvez voir la configuration ci-dessous:

Étape 2

Ensuite, nous choisirons nos couleurs. Si vous souhaitez utiliser la même palette de couleurs que moi, vous pouvez brancher les codes hexagonaux énumérés ci-dessous. Il suffit de double-cliquer sur le Remplir dans la barre d’outils (où apparaissent vos sélections de couleurs) et entrez un code dans la zone au bas de la fenêtre, celle qui est précédée d’un signe (#)..

Étape 3

Ajouter un fond en utilisant le Outil Rectangle remplir notre tableau d'art avec notre couleur jaune / # F9CF1C.

Verrouille le calque dans le Couches panneauen cliquant sur la case vide à gauche.

2. Placez la typographie

L'une des clés de la création d'un dessin reflétant une certaine période consiste à choisir des polices au look authentique. Pour ce projet, nous voulons un style rappelant les années 50 et 60 (communément appelé «milieu du siècle» ou «moderne du milieu du siècle»). J'ai choisi deux polices de caractères gratuites conçues pour faire écho à cette époque, que vous pouvez télécharger aux liens ci-dessous:

  • Carosello (via GraphicsFuel)
  • Maiden Orange (via 1001 Fonts)

Étape 1

Créez un nouveau calque et tapez "Fresh" à 170 pt. Changez la police en Carosello et la couleur en orange / # F77823. Ensuite, augmentez légèrement le 'F', environ 180 pt.

Étape 2

Tapez 'CAFÉ' à 145 pt. Changez la police en Maiden Orange et la couleur en sarcelle d'hiver / # 3BAD9D.

Les lettres semblent un peu trop fines à côté des gros caractères de la police de caractères du script, donnez donc un mot à 'COFFEE'. 5 pt caressez et changez le suivi à 50. Ces deux paramètres sont accessibles dans le menu Type barre d'outils qui s'étend en haut de votre écran lorsque vous sélectionnez une zone de texte. 

Faites glisser les deux mots dans le coin supérieur droit de la planche d’art, où nous les organiserons. Voici ce que nous avons jusqu'à présent:    

3. Modifier et embellir le type

Nous allons maintenant apporter quelques modifications au texte pour lui donner une touche rétro supplémentaire..

Étape 1

Tout d'abord, sélectionnez 'Fresh' et allez à Effet> Warp> Rise et mettre le pliez à 18%.

Ensuite, en utilisant l’un des pinceaux par défaut d’Illustrator, nous ajouterons du soulignement sous «Fresh» pour mettre l’accent en avant et pour combler l’espace entre celui-ci et «COFFEE»..

Étape 2

Sélectionnez le Outil Pinceau. De ton Menu des bibliothèques de pinceaux, sélectionner Artistique> Artistic_Ink et trouver le Conique - ronde brosse.

Tracez quelques traits orange sous «Frais», en suivant l’angle d’inclinaison des lettres. Si vos lignes deviennent un peu grumeleuses, faites glisser le Outil lisse à travers eux(situé sous l’outil Crayon; accédez-y avec un clic maintenu). J'ai changé le trait de la ligne du haut en 1,5 pt et gardé la ligne du bas à 1 point donc il y aurait un peu de variation entre eux, comme si elles étaient vraiment peintes avec un pinceau.

Certains pinceaux Illustrator peuvent différer légèrement de la couleur de trait que vous leur avez attribuée. Ici, vous remarquerez peut-être que les lignes apparaissent en orange plus clair que le texte "Frais". Si vous remarquez ce problème dans votre travail, sélectionnez simplement les traits qui ne semblent pas corrects, consultez la section Objet> Développer l'apparence, et re-sélectionnez votre nuance de couleur désirée.

Étape 3

Notre dernière embellissement consiste à ajouter une ombre subtile à «CAFÉ». Premièrement, nous souhaitons que les lettres ne forment qu'une seule forme afin d'éviter de modifier séparément les couleurs de remplissage et de contour. Pour ce faire, allez à Type> Créer des contours, puis Objet> Développer (laissez les paramètres par défaut) > Ok. Pour terminer le processus, sélectionnez Fenêtre> Pathfinder> Unite.

Maintenant, copiez et collez 'CAFÉ' pour le dupliquer. Changer la couleur en or / # F9B31C et positionnez la copie légèrement en dessous et à gauche du mot original. Maintenant, cliquez de nouveau sur le sarcelle «CAFÉ» et sélectionnez Objet> Arranger> Amener au premier plan.

Et maintenant, nous avons terminé la partie typographique de notre projet. Vous voudrez peut-être ajuster le placement jusqu'à ce que vous aimiez la façon dont les mots s'assemblent.

4. Créer les illustrations

Nous allons maintenant ajouter notre œuvre principale: la cafetière et la tasse. Vous pouvez aborder cette partie comme bon vous semble, mais voici quelques techniques à considérer:

  • en utilisant des formes vectorielles préexistantes, comme celles liées dans l'introduction 
  • les dessiner à main levée, sur papier d’abord ou directement dans Illustrator 
  • en utilisant une photo de référence et l'outil Plume   

J'ai choisi la troisième option pour plusieurs raisons. Premièrement, j'aime le contrôle offert par l'outil Plume pour la création de formes courbes et géométriques. Deuxièmement, j'avais en tête un style particulier de cafetière et je voulais obtenir les bonnes formes à l'aide d'une photo de référence..

Si vous souhaitez également utiliser cette méthode, voici quelques étapes élémentaires. Pour des suggestions de photos de référence, voir les liens ci-dessous (images sous licence Creative Commons via Flickr, gracieuseté de l'utilisateur Jay Kaye). Celles que je vais utiliser sont les premières options, mais vous pouvez utiliser ces techniques peu importe les photos que vous choisissez.

  • Cafetières: 1, 2, 3
  • Coupes: 1, 2, 3

Étape 1

Placez votre photo de référence sur le côté de votre planche d’art et réduisez son opacité à environ 50%. En utilisant le Outil stylo, esquisser les formes de base de votre cafetière. Si vous souhaitez que les pièces aient une couleur différente de celle du corps principal, créez-leur des formes distinctes pour une coloration aisée par la suite. Ne vous inquiétez pas pour créer des lignes parfaitement droites; des formes un peu décalées conviendront parfaitement à ce style.

Voici comment mes esquisses se sont avérées. Même si le bec sera de la même couleur que le reste du pot, je lui ai donné sa propre forme pour créer des angles nets là où il se fixe.

Étape 2

Modifiez les contours en formes remplies en cliquant sur le bouton Permuter le remplissage et le contour flèche ou frapper Shift-X. Appliquez toutes les couleurs que vous aimez. Vous devrez peut-être renvoyer certaines de vos formes (par exemple, les poignées ici)..

Placez votre cafetière dans le coin inférieur gauche et redimensionnez-la pour remplir environ les deux tiers de l'espace situé en dessous du texte. Assurez-vous que le bec est dirigé vers la droite. Si la photo de référence que vous utilisez a une orientation opposée, la solution est simple. Faites simplement glisser votre curseur pour sélectionner le pot entier, puis cliquez sur Objet> Transformer> Refléter> Vertical.

Étape 3

Répétez les deux étapes précédentes pour la tasse. Si vous devez découper une forme, telle que l’intérieur de la poignée, vous pouvez facilement vous assurer que la forme ou le contour se trouve devant, sélectionnez-la et la forme de l’arrière-plan Décalage), et allez à Fenêtre> Pathfinder> Minus Front (c'est le deuxième bouton dans la rangée du haut).

Placez la tasse en face du pot dans le coin droit (la poignée tournée vers l’extérieur). Pour l'intérieur de la tasse, j'ai choisi une version plus claire de notre couleur sarcelle.

5. Ajouter les touches de finition

Étape 1

Vous ne pouvez pas oublier de remplir votre tasse! Utilisez le Outil Ellipse ajouter un ovale brun foncé pour le café. Vous pouvez utiliser le Outil de sélection directe faire glisser les points d'ancrage de l'ovale jusqu'à ce qu'il s'adapte à l'intérieur de votre tasse. Terminez-le en dessinant une forme incurvée brun clair avec le Outil stylo pour un point culminant.

Étape 2

Créez un nouveau calque et déplacez-le à la deuxième place du bas dans la Panneau de couches. Utilisez la même technique que l'étape précédente (outil Ellipse et points d'ancrage mobiles) pour ajouter des ombres sous le pot et la coupe de notre couleur dorée..

Étape 3

Notre dernière étape consiste à tirer de la vapeur sortant de la cafetière. Utilisez le Outil Crayon à 3 pt et avec une couleur de trait de blanc. Tracez des lignes qui se chevauchent et se chevauchent qui remplissent l’espace au-dessus du pot et à gauche du texte. J'ai trouvé que la meilleure façon de créer des lignes croisées fluides était de les dessiner en deux boucles qui commencent et se terminent au niveau du bec de la cafetière..

C'est tout, les gens!

Excellent travail, je pense que vous vous êtes mérité une pause-café. J'espère que vous vous êtes amusé à utiliser certains des outils de dessin et de dessin les plus fondamentaux d'Illustrator, ainsi que des raccourcis pratiques, pour créer facilement des illustrations vectorielles. Si vous souhaitez en savoir plus sur la création de modèles de style authentique datant du milieu du siècle, consultez nos 10 meilleurs conseils pour créer des modèles d'inspiration rétro..

N'hésitez pas à partager les résultats de votre projet ou à poser des questions dans la section commentaires. Comme toujours, bonne conception!