Petite astuce Comment créer une illustration de cœur sans l'outil Plume

Dans les étapes suivantes, vous apprendrez à créer une illustration de cœur simple. C'est une astuce rapide assez simple qui vous apprendra comment éviter d'utiliser l'outil Plume lorsque vous souhaitez créer une forme vectorielle quelque peu complexe. Nous allons commencer par deux simples rectangles. Ensuite, en utilisant les options de base de Transform, l’effet Coins arrondis, un petit script, des outils simples et l’effet Warp Fisheye, nous allons créer la forme de cœur principale. Passons maintenant à la coloration. Nous utiliserons le panneau Apparence, plusieurs dégradés linéaires, les options de Pathfinder, ainsi que des effets de base et des techniques de fondu. Pour les touches finales, nous utiliserons un simple effet de transformation..


Étape 1

Appuyez sur Commande + N pour créer un nouveau document. Entrez 600 dans la case de largeur et 400 dans la case de 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..

Activer la grille (Affichage> Afficher la grille) et Aligner sur la grille (Affichage> Aligner sur la grille). Pour ce tutoriel, vous aurez besoin d’une grille toutes les 5 pixels. Allez simplement dans Édition> Préférences> Guides> Grille, entrez 5 dans le quadrillage toutes les cases et 1 dans la zone Subdivisions. Vous devez é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.


Étape 2

À l'aide de l'outil Rectangle (M), créez une forme de 90 x 150 pixels, remplissez-la de R = 235, G = 235, B = 235, puis effectuez une copie au premier plan (Contrôle + C> Contrôle + F). Sélectionnez cette copie et remplacez le gris clair utilisé pour le remplissage par R = 238, G = 26, B = 26. Accédez au panneau Calques, concentrez-vous sur le rectangle rouge et rendez-le invisible en cliquant sur l'icône du petit œil. Vous aurez besoin de cette forme plus tard, mais pour le moment, il est préférable de la cacher..


Étape 3

Concentrons-nous sur ce rectangle gris. Sélectionnez-le et allez à Objet> Transformer> Rotation. Entrez un angle de 45 degrés, cliquez sur OK et allez à Objet> Transformer> Refléter. Cochez le bouton Vertical et cliquez sur le bouton Copier. Évidemment, cela créera une copie inversée horizontalement de la forme grise. Sélectionnez cette copie et accédez à Objet> Transformation> Déplacer. Entrez 42.4px dans la zone Horizontal et 0px dans la zone Vertical, puis cliquez sur OK. À la fin, votre rectangle retourné doit être placé comme indiqué dans la quatrième image. Sélectionnez les deux rectangles gris, ouvrez le panneau Pathfinder et cliquez sur le bouton Unir. À l'aide de l'outil Rectangle (M), créez une forme de 125 x 60 pixels et placez-la comme indiqué dans la sixième image. Sélectionnez ce nouveau rectangle avec la forme grise et cliquez sur le bouton Intersection du panneau Pathfinder. La forme obtenue devrait ressembler à la septième étape.


Étape 4

Concentrez-vous sur le panneau Calques et activez la visibilité de ce rectangle rouge créé à la deuxième étape. Sélectionnez-le et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 45px, cliquez sur OK et sélectionnez Objet> Transformer> Rotation. Entrez un angle de 45 degrés, cliquez sur OK et allez à Objet> Transformer> Refléter. Cochez le bouton Vertical et cliquez sur le bouton Copier. Sélectionnez la forme nouvellement créée et allez à Objet> Transformer> Déplacer. Entrez 42.4px dans la zone Horizontal et 0px dans la zone Vertical, puis cliquez sur OK. Sélectionnez les deux formes rouges, sélectionnez Objet> Agrandir l'apparence, puis cliquez sur le bouton Unir du panneau Pathfinder. Enfin, sélectionnez la forme rouge avec le triangle gris créé à l'étape précédente et cliquez sur le bouton Unir du panneau Pathfinder..


Étape 5

