Tutoriaux Graphiques : WhiteSpoon Entraide Graphique : Maxichoux39 Bar / Espace détente : MasterCloud, Fagoon et 93 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Illustrator] Faire un graphique sectoriel 3D

 
n°21256
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 19-06-2008 à 02:49:26  
 

Bonjour à vous,
 
Malheureusement, les tutoriels français pour Illustrator ne pleuvent pas de nos jours. J’ai donc décidé de soumettre un tutoriel pour vous faire explorer un peu plus le 3D d’Illustrator qui peut donner des résultats intéressants  :oui:  Pour vous faire découvrir le 3D sous Illustrator, je vais vous apprendre à construire quoi de plus facile qu’un graphique sectoriel en 3D. Donc voilà je commence  :wink:  
 
Étape 1 : Pour commencer, ouvrez Illustrator et créer un nouveau document (Ctrl+N)
                                  Pour la taille, je vais mettre 800 pixels par 600 pixels
                                       http://nsa02.casimages.com/img/2008/06/19/0806190225273728571.png
 
Étape 2 : Aller sélectionner l’outil diagramme sectoriel dans les divers choix de graphiques
http://nsa02.casimages.com/img/2008/06/19/0806190321223733446.png
 
Étape 3 : Cliquez au centre de votre document et entrer comme proportion 300 pixels par 300 pixels
                                             http://nsa02.casimages.com/img/2008/06/19/0806190230033728592.png
 
Étape 4 : Tout d’abord, repositionner votre graphique si celui si a eu une attirance vers un coté :non:  Ensuite un tableau de valeur s’ouvrira et vous devrez donc y entrer vos valeurs en cliquant sur les cases. Dans ce cas-ci, j’entrerai comme valeur 25, 30 et 45.
http://nsa02.casimages.com/img/2008/06/19/0806190323103733461.png
 
Étape 5 : Ensuite cliquer sur le crochet noir en haut à droite de votre tableau et fermer-le.
                Prenez l’outil de sélection directe (A) et sélectionner une des parties du graphique pour changer sa couleur et supprimer  son contour. Faite de même pour les deux autres parties.  
http://nsa02.casimages.com/img/2008/06/19/0806190238173728614.png
 
Étape 6 : Ensuite toujours avec le même outil, vous allez distancer un peu chacune des parties du graphique. Par la suite vous sélectionner une des parties et dans l’onglet transparence vous lui appliquez une opacité de 75%. Répéter cela pour les deux autres parties.
http://nsa02.casimages.com/img/2008/06/19/0806190326313733485.png
 
Étape 7: Sélectionner l'outil texte (T) et écrivez chacune de vos données. Ensuite, ajoutez-les aux symboles
http://nsa02.casimages.com/img/2008/07/08/0807080911313981326.png
 
Étape 8 : Sélectionner les trois parties du graphique et former un seul groupe en allant dans le menu objet et ensuite sur grouper (Ctrl+G)
http://nsa02.casimages.com/img/2008/06/19/0806190332003733534.png
 
Étape 9 : Tout en gardant le graphique sélectionné, cliquez sur le menu Effet puis 3D et enfin Extrusion et biseautage.
http://nsa02.casimages.com/img/2008/06/19/0806190333283733551.png
 
Étape 10 : Pour commencer, cocher la case Aperçu et cliquez sur Plus d’options. Vous devriez donc voir votre graphique en 3D et aussi plus d’options dans votre fenêtre.
http://nsa02.casimages.com/img/2008/06/19/0806190334423733557.png
 
Étape 11: Cliquez sur le bouton situé entre Annuler et Plus d'options. Vous devez maintenant choisir un des secteurs et ensuite le symbole qui s'y rattache. Répétez ceci pour les autre secteurs.
http://nsa02.casimages.com/img/2008/07/08/0807080923433981509.png
 
Étape 12 : Ensuite donner comme position à votre graphique 32° 12° 19° ou encore une position de votre choix. Donner lui ensuite une profondeur d’extrusion de 58 pt. Sélectionner comme biseau Classic et donner lui une hauteur de 6 pt. Voilà ce que vous devriez avoir jusqu’à maintenant :
http://nsa02.casimages.com/img/2008/06/19/0806190338373733590.png
 
Étape 13 : Pour continuer, changer la valeur de la Lumière ambiante pour 0 %, celle de l’Intensité des tons clairs pour 70 %, ensuite 55% pour la Taille des tons clairs et pour finir 65 pour les Étapes de dégradé. Cocher ensuite la case Dessiner les faces masquées et ensuite positionner et ajouter des lumières à votre guise avec la boule noire illustrée qui représente l’objet et les petits cercles blancs qui représentent les lumières.
http://nsa02.casimages.com/img/2008/06/19/0806190315013733384.png
 
Eh voilà votre résultat :
http://nsa02.casimages.com/img/2008/07/28/080728042003331070.png
 
