Un texte 3D avec des trainées lumineuses avec Photoshop et Cinema 4D (Tuto Cinema 4D partie 1)
Un tout nouveau tutoriel mixer Photoshop et Cinema 4D pour obtenir un super texte 3D avec des trainées lumineuse.(Partie 02)

Un texte 3D avec des trainées lumineuses avec Photoshop et Cinema 4D (Tuto Photoshop partie 2)

 

Dans cette deuxième partie du tutoriel nous allons ajouter des super effets a notre texte.

Voilà un aperçu du résultat final

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Ouvrez un nouveau document de 900×1200 pixels résolution 72Dpi couleur RVB8bits,

Importez l’image des étoiles suivante dans votre document

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Ouvrez l’image du rendu final de la première partie sous Photoshop dans un autre document et détourez le texte comme ceci en utilisant l’outil baguette magique (W).

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Puis importez-le dans votre document de travail

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Mettez vous en dessous du calque du texte 3D et créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B) avec une dureté de 0%, la couleur #d19e9e et dessinez une forme radial comme ceci.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en densité couleur –

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Maintenant nous allons utiliser une technique pour ajoutez des trainées lumineuse, importez la texture suivante dans votre document

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en densité linéaire – (Ajout).

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Déformez la texture en allant dans Menu > Edition > Transformation > Déformation.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Ajoutez un calque de réglage balance de couleur en allant dans Menu > Calque > Nouveau calque de réglage > Balance de couleur.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Ensuite allez dans Menu > Calque > Créer un masque d’écrêtage

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Jouez avec les tons et rappelez vous qu’il n’ya pas de règles ou de chiffre précis pour celui-là

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Sélectionnez le calque abstrait déformé et le calque de réglage et dupliquez-les plusieurs fois en le déformant de nouveaux et changer les valeurs du calque de réglage balance de couleur, pour obtenir un truc comme ceci

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Ensuite dupliquez votre texte 3D (Ctrl+J) et allez dans Menu > Filtre > Esthétique > Contours Lumineux

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en Exclusion

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Déplacez-le un peux vers la droite et effacez une partie de ce dernier comme ceci.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B) avec une dureté de 0%, la couleur #d19e9e et dessinez une forme radial comme ceci.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en densité couleur –

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

De la même façon que toute à l’heure dupliquez la texture abstraite et le calque de réglage balance de couleur, déformez la texture et changez les valeurs des tons une bonne dizaine de fois pour obtenir un résultat comme ceci

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Dupliquez plusieurs fois les trainées lumineuses pour booster l’effet comme ceci

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Maintenant créez un nouveau calque, prenez l’outil lasso (L) et faites une sélection avec un contour progressif de 30pixels similaire à celle-là

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Allez dans Menu > Filtre > Rendu > Nuage

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en Densité couleur – et réduisez son opacité à 38%

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Importez dans Photoshop l’image suivante

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Sélectionnez le soleil en effaçant les bouts qui dépassent avec l’outil gomme (E)

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Importez-le dans votre document de travail et changez son mode de fusion en lumière vive

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Déformez-le et changez ça taille en un minuscule point comme ceci

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Dupliquez le plusieurs fois et a chaque fois essayez de changez ça couleur en allant dans Menu > Image > Réglages > Teinte et saturation

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Dupliquez ces petits minuscules points une trentaine de fois pour obtenir ce ci

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Créez un nouveau calque et dessinez dessus en utilisant l’outil pinceau (B) avec une faible opacité

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Changez son mode de fusion en Densité couleur – et réduisez son opacité à 50%.

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Créez un nouveau calque, prenez l’outil rectangle de sélection (M) et faite une sélection rectangulaire de la taille de votre document de travail

Allez dans Menu > Edition > Copier avec fusion, Puis dans Menu > Edition > Coller pour obtenir un nouveau calque avec tout les calques fusionnés

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Pour donner la touche finale allez dans Menu > Filtre > Renforcement > Accentuation

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

Et voilà le résultat final

Tuto cinema 4D et photoshop cs5 pour créer un effet de texte 3D avec des trainées lumineuse

ARTICLES SIMILAIRESPLUS DE L'AUTEUR

