Mélangez et masquez-vous une grande affiche

Dans ce didacticiel, nous allons créer une affiche avec un design central géométrique puissant, qui utilise des mélanges fluides, des formes de masques et des dégradés subtils, pour créer un travail final sophistiqué. Apprenez chaque étape détaillée de la création de cette affiche. Commençons!

Ce post est le jour 17 de notre session de conception graphique. Sessions créatives "Session Day 16Session Day 18"

Étape 1

Commençons par préparer le document et les échantillons. Créez un nouveau document de format Lettre US en utilisant le mode RVB (situé sous les options avancées). J'ai cinq échantillons de couleurs préparés dans ma palette pour les illustrer:

  • Vert clair: R = 199, G = 255, B = 0
  • Bleu: R = 121, G = 255, B = 255
  • Hot Pink: R = 255, G = 0, B = 139
  • Orange: R = 255, G = 147, B = 0
  • Gris foncé: R = 50, G = 53, B = 56

Étape 2

Créons maintenant une icône en forme de 4xU. Sélectionnez l'outil Ellipse et tracez un cercle (environ 3,8 pouces). Donnez au cercle un trait de 96 points et appliquez la nuance vert vif en tant que couleur de trait. Ne pas remplir le cercle.


Étape 3

Saisissez l'outil de sélection directe (flèche blanche) et sélectionnez le point d'ancrage inférieur du cercle. Appuyez sur la touche Suppr pour supprimer la moitié inférieure du cercle..


Étape 4

Activer les guides intelligents (Affichage> Guides intelligents ou Commande + U). Sélectionnez l'outil Plume, puis cliquez sur le point d'ancrage gauche du cercle pour continuer le segment de tracé. Maintenez la touche Maj enfoncée et cliquez à nouveau quelque part plus bas, comme indiqué dans l'image ci-dessous.

Maintenez la touche Commande enfoncée et cliquez sur l'arrière-plan blanc de votre toile pour terminer ce chemin. Cliquez maintenant sur l'autre point d'ancrage du cercle, maintenez la touche Maj enfoncée et cliquez à nouveau plus bas sur la même hauteur que l'autre ligne que vous venez de tracer. Avec les guides intelligents activés, vous devriez voir une intersection de deux guides.


Étape 5

Saisissez l'outil de sélection et utilisez-le pour sélectionner l'objet entier. Aller à l'objet> développer. Assurez-vous que les champs Remplissage et Contour sont cochés. Cliquez sur OK.


Étape 6

Sélectionnez l'outil Rectangle et faites glisser un carré autour de l'objet, en partant du point d'intersection des guides intelligents dans le coin supérieur gauche, comme indiqué..


Étape 7

Maintenez la touche Maj enfoncée et faites glisser en diagonale, du coin supérieur gauche au coin inférieur droit, pour dessiner un carré.


Étape 8

Sélectionnez les deux objets à l'aide de l'outil de sélection et accédez à la palette Pathfinder (pour afficher cette palette, accédez à Fenêtre> Pathfinder ou appuyez sur Commande + Maj + F9) et choisissez l'option Intersection..


Étape 9

Vous devriez vous retrouver avec ce résultat (voir image ci-dessous).


Étape 10

Maintenant vient un peu d'une partie délicate…

