Voilà un super tuto pour apprendre à créer un magnifique texte 3D fleuré en utilisant Photoshop et Illustrator Cs5.

Créer un effet de texte 3D fleuré avec Photoshop

Voilà un tout nouveau tutoriel inspiré du tuto de 10steps

Pour commencer ouvrez un nouveau document de 1900×1200 pixels Résolution 72Dpi couleur RVB

Ajoutez un calque de remplissage dégradé en allant dans Menu > Calque > Nouveau calque de remplissage > Dégradé.

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Déplacez le en haut (au moment ou vous êtes sur l’éditeur des dégradé cliquez avec la souris sur le dégradé et glissez-le un peut vers le haut)

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Maintenant nous allons utiliser un autre logiciel pour faire la 3D pour ceux qui possèdent Photoshop Cs5 utilisez l’outil repoussé (Menu > 3D > Repoussé) pour les autres utilisez Xara 3D ou illustrator, perso je vais utiliser illustrator Cs5.

Créez un nouveau document de 1900×1200 pixels avec un fond Noir

Nous allons appliquez l’effet 3D sur les lettre une par une tapez votre première lettre avec du blanc et la police Impact avec une taille de 280pt.

effet de texte 3D avec photoshop et illustrator cs5

Allez dans Menu > Effect > 3D > Extrude & Bevel et appliquez les options suivantes

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Recommencez cette étape avec tout les lettres une par une en changeant la rotation des trois axes X, Y, Z

effet de texte 3D avec photoshop et illustrator cs5

Maintenant sélectionnez tout les lettres 3D et faite un copie (Ctrl+C dans illustrator) / collez (Ctrl+V dans photoshop).

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Ensuite prenez l’outil baguette magique (w) avec une tolérance 1 mettez vous sur le calque du texte 3D et cliquez sur la 1 er lettre puis créez un nouveau calque tout en laissant la sélection actif.

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Prenez l’outil dégradé (G) et dessinez un dégradé en partant du haut de la lettre comme ceci

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Dans le même calque et toujours avec la sélection actif téléchargez ce brushe et dessinez avec en utilisant une couleur blanche.

effet de texte 3D avec photoshop et illustrator cs5

Faite la même chose pour tout les lettre en utilisant les dégradés suivants

#c9f4ae à #244600

#76d3ff à #2279b6

#b7e6fc à #2a4c0a

#c9f4ae à #385b13

#9acee4 à #154d72

Pour obtenir à la fin ceci

effet de texte 3D avec photoshop et illustrator cs5

Maintenant mettez vous au dessous du calque des lettre en 3D et créez deux calques (Ctrl+Shift+N)

effet de texte 3D avec photoshop et illustrator cs5

Prenez l’outil forme personnalisée (U) et dessinez la forme suivant avec une couleur Bleu.

effet de texte 3D avec photoshop et illustrator cs5

Ensuite allez dans Menu > Filtre > Atténuation > Flou Gaussien

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Incrustation

effet de texte 3D avec photoshop et illustrator cs5

effet de texte 3D avec photoshop et illustrator cs5

Maintenant mettez vous sur le deuxième calque et dessinez avec le brushe précédent un fond comme ceci avec la couleur suivant #bef7a8

effet de texte 3D avec photoshop et illustrator cs5

Dans les options de fusion appliquez dessus une Lueur externe.

effet de texte 3D avec photoshop et illustrator cs5

Et voilà le résultat

effet de texte 3D avec photoshop et illustrator cs5

Maintenant importez la texture suivante dans votre document

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Lumière tamisée

effet de texte 3D avec photoshop et illustrator cs5

Pour finir créez un nouveau calque (Ctrl+Shift+N) et allez dans Menu > Filtre > Rendu > Nuages

effet de texte 3D avec photoshop et illustrator cs5

Changez son mode de fusion en Incrustation et réduisez son opacité à 63%

effet de texte 3D avec photoshop et illustrator cs5

Et voilà le rendu final

effet de texte 3D avec photoshop et illustrator cs5

