Comment créer une illustration de clé détaillée dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer une illustration de clé détaillée dans Adobe Illustrator, avec un message romantique parfait pour la Saint-Valentin.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils et de techniques de base. Vous apprendrez ensuite comment ajouter des ombres et des rehauts pour ces formes à l'aide de techniques de fusion de base et de création de formes vectorielles, ainsi que de nombreux effets et du panneau Aspect. Enfin, vous apprendrez à ajouter un joli ruban à l'aide d'un simple pinceau calligraphique, de dégradés linéaires et de l'outil Taper sur un chemin..

1. Créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans les cases de largeur et de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi), et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

Activer le la grille (Voir> Afficher la grille) et le Aligner 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> 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 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> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer les formes principales

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du remplissage, sélectionnez le trait et définissez sa couleur sur R = 255 G = 166 B = 28. Déplacez-vous sur votre planche et créez simplement un 55 px entourez le Aligner sur la grille devrait faciliter votre travail.

Assurez-vous que votre forme reste sélectionnée et passez au Apparence panneau (Fenêtre> Apparence). Sélectionnez le trait existant et augmentez son Poids à 6 px. Resélectionner le Outil Ellipse (L), créer un 10 px entourez-le et placez-le comme indiqué dans la deuxième image. Assurez-vous que cette nouvelle forme reste sélectionnée, revenez à la Apparence panneau et ajouter le même 6 px trait orange.

Étape 2

Resélectionnez les deux cercles déjà créés et allez à Objet> Développer l'apparence. Assurez-vous que les formes résultantes restent sélectionnées, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton. Déplacer vers le Couches panneau, ouvrez le calque existant et double-cliquez simplement sur le nom de votre forme. Renommez-le "droite"puis cliquez sur le D'accord bouton.

Étape 3

Choisissez le Outil Ellipse (L), déplacez vers votre planche d’art, créez un 55 px entourez-le et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Supprimez la couleur du remplissage, puis sélectionnez le trait. Définissez sa couleur sur R = 255 G = 166 B = 28 et augmenter le Poids à 6 px. Resélectionner le Outil Ellipse (L), créer un 20 px cercle, placez-le comme indiqué dans la deuxième image, remplissez-le avec la même couleur orange et assurez-vous qu'il n'y a pas de couleur définie pour le trait.

Basculer vers le Outil stylo (P), créer un 120 px chemin horizontal et placez-le comme indiqué dans la troisième image. Assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau. Commencez par retirer la couleur du remplissage, puis concentrez-vous sur le trait. Utilisez la même orange pour la couleur puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 6 px et vérifier le Casquette ronde bouton.

Étape 4

Pour cette étape, vous aurez besoin d’une grille chaque 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.

Concentrez-vous sur l'extrémité gauche de votre chemin horizontal et sélectionnez le Outil Rectangle (M). Créer deux 10 x 15 px formes et placez-les exactement comme indiqué dans la première image. Remplissez ces nouveaux rectangles avec la même couleur orange, puis transformez-les en un chemin composé en utilisant le Contrôle-8 raccourci clavier.

Choisissez le Outil Ellipse (L), créer un 5 px cercle et deux 6 px cercles, placez-les comme indiqué dans la deuxième image et réglez leur couleur de remplissage sur R = 96 G = 56 B = 19. Sélectionnez ces trois cercles et transformez-les en un nouveau chemin composé en utilisant le même Contrôle-8 raccourci clavier.

Étape 5

Resélectionnez les deux chemins composés créés à l’étape précédente et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Sélectionnez les formes résultantes et transformez-les en un nouveau chemin composé (Contrôle-8).

Étape 6

Continuez à vous concentrer sur votre chemin composé et choisissez le Outil de sélection directe (A). Tout d’abord, sélectionnez les quatre points d’ancrage surlignés avec l’annotation verte, concentrez-vous sur la barre du haut et entrez 3 px en cela Coins boîte. Ensuite, sélectionnez les huit points d'ancrage surlignés avec les annotations violettes, revenez à la barre supérieure et entrez cette fois 1 px dans le Coins boîte. En fin de compte, votre chemin composé devrait ressembler à celui de la deuxième image..

La fonctionnalité Live Corners est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin script qui peut être trouvé dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et saisissez le Outil de sélection directe (A). Sélectionnez les points d’ancrage pointés et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrez les valeurs mentionnées dans le Coins boîte et cliquez D'accord. Le résultat final peut paraître un peu différent. N'hésitez pas à essayer une valeur différente pour le rayon. Dans certains cas, vous devrez augmenter / diminuer la valeur mentionnée dans cette Coins boîte.