44 COMMENTAIRES

  3. Rendu plus que génial, bravo.
    Je suis nouveau dans cette communauté et j’aimerai savoir plus de chose sur un rayon le “smudge” j’ai un problème particulier, mais je ne sais a qui m’adresser …
    Merci 🙂

  11. Salut, magnifique tuto’ et résultat plus de satisfaisant, le seul hic c’est que j’ai l’impression que les Abstraits que tu nous donnes ne sont pas les mêmes que dans le tuto’, j’ai un bon résultat mais pas le même que toi ; pas au niveau de la position – elle varie selon des personnes – mais au niveau du rendu (couleurs, aspects,..) Et au moment où il faut aller dans Menu > Filtre > Rendu > Nuage, je n’ai pas le même nuage d’orage comme toi, c’est une ombre blanche.

  12. Bonjour à tous et un grand merci pour le tuto.
    Je débute avec Photoshop et j’ai un big problème…(Normal).
    Je suis bloquer à l’étape tout au début. Je n’arrive pas à créer avec mon pinceau une forme radial qui s’estompe en dégradé plus on s’éloigne du centre du “O” de “OLD”. J’arrive à colorier l’intérieur du “O” mais ça s’arrête là.

    L’étape du tuto:

    “Mettez vous en dessous du calque du texte 3D et créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B) avec une dureté de 0%, la couleur #d19e9e et dessinez une forme radial comme ceci. “

    Comment faire cette forme radial qui part en dégradé…

    Je vous remercie, dans l’attente d’une réponse de la part d’un où d’une d’entre vous.

    Have a nice day!
    Ps: Kebab + Canette = 4€ 🙂

  13. Bonjour, @Kebabs vraiment je te déconseille ce genre de tuto pour débuter car ils sont un peux difficile regarde avec des tuto moins long et plus facile pour mieux géré photoshop avant de se lancer dans des gros tuto.
    Merci et très bonne continuation

  14. @Grafolog

    Je vous remercie d’avoir pris le temps de me répondre dans d’aussi bref délais.
    En parallèle je m’exerce avec des tutos pour débutant.
    Mais desfois “Il faut savoir courir avant de savoir marcher”
    Je l’ai vu récemment dans un film LOL
    Qu’est ce que vous en pensez?

    Vous me donnez une chance de réaliser cette forme radiale au pinceau en dégradé?

    Ou je retourne à ma misérable existence sans photoshop… ;-(

    Merci

  16. @Kebabs

    Pour une forme en radial et dégradé, quand tu sélectionnes ton outil “Pinceau”, en haut à gauche (pas tout à gauche, juste à droite de ce qu’il y a à tout à gauche) tu déroule la flèche et là tu peux changer la dureté et l’épaisseur, et la forme, tu peux voir qu’il y en a des différentes, choisies en une qui fait un dégradé, il y en a trois. Au lieu de celles qui sont totalement opaque.

    @Grafolog

    J’aimerais savoir pourquoi nos “Abstracts” ne sont pas les même que sur le tutoriel, les tiens forment vraiment des sortes de flammes voire éclairs. Nous ça se limite à une simple trainée lumineuse, le rendu est bien mais beaucoup moins impressionnant que celui attendu en voyant le tuto’.

  17. Pour les trainées lumineuses, quand vous changer plusieurs fois la balance des couleurs de la texture, ça donne parfois des longues trainées et des fois des petites trainées. Pour avoir un rendu similaire vous devez faire des duplications d’une cinquantaine de fois même faire des groupe, les fusionner et répétez cette action en les déformant vers le haut, bref le truc c’est d’être patient et avoir une machine un peux robuste pour supporter la charge.
    Merci et très bonne continuation

  18. Niveau machine robuste, j’ai ce qu’il faut ^^ Et merci pour ces précisions, je refais un texte 3D et je commence demain après les cours. Bon travail !

  19. bonjour je suis novice dans photoshop pourriez vous m’expliquer ou mettre les codes couleurs du style #744fdd comme par exemple dans les dégradés ou pour prendre une couleur a la pipette

  20. Superbe travail Grafolog !
    Jolie tuto mais sa manque de 2-3 explications pour les gens comme moi qui sont novice avec PS CS5.
    Par exemple je suis bloqué au moment de faire le contour lumineux “Déplacez-le un peux vers la droite et effacez une partie de ce dernier comme ceci.” Il est fait, déplacer mais je n’arrive malheureusement pas à l’effacer partiellement…c’est surement tout bête mais bon… ! Donc si quelqu’un aurait une petite explication =).

    Mais dans tous les cas, superbe boulot. Bravo.

  23. je precise que jarrive a utiliser la baguette magique sur une lettre puis clik droit generaliser ensuite un glisser sur le 1 er document (image espace) et la je bloque !!
    pour bien incruster mes lettres au 1 er plan de laide svp.

    je suis sur que c est tout bete !(comme moi ^^ ) je suis un novice a 200% mais jai deja reussi a faire la 1 er partie de ce tuto sous cinema 4d en modifiant les lettre du tutos !

  24. Alors je ne suis en général pas du tout fan du flood habituel non-constructif …

    Mais là, quel rendu ! Il faut avouer que ça racle littéralement la soupière. Visuellement on voyage dans l’éléctro-luminescence. Puis bon le tuto est d’une clarté qui va devenir légendaire si vous continuez ainsi ;).

    Qui sait, on comptera peut être plus tard à nos gosses comment on “faisait des spiro machins trucs lumineux” alors que eux tripoterons les hologrammes en nous traitant d’archives ;).

    Très jolie preuve de la puissance de l’outil photoshop associé à celui de l’imagination d’un artiste numérique.

  34. c’est bizarre je fais tout à la lettre le mien ne ressemble pas à celui la …. 2h de casse tête sans résultats satisfaisants … ;-( mes abstraits ne s’illuminent pas comme les tiens ils restent sombres …

  37. Bonjour quand je prend le pinceau que je met la dureté a 0% et que je prend les formes dégradé sa ne me fait pas de dégradé comme vous sa me fait plein de petit point autour …

    HELP ?

LAISSER UNE RÉPONSE