Créer une pilule avec Illustrator

Voici un nouveau tutoriel qui utilise l’outil de modélisation 3d d’Illustrator. Ce tutoriel a pour but de créer une petite pilule, qui je pense passera facilement car les étapes sont très faciles.

Adobe Illustrator - 494.6 ko
Fichier source Illustrator
clic pour télécharger le fichier source Illustrator utilisé dans ce tutorial

ETAPE 1

Alors j’ouvre Illustrator et je crée un nouveau document pour le web, peu importe la taille. Et je vais commencer par créer un rectangle arrondi. Petite astuce, j’appuie sur la flèche du haut du clavier tout en créant mon rectangle pour augmenter les coins qui deviendront :

Plus arrondis en appuyant sur la flèche du haut Moins arrondis en appuyant sur la flèche du bas

JPG - 29.9 ko

ETAPE 2

Le but maintenant est de couper cette forme en deux : dans le sens horizontale et dans le sens de la verticale.

Je vais commencer par une coupe verticale. Pour cela je crée par-dessus un rectangle que je place au milieu de ma pilule (voir ci-dessous). Ensuite dans la fenêtre du pathfinder je clique sur l’icône soustraction de la forme.

JPG - 22.7 ko

Je me retrouve donc avec une image comme ci-dessous.

JPG - 33.5 ko

ETAPE 3

Je clique sur ma forme et je fais ctrl + c et ctrl + v ce qui me permet de dupliquer ma forme. Avec la même méthode que précédemment je coupe ces deux formes une fois en bas, une fois en haut, ce qui me permet d’avoir une partie haute et une partie basse.

JPG - 25.2 ko

ETAPE 4

En collant ces deux formes j’obtiens un résultat comme ci-dessous.

JPG - 30.1 ko

Je clique sur les deux formes et je vais dans le menu objet > décomposer l’aspect. Puis dans le menu objet > associer.

ETAPE 5

Enfin je vais appliquer mon effet 3d, pour cela je vais dans le menu : effet > 3d > révolution et je configure comme bon me semble.

Attention ! vous aurez peut être la nécessité de changer l’option décalage : en bord droit ou bord gauche selon votre image.

ETAPE 6

Dans la fenêtre de rendu 3d j’ai le bouton placage qui me permet d’accoler un symbole à ma forme 3d.

JPG - 40.8 ko

Voila ce tutoriel est terminé, j’espère que vous l’aurez réussis correctement ;) N’hésitez pas à poster vos images dans la galerie de l’article.

Bonne chance à tous !

Article publié par Wonka

Vous aimez cet article? Partagez le !

Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

La galerie des membres

Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !

