• Info : Votre Assistante - Le Blog devient Votre Assistante

Créer un cœur sous Illustrator

Pour la Saint-Valentin, j’ai décidé de vous montrer une astuce pour réaliser un cœur parfaitement symétrique sous Illustrator.

 

Si vous avez déjà essayé de dessiner un cœur sous Illustrator, vous avez dû vous rendre compte que les côtés n’étaient pas de mêmes formes et de mêmes tailles. Pour ce tutoriel, je me suis grandement inspirée du blog Artbooktuto où vous pourrez découvrir des tutoriels sur Illustrator, Photoshop et Indesign.

Pour commencer, ouvrez un nouveau document en faisant Fichier > Nouveau… > Ok. J’ai choisi un format A4 en disposition paysage, mais vous pouvez choisir d’autres dimensions si vous le souhaitez.

Nouveau document Illustrator

 

Avec l’Outil rectangle Outil rectangle Illustrator, réalisez un carré parfait en glissant la souris tout en maintenant la touche Shift. Je vous conseille de ne pas le faire trop grand pour que le cœur reste entièrement dans votre plan de travail. Étant sous Illustrator, vous pourrez toujours l’agrandir par la suite sans perte de qualité.

 Carré parfait

 

Puis, avec l’Outil ellipse Outil ellipse Illustrator (placé derrière l’Outil rectangle Outil rectangle Illustrator), tracez un cercle parfait à l’intérieur du carré de manière à ce qu’il vienne s’encastrer parfaitement dans ce dernier.

Pour cela, vous avez deux possibilités :

  • Soit vous partez du centre du carré et vous créez votre cercle tout en maintenant les touches Alt + Shift jusqu’à ce qu’il atteigne les côtés du carré.
  • Soit vous partez d’un des 4 coins du carré et vous créez votre cercle en maintenant la touche Shift jusqu’à ce que vous atteigniez le point opposé à votre point de départ.

 

Carré dans cercle

 

Copiez-collez ce cercle avec un Ctrl + c, puis un Ctrl + v. Ensuite, pour placer les cercles, je vous conseille, de retirer la couleur de remplissage (si vous en aviez une) et de ne garder qu’un contour, vous pourrez remettre de la couleur une fois le cœur terminé.

Sans remplissage avec contour

 

Placez l’un des cercles sur le haut du carré en plaçant le centre du cercle sur le bord haut du carré et placez le second sur la gauche du carré tout en plaçant le centre du cercle sur le bord gauche du carré.

 Carré et cercles

 

Avec l’Outil sélection Outil sélection Illustrator, sélectionnez les 3 éléments (le carré et les 2 cercles) soit en cliquant sur chacun des éléments en maintenant la touche Shift, soit en faisant simplement un Ctrl + a.

 Sélectionner carré et cercles

 

Choisissez, dans la palette Pathfinder (s’il n’apparaît pas dans votre panneau latéral, cliquez sur Fenêtre > Pathfinder), le mode de la forme Réunion Pathfinder.

 Coeur pathfinder

 

La création du cœur est terminée. Nous pouvons le faire pivoter afin qu’il soit droit en allant dans Objet > Transformation > Rotation… et en lui appliquant un angle de -45° > Ok. Cochez l’Aperçu afin de régler l’angle si vous souhaitez orienter le cœur d’une autre manière.

 Rotation

 

Notre cœur a pivoté.

 Coeur pivoté

 

Il ne vous reste plus qu’à lui attribuer une couleur, un dégradé ou même un contour de votre choix. Dans mon exemple, je lui ai attribué une couleur de remplissage rouge (#E42420) et un contour rouge foncé (#A31916) avec une graisse de 10 points.

 Remplissage et contour Illustrator

 

Graisse du contour

 Coeur Illustrator

 

Bonne Saint-Valentin !

 

Téléchargez « Créer un cœur sous Illustrator » au format PDF

 

Et si vous souhaitez vous former davantage à Illustrator,
cliquez sur ce lien pour découvrir la formation 25 pas-à-pas pour Illustrator.

Newsletter

6 commentaires

  1. Merci Lydia pour ce tuto. J’espère qu’il y en aura rapidement d’autres sur Illustrator car cela m’intéresse tout particulièrement. Par contre, je ne sais pas si tu travailles sur CS5 ou CS6 ?
    Bonne journée.

    • Oui, il y en aura d’autres. Le prochain sera sur la rotation répétée.
      J’aurais toujours la dernière version pour Adobe car j’ai souscrit à l’abonnement mensuel qui permet d’avoir les mises à jour gratuitement donc je suis sur la CS6.

  2. Salut pour ce tuto et pour les autres, ils sont très bien décrits. J’ai une petite réclamation si possible : peux-tu faire un tuto sur le dégradé effet brillance que tu as fait sur le cœur mais que tu n’as pas fait sur ce tuto ? C’est ça qui m’intéresse le plus.
    Merci d’avance! ;-)

  3. Salut Lydia,

    Je ne sais pas si tu suis toujours ton actu commentaires, je viens tout juste de démarrer sur Illustrator, je ne sais donc rien faire, j’ai suivi ton tuto à la lettre, et pourtant…il y a un bug, en ce qui me concerne je bosse avec CS2, car gratuit, et au moment de réunir les éléments, il y a un message d’erreur… Comment se fait-il ?

    Merci de ta réponse :)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

CAPTCHA
Change the CAPTCHA codeSpeak the CAPTCHA code
 

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge