Créer un texte en forme de corde avec Photoshop et Cinema 4D

Bienvenu dans ce nouveau tutoriel, dans ce dernier nous allons créer un texte en forme de corde en utilisant les logiciels trois logiciels, Photoshop , Cinema 4D et Illustrator .

et voilà un aperçu du résultat final

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ci-joint les différentes ressources utilisées dans le tuto, le tracé Ai d' Illustrator , les textures et Le plugins Reeper X pour Cinema 4D .

Pour commencer ouvrez Illustrator, prenez l'outil plume (P) et dessinez un texte en créant un seul tracé.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Puis réduisez-le contour du tracé à 0pt

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Nous allons exporter notre tracé sous Illustrator pour l'importer dans Cinema 4D .

Allez dans Menu > Fichier > Enregistrer Sous mettez Illustrator (AI) pour le type de fichier

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Dans la fenêtre suivante (Option Illustrator) choisissez version Illustrator 3.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Dans le pack en haut, vous aller trouver un dossier Reeper X c'est un plugin pour Cinema 4D compatible avec les versions R11, 12,13

Copiez le dossier dans le dossier plugins qui se trouve dans Programmes\Maxon\Cinema 4D

Nous avons notre tracé, ouvrez Cinema 4D et glissez le tracé dedans en utilisant le simple "Drag and Drop".

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ensuite allez dans Menu Module > Modules externes > Reeper X puis glissez le tracé dans l'objet Reeper X.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Apportez les réglages suivants dans l'onglet Attributs de l'objet Reeper X

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Dans l'onglet Matériaux allez dans Menu > Nouveau matériau.

Nous allons maintenant créer notre matériau et importer les textures que vous avez téléchargées en haut. Dans l'onglet Couleur cliquez sur la petite flèche à côté de texture et importez la première texture

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Faite la même chose pour le relief et Normales

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

La même chose pour le déplacement

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Puis glissez directement le matériau sur l'objet Reeper X

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ensuite ajoutez un objet lumière et ajustez-le comme ceci

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Maintenant dupliquez l'objet lumière ou bien créez un autre et changez les valeurs au niveaux des attribut de l'objet

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Maintenant cliquez sur le bouton Réglage de rendu

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Dans l'onglet enregistrement cochez Canal alpha pour l'utiliser plus tard sous Photoshop

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Cliquez sur le bouton Rendu dans le visualiseur qui permet d'enregistrer le rendu ( n'oubliez pas d'enregistrer votre travail sous Cinema 4D nous aurons besoin de ce dernier plus tard )

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Maintenant ouvrez le fichier exporté de Cinema 4D avec Photoshop puis allez dans l'onglet couche , maintenez la touche Ctrl enfoncé et cliquez sur la vignette alpha pour récupérer la sélection de la corde.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Puis allez dans Menu > Edition > Copier (Ctrl+C) , créez un nouveau document de 1900x1200 pixels, résolution 72Dpi , couleurs RVB8bits et importez la texture grunge suivante dans votre document.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ensuite appliquez dessus un filtre flou gaussien en allant dans Menu > Filtre > Atténuation > Flou gaussien.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ensuite rendez-vous dans les options de fusion

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Importez la corde que vous avez copiée tout à l'heure en allant dans Menu > Edition > Coller

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ajoutez un calque de réglage "Courbe de transfert de dégradé" en écrêtage sur la corde en allant dans Menu > Calque > Nouveau calque de réglage > Courbe de transfert de dégradé puis dans Menu > Calque > Créer un masque d'écrêtage.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Retournez dans Cinema 4D , changez la position de la camera et exportez de nouveau le rendu 3D , de la même façon que tout à l'heure importez le bout de corde dans votre document de travail.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Prenez l'outil tampons de duplication (S), échantillonnez le bout de la corde, sélectionnez le brushes herbe disponible par défaut dans Photoshop et dessinez des petites fibres qui sorte du bout comme ceci.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Copiez des petits bouts de la corde et déplacez-les aux dessus des croisements pour faire des sortes de nœud.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Créez un nouveau calque et mettez-le en dessous des calques que vous venez de créés, prenez l'outil pinceau (B) et dessinez une ombre portée comme ceci.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Ensuite ajoutez un calque de réglage Teinte et saturation en allant dans Menu > Calque > Nouveau calque de réglage > Teinte et saturation . Puis réduisez la saturation à -37% .

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Puis appuyez sur le raccourci Ctrl+Alt+Shift+E pour avoir une copie des calques avec fusion.

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D

Pour finir, prenez l'outil doigt et floutez les coins pour obtenir le résultat suivant

Tuto photoshop, cinema 4D, illustrator Créer un texte en forme de corde avec Photoshop et Cinema 4D