tutoriel Photoshop texte sphèreDepuis la version (CS5) de Photoshop Extended, il est possible de créer une sphère à partir d'un calque. Si vous êtes en pleine création de votre logo par exemple, cet outil 3D peut vous intéresser mais encore mieux, vous pouvez appliquer un texte sur cette sphère afin d'accentuer l'effet 3D.

Ce tutoriel sera donc divisé en deux parties, la première consacrée à la création de la sphère puis la deuxième qui traitera de l'application du texte sur cette dernière.

Vous souhaitez aller plus loin dans la maîtrise de PhotoShop ? Découvrez tous les tutoriels vidéos PhotoShop chez tuto.com !

Icone PhotoshopAvant-propos

Icone objectifObjectif du tutoriel

  • Appliquer du texte sur une sphère avec Photoshop CS5 Extended

Icone niveauNiveau

  • Expert

Icone tempDurée

  • 1 heure

Icone pré-requisPré-requis

  • Avoir de bonnes bases avec Photoshop

 

Icone infos Comme mentionné précédemment, il faut posséder la version "Extended" de Photoshop pour pouvoir utiliser les effets 3D.

Icone Photoshop Création de la sphère

Créer un nouveau document

Nouveau documentComme pour toute les créations Photoshop, il faut commencer par créer un nouveau document (sur l'image ci-dessous taille de 500x500, résolution de 130). Pour les couleurs , il faut choisir le mode RVB. Quant à l'arrière-plan, vous pouvez mettre en transparent pour l'instant car on s'en occupera en temps voulu.

Nouveau document


Créer votre sphère

Icone sphèreNous allons maintenant créer la base de notre sphère. Pour cela, vous n'avez pas besoin de créer de nouveau calque, il suffit simplement de vous rendre dans l'onglet "3D > Nouvelle forme à partir d'un calque > Sphère".
En version CC de Photoshop, il faut aller en "3D > Nouveau filet à partir du calque > filet prédéfini > Sphère".
Photoshop se charge donc tout seul de créer la sphère. Si tout se passe bien, vous devez obtenir la même chose que sur l'image ci-dessous. Pour l'instant, nous avons une sphère brute mais il est possible de la personnaliser.

Sphère Photoshop


Personnaliser votre sphère

Ci-dessous quelques petits conseils afin de rendre votre sphère plus personnelle mais ce ne sont que des pistes, vous pourrez explorer vous-même les possibilités de Photoshop. Pour cela, il faut ouvrir la fenêtre des options 3D :

  • Soit en vous rendant dans l'onglet "Fenêtre > 3D"
  • Soit en cliquant sur l'icône 3D Photoshop

Grâce à ces différents paramètres vous allez pouvoir changer la couleur, l'éclairage ou encore la texture de votre sphère. Sur les images ci-dessous, je vous indique quels sont les paramètres que j'ai choisi mais évidemment, libre à vous de choisir ce que vous voulez.

Paramètres 3D PhotoshopParamètres 3D PhotoshopParamètres 3D Photoshop

Sphère Photoshop


Icone PhotoshopApplication du texte

Rédaction de votre texte

Icone texteAvant de passer à la seconde étape qui consiste à ce que notre texte épouse les formes de la sphère. Il faut d'abord créer un nouveau calque que vous placerez au-dessus de celui de la sphère, puis prendre l'outil texte et écrire ce que vous désirez. Si vous avez besoin d'inspiration pour la police de votre texte, vous pouvez en trouver dans notre section polices. Si vous le souhaitez, vous pouvez également créer un fond si la transparence vous gène. Pour cela, créer un nouveau calque que vous placerez en-dessous des autres et que vous remplirez de la couleur voulue. Vous pouvez voir le résultat sur l'image ci-dessous.

Texte sphère Photoshop


Ajuster le texte à la forme de la sphère

SphérisationMaintenant nous pouvons passer à la deuxième étape. Pour cela sélectionnez le calque texte, puis rendez vous dans l'onglet "Filtre > Déformation > Sphérisation". Un message peut apparaitre vous demandant de pixeliser le claque, cliquez simplement sur "OK". Ensuite, une fenêtre de paramètres apparait, vous pouvez cliquer sur "OK" directement. Maintenant, il faut ajuster le texte à la sphère, faites ctrl+T et maintenez shift enfoncé pour régler la taille du texte. Enfin, vous pouvez utiliser les options de fusion pour personnaliser votre texte. Vous devriez obtenir le même résultat que sur l'image ci-dessous.


Texte sphère Photoshop


Icone PhotoshopAméliorer le rendu final


Personnalisez le fond et l'aspect général

Finitions couleursPour finir, on peut créer, par exemple, un fond et lui appliquer un dégradé ou tout simplement laisser le fond transparent si vous ne souhaitez garder que la sphère.

Il est également possible d'améliorer l'aspect général de notre création en utilisant une texture. Nous avons choisi, une texture bois que vous pouvez récupérer ici. Créez un nouveau calque que vous placez au-dessus de tous les autres, importer la texture, changer le mode fusion en "Lumière tamisée" et mettez l'opacité à 32%.


 Dessinez une ombre

Ombre PhotoshopEnfin, vous pouvez dessiner une ombre sous votre sphère. Voilà la méthode à suivre :

  • Créez un nouveau calque en-dessous du calque de la sphère.
  • Dessinez une ellipse relativement fine en-dessous la sphère.
  • Allez dans le l'onglet "Filtre > Atténuation > Flou gaussien" et réglez le sur 9 (ou Filtres / Flou / Flou Gaussien en version CC).
  • Retournez dans l'onglet "Filtre > Atténuation" mais cette fois-ci, choisissez "Flou directionnel". Réglez sur angle à et une distance de 45 pixels.

Voilà le résultat final avec et sans fond :

Sphère PhotoshopSphère Photoshop

 


Icone helpTutoriels associés

L'auteur : un expert à votre service
Geoffrey LEOST
Nom : Geoffrey LEOST

Commentaires (1)

This comment was minimized by the moderator on the site

Bonjour. Je suis sur Photoshop CS5 et je ne parviens pas à utiliser le filtre déformation sur le texte tapé. Y a t-il une astuce?

Il n'y a pas encore de commentaire pour cet article.

Ajouter vos commentaires

  1. Insérer un commentaire en tant qu'invité.
Pièces jointes (0 / 3)
Share Your Location
Contact
Dernier article sur la même thématique
Affichage des modules Joomla sur mobile, tablette et desktopAffichage des modules Joomla sur mobile, tablette et desktop
La souplesse d'utilisation des modules est une grande force de Joomla. Parmi ses avantages citons notamment ses nombreuses possibilités de positionnement sur la page, l'assignation à plusieurs...