Étape 7

Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte. Resélectionnez le tracé horizontal et le cercle mis en surbrillance dans la première image et allez à Objet> Chemin> Contour de contour. Sélectionnez les formes obtenues avec votre chemin composé et le 20 px cercle, puis cliquez sur le Unir bouton du Éclaireur panneau. Déplacer vers le Couches panneau et renommer cette forme nouvellement créée "anneau gauche".

Étape 8

Choisissez le Outil Ellipse (L), créer un 55 px cercle, et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Supprimez la couleur du remplissage, puis sélectionnez le trait. Définissez sa couleur sur R = 255 G = 166 B = 28 et augmenter le Poids à 6 px. Une fois que vous avez terminé, allez à Objet> Chemin> Contour de contour. Déplacer vers le Couches panneau et renommer cette forme nouvellement créée "topRing".

Étape 9

Choisissez le Outil Ellipse (L), créer un 55 px cercle, et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et concentrez-vous sur Apparence panneau. Supprimez la couleur du remplissage, puis sélectionnez le trait. Définir sa couleur à R = 255 G = 166 B = 28 et augmenter le Poids à 6 px. Une fois que vous avez terminé, allez à Objet> Chemin> Contour de contour. Déplacer vers le Couches panneau et renommer cette forme nouvellement créée "anneau inférieur".

3. Ajouter des points saillants subtils

Étape 1

Basculer vers quadrillage tous les 1 px, alors allez à Édition> Préférences> Guides et grille et entrez 1 dans le Quadrillage tous les boîte.

Assurez-vous que votre "anneau inférieur"la forme est sélectionnée et en faire une copie devant (Contrôle-C> Contrôle-F). En utilisant le Outil Rectangle (M), créer un 67 x 1 px forme, fais le noir (R = 0 G = 0 B = 0) et placez-le comme indiqué dans la première image. Sélectionnez ce rectangle fin avec la copie réalisée il y a quelques instants, puis cliquez sur le bouton Couper bouton du Éclaireur panneau.

Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), assurez-vous qu’il reste sélectionné et passez à la Apparence panneau. Baisser le Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 2

Assurez-vous que votre "anneau inférieur"la forme est sélectionnée et crée une nouvelle copie devant (Contrôle-C> Contrôle-F). En utilisant le Outil Rectangle (M), créer un 67 x 1 px formez-le en blanc (R = 255 G = 255 B = 255) et placez-le comme indiqué dans la première image.

Sélectionnez ce rectangle fin avec la copie réalisée il y a quelques instants et cliquez sur le bouton Couper bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), assurez-vous qu’il reste sélectionné et passez au Apparence panneau. Baisser le Opacité à 50% et changer le Mode de fusion à Lumière douce.

Étape 3

Assurez-vous que votre "anneau inférieur"la forme est sélectionnée et crée une nouvelle copie devant (Contrôle-C> Contrôle-F). En utilisant le Outil Rectangle (M), créer un 67 x 1 px forme blanche et placez-le comme indiqué dans la première image.

Sélectionnez ce rectangle fin avec la copie réalisée il y a quelques instants et cliquez sur le bouton Couper bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), assurez-vous qu’il reste sélectionné et passez au Apparence panneau. Baisser le Opacité à 25% et changer le Mode de fusion à Lumière douce. Maintenant, sélectionnez le chemin composé créé dans cette étape, ainsi que les deux autres chemins composés créés dans les deux dernières étapes, et cliquez simplement sur le bouton Contrôle-G raccourci clavier à Groupe leur.

Déplacer vers le Couches panneau, trouvez ce nouveau groupe et renommez-le simplement "subtileSéparateur".

Étape 4

Dupliquez votre "subtileSéparateur"groupe (Contrôle-C> Contrôle-F), sélectionnez la copie et placez-la comme indiqué dans l'image suivante.

Étape 5

Encore une fois, dupliquez votre "subtileSéparateur"groupe (Contrôle-C> Contrôle-F), sélectionnez la copie, faites-la pivoter 90 degrés et placez-le comme indiqué dans la première image. Dupliquer ce groupe tourné (Contrôle-C> Contrôle-F), sélectionnez la copie et placez-la comme indiqué dans la deuxième image.

4. Ajouter des nuances et des reflets pour vos formes principales

Étape 1

Désactiver l'alignement sur la grille (Shift-Control- ') et ensuite aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1 px.

Assurez-vous que votre "droite"la forme est sélectionnée et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px bas en utilisant le bouton fléché bas de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que le groupe de formes obtenu est sélectionné et transformez-le en un chemin composé (Contrôle-8).

Étape 2