Ensuite, vous aurez besoin du script Round Any Corner. Vous pouvez le trouver dans l'article Vectortuts + 20 Scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et récupérez l’outil de sélection directe (A). Sélectionnez le point d'ancrage supérieur mis en surbrillance dans la première image et sélectionnez Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 3 px et cliquez sur OK. Continuez avec l'outil de sélection directe (A), sélectionnez le point d'ancrage inférieur mis en surbrillance dans la première image et accédez à nouveau à Fichier> Scripts> Autre script. Ouvrez le script Round Any Corner, entrez un rayon de 8 px et cliquez sur OK. Basculez vers l'outil Supprimer les points d'ancrage (-) et supprimez simplement les points d'ancrage mis en surbrillance dans la deuxième image..


Étape 6

Assurez-vous que votre forme rouge est toujours sélectionnée et accédez à Effet> Warp> Fisheye. Entrez les propriétés indiquées dans l'image suivante, cliquez sur OK et sélectionnez Objet> Développer l'apparence. Déplacez-vous dans le panneau Calques, double-cliquez sur cette forme rouge et nommez-la simplement "coeur".


Étape 7

Sélectionnez "coeur" et faites une copie devant (Contrôle + C> Contrôle + F). À l’aide de l’outil Ellipse (L), créez une forme de 185 x 90 pixels et placez-la comme indiqué dans la deuxième image. Sélectionnez-le avec la copie réalisée au début de l'étape et cliquez sur le bouton Intersection du panneau Pathfinder. Sélectionnez la forme obtenue et accédez à Objet> Chemin> Chemin décalé. Entrez un décalage de -3px et cliquez sur OK. Supprimez la forme d'origine et concentrez-vous sur le chemin vectoriel créé. Sélectionnez-le, remplissez-le avec le dégradé linéaire montré dans l'image suivante, baissez son opacité à 70% et changez le mode de fusion en superposition. Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.


Étape 8

Sélectionnez "coeur" et allez à Objet> Chemin> Chemin décalé. Entrez un décalage de -3px et cliquez sur OK. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans la deuxième image, baissez son opacité à 10% et réglez le mode de fusion sur Multiplier. Resélectionnez "coeur" et effectuez une copie devant (Contrôle + C> Contrôle + F). Sélectionnez-le, remplissez-le avec le dégradé radial indiqué dans la quatrième image, baissez son opacité à 75% et réglez le mode de fusion sur Multiplier. Rappelez-vous que les zéros jaunes des images en dégradé représentent le pourcentage d'opacité.


Étape 9

Désactivez la grille (Affichage> Masquer la grille) et Aligner sur la grille (Affichage> Aligner sur la grille), puis sélectionnez Edition> Préférences> Général et assurez-vous que l’incrément de clavier est défini sur 1px. Sélectionnez "coeur" et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et déplacez-la de 2 pixels vers le bas à l'aide de la flèche vers le bas depuis votre clavier. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme obtenue avec du noir, réduisez son opacité à 5% et modifiez le mode de fusion en Multiplier. Sélectionnez "coeur" et faites une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie, déplacez-la de 2px vers le bas à l'aide de la flèche vers le bas de votre clavier, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 3 pixels vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme obtenue avec du blanc, réduisez son opacité à 70% et modifiez le mode de fusion en superposition.


Étape 10

Sélectionnez la deuxième forme créée à l'étape précédente et accédez à Objet> Chemin> Décalage du chemin. Entrez un décalage -1px et cliquez sur OK. Sélectionnez la forme obtenue et augmentez son opacité à 100%. Sélectionnez "coeur" et faites une copie devant (Contrôle + C> Contrôle + F). Sélectionnez cette copie, déplacez-la de 2 pixels vers le bas, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 8 pixels vers le bas. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme obtenue avec du blanc, réduisez son opacité à 40% et modifiez le mode de fusion en superposition.


Étape 11

Sélectionnez "coeur" et faites deux copies devant (Contrôle + C> Contrôle + F> Contrôle + F). Sélectionnez la copie du haut et déplacez-la de 2 pixels vers le haut à l'aide de la flèche vers le haut de votre clavier. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme obtenue avec du noir, réduisez son opacité à 20% et changez le mode de fusion en Multiplier. Sélectionnez "coeur" et faites une copie devant (Control + C> Control + F). Sélectionnez cette copie, déplacez-la de 2 pixels vers le haut, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 2 pixels vers le haut. Resélectionnez les deux copies et cliquez sur le bouton Moins avant du panneau Pathfinder. Remplissez la forme obtenue avec du blanc, réduisez son opacité à 40% et modifiez le mode de fusion en superposition.