Le point rouge (indiqué dans l'image ci-dessous) sera notre point de rotation pour l'étape suivante. Faites glisser les guides pour vous aider à définir cette position. Commencez par faire glisser deux guides horizontaux et deux guides verticaux de manière à créer quatre intersections qui forment un carré, comme indiqué..

Dessinez ce carré au-dessus des guides à l'aide de l'outil Rectangle, tout en maintenant la touche Maj enfoncée. Avec le carré toujours sélectionné, faites glisser un autre guide vertical sur le point central du carré. Supprimez maintenant le carré. Le point d'intersection de ce guide vertical où il rencontre le guide horizontal inférieur est votre point de rotation.


Étape 11

Sélectionnez l'outil de rotation, maintenez la touche Option enfoncée et cliquez avec précision sur le point d'intersection. Dans la boîte de dialogue Rotation, entrez la valeur de 90 degrés et cliquez sur Copier. Appuyez maintenant sur Commande + D (Objet> Transformer> Transformer à nouveau) deux fois de suite pour répéter cette action deux fois..

Attribuez à chaque objet une couleur de remplissage différente, en appliquant les nuances que vous avez préparées au début de ce didacticiel: bleu, rose vif et orange..


Étape 12

Sélectionnez les quatre objets à l'aide de l'outil de sélection. Accédez à la palette Transparence (pour afficher cette palette, accédez à Fenêtre> Transparence ou appuyez sur Commande + Maj + F10) et sélectionnez Assombrir dans le menu déroulant. Regroupez les quatre objets (allez à Objet> Grouper ou appuyez simplement sur Commande + G).


Étape 13

Faites glisser deux guides horizontaux et deux guides verticaux, comme indiqué dans l'image ci-dessous. Les quatre points d'intersection devraient donner un carré.


Étape 14

Sélectionnez l'outil Ellipse et tracez un cercle. Cliquez sur le point d'intersection supérieur gauche et faites glisser vers le point d'intersection inférieur droit tout en maintenant la touche Maj enfoncée. Donne au cercle une fine bordure blanche et aucun remplissage.


Étape 15

Tracez un petit cercle au-dessus de ce cercle en partant du centre, comme indiqué. Encore une fois, maintenez la touche Maj enfoncée pendant que vous faites glisser.


Étape 16

Arrêtez de glisser et relâchez la souris exactement aux quatre points d’intersection, comme indiqué. Sélectionnez les deux cercles et transformez-les en un chemin composé. Allez à Objet> Chemin composé> Construire, ou appuyez simplement sur Commande + 8.

En réalité, vous ne voyez pas le résultat car les cercles ne sont pas remplis, mais si vous remplissez l'objet, vous verrez que vous avez créé un trou et que vous avez maintenant une forme d'anneau. Nous allons appliquer cette forme comme masque.


Étape 17

Sélectionnez l'objet groupé et la forme de l'anneau et sélectionnez Objet> Masque d'écrêtage> Créer ou appuyez simplement sur Commande + 7. Donnez un nom au calque, par exemple "4xU"..


Étape 18

Créez un nouveau calque dans la palette Calques en cliquant sur l'icône Créer un nouveau calque en bas de la palette (pour afficher cette palette, accédez à Fenêtre> Calques ou appuyez sur F7). Assurez-vous que le nouveau calque repose sous le calque contenant les quatre objets. Faites glisser le calque en dessous.

Cliquez maintenant sur le triangle dans la couche "4xU" pour afficher toutes les sous-couches. Cliquez sur l'icône de cible en forme de cercle située à droite de la sous-couche, appelée "Chemin composé", pour sélectionner tous les objets de cette sous-couche. Maintenez la touche Alt enfoncée tout en faisant glisser le contenu de cette sous-couche sur le nouveau calque situé en dessous. Maintenez la touche Alt enfoncée pour dupliquer le contenu en le faisant glisser, ce dont nous avons besoin.

N'oubliez pas que nous avons appliqué un mode de transparence Assombrir à notre objet "4xU". Cela signifie que dès que nous déplaçons cet objet sur un fond sombre, les couleurs changent. l'effet et le résultat seront totalement différents. Pour être sûr de conserver ce résultat exact, nous devons ajouter un fond blanc en dessous de cet objet..


Étape 19

Nommez le calque "fond blanc" et ajoutez un nouveau calque ci-dessous. Appelez cette couche "fond". Sélectionnez l'outil Rectangle et tracez un rectangle qui correspond à la taille du document. Donne au rectangle un remplissage sombre en utilisant notre nuance gris foncé (R = 50, G = 53 et B = 565)..

Sélectionnez maintenant l'objet "4xU" et le "fond blanc". Dans la barre d'outils située en haut (pour afficher ceci, accédez à Fenêtre> Contrôle), sélectionnez Aligner sur l'Artboard dans le menu déroulant (à gauche de l'option d'alignement). Sélectionnez l'option Centrer horizontalement, puis l'option Centrer verticalement parmi les options d'alignement de la barre d'outils..


Étape 20

Maintenant, lorsque vous effectuez un zoom très important, vous remarquerez quelques irrégularités. Pour les masquer, nous allons ajouter un cercle qui correspond à notre forme et lui donner un trait d'un trait, de la même couleur que l'arrière-plan..


Étape 21

Sélectionnez l'outil Ellipse et recherchez le point d'intersection à l'aide de Smart Guides (Commande + U pour activer / désactiver les Smart Guides), comme indiqué..


Étape 22

Avec les guides intelligents activés, il devrait être facile de tracer un cercle qui correspond à la forme de notre anneau. N'oubliez pas de maintenir la touche Maj enfoncée tout en faisant glisser.


Étape 23

Créons maintenant des lignes enfumées à l'aide de l'outil de fusion. Créez un nouveau calque qui se trouve juste au-dessus du calque d'arrière-plan. Sélectionnez l'outil Crayon et tracez une ligne très courbée vers le haut, comme indiqué. Donnez à la ligne un trait de 0,5 point de la même couleur que notre arrière-plan. Accédez à la palette Transparence et donnez à la ligne 0 Opacité..


Étape 24

Tracez une deuxième ligne courbe et assurez-vous de croiser la ligne précédente deux fois. Donnez à la ligne un trait de 0,5 pt en utilisant un gris de R = 1154, G = 116 et B = 119.


Étape 25

Sélectionnez les deux lignes à l'aide de l'outil de sélection. Sélectionnez l'outil de fusion dans la boîte à outils et cliquez une fois sur un point d'ancrage d'une des lignes. Maintenez maintenant la touche Alt enfoncée et cliquez sur l'un des points d'ancrage de l'autre ligne proche, comme indiqué. Dans la boîte de dialogue Options de fusion, choisissez Étapes spécifiées dans le menu déroulant, choisissez Aligner sur le chemin (deuxième option) comme orientation et entrez une valeur de 200 étapes..


Étape 26

Vous devriez obtenir un résultat comme indiqué dans l'image ci-dessous.


Étape 27

Sélectionnez cet objet de fusion enfumé et récupérez l'outil Rotation dans la boîte à outils. Cliquez quelque part dans l'anneau "4xU", maintenez la touche Alt enfoncée pour dupliquer l'objet pendant que vous faites glisser comme indiqué dans l'image ci-dessous pour faire pivoter l'objet.


Étape 28

Sélectionnez ce nouvel objet dupliqué, copiez-le et collez-le. Déplacez-le vers le haut de la page. Saisissez l'outil de réflexion et reproduisez l'objet horizontalement. Saisissez l'outil de sélection directe, sélectionnez un point d'ancrage sur l'une des lignes. Faites glisser les poignées de Bézier pour modifier la courbe afin de créer une ligne fumée différente pour rendre les choses plus aléatoires. Répétez cette étape si nécessaire une fois de plus jusqu'à obtenir un effet de fumée agréable..


Étape 29

Nous allons maintenant appliquer quelques touches de finition en utilisant la technique de masquage de l'opacité. Faisons un cercle lumineux. Cette touche finale utilise des techniques plus avancées et nécessite également la version CS4..

Créez un nouveau calque sous le calque "fond blanc" et appelez-le "cercle rougeoyant". Sélectionnez l'outil Ellipse et tracez un cercle (en maintenant la touche Maj enfoncée tout en faisant glisser) légèrement plus grand que l'anneau "4xU". Assurez-vous que le cercle est parfaitement centré sur l'icône "4xU". Désactivez la visibilité des calques "4xU" et "fond blanc" (icône en forme d'œil) pour le moment. Remplissez le cercle avec un dégradé radial allant du blanc avec une opacité de 15% à la couleur de notre arrière-plan avec une opacité de 0% à un emplacement de 80,68, comme indiqué dans l'image ci-dessous..