Assurez-vous que votre "droite"la forme est sélectionnée et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 1 px et cliquez D'accord. Assurez-vous que la forme obtenue est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1 px vers le bas. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Transformez le groupe résultant en un chemin composé simple (Contrôle-8), assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau. Remplacez la couleur de remplissage existante par un blanc simple (R = 255 G = 255 B = 255), abaisse son Opacité à 75% et changer le Mode de fusion à Recouvrir.

Étape 3

Assurez-vous que votre "droite"la forme est sélectionnée et faites deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px en utilisant le bouton fléché vers le haut de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Transformez le groupe de formes obtenu en un chemin composé simple, assurez-vous qu’il reste sélectionné et concentrez-vous sur Apparence panneau. Sélectionnez le remplissage et remplacez la couleur existante par R = 231 G = 120 B = 17.

Étape 4

Assurez-vous que votre "droite"la forme est sélectionnée et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 1 px et cliquez D'accord. Assurez-vous que la forme obtenue est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 1 px en utilisant le bouton flèche haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Transformez le groupe résultant en un chemin composé simple (Contrôle-8), assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau. Remplacez la couleur de remplissage existante par un blanc simple et modifiez-la Mode de fusion à Lumière douce.

Étape 5

Assurez-vous que votre "droite"la forme est sélectionnée et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 1 px et cliquez D'accord. Assurez-vous que la forme obtenue est sélectionnée et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie et déplacez-la 2 px en utilisant le bouton flèche haut de votre clavier. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Transformez le groupe résultant en un chemin composé simple (Contrôle-8), assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau. Remplacez la couleur de remplissage existante par R = 145 G = 67 B = 25 et changer sa Mode de fusion à Lumière douce.

Étape 6

Assurez-vous que votre "droite"la forme reste sélectionnée, concentrez-vous sur Apparence panneau, et sélectionnez le trait existant. Définissez sa couleur sur R = 145 G = 67 B = 25, augmenter le Poids à 2 px, aligner à l'intérieur et ensuite baisser son Opacité à 50% et changer le Mode de fusion à Lumière douce. Assurez-vous que ce trait est sélectionné et dupliquez-le en utilisant le bouton Dupliquer l'élément sélectionné bouton. Sélectionnez le trait nouvellement ajouté et diminuez simplement sa Poids à 1 px.

Étape 7

Maintenant, concentrez-vous sur votre "anneau gauche"façonner et répéter les techniques utilisées pour le"droite"forme. À la fin, les choses devraient ressembler à la première image.

Déplacer vers le "topRing"façonner et faire la même chose. Une fois que vous avez terminé, les choses devraient ressembler à la deuxième image. Enfin, concentrez-vous sur votre"anneau inférieur"forme, répète ces mêmes techniques, et les choses vont ressembler à la troisième image.

Étape 8

Resélectionnez votre "anneau gauche"forme, concentrez-vous sur Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, remplacez la couleur existante par un blanc simple, changez sa couleur. Mode de fusion à Lumière douce et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 4 px, Cliquez sur D'accord et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 1 px et cliquez D'accord.

5. Ajouter un petit diamant

Étape 1

Activer l'alignement sur la grille (Contrôle-'). En utilisant le Outil Ellipse (L), créer un 10 px cercle, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans l'image suivante.

Étape 2

Assurez-vous que votre petit cercle est sélectionné et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px vers le bas. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Remplacez la couleur de remplissage existante par R = 145 G = 74 B = 29, abaisser sa Opacité à 50% et changer le Mode de fusion à Lumière douce.

Étape 3

Resélectionnez votre petit cercle et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord, retourner au Apparence panneau et sélectionnez le trait existant. Définir sa couleur à R = 145 G = 74 B = 29, assurez-vous que le Poids est fixé à 1 px, aligner à l'intérieur et ensuite baisser son Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 4

En utilisant le Outil Ellipse (L), créer un 6 px cercle noir, placez-le comme indiqué dans l'image suivante et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante et cliquez sur D'accord.

Étape 5

En utilisant le Outil Ellipse (L), créer un 6 px cercle rouge et placez-le comme indiqué dans l'image suivante. Basculer vers le Outil stylo (P), créer un 10 px chemin vertical et placez-le comme indiqué dans la deuxième image. Ajoutez un trait blanc pour ce chemin uniquement, afin de le rendre plus visible. Assurez-vous que ce chemin reste sélectionné et allez à Objet> Transformer> Rotation. Met le Angle à 90 degrés puis cliquez sur le Copie bouton. Cela devrait créer un chemin horizontal comme indiqué dans la troisième image..

Étape 6