Notez que ce tutoriel est fortement inspiré de ce tutoriel vidéo. J'ai mis ce tutoriel vidéo sur écrit tout simplement pour ceux qui n'aime pas les tutoriaux vidéos.
Par contre,le tutoriel vidéo est très bien fait donc si vous ne comprenez pas tout à ce que j'ai écrit, jetez lui un coup d'oeil :wink:
 
Les valeurs utilisées au cours de ce tutoriel ne sont que des exemples et peuvent donc être changées selon vos goûts. Je m’excuse d’avance pour les fautes d’orthographes.  :he:  
 
N'hésitez pas à me poser des questions ou à afficher vos oeuvres  :wink:


Message édité par Cindows le 26-06-2009 à 00:58:45
answer
mood
GoogleAds
profil
Posté le 19-06-2008 à 02:49:26  
 

answer
n°21273
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 21-07-2008 à 16:10:42  
 

Merci pour ce tuto :smile:

answer
n°21275
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 04-08-2008 à 17:44:49  
 

C'est un plaisir et merci de l'avoir validé ^^

answer
n°21276
CRYSTAL-C
Profil : Big Penguin
Avatar
profil
Posté le 04-08-2008 à 19:54:06  
 

super bravo sa va aider beaucoup d'entre nous je pense

answer
n°22088
dadoux
Plutot mourir qu'vivre pas Ivre !
Profil : Penguin Pro
Avatar
profil
Posté le 13-11-2008 à 11:23:16  
 

Ahah j'en parlais justement avec un collègue de boulot ce matin, et j'avais la flemme de lui expliquer comment faire, merci :).


---------------
http://img126.imageshack.us/img126/5923/sigkaraarartqw8.png  
http://dadoux.deviantart.com/ - http://dadswear.deckpeck.com/
I'm a Mother Fuckin' Street Vilain !
answer
n°23146
assoko
Profil : New Penguin
Avatar
profil
Posté le 22-06-2009 à 18:47:00  
 

Merci beaucoup !
Quelqu'un pourrait-il m'expliquer comment créer un graphe sectoriel sous illustrator qui soit en forme d'anneau en relief ???

answer
n°23149
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 22-06-2009 à 23:02:13  
 

assoko a écrit :

Merci beaucoup !
Quelqu'un pourrait-il m'expliquer comment créer un graphe sectoriel sous illustrator qui soit en forme d'anneau en relief ???


 
Pourrais-tu préciser ce que tu entends par un graphe sectoriel sous illustrator qui soit en forme d'anneau en relief ?
Car je pourrais bien t'aider mais pour cela il me faudrait savoir de quoi tu parle exactement  :wink:

answer
n°23150
assoko
Profil : New Penguin
Avatar
profil
Posté le 23-06-2009 à 11:01:04  
 

Cindows a écrit :


 
Pourrais-tu préciser ce que tu entends par un graphe sectoriel sous illustrator qui soit en forme d'anneau en relief ?
Car je pourrais bien t'aider mais pour cela il me faudrait savoir de quoi tu parle exactement  :wink:


 
 
En fait je dois faire un camembert en perspective avec une épaisseur mais dont le centre soit vide comme un anneau,

answer
n°23152
assoko
Profil : New Penguin
Avatar
profil
Posté le 23-06-2009 à 11:36:54  
 

en fait je dois faire un camembert en perspective avec une épaisseur mais dont le centre soit vide, comme un anneau

answer
n°23262
Cindows
Profil : Big Penguin
Avatar
profil
Posté le 25-06-2009 à 23:06:43  
 

La solution que j'aurais trouvé serait de tout d'abord faire le graphique avec ses subdivisions en 2D. Ensuite fait un cercle blanc au milieu de ton graphique et utilise ensuite la fonction Soustrait du Pathfinder(deuxième icône à partir de la gauche en haut). Ensuite bloque ton cercle blanc et refais les tracés de chacune de tes parties de ton graphique afin qu'elles puissent correspondre à cet anneau. Pour cela tu as besoin de la plume.  
 
Pour refaire une partie il te faut ajouter des points d'ancrages sur les tracés à l'intersection du tracé du cercle (lorsque le tracé de ta partie et celle du cercle ajouté se touchent).Par la suite tu supprime le point d'ancrage qui se retrouvait au bout de la pointe de ta partie de graphique original et tu relis tes deux points d'ancrages ajoutés en essayant de suivre le plus possible ta courbe de cercle.
 
Quand tout cela est fait tu sors ta nouvelle partie de graphique de tout ses sous-groupes de calques et tu peux lui ajouter la couleur voulue  
Tu refais donc ses mêmes étapes avec chacune des parties et pour le reste tu peux suivre mon tutoriel sans problème  :wink:  
 
J'aurais bien voulu te donner un exemple mais Illustrator a planté  :mad:  
Sinon eh bien si tu n'y arrive pas avec mes explications peut-être pas assez claires je peux toujours le faire pour toi il suffit de me dire les renseignements du graphique ainsi que sa taille,ses couleurs etc.
 
J'espère t'avoir tout de même éclairé  :idea:  :jap:

answer

Aller à :
Ajouter une réponse