Étape 12

Sélectionnez "coeur" et faites une copie devant (Control + C> Control + F). Sélectionnez cette copie, déplacez-la de 4 pixels vers le haut, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 3 pixels vers le haut. Resélectionnez les deux copies réalisées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 5% et réglez le mode de fusion sur Multiplier..


Étape 13

Sélectionnez "coeur" et faites une copie devant (Control + C> Control + F). Sélectionnez cette copie, déplacez-la de 4 pixels vers le haut, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 11 pixels vers le haut. Resélectionnez les deux copies réalisées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 5% et réglez le mode de fusion sur Multiplier..


Étape 14

Sélectionnez "coeur" et faites une copie devant (Control + C> Control + F). Sélectionnez cette copie, déplacez-la de 4 pixels vers le haut, puis dupliquez-la (Contrôle + C> Contrôle + F). Sélectionnez cette nouvelle copie et déplacez-la de 18 pixels vers le haut. Resélectionnez les deux copies réalisées à cette étape et cliquez sur le bouton Moins avant dans le panneau Pathfinder. Remplissez la forme obtenue avec le dégradé linéaire indiqué dans l'image suivante, réduisez son opacité à 5% et réglez le mode de fusion sur Multiplier..


Étape 15

Sélectionnez "coeur", concentrez-vous sur le panneau Apparence et ajoutez un trait d'un trait. Sélectionnez-le, définissez la couleur sur le noir, alignez-le à l'intérieur et diminuez son opacité à 10%. Assurez-vous que votre forme de "cœur" reste sélectionnée, continuez à vous concentrer sur le panneau Apparence et ajoutez quatre nouveaux traits à l'aide du bouton Ajouter un nouveau trait (indiqué par la petite flèche bleue). Sélectionnez le haut, le nouveau trait, agrandissez-le de 14 points, définissez la couleur sur R = 162, G = 25, B = 24, alignez-la à l'intérieur et baissez son opacité à 5%. Déplacez-vous vers le trait suivant, sélectionnez-le, agrandissez-le de 7 pt, définissez la couleur sur R = 162, G = 25, B = 24, alignez-la à l'intérieur et baissez son opacité à 15%. Continuez avec le trait suivant, sélectionnez-le, agrandissez-le de 3 points, définissez la couleur sur R = 162, G = 25, B = 24, alignez-la à l'intérieur et baissez son opacité à 20%. Enfin, sélectionnez le bas, le nouveau trait, rendez-le large, réglez la couleur sur R = 162, G = 25, B = 24, alignez-la à l'intérieur et baissez son opacité à 25%.


Étape 16

Sélectionnez "coeur" et concentrez-vous sur le panneau Apparence. Sélectionnez le remplissage et allez à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre supérieure gauche, cliquez sur OK, puis ajoutez les quatre autres effets Ombre portée illustrés dans l'image suivante..


Étape 17

Sélectionnez Toutes les formes créées jusqu'à présent (Contrôle + A) et regroupez-les (Contrôle + G)..


Étape 18

À l’aide de l’outil Rectangle (M), créez une forme de la taille de votre tableau d’art, remplissez-la de R = 40, G = 40, B = 40 et renvoyez-la à l’arrière (Maj + Ctrl + [). Assurez-vous que ce rectangle reste sélectionné, concentrez-vous sur le panneau Apparence et ajoutez un second remplissage à l'aide du bouton Ajouter un nouveau remplissage (indiqué par la petite flèche bleue). Sélectionnez ce nouveau remplissage, réglez la couleur sur le noir, baissez son opacité à 15%, modifiez le mode de fusion en Multiply et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.


Étape 19

Enfin, sélectionnez le groupe créé à la dix-septième étape et accédez à Effet> Déformer et transformer> Transformer. Entrez les propriétés affichées dans la fenêtre de gauche, cliquez sur OK et accédez à nouveau à Effet> Déformer et transformer> Transformer. Entrez les propriétés affichées dans la fenêtre de droite, cliquez sur OK et vous avez terminé.


Conclusion

Maintenant, votre travail est terminé. Voici à quoi cela devrait ressembler. Vous pouvez faire beaucoup plus avec ces effets de transformation ajoutés à la dernière étape. Ajoutez simplement un angle différent pour la rotation et le résultat pourrait vous surprendre.