Bienvenue dans ce nouveau tutoriel, dans ce dernier nous allons utiliser deux logiciels très puissants pour réaliser cet effet, nous allons commencer par réaliser un superbe effet de texte 3D avec Cinema 4D puis ajouter un effet d’éclaboussure de peinture et lumière avec Photoshop pour obtenir un rendu magnifique

Bienvenu, dans ce nouveau tutoriel, dans ce dernier nous allons réaliser un superbe effet de texte 3D en utilisant Cinema 4D et ajouter quelques effets en utilisant Photoshop.

Voilà un aperçu du résultat final

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Pour commencer, vous devez télécharger le pack de ressource suivant, ouvrez Cinema 4D puis ajoutez un texte 3D en allant dans Menu > MoGraph > Mo Texte.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite, apportez les modifications suivantes dans l’onglet Attribut

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

La police d’écriture utilisée est «BIRA »

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Maintenant, dupliquez votre texte (dans l’onglet objet maintenez le bouton control enfoncé , cliquez sur l’objet texte et déplacez le curseur vers le haut).

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, changez le rayon du couvercle dans l’onglet attribut

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite, déplacez le texte vers l’arrière (l’axe Z) pour obtenir l’effet suivant

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Maintenant, ajoutez un objet lumière

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ajustez la lumière comme ceci.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Maintenant, nous allons ajouter des texture à nos textes, pour le faire, dans l’onglet Matériaux allez dans Menu > Fichier > Nouveau Matériau (Ctrl+N).

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Appliquez ce matériau sur le premier texte en glissant ce dernier sur l’objet texte directement.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ajoutez un autre matériau et cliquez dessus deux fois pour apporter quelques modifications

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Cliquez sur la boulle grise avec le bouton droit de la souris et choisissez Cube Arrondi

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, modifiez les paramètres de matériaux comme ceci

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, Appliquez ce matériau sur le deuxième texte.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Maintenant pour voir le rendu final de cette partie du tutoriel cliquez sur le bouton Rendu de la vue active (Ctrl+R).

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Pour avoir un rendu parfait, nous allons modifier les réglages de rendu.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite cliquez sur Rendu dans le visualiseur pour vous permettre d’enregistrer le rendu dans un nouveau fichier TIFF .

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Et voilà le rendu final sous Cinema 4D

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Passons maintenant à Photoshop.

Ouvrez un nouveau document sous Photoshop de 2400×1900 pixels , résolution 72Dpi , couleurs RVB8bits .

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

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite, importez le texte 3D dans votre document de travail.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, rendez-vous dans les options de fusion.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Prenez l’outil baguette magique (W), maintenez le bouton shift enfoncé et cliquez sur les zones grises du texte pour récupérer leur sélection.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Créez un nouveau calque (Ctrl+Shift+N), prenez l’outil pinceau (B) et dessinez dessus en utilisant des brushes grunge et la couleur grise clair #cecfcf .

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, réduisez l’opacité du calque à 58%.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite, importez l’image d’éclaboussure de peinture suivante dans un nouveau document

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Après, allez dans Menu > Image > Réglages > Teinte et saturation.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Ensuite, prenez l’outil lasso (L) et sélectionnez des bouts d’éclaboussure comme ceci.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Importez la sélection dans votre document de travail et ajustez-la aux niveaux des zones bleues.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Maintenant, prenez l’outil gomme (E) avec les paramètres suivants

Taille : 50 – 80 pixels

Dureté : 0%.

Opacité : 80%

Flux : 60%

Puis effacez le contour au niveau du contact avec le texte pour mieux l’intégrer.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Répétez la même chose plusieurs fois pour obtenir le résultat suivant.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, ajoutez quelques gouttelettes de peinture et appliquez dessus un filtre flou gaussien de 5 à 10% . (Menu > Filtre > Atténuation flou gaussien / Menu > Filtre > Flou > Flou gaussien).

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Créez un nouveau calque, mettez-le derrière les calque des éclaboussures, prenez l’outil pinceau (B) avec les paramètres suivants

Taille : 10 – 100 pixels

Dureté : 0%.

Opacité : 50%

Flux : 50%

Puis ajoutez des ombres portées.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

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

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis, changez son mode de fusion en Incrustation et réduisez son opacité à 64%.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Après, importez l’image du halo suivant dans votre document et ajustez-le comme ceci.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Puis changez son mode de fusion en Superposition.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Pour finir, créez un nouveau calque, prenez l’outil pinceau (B), les brushes étoile (disponible dans le pack en haut) et ajoutez quelques étoile avec une faible opacité.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

Et voilà le rendu final.

Tuto cinema 4D et photoshop effet de texte 3D avec des éclaboussures de peinture

8 COMMENTAIRES

  1. Salut,
    Super tuto ! même si j’ai rencontrer plusieurs difficultés.
    tout d’abords, cinéma 4D était une première pour moi ! donc il m’a fallu un temps d’adaptation afin de comprendre comment suivre les étapes du tuto, mais au rendu final je me retrouve avec mon texte sur fond noir !! du coup une fois sur CS6 obligé de supprimer le noir au détriment de mon texte qui perd de sa qualité !!!
    et pour finir je trouve ton texte plus net et tes nuances plus belle, je n’ai pas réussi a reproduire cette qualité !! je suis déçu, pour une fois que j’arrive pas a faire un beau rendu !!!!
    enfin voici mon résultat quand même:
    http://www.hostingpics.net/viewer.p

  2. magnifique tuto mais pouvez-vous me dire quel version de cinéma 4D utilisez-vous s’il vous plais car quand j’installe l’écriture elle n’apparais pas dans la liste des polices

  3. Bravo Grafolog, pour se magnifique tutoriel, néanmoins s’il était possible de rajouté le niveau de difficulté je pense que cela aiderai quelque peut les apprenties Photoshop ou Ciné 4D, à prendre conscience de la difficulté du tutoriel 🙂 avant de se lancer .

    Pour Sp4Ze: en faire au lieu d’enregistré le rendu dans un nouveau fichier TIFF , enregistre le dans un format PNG, j’ai eu le même problème que toi.

    Pour Lorenzo: La police est fournis dans le pack de ressource de Grafolog en début de tutoriel -> https://www.tutsps.com/telecharger/u

  4. Bonjour !

    Voila j’ai un problème… C’est une première pour moi sur Cinema 4D, et IMPOSSIBLE de trouver comment afficher cette vue de face avec une perspective?

    Merci d’avance !