80 COMMENTAIRES

  1. Vraiment extraordinaire, n’ayant pas photoshop cs5, je ne sais pas si je vais pouvoir le faire avec illustrator cs3, a voir ! J’adore le rendu et toujours fidel à ton talent. 🙂

  2. Dommage que je ne puisses pas utiliser la 3D sous photoshop ( problème cartes graphique, OPENGL… :-C ) ! Parce que j’aurais aimé avoir un rendu comme celui-ci

  3. Salut !
    J’ai un petit problème, je ne trouve pas le “extrude and bevel”, j’ai une version française, j’ai chercher sur internet et je n’ai pas trouvé de réponse adéquat
    Ce n’est pas la première fois que j’ai ce genre de problème.
    Quelle est la traduction de extrude and bevel en français ?
    et si ca serait possible de donner un vrai accès pck, j’ai pas de “menu” et “effet”
    Merci de vos réponses
    Continue comme ca Grafolog
    Louis

  4. Dans le menu 3d j’ai pas de extrusion et biseautage ou estampage . Si tu pouvait être plus précis sur cette étape ( screen pour savoir comment y accéder) ca serait vraiment super de ta part
    Cordialement
    Louis

  5. re comment fait on sous illustrator cs4 pour remplir le calque de noir et ecrir la lettre en blanc? parceque je ne trouve pas comment faire merci de vos réponses

  6. Genial le tuto!!!

    C’est mon premier post, mais je tiens a dire que je suis vraiment un grand fan des oeuvre(oui on peut appeler sa comme sa) que tu crée grace a toi j’apprends beaucoups

    Superbe travail et surtout bonne continuation

  7. Bonjour, je débute sur PS et j’ai un “mystère” à résoudre 😉
    La fonction Menu > Filtre > Rendu > Nuages me donne un cadre blanc et point de nuage à l’horizon !
    Où est le bug ???
    Merci d’avance

  8. Salut tous le monde

    Pour avoir un fond noir sous illustrator (cs3), il faut afficher le formulaire “format de document” (menu fichier) et choisir option “transparence”, cocher “simuler papier” et choisir le noir aux 2 emplacements ou se trouve les couleurs.

    Comme d’hab super tuto!

  9. @ joupiade : et alors??? commence donc par lire du début avant de faire ce genre de remarque, la source est donné au début du tuto :siffle: Au moins cela permet aux gens qui débute d’avoir des tuto en Français…quand meme plus simple, non?

  10. Salut tout le monde
    Entierement d’accord avec toi zaratoustra49, les gens qui critique sans prendre la peine de lire les sujets passent leurs chemin
    A bientôt

  11. Bonjours merci pour le tuto, je suis débutant LOL mais je n’arrive pas a acceder au (Menu > 3D > Repoussé) car s’est en gris fin impossible de l’utiliser :-O j’ai CS5 ? svp merci de m’aider ?

  12. Salut à tous ! 🙂
    Je suis DEBUTANT sous PS et j’ai un bloquage à l’étape de l’outil dégradé sur une lettre: lorsque je sélectionne mon calque de la première lettre et que je lui met un coup de baguette magique on voit bien les pointillé qui la sélectionne, puis je fais “dégradé” et la je remplis les couleur avec le code héxa comme dans le tuto mais il ne se passe rien ;-( ! la lettre n’est pas modifiée.
    Si quelqu’un peut m’aider O-)
    Merci

  13. jai un petit prob je sui vrement débuten jai eu photoshop cs5 aujourdhui et jarive pas a créé un document avec un fon noir quand je créé un nouveau le foon est toujour blanc

  14. Hey! Super tuto 😉
    Est-ce possible de réaliser le même effet, mais de manière horizontale et non verticale? Pour une bannière par exemple?

    Merci d’avance et encore merci!

  15. Super tuto et magnifique rendu *_*

    @Spicy Oui, tu doit pouvoir sans trop de soucis le faire a l’horizontale si tu fait en sorte que les lettres se chevauches. La ou tu risque de galerer c’est au niveau des brush, ils montes tous ( ou presque ) vers le haut, pas un a gauche a droite a moin de jouer avec les fueilles et fleure qui depasse, bref OUI c’est fesable

  16. Bonjour 🙂
    Tout d’abord merci pour ce superbe tutorial !
    Il me fait tellement envie, que je n’ai pas hésité !
    Je viens d’obtenir CS5, et j’avoue, après avoir quitté le 7.0, ça change radicalement!

    Cela dit, je “bug” au début 🙂
    Quand j’arrive à devoir faire “(Menu > 3D > Repoussé)”, je n’ai rien dans mon menu 3D de cliquable, tout est grisé.
    Je fouine depuis un moment mais ne trouve pas, possible d’avoir un coup de pouce?

    Merci d’avance 🙂

  17. Bonsoir,

    Est ce normal que je ne trouve pas ce motif de brush dans les brush téléchargé ?? Pourtant j’ai bien regarder tous les motifs.

    Merci d’avance 🙂

  18. Bonsoir , voilà d’abord ton site est génial 🙂 Je suis fan :mdr: Mais j’ai un petit problème , j’ai la version CS5 de photoshop mais impossible de me servir des fonctions 3D , quelqu’un peut m’aider ? 🙂 Merci d’avance

  19. Bon comme personne ne ce décide a répondre, je mis colle !
    Certain comme moi ce bloque sur l’éffet 3D !! :-/
    En effet la commande Menu > Effect > 3D > Extrude & Bevel n’éxiste tout simplement pas … alors que faire ?
    Tout simplement en ouvrant le panneau 3D (fenêtre > 3D) une fois le calque texte sélectionné coché “Objet repoussé 3D” et “créer” une nouvelle boite de dialogue s’ouvre pour configuré notre effet 3D LOL
    PLus d’info sur :
    http://www.wisibility.com/index.php

  20. Bonjour à tous !

    Voila, c’est mon tout premier commentaire sur votre site, que j’apprécie énormément. J’ai un problème pour le début du tutoriel, donc quand je lance Adobe Illustrator CS4, déjà quand je veux mettre le fond noir avec fichier -> Format de document … Ca marche, mais le texte blanc ne s’affiche que sur le calque en bas à droite, et pas sur l’image normale. Je fais donc un grand rectangle noir, et met mon texte dessus. Alors ça marche, mais quand je vais dans Menu -> Effet -> 3D -> Tout est grisé !

    Help :/

  21. Merci Grafolog pour ce magnifique tuto

    @Romainn974 je crois que ce ta carte graphique qui ne pas puissante car moi j’ai une version complète de cs5 est j’ai le même problème avec “Repousser” à cause de ma carte graphique.
    tu peux utilisez “Xara 3D” ou “illustrator” sa marche aussi.

    @Ibryde quand tu tapez tes lettre tu dois les tapez sur un nouveau calque et tu dois sélection tes lettre Ensuite faire Menu -> Effet -> 3D ->

    voila en espérant vous avoir aidé .

    et bonne continuation a tous !

  22. Salut et merci pour ce tuto très sympa !!!
    J’ai juste un p’tit problème de débutant sous CS5: comment fait-on pour dessiner avec les brush téléchargés ???
    Merci d’avance pour votre aide.
    @+

  23. Bonjour tout le monde

    @ Mimbo Pour dessiner avec les brush téléchargés il faut que tu sélection l’outil pinceau (B) Ensuite cliquez sur Formes prédéfinies (sur la gauche ) pour sélection la Forme (Brushe) que tu veux .

    Si tu na pas la palette des Formes prédéfinies allez dans Menu >fenêtre> Formes prédéfinies

    Voir image ici : http://imagik.fr/view-rl/299020

    Et voici comment les installer : https://www.tutsps.com/index.php?pos

    Et espérant t’avoir aidé

  24. MErci pour ce tres bon tuto, que j ai reussi as faire (bon perso j ai rajouté un tit flou gaussien sur les lettre pour les rentres plus jolie) je voudrais juste savoir car je pense pas avoir fais la bonne manip sur une chose, quand je fais mon lettrage sur illustrator, apres je selectionne les lettres, je les copies les colles sous photoshop en cochant pixel, sauf que mon fond est noir, comment faite vous pour le virer ? moi j ai pri la baguette magik c est select le fond et supprimer mais je suis pas sur que sa sois top ? merci

    Mon montage : http://www.imagup.com/pics/12853678

  25. Punaise, j’en ai bavé avec celui-là ! J’ouvrais pour la 1ere fois Illustrator et ben j’ai vite laissé tombé ! (exactement les mêmes pb que pour Ibryde ;-( …); quand à Xara, je n’y comprends rien (c’est en anglais et ce qu’il faut paramétrer est bien trop différent de la capture d’écran faite par Grafolog sous Illustrator ;-( …).
    Alors je me suis débrouillée avec la 3D de CS5 et au final je suis assez contente de mon rendu: http://www.casimages.com/img.php?i=

    Merci pour ce très beau tuto Grafolog !

    2 remarques: j’aurais bien apprécié des captures d’écran de l’effet 3D sous Photoshop CS5; je me demande d’ailleurs pourquoi tu ne l’as pas fait avec pour le tuto ? Cela ne peut pas donner les mêmes effets d’extrusion et de biseautage ???
    – Dans les brushes du pack on ne trouve pas les mêmes motifs que celui de ton rendu…

Répondre à kaf93 Annuler la réponse