Étape 30

Sélectionnez à nouveau l'outil Ellipse et tracez un cercle au-dessus de ce cercle. Donnez au cercle un défaut dégradé radial blanc à noir. Cliquez sur l'option Inverser le dégradé dans la palette Dégradé (pour afficher cette palette, accédez à Fenêtre> Dégradé ou appuyez sur Commande + F9) pour obtenir du noir au centre du cercle..

Sélectionnez maintenant les deux cercles et accédez à la palette Transparence (pour afficher cette palette, accédez à Fenêtre> Transparence ou appuyez sur Commande + Maj + F10). Sélectionnez Créer un masque d'opacité dans le menu déroulant de la palette (flèche en haut à droite de la palette). Cliquez sur l'icône du masque dans la palette Transparence (à droite de l'icône du lien). Sélectionnez l'outil Dégradé dans la boîte à outils et ajustez l'emplacement du curseur de dégradé comme indiqué..


Étape 31

Nous allons maintenant créer un subtil effet de spirographe.

Créez un nouveau calque juste au-dessus du calque "cercle lumineux". Sélectionnez l'outil Ellipse et tracez un très grand cercle presque le double de la taille de l'objet "4xU" (en maintenant la touche Maj enfoncée tout en faisant glisser). Donnez au cercle un dégradé radial allant du bleu clair (R = 122, G = 232 et B = 255) à la couleur de notre fond (R = 50, G = 53 et B = 56). Accédez à la palette Transparence et choisissez Surimpression et une valeur d'opacité de 25%..

Sélectionnez l'outil de rotation dans la boîte à outils. Maintenez la touche Alt enfoncée et cliquez quelque part entre le point central et le point d'ancrage inférieur du cercle. Entrez une valeur de 60 ° et cliquez sur Copier. Appuyez maintenant sur Command + D quatre fois de suite. Regrouper tous les cercles. Sélectionnez l'outil Rectangle dans la boîte à outils et tracez un rectangle correspondant à la taille de la planche graphique. Donnez à ce rectangle le même remplissage dégradé radial noir à blanc que le cercle lumineux. Sélectionnez à la fois le spirographe et le rectangle, puis accédez à la palette Transparence et sélectionnez à nouveau Créer un masque d'opacité dans le menu déroulant de la palette. Cliquez sur l'icône du masque dans la palette Transparence, sélectionnez le rectangle et sélectionnez l'outil Dégradé. Editez le dégradé si nécessaire.


Conclusion

La conception finale est ci-dessous. La police utilisée dans cette affiche est Neutraface. Amusez-vous à appliquer ces techniques dans votre propre travail!

Ce post est le jour 17 de notre session de conception graphique. Sessions créatives "Session Day 16Session Day 18"