Share
Qu'on aime ou qu'on déteste, la période précédant les vacances est souvent la période la plus occupée de l'année pour les designers et les illustrateurs. C'est à peu près à cette époque que nous demandons toutes sortes de promotions et de ventes. J'ai perdu le compte du nombre de babioles, de dindes et de coffrets cadeaux qu'on m'a demandé d'illustrer. Aujourd'hui, le conseil rapide est un didacticiel simple et rapide qui vous apprendra à utiliser le panneau de présentation et quelques belles polices pour créer une illustration de vente très simple. L’accent est mis ici sur une illustration simple et rapide qui vous permettra d’accomplir les tâches les plus importantes de la saison. Commençons!
Créez un document RVB de 600 x 500 pixels avec les unités définies en pixels. Prenez l’outil Rectangle (M) et Option + Click sur la planche d’art et créez un rectangle de 400px par 100px.
Créez les parties latérales de la bannière à l’aide de l’outil Rectangle (M). Option + Cliquez sur la planche d’art et créez un rectangle de 150px par 100px.
Prenez l'outil Crayon (P) et ajoutez un point d'ancrage au milieu du côté droit du rectangle. Avec l'outil de sélection directe (A), déplacez le point pour créer une forme en V qui constituera la fin du ruban..
Sélectionnez la fin du ruban et effectuez une copie réfléchie en appuyant sur Option + Cliquez sur le milieu du rectangle principal à l’aide de l’outil Refléter (O) et faites une copie verticale. Sélectionnez les deux extrémités du ruban et déplacez-les vers l'arrière de l'image (sélectionnez, puis Commande, Maj + Poteau carré gauche).
Dans cette étape, nous allons créer le motif pour le ruban. Cela peut être ce que vous aimez. Je crée une bande de base, j'ai donc créé un petit rectangle, puis copié et collé un autre rectangle à sa place (Command + C puis Command + F) et réduit son échelle. J'ai coloré chaque rectangle d'une nuance de rouge avec un rectangle plus clair que l'autre. Sélectionnez les formes et faites-les glisser dans le panneau Nuancier pour créer un arrière-plan..
Testez le motif de remplissage sur le ruban pour voir si vous l'aimez. Une fois que vous êtes heureux, il est temps d'ajouter quelques détails supplémentaires.
Sélectionnez le ruban et cliquez sur le bouton Ajouter un nouveau trait, modifiez les paramètres afin que le trait ait un poids de 1 pt et une ligne pointillée avec un tiret de 4 pt et un écart de 4 pt et soit de couleur claire (j'ai utilisé du blanc)..
Avec le trait sélectionné, allez au "fx"bouton dans le panneau Apparence et naviguez jusqu'à Chemin> Chemin décalé et entrez un décalage de -3px.
Sélectionnez le remplissage du ruban et allez au "fx"dans le panneau Apparence et accédez à Styliser> Inner Glow. Définissez la couleur comme étant le ton le plus foncé de la couleur principale des rubans (dans ce cas, j'utilise un rouge foncé) et définissez l'opacité sur 50%. Multiplier et le flou à 15px.
Il est maintenant temps d'ajouter le texte! J'utilise une grande police appelée Pacifico à une échelle de 48 points. Selon la police et le texte que vous utilisez, vous devrez définir une taille de point correspondant à celle du ruban. Si vous voulez utiliser la même police que moi, vous pouvez la télécharger gratuitement à partir de Font Squirrel..
Une fois le texte sélectionné, accédez au panneau Apparence et ajoutez un remplissage blanc, puis un remplissage dans une nuance sombre de la couleur principale des rubans (pour cela, j'utilise du rouge foncé). Assurez-vous que la couleur la plus sombre est sous le calque blanc. Sélectionnez la couleur la plus sombre dans le panneau d'apparence (assurez-vous que le texte est toujours sélectionné ou que l'effet ne sera pas appliqué) et passez à la "fx"et naviguez jusqu'à Distort & Transform> Transform. Déplacez le calque -5px Vertical et cliquez sur OK. Cela créera une ombre pour le texte..
Votre ruban devrait ressembler à quelque chose comme ça. Maintenant il est temps de le rendre curvy. Sélectionnez le texte et la partie supérieure de la bannière et regroupez-les (Commande + G), puis sélectionnez les deux parties latérales du ruban et regroupez-les selon la même technique. Vous devriez maintenant avoir deux groupes qui composent le ruban.
Sélectionnez les deux groupes du ruban avec l’outil de sélection (V) et allez à la "fx"bouton dans le panneau Apparence et accédez à Warp> Arch. Réglez le pli sur 20%, puis cliquez sur OK. Vous aurez maintenant une bannière tout en courbes..
Sélectionnez l'outil Ellipse (L) et Option + Click sur la planche de travail et créez un cercle de 350px par 350px.
Sélectionnez le cercle et déplacez-le derrière le groupe supérieur du ruban à l'aide de la touche Commande + Support carré gauche. Le cercle doit être imbriqué entre les groupes supérieur et inférieur du ruban, comme indiqué dans l'image ci-dessous..
Sélectionnez le cercle et appliquez un dégradé radial allant d'un ton clair à un ton légèrement plus foncé. J'ai utilisé du blanc au bleu clair pour le mien; vous pouvez utiliser n'importe quelle couleur tant qu'elle est plus claire que le ruban (le texte est ainsi mis en évidence). Dans le panneau Apparence, ajoutez un trait de 1 ou 2 points dans un ton légèrement plus foncé que le dégradé pour définir l'extérieur du cercle..
Dans l'image ci-dessous, vous verrez comment j'ai positionné le dégradé. Vous pouvez modifier le dégradé à tout moment. Il vous suffit de sélectionner le cercle, puis de choisir l'outil Dégradé (G) pour déplacer et modifier le dégradé dans l'illustration..
Ce ne serait pas une vente sans le rabais accrocheur. J'ai ajouté du texte en utilisant la police "Museo Slab 500" qui est également une police gratuite. Vous pouvez le télécharger à partir de FontSpring.com (vous devrez vous inscrire pour créer un compte)..
Remarque: J'ai été assez paresseux ici, car je travaille à la création du dessin sans trop d'effort. Pour équilibrer le texte, je l'ai divisé en deux lignes et réduit la taille de la police. Une meilleure façon de procéder consiste à aligner correctement deux lignes de texte et à utiliser le crénage et le suivi pour un rendu parfaitement équilibré. Nous n'avons pas le temps pour cela aujourd'hui, nous voulons des vacances!
Sélectionnez le texte de vente et dans le panneau Apparence, cliquez sur "fxCliquez sur le bouton "et naviguez jusqu'à Stylize> Outer Glow. Réglez la lueur sur une couleur claire (j'ai utilisé le blanc) avec un mode Normal et un flou 45px. Vous ne remarquerez pas grand chose après cette étape; le texte un peu pour le faire ressortir un peu plus.
Maintenant, nous allons faire un crochet pour le cercle qui le transformera en une décoration. Dessinez un rectangle avec l’outil Rectangle, sélectionnez-le et, dans le panneau Apparence, cliquez sur le bouton "fxCliquez sur le bouton "et naviguez jusqu'à Warp> Arch. Réglez le pli sur -15% et cliquez sur OK. Une fois que cela est fait, sélectionnez Objet> Développer l'apparence pour libérer la forme et faciliter son travail.".
Ajoutez un dégradé linéaire similaire à l'exemple ci-dessous pour créer une finition métallisée. Si vous voulez créer un effet or, remplacez les tons gris par les tons gris et jaune.
Tracez une ellipse en haut de la forme en arc pour créer le haut du crochet, puis remplissez-la avec un dégradé linéaire en utilisant les tons moyen et foncé du dégradé précédent (supprimez simplement la couleur la plus claire)..
Tracez un cercle avec un trait qui complète l'échelle du cintre (j'ai utilisé 8 pt) et avec l'outil Ciseaux (C) cliquez sur les points à gauche et à droite du cercle pour le couper en deux. Supprimer la section inférieure.
Allez à Objet> Développer pour transformer le trait en forme. Remplissez la forme obtenue avec le même dégradé que celui que vous avez utilisé pour le haut du crochet (celui créé à l'étape 13)..
Ceci est la conception de base pour la vente de vacances. À partir de là, j'ai ajouté un effet de grain au cercle principal pour lui donner une impression plus rétro assortie au ruban..
Pour ajouter la texture, allez à la "fx"bouton dans le panneau Apparence et accédez à Texture> Grain. Vous pouvez voir les paramètres que j'ai utilisés dans l'image ci-dessous. Jouez avec les paramètres pour trouver ce que vous aimez.
C'est l'effet final. J'ai également modifié le trait en 1 pt parce que le grain faisait trop ressortir la ligne 2 pt et repositionné le cintre pour un design plus agréable..
Remarque: Il est préférable d’ajouter des effets raster lorsque vous avez terminé la conception principale, car elle peut souvent ralentir l’ordinateur et parfois même geler l’application..
J'ai également remarqué que la bannière et le support pouvaient utiliser une ombre portée. Pour ce faire, sélectionnez le groupe du haut de la bannière, puis allez au "fx"dans le panneau Apparence et accédez à Styliser> Ombre portée. Pour conserver les tons plus doux du motif, j'ai utilisé un ton sombre de la couleur principale (dans ce cas un bleu foncé) et réglé le mode sur Multiple, l'opacité. à 40%, le décalage à 3 pixels et le flou à 3 pixels.
Pour ajouter une ombre portée au support, j'ai créé une ellipse, lui ai coloré le ton moyen (dans ce cas, un gris moyen / bleu) et je l'ai envoyée derrière le support (appuyez sur les touches Commande + Équerre carrée gauche jusqu'à ce que en position) Avec l'ombre sélectionnée, allez à la "fx"bouton dans le panneau Apparence et accédez à Flou> Flou gaussien. Définissez le rayon sur 3,7 pixels (ou tout ce qui convient à l'aperçu). Cliquez sur OK..
Expérimentez avec différentes couleurs et lettres pour voir ce que vous pouvez créer. Si vous souhaitez modifier l’angle du ruban, accédez à Objet> Développer l’apparence avant de le déplacer car l’effet de déformation changera de manière inattendue en raison de la position (assurez-vous d’enregistrer une copie avant de le faire car vous ne pouvez pas modifier ruban après l’agrandissement). J'espère que vous avez apprécié cette tut.
Accentsconagua