En jouant avec les styles de calque nous pouvons obtenir des effets hallucinants, dans ce tuto nous allons réaliser un super effet de fausse 3D sur un texte en utilisant seulement les styles de calque.

Effet de fausse 3D sur texte avec Photoshop

 

voici un aperçu du résultat final de notre tutoriel

Effet de fausse 3D sur texte avec Photoshop

Avant de commencer téléchargez le pack suivant, ouvrez un nouveau document de 1400×1000 pixels résolution 72Dpi couleurs RVB8bits et remplissez le fond avec du Gris foncé #0f0f0f .

Effet de fausse 3D sur texte avec Photoshop

Importez la texture suivante dans votre document (je vais mettre un fond blanc pour que vous puissiez la voir).

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Créez un nouveau calque ( Ctrl+Shift+N ), prenez l’outil pinceau (B) , forme ronde , dureté 0% , opacité 50% , et dessinez deux rond avec les couleurs suivante #64d3ef et #d0dc60 .

Effet de fausse 3D sur texte avec Photoshop

Changez son mode de fusion en Densité couleur –

Effet de fausse 3D sur texte avec Photoshop

On va commencer par taper deux textes comme ceci en utilisant la police que vous avez trouvé dans le pack en haut.

Effet de fausse 3D sur texte avec Photoshop

Rendez-vous dans les options de fusion

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Ce qui vous donne le résultat suivant

Effet de fausse 3D sur texte avec Photoshop

Pour le deuxième texte en haut appliquez les mêmes options de fusion sauf le contour

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Maintenant dupliquez vos deux textes ( Ctrl+J ), mettez vous sur le premier et allez dans les options de fusion de ce dernier.

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Déplacez votre texte de juste quelques pixels en haut et à droite pour obtenir l’effet suivant.

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Mettez-vous sur le premier et allez dans les options de fusion .

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Effet de fausse 3D sur texte avec Photoshop

Puis déplacez votre texte de quelques pixels à droite

Effet de fausse 3D sur texte avec Photoshop

Ce qui vous donne ceci

Effet de fausse 3D sur texte avec Photoshop

Importez la texture suivante dans votre document (je vais mettre un fond noir pour que vous puissiez la voir).

Effet de fausse 3D sur texte avec Photoshop

Changez son mode de fusion en superposition

Effet de fausse 3D sur texte avec Photoshop

Ce qui vous donne le résultat suivant

Effet de fausse 3D sur texte avec Photoshop

41 COMMENTAIRES

  1. Jolie tuto ! T’es exelent, sur ton site mec y’a vraiment que du bon, c’est tout ce que je recherche en tendance et style, meme la manipulation avec le feu et l’eau ! GG 😀

    Sinon pour faire un faux texte 3D, sous n’importe quelle version de Photoshop, une manipulation particulierement très simple, vous selectionnez votre calque texte, et vous maintenez votre doigt sur ALT GR + FLECHE DIRECTIONNEL ! Ca va dupliquer votre texte en le décallant d’un pixel à chaque fois! Ajoutez un contour sur le premier calque et sur le dernier pour amplifier l’effet et le tour est joué 😉

  2. Merci pour le tuto encore super comme d’habitude.
    Je me suis gourer de couleurs sur le départ lol, moi c’est jaune et bleue mais ça rend trop bien.
    Merci Grafolog pour tous tes tuto.

  3. commment on fait pour déplacer de quelque pixel le texte hin?!!! je suis débutant je c pas faire!!!

    En appuyant sur la flèche du bas de ton clavier 😉

  4. Comme d’habitudes les tutos sont clairs et très utiles ! mais pas de chance pour moi, je me suis arrêtée à la version CS4 !
    En tout cas, merci beaucoup pour tout ces tutos !!!

  5. J’apprécie vraiment ce que tu fait c’est tout à fait splendide, j’ai réaliser touts les tutos 1 par 1 et c’est la première fois que je poste un commentaire.. le seul truc qui manque c’est les source en .psd si tu pouvais les mettre sa serais génial 😀

  6. Bonjour,
    Je suis un débutant sur Photoshop CS5 et j’aimerais savoir au début quand il dit : importez la texture suivante dans votre document; comment on fait ?
    Merci de me répondre
    A+ 🙂 🙂 🙂 🙂

  7. Bonjour LOL
    Moi je n’arrive pas à ouvrir les options de fusions, je suis sous mac OS et j’ai ADOBE PHOTOSHOP ELEMENTS 8 😀 . J’ai cherché pendant 1/4 (même plus !) sans trouver. Aidez-moi SVP O-)
    Kiwi !

  8. Bonjours, je suis débutante sur Photoshop. Et je dois dire que je nage un peu là :-/ !

    Les tutos sont trèèès bien expliqué, y a juste un petit détail qui me bloque : comment fais t’on pour ” importer la texture dans le premier document par exemple ? ” .

    Merci d’avance, bonne fin de journée

  9. Un tuto facile à suivre et qui rend pas mal du tout ! Bravo et merci au chef Graf !
    Conseil: pensez à enregistrer le style des mots pour pouvoir vous en resservir (en variant les couleurs pourquoi pas).
    Thom: j’aime beaucoup ton image ! (sauf la boule disco LOL )
    Voici mon rendu:href=http://www.casimages.com/img.php?i=

  10. Salut tous le monde ! je n’ai qu’un seul problème , j’arrive à importer la texture mais elle reste en blanche ! Normal ?
    Je n’arrive pas a faire l’effet dégradé blanc ! Sinon Merci beaucoup 🙂

LAISSER UNE RÉPONSE