52 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

[Tuto Photoshop] Effet 3D sur forme ou texte

 
n°12098
N-21
Profil : Big Penguin
Avatar
profil
Posté le 04-11-2007 à 00:30:10  
 

Hello World ! :party:

 

Pour mon premier tuto sur CrystalXP, je vais vous apprendre à créer un effet 3D sur du texte ou n'importe quel autre forme dans Photoshop ! Vous allez me dire : "Mais on a déjà vu cet épisode dans lequel 0mega nous fesait une magnifique présentation de la technique !" :oui: Voici même le tuto en question : http://forum.crystalxp.net/index.php?showtopic=13109
Mais moi je vous propose tout simplement une autre technique. Ce sera donc à vous de voir laquelle vous est la plus aisée ! :jap:

 

Voici déjà le résultat auquel on va arriver à le fin de ce tutoriel ...
resultat_1.png

 

Et ce à quoi on peut arriver facilement avec un quelques détails en plus ...
resultat_2.png
Commençons ...

 

Étape 1
Nous allons créer un nouveau document avec un fond transparent. La taille est selon votre convenance ; mais n'oubliez pas que nous avons un effet 3D à faire !

http://www.crystalxp.net/forum/uploads/sm/monthly_11_2007/post-133885-1194129211_thumb.png

 

Étape 2
Prenez l'outil texte 2.png et écrivez le texte à mettre en 3D. Utilisez une police en gras (bold) pour un meilleur résultat ...

http://www.crystalxp.net/forum/uploads/sm/monthly_11_2007/post-133885-1194129555_thumb.png

Pour ce qui est de la couleur, choisissez une couleur claire car le sombre va se confondre avec notre futur effet. Ou mieux encore, faites une incrustation de dégradé dans les styles de calque du texte ...
http://www.crystalxp.net/forum/uploads/sm/monthly_11_2007/post-133885-1194129754_thumb.png

 

Étape 3
C'est là que commence la création de l'effet 3D.
Sélectionnez le calque du texte et prenez l'outil déplacement 10.png.
Tenez la touche ALT enfoncée et cliquez 20 fois sur la flèche haut de votre clavier.
Vous remarquez que 20 nouveaux calques se sont créés l'un à la suite de l'autre avec un décalage d'1px entre-eux !

 

Étape 4
Maintenant, sélectionnez ces 20 nouveaux calques. Le calque original, créé au début de ce tuto doit rester intact ...

http://www.crystalxp.net/forum/uploads/sm/monthly_11_2007/post-133885-1194130352_thumb.png

Lorsque c'est fait, faites CTRL+E pour fusionner ces 20 calques. Enfin, placez ce calque fusionné en dessous du texte d'origine ...
7.png

 

Étape 5
Gardez ce nouveau calque séléctionné et faites CTRL+U pour arriver dans la fenêtre "Teinte/Saturation". Là, baissez la luminosité à -50% et validez ...
8.png
Nous arrivons à ça ...
9.png

 

Étape 6
Nous allons décaler ce calque de 20px vers le vas (car nous avions créé 20 images d'1px d'intervalle). Pour ce faire, prenez l'outil déplacement 10.png ...
11.png
Nous pourrions considérer cela comme fini mais nous allons tout de même accentuer cet effet 3D ...

 

Étape 7
Nous allons éclaircir les centres des faces et assombrir les coins et la concavité des courbes. Pour ça, nous allons utiliser l'outil densité - 12.png pour assombrir.
La taille de la zone d'application doit être d'environ la moitité de la longueur d'une arête (ou face). Dans mon cas, ce sera ceci ...
13.png
Au final, vous devriez obtenir ça (comparez avec l'aperçu précédent) ...
15.png

 

Et voici le résultat ...
resultat_1.png

 

Ceci a été la base d'un effet 3D sous Photoshop mais comme je l'ai dit au début, il est possible de rajouter quelques petits détails qui feront toute la différence ...
resultat_2.png

 


Enjoy ! :wink:

answer
mood
GoogleAds
profil
Posté le 04-11-2007 à 00:30:10  
 

answer
n°12183
Didas
le soleil se lève avant moi, je me couche après lu
Profil : God of Penguins
Avatar
profil
Posté le 15-11-2007 à 16:38:07  
 

c'est pas mal du tout, je trouve ça tout à fait validable. :oui:
un autre avis?

answer
n°12416
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 05-01-2008 à 14:58:23  
 

Oui  :smile:

      

Validé  :mdr:

answer
n°12454
amosdaragon122
Profil : Penguin
Avatar
profil
Posté le 13-01-2008 à 22:29:48  
 

wow je préfère cette facon mail peut tu nous montrer comment l'ammélioter a ta façons?

answer
n°12455
Kavel
Profil : Top Penguin
Avatar
profil
Posté le 13-01-2008 à 22:54:21  
 

Y'a plus simple que de dupliquer 20 fois ton calques et le déplacé d'un pixel, si tu selectionne ton texte à l'aide de la baguette magique et que tu maintient enfoncé [Ctrl]+[Alt] et qu'ensuite tu te sert de la fleche vers le bas, tu peu appuyer 20 fois sur ta fleche, tu n'auras qu'un seul calque et de l'épaisseur de tes 20.
Je sais pas si je me suis bien fait comprendre :ouch:

answer
n°12463
Bidi
Hylien à bonnet vert
Profil : Penguin Pro
Avatar
profil
Posté le 15-01-2008 à 21:24:30  
 

Je suis parfaitement d'accord avec Kavel :wink: Au lieu de faire 20 couches, on peut "étirer" un seul calque, ça économise du temps et de la place :smile:

answer
n°12483
N-21
Profil : Big Penguin
Avatar
profil
Posté le 21-01-2008 à 20:44:42  
 

@ amosdaragon122 : C'est très simple, un peu d'imagination est exigée ! :biggrin: Moi j'ai fait une transformation en perspective (Edition > Transformation > Perspective), pour l'ombre, tu peux utiliser les styles de calque et pour l'effet glass, les autres tutos sont là pour ça ! :wink:

 

@ Kavel : Effectivement, c'est une solution mais qui ne fonctionne que pour le texte unicolore ou avec un dégradé vertical, je me trompes ? :he: Avec un texte contenant des formes écrêtées ou un dégradé autre que vertical, si j'ai bien compris ta "technique", ça ne pourrait pas aller !

 

Et bien sûr merci à vous Didas & dlb (même si l'attente a été longue, mais je comprends que ce n'est pas simple de tout gérer) ! :wink:

answer

Aller à :
Ajouter une réponse