Créer un Globe terrestre sous Illustrator

Vous allez devenir une divinité et recréer la planète ! Pour cela vous aurez besoin du logiciel Illustrator pour la modélisation et le placage de la texture et de Photoshop pour le traitement de l’image (seulement si vous voulez en faire quelque chose ;)

Vous allez donc créer un globe terrestre sous Illustrator avec la possibilité de le faire tourner. Bref vous aurez à votre disposition un vrai élément en 3d !

Le tutorial n’est pas compliqué mais certaines étapes nécessitent une attention toute particulière, je place donc cet article dans la rubrique initié !

Pour commencer, téléchargez le planisphère ci-dessous, c’est celui-ci que vous placerez sur votre forme 3d !

Et voici le fichier Illustrator final !

Adobe Illustrator - 440.4 ko

Allez c’est parti, on commence la création :

ETAPE 1

J’ouvre mon fichier .ai

Adobe Illustrator - 133.2 ko
Fichier Globe .ai
Clic pour télécharger la forme vectorielle des continents

puis je sélectionne tous les pays, je fais ensuite un glissé déposé dans la fenêtre symbole, cette manipulation me permet de créer un nouveau symbole que je pourrai utiliser dans une prochaine étape.

JPG - 66.2 ko

ETAPE 2

Toujours dans Illustrator, je sélectionne une couleur bleue, et avec l’outil des formes je crée une ellipse bleue au milieu de mon document.

JPG - 31.8 ko

ETAPE 3

Par-dessus je crée un rectangle qui va me servir à couper mon ellipse en deux.

JPG - 35.1 ko

ETAPE 4

Avec le Pathfinder, je coupe mon ellipse en deux : pour cela je sélectionne mon ellipse et mon rectangle et je clique sur « l’icône soustraire la forme disponible », dans la fenêtre du Pathfinder (fenêtre > pathfinder).

JPG - 40.2 ko

ETAPE 5

Je vais maintenant appliquer mon effet 3d, pour cela je vais dans le menu effet > 3d > révolution.

JPG - 29.8 ko

ETAPE 6

Je vais maintenant appliquer le symbole sur ma boule, pour cela j’ouvre la fenêtre aspect et je clique sur Révolution 3d. Dans la fenêtre je clique sur placage et je vais chercher dans le menu déroulant mon symbole planisphère. Je le dispose comme je le souhaite et j’appuie sur OK.

ETAPE 7

Dans les options de ma boule je peux faire varier l’angle de rotation et ainsi faire tourner mon globe. Note : il me suffit de sélectionner ma boule, faire Ctrl + C puis dans Photoshop Ctrl + V dans un document pour importer mon globe en pixels ;)

Voici ma composition en jouant sur l’opacité des globes !

JPG - 98.4 ko

Le fichier PSD de cette image :

Photoshop - 852.6 ko

Voilà, le tutoriel est maintenant terminé, bonne chance à tous, et n’hésitez pas à être original !

Partager cet article avec vos amis

Ajouter un nouveau commentaire

Article publié par Julien DEBOVE

Voir le profil Google+ de

Images Réalisées à partir de ce tutoriel Photoshop

publiée par Inconnu

publiée par Inconnu

Vous avez terminé ce tuto ? Partager votre création graphique.

