Bannière 3D-2D - Sans pack GFX - [Niveau Amateur]

Woozy.

Premium
Inscription
11 Novembre 2014
Messages
2 520
Réactions
175
Points
14 249
Salut,

Je vais vous présenter un tutoriel, sur comment faire une bannière 2D - 3D assez design est simple.

Pour ceci vous aurez besoin de :
- MAXON : Cinema 4D
- ADOBE : PHOTOSHOP
- PIXEL BENDER

Première partie : CINEMA 4D

Créer votre texte à partir de "MoGraph / MoText
NfU0IPY.jpg


Écrivez ensuite votre texte et éclairez le selon vos envies :)

Enregistrez le ensuite en format PNG avec "Canal Alpha" coché comme ceci :
LAWV7WI.png


Faites ensuite le rendu :
d9DqhkG.png


Deuxième étape : Oil effect avec Pixel Bender

Pour ceci vous allez vous rendre sur Adobe Photoshop.
Ouvrez tout d'abord votre image qui servira de background, puis allez dans : Filtres / Pixel Bender / Pixel Bender Gallery

2DPCRqs.gif


- Stylization : 2,893
- Cleanliness : 6,32
- Colorization : 1,18
- BrushScale : 2
- BrushContrast : 1

Rendu :
363518rendupielbender.png


Vous allez ensuite l'enregistrer au format JPG.

Troisième partie : Effet sur le texte

On va faire un effet 3D sur le texte, pour ceci on va dupliquer deux fois le calque (CTR+J pour dupliquer un calque) puis modifier les couches :

PnfILmJ.gif


Puis déplacez les calques (calque rouge (textspringfresh copie) vers la gauche) et le calque bleu ( (textspringfresh copie 1) vers la droite)
JUSTE UN COUP DE FLÈCHE SUFFIT

Ce qui donne ça :
vmpiGKO.png


Vous allez ensuite créer un réglage en teinte/saturation et vous mettrez la teinte à 85
aABQEHL.png


Vous allez ensuite dupliquer les 4 calques (clique droit / Dupliquer les calques (texte3D (plus les deux couches) + le réglage) ) puis les grouper en les sélectionnant et en faisant CTRL+E
Mettre plusieurs calques dans un groupe : CTRL+G

On va ensuite dans : Filtre / Fluidité
Épaisseur de 172
xzyx54d.gif


Voilà c'est fini pour le texte :)

Quatrième étape : Le Background

Pour le background, vous allez importer l'image que on a modifiée tout à l'heure et réduire l'opacité à 60% et le fond à 15%.
Vous allez ensuite sélectionner les deux couleur de l'effet 3D :
899576screencolor.png


Pour ensuite prendre l'outil pinceau avec une épaisseur de 1334 pixels et sélectionnez la couleur violette puis passez sur tout le bas de la bannière, comme ceci :

TAeOTk6.gif

Et réduisez le fond à 27%.

Ensuite faites des rond noirs et disposez les comme ceci.
456300screenrond.png

Fusionnez les calques.
Faites Filtre / Atténuation / Flou directionnel
Angle de 43° et la distance à fond.
Puis réduisez l’opacité 98% et le fond à 46%.
Dupliquez le calque et mettez le en blanc (Incrustation de couleur) puis mettez l'opacité à 5% et le fond à 14%.
253268screenback.png


Créer un nouveau calque puis faites conne sur le screenshot (avec le pinceau et une épaisseur de 146 pixels) et disposez les comme moi.
913961screenrondcoulur.png


Puis Filtre / Atténuation / Flou directionnel
Angle de 43° et la distance à fond.
FJkJWYr.png


Ensuite créer un nouveau calque et faites des rectangles (des deux couleurs (vert et violet) avec une opacité de 59% comme moi :

266428fegege.png


Puis Filtre / Atténuation / Flou directionnel
Angle de 43° et la distance à fond.
519224cdsfsdfsdfs.png


Cinquième étape : Le texte²

Vous allez créer un nouveau calque et mettre du noir derrière le texte pour faire l'ombre et mettez le fond à 31%.
938234ggdf.png

Ensuite dupliquer le calque texte pour faire Filtre / Atténuation / Flou directionnel
Angle de 43° et la distance à fond. Mettez l'opacité 100% et fond 22%.

334965bdggfd.png


Prenez l'outils "rectangle de sélection" et sélectionner plusieurs partie de votre texte 3D comme ceci :
12763954fs.png


Dupliquez (CTRL+J) en ayant sélectionne votre rendu 3D

Cette action va créer un nouveau calque que vous allez dupliquer dans un nouveau document:
93531552f.png


Vous allez ensuite faire Pixel Bender / Convergence :
52743550d.png


Vous dupliquerez le résultat obtenue sur le document principal.

80419917fe.png


Sixième étape : La touche finale

Vous pourrez mettre le texte que vous voulez pour combler un peu le vide.
Exemple :
V1
u3daPjm.jpg

HD :

V2
crePMCM.jpg

HD :


Polices utilisées :
Horroroid
~
Microsoft Yi Baiti

Voilà la fin de ce tuto !
Temps mis pour faire la création : 1H30
Tutoriel créer et imaginé par moi même.

Désolé si je ne suis pas trop compréhensible à certain moment mais j'ai mis la journée pour faire le topic donc un peu fatigué et saoulé ::):

[teams]2319[/teams]​
 
Dernière édition:
Haut