Création de bâtonnets 3d sous illustrator

Ceci est une petite méthode pour comprendre l’utilisation de la modélisation 3d fournie par Illustrator. L’effet est très simple a créer et le résultat est assez sympa. Alors pourquoi se priver d’un petit tutorial ?

Ce tutorial se divise en deux parties, une première pour créer les bâtonnets en 3d sous Illustrator et une seconde pour traiter et créer l’image sous Photoshop, rien de bien complexe, je classe donc cet article dans la catégorie débutant.

Adobe Illustrator - 10.3 Mo
Fichier source illustrator
fichier source illustrator utilisé dans ce tutorial

ETAPE 1

J’ouvre Illustrator et je crée un nouveau document, peu importe la taille. J’appuie sur L pour sélectionner l’outil ellipse. Avec cet outil je crée une multitude de petits ronds sur la surface de mon image. J’utilise plusieurs couleurs et aléatoirement je diffuse mes petits ronds sur mon image.

JPG - 51.5 ko

ETAPE 2

Je vais appliquer ma forme 3d, pour cela je vais dans le menu Effet > 3d > Extrusion et biseautage…

JPG - 79.3 ko

ETAPE 3

Je configure les options comme ci-dessous (figure 1), pour obtenir un résultat comme ci-dessous (figure 2), sinon je m’amuse à modifier les options comme il me semble pour créer ma forme 3d parfaite et ainsi faire une première utilisation de cet outil (qui par la suite sera très utile => dans des prochains tutoriaux).

JPG - 105.8 ko

ETAPE 4

Et voila ma forme 3d qui est créée. Si jamais je veux changer une petite option de cette forme je devrai cliquer sur le lien Extrusion et biseautage 3d disponible dans la fenêtre aspect.

JPG - 156.9 ko

ETAPE 5

Je fais alt + maj + ctrl + s qui me permet d’enregistrer ma composition dans un format utilisable sur le web. Voici ce que j’obtient en enregistrant mon image en PNG.

http://rapidshare.com/files/106459819/tuto_303_full.png.html

ETAPE 6

Sous Photoshop je crée un background sur une image : dans mon exemple j’utilise un document de 500 pixels sur 200 avec un dégradé de fond, un motif de remplissage et un texte simple (dont l’opacité à été diminuée).

ETAPE 7

J’importe mes bâtonnets dans mon image et si besoin est, j’utilise l’outil transformation libre pour redimensionner les bâtons à la bonne taille (ctrl + t).

ETAPE 8

J’augmente la taille de ma zone de travail en hauteur, puis je fusionne tous les claques au dessus de l’arrière plan. Je duplique ce calque et je fais édition > transformation > symétrie vertical. Je baisse ce calque et j’utilise un masque de fusion pour camoufler le bas de mon image.

Et voila, mon reflet est créé et ma composition terminée. Je peux par exemple l’utiliser pour une signature sur un forum ou un avatar ! Plutôt cool non ?

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 8 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.

  • 10 avril 2008 22:35, par Toinousp

    ça me dit quelque chose ... tu devrait t’en souvenir ^^ lol très bon tuto ^^

    Répondre
    • 10 avril 2008 23:07, par Wonka

      Il me semble que oui, je t’avais montré cette image il y a longtemps ... et bien la voila en tutorial :D

      Répondre
  • 17 avril 2008 01:06, par maniphil

    je comprend pas comment ta forme 3D est en couleur alors que la mienne est en noir....

    merci

    Répondre
    • 17 avril 2008 04:20, par maniphil

      Tout est beau j’ai compris mon erreur...:D

      Répondre
      • 17 avril 2008 09:49, par Wonka

        Peux ton voir le résultat :o ?

        Répondre
    • 1er septembre 2008 17:38, par Nikitz

      Moi aussi c’est noir... Comment faire ?

      Répondre
      • 9 juin 2009 14:03, par Pouap

        Il faut enlever les contours tout simplement.

        Répondre
  • 10 avril 2010 00:43, par hyoomi

    très bon tuto !! très clair et agréable à lire avec la petite touche d’humour en plus =P

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.