Sponsors

1and1 Internet
Mar
03
2009
Outil déformation : Créer une map monde
( 3 - user rating )
Écrit par EVA-sion | Julien   
Tutoriel photoshop : déformation map monde
Temps : 30 minutes
Difficulté : Moyenne
.Psd téléchargeable

Dans ce nouveau tutoriel vous allez apprendre à utiliser l'outil déformation pour créer un globe terrestre, une map monde, une carte du monde, bref un truc sphérique avec des pays dessus quoi. Vous pourrez télécharger le fichier source .psd à la fin du tutoriel. Bon tuto à tous et à toutes !

 

Rendu final:


Étape 1:  Créez un nouveau document de taille 1000*1000 px.


Remplissez de noir votre fond, avec le pot de peinture par exemple. Renommez votre calque 'fond'.

 

Étape 2: Créer à l'aide de l'outil Ellipse (U) un objet comme ci-dessous, de couleur #0a79a7. Vérifiez bien que vous êtes en "Calques de forme".

 



Renommez le calque en 'terre'

 

Étape 3: Enregistrez la carte du monde trouvée sur stock xchng et glissez la dans votre projet. Renommez le nouveau calque 'carte' et veillez à ce qu'il soit au dessus deux autres calques.

Choisissez une partie de la carte que vous voulez mettre en valeur et mettez votre calque à hauteur grâce à l'outil transformation (CTRL+T). Prenez bien un coin de la carte tout en laissant la touche MAJ enfoncée pour ne pas la déformer. Validez.


Prenez ensuite l'outil Rectangle de sélection (M) et créez une sélection carrée autour de notre Terre comme ci-dessous. Pour savoir précisément où se situe votre terre vous pouvez soit placer son calque momentanément au dessus, soit cliquez gauche sur sa vignette en maintenant CTRL pour voir apparaitre sa sélection. Vous pouvez aussi utiliser des guides, bref il y a le choix !

 


 

Inversez cette sélection avec un CTRL+MAJ+I, ou par l'onglet Sélection > Intervertir. Supprimer enfin tout le tour de votre grande carte pour ne garder que la surface carrée qui nous interresse.

 



 

Déselectionnez avec un CTRL+D ou par l'onglet Sélection > Déselectionner. Avec l'outil recadrage, sélectionnez l'ensemble de votre document et validez.

 


 

Celà sert à supprimer le reste de notre grande image du monde qui se trouve à l'extérieur de notre document.

Étape 4: Avant de continuer changez l'opacité de notre carte à 50% pour plus de facilité.


 

Il est temps de déformer notre carte pour qu'elle colle bien à notre map monde. Pour celà, toujours sur le calque 'carte', allez dans l'onglet Edition > Transformation > Déformation. Ramenez chaque angle sur les contours de notre terre comme ci-dessous.


Jouez ensuite avec les tangentes
pour que la carte épouse parfaitement notre terre. Attention, mieux vaut dépasser que rogner sur l'intérieur de notre carte. Vous comprendrez par la suite.

 



Il faut maintenant ajuster les 4 lignes qui se croisent sur notre carte pour pour leur donner de la dimension. Guidez vous grâce à l'exemple ci-dessous.

 

 


 


Vous pouvez maintenant valider votre transformation.
Tout en maintenant la touche CTRL cliquez sur la vigette du calque 'terre', inversez la sélection avec un CTRL+MAJ+I ou par l'onglet Sélection > Intervertir. Vérifiez que le calque 'carte' est bien sélectionné et supprimez l'excédent de carte avec la touche Suppr.

 


 


Étape 5: Nous allons maintenant ajouter des effets à nos calques. Double cliquez d'abord sur le calque 'terre' pour ouvrir son style de calque. Ajoutez lui une lueur externe, une lueur interne, et une incrustation en dégradé comme ci-dessous. Pour l'incrustation en dégradé il faut décocher "Aligner sur le calque" et placer votre dégradé comme vous le sentez vers le haut droit de votre globe terrestre.

 






 

Étape 6: Double cliquez maintenant sur votre calque 'carte', puis ajoutez une lueur interne et un incrustation en dégradé comme suit.





Changez ensuite le mode de fusion du calque 'carte' en mode Produit.

 

A ce stade, vous devriez avoir quelque chose comme ça:



Étape 7: Le gros est fait, nous allons juste rajouter une ombre et un fond dégradé. Double cliquez sur le calque 'fond' pour ouvrir son style de calque. Rajoutez une incrustation en dégradé comme ci-dessous.



Dupliquez le calque 'terre' et placez le juste au dessus du calque 'fond'. Renommez le 'ombre' et supprimez son style de calque (clique droit sur le calque > Effacer le style de calque). Changez sa couleur en noir puis allez dans l'onglet Filtre > Atténuation > Flou gaussien. Si Photoshop vous demande de pixéliser le calque, acceptez. Règlez le rayon de flou à 30 px environ puis validez.

 

 



Il faut maintenant descendre notre ombre. Pour celà sélectionnez l'outil Déplacement (V). Tout en laissant la touche MAJ enfoncée descendez avec les flèches du clavier (Sur mon exemple j'ai appuyé 4 fois).

 

Voilà ce que l'on obtient.

 



 

Étape 8: Ajoutons les fuseaux horaires à présent. Créez un nouveau document de taille 50*50 px transparent. Avec l'outil Crayon (B) ajoutez un trait d'un pixel sur le côté gauche et haut de votre unique calque.


Allez ensuite dans l'onglet Edition > Utiliser comme motif. Donnez lui un nom explicite.




 

Retournez sur notre projet principal de map monde. Créez un nouveau calque et appelez le 'cadrillage'. Avec l'outil Pot de peinture (G) choisissez 'Motif' et le motif que vous avez créé en 50*50.



Remplissez le calque avec ce motif. Vous obtenez :

 

 


 

Il faut maintenant procéder exactement comme à l'étape 4 et déformer notre grille pour qu'elle épouse notre terre. N'oubliez pas de ne séléctionner qu'une partie de votre grille et de supprimer le reste comme en fin d'étape 3. Si vous avez des soucis n'hésitez pas à poster sur le forum ou à laisser un commentaire, nous vous guiderons.

Voilà ce que l'on obtient.

 



 

Rajoutons un style au calque 'cadrillage' comme ci-dessous.

 



 

Enfin changeons son mode de fusion et son opacité et nous en avons terminé !


N'hésitez pas à nous envoyer vos créations ou à demander de l'aide par le forum ou par commentaires. A bientôt pour un autre tuto !

Télécharger les sources .psd

 

Commentaires  

 
#31 Vick 2010-03-23 15:54 J'arrive à peine au N° 3 que je suis bloquée car le lien de la "carte du monde trouvée sur stock xchng" est corrompu quelqu'un pourrait² SVP me l'envoyer, Merci d'avance.
Vicky
Citer
 
 
#32 EVA-sion - Julien 2010-04-08 12:31 Salut Vick, il existe pas mal de carte planes sur le web, google image t'en trouvera surement une ! A bientôt Citer
 
 
#33 bilal 2010-04-16 18:13 salut, est-il possible une fois le globe terminé de le faire tourné en animation flash Citer
 
 
#34 EVA-sion - Julien 2010-04-19 11:55 Non bilal Citer
 
 
#35 largentin 2010-06-09 16:34 c'est pas plus simple sur illustrator avec la 3D révolution? Citer
 
 
#36 EVA-sion - Julien 2010-06-09 18:49 Surement, mais EVA-sion c'est des tutos photoshop uniquement Citer
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir