Share
Dans le conseil suivant, vous apprendrez à créer une simple icône d’étiquette de prix. C'est un autre tutoriel qui se concentre principalement sur le panneau Apparence. Tout d'abord, vous aurez besoin d'outils de base et de techniques de création de formes pour créer la forme de départ. Ensuite, en utilisant la puissance du panneau Apparence et une belle police gratuite ainsi que des effets et techniques de base, vous créerez votre propre icône d’étiquette de prix. Commençons.
Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans les zones avec et hauteur, puis cliquez sur le bouton Avancé. Sélectionnez RVB, Écran (72ppi) et assurez-vous que la case "Aligner les nouveaux objets sur la grille de pixels" est décochée avant de cliquer sur OK. Activez maintenant la grille (Affichage> Grille) et l’alignement sur la grille (Affichage> Aligner sur la grille).
Ensuite, vous aurez besoin d'une grille toutes les 5px. Allez dans Édition> Préférences> Guides et grille, entrez 5 dans le quadrillage chaque case et 1 dans la zone Subdivisions. Vous pouvez également ouvrir le panneau Info (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels dans Edition> Préférences> Unité> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez l'outil Rectangle (M), créez une forme de 150 x 60 pixels et remplissez-le avec R = 255 G = 222 B = 190. Supprimer les couleurs du trait.
Resélectionnez la forme créée à l'étape précédente. Choisissez l'outil Ajouter un point d'ancrage (+) et ajoutez deux nouveaux points d'ancrage, comme indiqué dans l'image suivante. Le composant logiciel enfichable à la grille facilitera votre travail.
Assurez-vous que votre forme est toujours sélectionnée et sélectionnez l'outil Sélection directe (A). Sélectionnez les points d'ancrage supérieur et gauche et déplacez-le de 30 pixels vers le bas, puis sélectionnez le point d'ancrage inférieur et gauche et déplacez-le de 30 pixels vers le haut. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..
Choisissez l'outil Ellipse (L), créez un cercle de 10 pixels et placez-le comme indiqué dans la première image. Sélectionnez-le avec l'autre forme et cliquez sur le bouton Moins avant dans le panneau Pathfinder. La forme obtenue devrait ressembler à la troisième image. C'est la seule forme dont vous aurez besoin pour créer votre étiquette de prix. Déplacez le panneau Calques (Fenêtre> Calques) en double-cliquant sur cette forme et nommez-la "Étiquette de prix"..
Sélectionnez "Étiquette de prix" et accédez au panneau Apparence. Sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les données ci-dessous et cliquez sur OK.
Sélectionnez "Price Tag", allez dans le panneau Apparence et cliquez sur le bouton Ajouter un nouveau remplissage. Évidemment, cela ajoutera un nouveau remplissage à votre forme. Sélectionnez-le dans le panneau Apparence, diminuez son opacité à 25% et remplissez-le avec le dégradé linéaire présenté ci-dessous..
Les chiffres jaunes de l'image en dégradé représentent le pourcentage d'opacité, tandis que les chiffres blancs représentent le pourcentage d'emplacement. Assurez-vous que ce nouveau remplissage est toujours sélectionné et allez à Effet> Chemin> Chemin décalé. Entrez un décalage de -3px, cliquez sur OK et sélectionnez Effet> Styliser> Inner Glow. Encore une fois, entrez les données ci-dessous et cliquez sur OK.
Sélectionnez "Price Tag" et ajoutez un trait. Faites-le 1px large, définissez sa couleur à R = 196 G = 154 B = 108 et allez dans le panneau Trait (Fenêtre> Trait). Commencez par vérifier les boutons Round Cap et Round Round. Ensuite, cochez la case Ligne en pointillé et entrez 0,75 pt dans la zone tiret et 3 pt dans la case espace. Maintenant, vous devriez avoir un coup en pointillé.
Retournez dans le panneau Apparence, assurez-vous que le trait est toujours sélectionné et allez à Effet> Chemin> Décalage du chemin. Entrez un décalage de -3 pixels, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Encore une fois, entrez les données ci-dessous et cliquez sur OK.
Sélectionnez "Étiquette de prix" et accédez au panneau Apparence. Assurez-vous qu'aucun fond ou trait n'est sélectionné et cliquez sur le bouton Ajouter un nouveau trait. Cela va ajouter un nouveau trait pour votre forme. Faites-le 2 pt, alignez-le à l'extérieur et définissez sa couleur à R = 196 G = 154 B = 108.
Sélectionnez "Étiquette de prix" et accédez au panneau Apparence. Sélectionnez le trait ajouté à l'étape précédente et cliquez sur le bouton Dupliquer l'élément sélectionné. Cela ajoutera une copie du trait sélectionné. Sélectionnez-le, définissez sa taille sur 1 pt et la couleur sur R = 255 G = 245 B = 235.
Resélectionnez "Étiquette de prix" et allez dans le panneau Apparence. Assurez-vous qu'aucun remplissage ou contour n'est sélectionné et cliquez sur le bouton Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage et faites-le glisser au bas du panneau Apparence. Remplissez-le avec le dégradé indiqué ci-dessous et sélectionnez Effet> Chemin> Chemin décalé. Entrez un décalage de 2 pixels, cliquez sur OK et sélectionnez Effet> Déformer et transformer> Transformer. Entrez les données indiquées ci-dessous, cliquez sur OK et sélectionnez Effet> Styliser> Ombre portée. Encore une fois, entrez les données ci-dessous et cliquez sur OK.
Resélectionnez l'intégralité de votre chemin et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px et cliquez sur OK. Déplacez-vous dans le panneau Apparence et assurez-vous que les coins arrondis se trouvent en haut du panneau Apparence..
Choisissez l'outil Texte (T), cliquez sur votre plan de travail et ajoutez un prix. Utilisez la police Arcade d’une taille de 35 pt et définissez sa couleur à R = 169 G = 124 B = 80. Avec ce texte toujours sélectionné, allez à Effet> Styliser> Ombre portée. Entrez les données ci-dessous et cliquez sur OK.
Enfin, vous pouvez utiliser différents jeux de couleurs pour votre étiquette de prix ou vous pouvez augmenter / diminuer la valeur définie pour les effets de coins arrondis.
Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler, j'espère que vous avez apprécié ce tut.
Accentsconagua