Il y a 37 commentaires publiés sur cet article
  • paco

    un tuto illustrator quel bonheur ^^

    Répondre
    • Wonka

      lol oui il y en as de plus en plus ;) Moi qui était un vrai dèbutant il y a quelques mois, je trouve que je me débrouille bien :D

      Répondre
  • Sylvain

    J’ai illustrator depuis mercredi, soit exactement 5 jours d’essai, et je m’amuse comme un fou. Ce logiciel est tout bonnement génial =D Merci Wonka, honnêtement si j’avais pas eu tes tutos pour savoir où aller, quoi chercher sur google .. J’aurai été mort T.T

    Bref, voici mon ptit rendu que j’ai fait en regardant simplement les images du tutos, sans rien lire (preuve que j’ai compris le concept =) ). Voici mon rendu

    Bientôt je vais refaire ce fameux logo glossy, le tutoriel qui reste depuis jeudi interminé =)

    Au fait j’ai vu que beaucoup de gens utilisais l’outil Filet, j’imagine que tu sais de quoi je parle, donc j’aimerai savoir si tu l’as essayé et si tu t’en sort avec ^^

    Répondre
    • esthell

      Bonjour

      je n’arrive pas à insérer le symbole des continents sur mon globe. Malgré de nombreux essais, il doit manquer une explication ! peux-tu m’aider si tu y es parvenu

      Répondre
  • UnNicolas

    Merci pour ce tuto. Perso j’en ai fait un gif animé de cette jolie planète (au passage j’ai vu que j’ai un peu rogné le bas du globe, et que la “lumière” du globe bouge de temps en temps :/)

    terreanimee.gif
    Aussi j’ai réduit la taille de l’image.

    Répondre
    • Wonka

      Waaah un seul mot génial, j’adore ton animation !

      Répondre
      • UnNicolas

        Merci ! :)

        Répondre
      • kefran

        Bonjour, Peut on exporter un fichier 3d illustrator vers photoshop ou after effect ? et conserver les options 3D ?

        merci

        Répondre
    • ykvar

      le hallo de lumiere passe sous les continents. Il devrait etre au dessus du tout.

      Répondre
      • Wonka

        C’est pas faux ! Je n’avais même pas remarqué le truc ;) Bien vu !

        Répondre
        • Reevez

          Bonjour à tous , j’ai pas compris , quand tu dis tu peux faire une rotation , et tout voir comme un vrai objet 3D. tu pourrais m’expliquer ? ( ça à pas l’air compliqué mais j’ai pas saisi )

          Mon but c’est mettre ça dans flash au final .

          Merci génial le tuto ;)

          Répondre
        • rosita

          Bonjour, merci pour ce beau tutoriel il est génial.en fait je suis bloqué au niveau de passer à photoshop. comment faire pour que le globe tourne et comment l’avoir en flash ? merci

          Répondre
      • François

        Pour que la lumière passe sur les continents, il suffit de cocher la case « Shade Artwork (Slower) » dans la fenêtre de Plaquage ;)

        PS : Sorry, je ne connais pas le nom de l’option en français :)

        Répondre
  • Comme ci comme ça..... Manque les détails à parametrer

    Répondre
    • Med

      Bonjour,

      Le globe devrait tourner dans l’autre sens... sinon ce serait LA catastrophe.

      Répondre
  • copoi

    Je voudrait ouvrir le ai mais ca me l’ouvre avec adobe acrobat comment faire. ? J’ai illustrator en englais Je sais aps soi on peut le mettre en francais merci..

    Répondre
    • Wonka

      Il suffit d’ouvrir ton Illustrator et de faire fichier ouvrir ton fichier ! Simple non ?

      Répondre
  • phenix

    Ton idée de pathfinder ne fonctionne pas chez moi pour la révolution sphérique...

    Répondre
    • lolo

      Idem chez moi impossible d’obtenir une boule avec l’effet 3D revolution ! Suite à la découpe avec le pathfinder... Dommage ça semblait bien.

      Répondre
      • Alex Grenoble

        Lolo, J’ai eu le même problème au début. Il suffit de couper l’autre partie du cercle (le côté gauche). En fait le logiciel démarre la rotation du côté gauche, ce qu’il t’a sorti est donc logique. Patouille, pitrougne, teste, essaye, fouille, cherche la solution. C’est aussi comme ça qu’on progresse ;) Bye

        Répondre
  • Cerise good spirit

    Premier tutoriel que je réalise quelque difficulté et défaut mais ma terre est fini =) Merci Wonka !

    Répondre
  • Salut ! J’ai une sorte de « partition musical » (en fait c’est un enchaînement de glucose) que je voudrais reeprésenter sous une forme de cercle...comment faire ??

    Je vais essayer avec la méthode indiquée sans trop de certitudes... :( HELP !

    Répondre
  • TopFoot3

    Salut je n’arrive pas à télécharger le fichier .ai, la page internet me l’ouvre avec acrobat reader.

    Répondre
  • kamsdeprude

    je suis très content d’utiiser votre tuto car c’est le meilleur parmi, alors ça nous permet de perfectionner encore

    Répondre
  • LucaOZ

    Salut,

    Je suis bloqué au moment de faire la sphère (étape 5). J’arrive bien à l’étape 4 pour coupé la forme en deux. Ensuite je choisi 3D —> Révolution j’obtient bien une sphère. Mais à chaque fois que je veux utiliser cette fonction ma forme devient noir et je ne sais pas comment faire si vous pouviez m’aider.

    Merci d’avance. A+

    Répondre
  • LucaOZ

    C’est bon j’ai réussi, Il suffit en fait de ne pas mettre de couleur de contour (ou bien mettre la même que celle du remplissage).

    A+

    Répondre
  • Votre pseudonyme

    mon employeur me demande de m’initier à Adobe illustrator CS2

    j’ai besoin d’un support papier Quel livre acheter pour débuter ; Je ne suis pas au top en informatique !

    Répondre
  • véro’.

    Je suis en train d’essayer ce p’tit exercice, mais au moment de l’effet 3D, mon demi cercle devient une sorte de tube. Cela viendrait-il du patfinder que j’ai utilisé ? merci,

    véro’.

    Répondre
  • Jahfab

    Cela fait un petit moment que je navigue à la recherche de bons tutos afin de reprendre la main sur photoshop et illustrator (1 ans 1/2 en ermite, on perd vite la main).

    Je tombe très souvent sur tes tutos. Je tiens donc à te féliciter pour ta maitrise ainsi que ta touch’ artistique.

    Et merci ! =) ++

    Répondre
  • lmain69

    bonjours j’adore ton tuto et je me suis exercé a reproduire ton image, mais voila j’ai un souci lors de mon effet 3d au lieu d’avoir une sphere j’ai une sorte de tube multi dimensionnel merci de bien vouloir m’eclaircir sur se probleme

    Répondre
  • Ben

    Pour corriger le problème du « tube », il faut aller dans la fenêtre 3D —> Révolution et changer une option. J’ai une version en anglais mais ça doit pas être très différent : là où on peut lire « offset 0pt from left edge » (au dessus de surface), il faut mettre « right ».

    Répondre
  • Rase - Mote 2

    Bonjour,

    Je voudrais savoir comment on fait pour que le Globe devienne une animation. Je sais qu’il faut faire un ctrl c ctrl v d’Illustrator à Photoshop, mais c’est après que je suis bloquer

    Merci d’avance :-)

    Répondre
    • Votre pseudonyme

      Bonjour comment allez vous ? a propos du globe j’ai le même problème que vous.comment l’avez vous résolu ?

      Répondre
  • magda

    vraiment c’est magnifique en plus simple merci

    Répondre
  • diloune

    Vachement belle ton appli sauf qu’il manque une tapée de détails qui font qu’on passe 10 heures à essayer de se dépatouiller. Exemple, la carte de tes continents est sur fond blanc Et je fais comment pour enlever ton fond blanc ???

    Répondre
  • pierken

    je souhaite lire un tuto sur le globe avec les meridiens et parallelle je n’arrive pas à les illustrer sur un globe merci

    Répondre
Ajouter un nouveau commentaire