Share
Ce que vous allez créerDans les étapes suivantes, vous apprendrez à créer un badge de vecteur de promotion dans Adobe Illustrator..
Pour commencer, vous allez apprendre à configurer une grille simple. Ensuite, à l'aide d'outils de base et de techniques d'alignement, vous apprendrez à créer un ensemble de cercles concentriques. Ensuite, vous apprendrez à créer un ruban stylisé et à le plier facilement à l'aide d'effets Warp. Enfin, vous apprendrez à ajouter du texte sur un chemin et une texture subtile pour l'ensemble du dessin..
Pour plus d’inspiration sur la façon d’ajuster ou d’améliorer votre badge final, vous pouvez trouver de nombreuses ressources à GraphicRiver..
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans les cases largeur et hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.
Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides et grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.
Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.
Vous devriez aussi ouvrir le Info panneau (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 à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 73 G = 35 B = 84. Déplacez-vous sur votre planche d’art et créez un 300 px grille-la grille et la Aligner sur la grille devrait le rendre plus facile.
Assurez-vous que votre forme reste sélectionnée et ouvrez le Aligner panneau (Fenêtre> Aligner). Cliquez simplement sur le Centre d'alignement horizontal et Centre d'alignement vertical boutons pour amener votre sélection au centre de la planche.
Assurez-vous que votre forme est toujours sélectionnée et allez à Effet> Distorsion & Transformation> Zig Zag. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.
En utilisant le Outil Ellipse (L), créer un 260 px cercle. Remplissez cette nouvelle forme avec R = 228 G = 242 B = 255 et le centrer.
En utilisant le Outil Ellipse (L), créer un 240 px cercle. Remplissez cette nouvelle forme avec R = 73 G = 35 B = 84 et le centrer.
En utilisant le Outil Ellipse (L), créer un 220 px cercle. Remplissez cette nouvelle forme avec R = 228 G = 242 B = 255 et le centrer.
En utilisant le Outil Ellipse (L), créer un 150 px cercle. Remplissez cette nouvelle forme avec R = 73 G = 35 B = 84 et le centrer.
En utilisant le Outil Ellipse (L), créer un 130 px cercle. Remplissez cette nouvelle forme avec R = 228 G = 242 B = 255 et le centrer.
En utilisant le Outil Ellipse (L), créer un 110 px cercle. Remplissez cette nouvelle forme avec R = 73 G = 35 B = 84 et le centrer.
En utilisant le Outil Rectangle (M), créer un 310 x 70 px façonner et le remplir avec R = 228 G = 242 B = 255. Centrez cette nouvelle forme, assurez-vous qu'elle reste sélectionnée et concentrez-vous sur Apparence panneau (Fenêtre> Apparence).
Sélectionnez le trait et définissez sa couleur sur R = 73 G = 35 B = 84, puis ouvrez ça Accident vasculaire cérébral panneau fly-out. Met le Poids à 10 px et n'oubliez pas de vérifier que Joindre rond bouton.
En utilisant le Outil Rectangle (M), créé un 80 x 70 px façonner et le remplir avec R = 198 G = 212 B = 255. Placez cette nouvelle forme comme indiqué dans la première image, assurez-vous qu'elle reste sélectionnée et faites la mise au point. Apparence panneau. Sélectionnez le trait et définissez sa couleur sur R = 73 G = 35 B = 84, puis ouvrez ça Accident vasculaire cérébral panneau fly-out. Met le Poids à 10 px et n'oubliez pas de vérifier que Joindre rond bouton.
Assurez-vous que ce rectangle reste sélectionné et sélectionnez le Ajouter un outil de point d'ancrage (+). Utilisez un simple clic pour ajouter un nouveau point d'ancrage comme indiqué dans la deuxième image..
Assurez-vous que le rectangle créé à l’étape précédente est toujours sélectionné et sélectionnez le Outil de sélection directe (A). Tout d'abord, sélectionnez le point d'ancrage en haut à droite et faites-le glisser 30 px à gauche, puis sélectionnez le point d'ancrage centre-gauche et faites-le glisser 30 px à droite. En fin de compte, votre forme devrait ressembler à celle de la deuxième image..
Choisissez le Outil stylo (P) et créez une forme simple, comme illustré dans l'image suivante. Le remplir avec R = 73 G = 35 B = 84 et ajouter un 10 px trait d'une couleur similaire. N'oubliez pas de vérifier le Joindre rond bouton pour le trait, puis abaissez le Opacité de toute votre sélection à 30%.
En utilisant le Outil stylo (P), Créez un simple triangle comme indiqué dans l'image suivante. Le remplir avec R = 73 G = 35 B = 84 et ajouter un 10 px trait d'une couleur similaire. N'oubliez pas de vérifier le Joindre rond bouton pour ce trait.
Sélectionnez les trois formes en surbrillance dans la première image et Groupe leur (Contrôle-G). Assurez-vous que votre groupe est sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.
En utilisant le Outil stylo (P), créez les deux formes de triangle illustrées dans les images suivantes. Remplissez les deux formes avec un jaune aléatoire, pour l'instant.
Sélectionnez la forme jaune du bas et concentrez-vous sur Apparence panneau. Remplacez la couleur de remplissage par R = 73 G = 35 B = 84 et ajouter un 10 px accident vasculaire cérébral avec une couleur similaire. N'oubliez pas de vérifier la Joindre rond bouton pour ce trait, puis sélectionnez le chemin entier (cliquez simplement sur "Chemin"morceau de texte de la Apparence panneau). Tout d'abord, abaissez le Opacité à 30% et puis aller à Effet> Déformation> Arc inférieur. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.
Déplacer vers le haut forme jaune et appliquer le même Apparence attributs, mais remplace le Arc inférieur effet avec le Arc supérieur effet affiché dans la deuxième image.
Sélectionnez votre 310 x 70 px rectangle et l'amener à l'avant à l'aide du Shift-Control-] raccourci clavier.
Choisissez le Outil stylo (P) et créez les minuscules chemins horizontaux montrés dans la deuxième image. Ajouter un 10 px course pour ces nouveaux chemins, définir sa couleur à R = 73 G = 35 B = 84, et n'oubliez pas de vérifier que Joindre rond bouton.
Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Insaniburger, définissez la taille sur 30 px, et augmenter le suivi pour 22.
Cliquez simplement sur votre planche et ajoutez le "PROMOTION"morceau de texte. Placez-le comme indiqué dans l'image suivante et réglez la couleur sur R = 73 G = 35 B = 84.
Sélectionnez toutes les formes en surbrillance dans la première image, Groupe leur (Contrôle-G), puis allez à Effet> Warp> Drapeau. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.
Choisissez le Outil Ellipse (L) et créer un 200 px cercle. Remplissez cette nouvelle forme avec un jaune aléatoire et centrez-la.
Assurez-vous que cette nouvelle forme reste sélectionnée, sélectionnez la Tapez sur un outil de chemin, et cliquez simplement sur le bord de la forme que vous avez sélectionnée. Cela vous permettra d'ajouter du texte le long de votre chemin.
Ajouter le "MEILLEURES AFFAIRES"morceau de texte, définissez la couleur sur R = 73 G = 35 B = 84 et se concentrer sur la Personnage panneau. Sélectionnez la police Insaniburger et définissez la taille sur 22 px et le suivi de 0. Ensuite, vous devez ajuster la position de votre texte. Basculer vers le Outil de sélection directe (A) et faites simplement glisser ce support central de l'extérieur vers l'intérieur de votre cercle. Cela devrait déplacer votre texte à l'intérieur du cercle. Utilisez ce même crochet pour déplacer votre texte le long du chemin, comme indiqué dans l'image suivante..
Choisissez le Outil Ellipse (L) et créer un 170 px cercle. Remplissez cette nouvelle forme avec un jaune aléatoire et centrez-la.
Assurez-vous que votre cercle jaune reste sélectionné, sélectionnez le Tapez sur un outil de chemin, et cliquez simplement sur le bord de votre sélection.
Ajouter le "OFFRE SPÉCIALE"morceau de texte, définissez la couleur sur R = 73 G = 35 B = 84, et se concentrer sur la Personnage panneau. Appliquez les attributs indiqués dans l'image suivante et utilisez ce crochet pour déplacer votre texte le long du chemin, comme indiqué ci-dessous..
Choisissez le Outil Rectangle (M) et créer un 860 px carré. Remplissez cette nouvelle forme avec R = 228 G = 242 B = 255, renvoyer à l'aide de la Shift-Control- [ raccourci clavier, et n'oubliez pas de le centrer.
Enfin, ajoutons une texture subtile. Téléchargez cet ensemble d'arrière-plans abstraits grunge à partir d'Envato Elements et faites glisser la première image dans votre document..
Redimensionnez-le un peu, assurez-vous qu’il couvre tout votre plan de travail, puis modifiez son Mode de fusion à Lumière douce.
Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs. N'hésitez pas à partager votre résultat final dans la section commentaires.
N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..
Accentsconagua