Questions et commentaires, Il y a 29 messages de forum.

Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.

  • 6 mai 2008 19:22, par daedjo

    Voila jsuis débutant et donc jsuis bloké a l’étape 3.Si jprend texto cki é écrit, engros jné pas de résultat en plus du fait kjé illustrator, mais en anglais malheureusemnt.Pouvez-vous m’aider. ?!

    Répondre
  • 6 mai 2008 19:27, par daedjo

    serait il possible de developper l’étape 3, de maniére à mieux comprendre chaque séquence et surtout chaque manip. Paske la jsuis perdu, jcomprend rien.. !

    Répondre
    • 7 mai 2008 09:26, par Wonka

      C’est la même chose que l’etape deux sauf qui faut couper sur le milieu dans le sens horizontale !

      Répondre
  • 21 mai 2008 05:00, par UnNicolas

    Arrivé au bout voilà ce que ça donne pour moi :p
    gellule.gif

    Répondre
    • 21 mai 2008 12:01, par Wonka

      Même chose que précédemment pour la galerie ! Sinon c’est très réussis encore une fois !

      Répondre
  • 6 juin 2008 00:51, par Yann

    Miam des bonbons ;o)

    Répondre
    • 6 juin 2008 09:27, par Wonka

      Arf j’en veux pas de tes bonbons ;) En tout cas bravo pour ton image qui est vraiment bien réalisée !

      Répondre
  • 15 septembre 2008 12:34, par Anicolore

    Ce tuto est tout simplement génial

    Répondre
    • 3 octobre 2008 17:23, par Titipotter

      Personne aurait un PSD sous photoshop de cette pilule ? Vu que j’ai pas illustrator. Sinon bon tuto qui + est simple.

      Répondre
  • 6 décembre 2008 23:31

    Salut, l’étape No.2 ’’Ensuite dans la fenêtre du pathfinder je clique sur l’icône soustraction de la forme’’

    j’ai localisé la commande mais quand je l’applique, je n’ai pas le même résultat que vous.

    Quelle objet faut-il avoir sélectionné (le rectangle rond ou le rectangle diviseur ou les deux ?)pour se rendre à votre résultat ?

    merci

    Répondre
    • 23 février 2009 21:22, par Fabienne

      Bonsoir, Quelqu’un peut il poster la réponse à ce casse-tête :-D moi aussi je suis bloquée ici, c’est pas cool de bloquer comme ça au tout début, Merci d’avance xxx

      Répondre
      • 23 avril 2009 12:25, par Arkan

        Faut faire « alt+clic » en faisant la soustraction dans la partie « Mode de la forme ».

        En revanche je suis bloqué a l’étape 3 aussi...

        Répondre
        • 20 avril 2010 20:25, par Nikob

          Oh punaise ! Je viens de comprendre ! Donc je détaille si ça peut aider des très très débutants (like me).

          Pour soustraire 2 formes il faut dans l’ordre :

          1 - les créer (dessiner 2 rectangles)

          2 - les sélectionner tous les 2 en même temps. Pour ça il faut prendre l’Outil Sélection puis faire une fenêtre qui englobe les deux formes ou cliquer sur l’une puis cliquer sur l’autre en maintenant la touche Shift enfoncée.

          3 - Cliquer sur Soustraction de forme dans la fenêtre Pathfinder

          Répondre
  • 7 décembre 2008 00:50, par francesco

    je suis nouveau a Illustrator et en + mon programme est en anglais. Peux-tu faire un vidéo de cette pilule ?

    Merci

    Répondre
  • 26 janvier 2009 12:35

    Bonjour a tous ! Alors je sais pas pourquoi mais quand je fait la révolution 3D je me retrouve avec une pilule, certes, mais elle est noir au lieu d’être bicolore alors si quelqu’un pouvait m’aider a arrêter de broyer du noir et me faire voir la vie en couleur je lui serai reconnaissent

    Répondre
    • 11 février 2009 15:35

      J’avais le même probleme pour la 3D tout noir. faut retirer les coutour noir au niveau des couleur et mettre en transparent jcrois. pour moi c’est passé

      Répondre
  • 30 mars 2009 15:18

    C’est bien de faire des tuto mais il faut bien expliquer les étapes car nous avons pas tous le même niveaux, car entre l’étape 2 et 3 ce n’est pas très clair (pour un non initié), un tuto c’est bien mais c’est mieux si il est accessible à tous !! Merci :-)

    Répondre
  • 6 avril 2009 15:49

    Répondre
  • 28 juillet 2009 21:26, par LucaOZ

    Salut,

    Déjà je tiens à vous dire merci pour ces tutoriaux que vous nous proposer. Mais pour celui-ci, je suis bloqué à l’étape 5, c’est à dire pour passer en 3D. Pourriez-vous nous donner vos réglages exact ? Car je n’arrive à rien.

    Merci. A+

    Répondre
  • 3 août 2009 16:16, par LucaOZ

    Même chose que pour le globe terrestre. Avant de passer en 3D, il ne faut pas avoir de couleur de contour (ou bien la même que celle de remplissage).

    A+

    Répondre
  • 30 août 2009 11:41, par morty

    Bonjour, je suis bloquée à l’étape 4, comment « coller » ces 2 formes, pour que l’une apparaisse blanche ?

    Pourriez-vous me détailler cette étape ?

    Merci pour votre aide

    Répondre
  • 27 septembre 2009 21:13, par reat

    Étape 4 très mal expliquée...si certains veulent plus détaillé...

    Répondre
  • 21 janvier 2010 08:49, par juju

    C’est cool, je suis contente d’avoir réussi, je trouvais que ça avait l’air simple... mais bon, j’y suis arrivé ! Merci pour le tuto ! C’est très apprécié :)

    Répondre
  • 3 mars 2010 12:31, par Carila

    bonjour, Je n’ai pas réussi à obtenir une pilule bicolore, j’ai tenté plusieurs fois les manip et rien à faire. Quelqu’un peut m’expliquer ? merci

    Répondre
    • 26 juillet 2010 17:49, par Chii Bake

      Salut Il suffit de mettre une couleur différente : tu as deux bouts de moitié de pillule, alors tu en mets une blanche et une rouge ;)

      Répondre
  • 13 mars 2010 01:24, par Zdidouille

    Tuto très intérressant mais qui mérite vraiment une explication un peu plus complete des étapes 3 et 4. J’ai du me servir d’une technique alternative, à mon avis plus simple, pour arriver au même resultat. Je test le placage et ça devrait être tout bon ^^. Merci quand même Wonka.

    Répondre
  • 29 août 2010 14:03, par niko

    j’adore vos tutos mais là j’avoue qu’il faut se retourner le cerveau pour y arriver !

    Répondre
  • 16 octobre 2010 15:38, par tiboul34

    Bonjour, merci pour ces tutos mais voila moi je suis tout nouveau sur illustrator (je l ’ai installe cet apres midi) je n’arrive meme pas à faire un rectangle arrondi... Quelqu un peut m’aider plz ?

    Répondre
  • 11 janvier 2011 13:01, par TsunamiChups

    Un tuto très cours et sympathique, mais comme il a déjà été dit, il y a certaine partie qui ne sont pas évidente et assez « mal » expliquer par le manque d’explication. Peut être faudrait il prévenir les lecteur qu’une connaissance est requise ou alors développer un peut les partie « complexe » du tuto

    Merci tout de même pour le tuto qui ouvre des possibilité

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.