Sélectionnez vos chemins horizontaux et verticaux avec le cercle rouge et cliquez sur le bouton Diviser bouton du Éclaireur panneau. Sélectionnez les formes obtenues une à une et remplacez simplement la couleur de remplissage existante par les couleurs indiquées dans la deuxième image..

Étape 7

En utilisant le Outil Ellipse (L), créer un 6 px cercle, placez-le comme indiqué dans la première image et concentrez-vous sur le Apparence panneau. Assurez-vous qu'aucune couleur n'est définie pour le remplissage, puis sélectionnez le trait. Faites-le noir, assurez-vous que le Poids est fixé à 1 px, aligner à l'intérieur, puis changer le Mode de fusion à Lumière douce. Resélectionner le Outil Ellipse (L), créer un 2 px cercle blanc, change son Mode de fusion à Recouvrir et placez-le comme indiqué dans la deuxième image.

6. Ajouter des nuances et des reflets supplémentaires

Étape 1

Dupliquer (Contrôle-C> Contrôle-F) les formes créées jusqu’à présent, sélectionnez ces copies, puis cliquez sur le bouton Unir bouton du Éclaireur panneau. Assurez-vous que cette nouvelle forme reste sélectionnée, renvoyez-la à l'arrière (Shift-Control- [) puis se concentrer sur Apparence panneau.

Supprimez la couleur du remplissage, puis sélectionnez le trait. Définissez sa couleur sur R = 231 G = 132 B = 23, assurez-vous que le Poids est fixé à 1 px et l'aligner à l'extérieur. Déplacer vers le Couches panneau, trouver la forme faite dans cette étape et le renommer "Ombre".

Étape 2

Assurez-vous que votre "Ombre"la forme reste sélectionnée, concentrez-vous sur Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton. Sélectionnez ce nouveau trait, assurez-vous que le Poids est fixé à 1 px, alignez-le sur l'extérieur, changez le Mode de fusion à Recouvrir puis remplacez la couleur existante par le dégradé linéaire indiqué dans l'image suivante. Gardez à l’esprit que les chiffres jaunes de la Pente image stand pour Opacité pourcentage.

Étape 3

Resélectionnez votre "Ombre"forme, concentrez-vous sur Apparence panneau, assurez-vous que tout le chemin est sélectionné et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l'image suivante), cliquez sur D'accord puis ajoutez les quatre autres Ombre portée effets montrés dans l'image suivante.

7. Ajouter un ruban rouge

Étape 1

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur le Nouveau pinceau bouton. Vérifier la Pinceau calligraphique boîte et cliquez D'accord. Nommez votre nouveau pinceau "Pinceau rouge", entrez tous les attributs affichés dans l'image suivante, puis cliquez sur le bouton D'accord bouton. Choisissez le Pinceau (B), sélectionnez votre "Pinceau rouge" du Des pinceaux panneau, déplacez-vous vers votre plan de travail et tracez un chemin simple, comme dans l’image suivante. N'oubliez pas de définir sa couleur sur R = 237 G = 28 B = 36.

Étape 2

Retourner à quadrillage tous les 5 px, si simplement aller à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte. Assurez-vous que votre "Ombre"la forme est sélectionnée et en faire une copie devant (Contrôle-C> Contrôle-F). En utilisant le Outil Rectangle (M), créer un 15 x 10 px forme noire et placez-le comme indiqué dans la première image. Sélectionnez ce rectangle avec la copie réalisée au début de l’étape, puis cliquez sur le bouton Couper bouton du Éclaireur panneau.

Étape 3

Resélectionnez la forme noire créée à l’étape précédente avec votre tracé rouge et concentrez-vous sur Transparence panneau (Fenêtre> Transparence). Clique le Faire masque bouton puis décochez cette minuscule Agrafe boîte. À la fin, les choses devraient ressembler à la deuxième image.

Étape 4

Assurez-vous que votre "Ombre"la forme est sélectionnée et en faire une copie devant (Contrôle-C> Contrôle-F). En utilisant le Outil Rectangle (M), créer un 15 x 10 px forme, définissez la couleur de remplissage sur R = 57 G = 181 B = 74, et placez-le comme indiqué dans la première image. Sélectionnez ce rectangle vert avec la copie faite au début de l’étape, puis cliquez sur le bouton Couper bouton du Éclaireur panneau.

Désactiver l'alignement sur la grille (Contrôle-'), prenez le Outil stylo (P) et tracez un chemin simple approximativement comme indiqué dans la troisième image. Ajouter un 1 px trait vert pour ce chemin et assurez-vous que le remplissage est désactivé.

Étape 5

Resélectionnez votre tracé rouge masqué et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez-le et allez à Objet> Développer l'appare