Graph Zone
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


GraphZone est un forum de graphisme et vous aidera à apprendre comment grapher.
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

 

 Tutos,incrustation d'un render.

Aller en bas 
2 participants
AuteurMessage
Dokyo
Animateur
Dokyo


Messages : 332
Date d'inscription : 29/06/2009
Age : 46
Localisation : pas loin

Tutos,incrustation d'un render. Empty
MessageSujet: Tutos,incrustation d'un render.   Tutos,incrustation d'un render. Icon_minitimeJeu 2 Juil - 4:48

Ce tutoriel vous apprendra une technique passe-partout pour incruster un render dans un fond comme ceci :

Tutos,incrustation d'un render. Incrustation Tutos,incrustation d'un render. Incrustation2

Je ne me suis pas fatigué pour le fond, je vous l’accorde (un dégradé et quelques brushes de base fournis avec Photoshop).

Commencez
par choisir un render (http://www.planetrenders.net/). Élaborez ensuite
un font avec, de préférence, les couleurs dominantes de votre render.
Collez votre render sur le font, vous devriez alors obtenir quelque
chose de ce genre :

Tutos,incrustation d'un render. Incrustation4 Tutos,incrustation d'un render. Incrustation3

Nous
allons commencer par colorer le render. Faites un click droit sur la
vignette du calque de votre render et sélectionnez l’option
"Sélectionner la transparence du calque". Vous devriez obtenir une
sélection faisant le tour du calque de votre render : Conservez la.
Cachez le calque contenant votre render et créez un nouveau calque que
vous placerez au-dessus de tous. Allez dans "Image" > "Appliquer une
image" (laissez les paramètres par défaut). Vous pouvez maintenant
désélectionner. Si vous ne vous êtes pas trompé vous obtiendrez ceci :

Tutos,incrustation d'un render. Incrustation6 Tutos,incrustation d'un render. Incrustation5

Choisissez le mode de fusion
"Couleur", vous obtiendrez alors exactement le même rendu que si vous
aviez mis votre render en mode "Luminosité". La différence et que vous
pouvez atténuer l’effet en jouant sur l’opacité du calque. J’ai choisi,
dans cet exemple, une opacité de 50%.

Tutos,incrustation d'un render. Incrustation7 Tutos,incrustation d'un render. Incrustation8

Une
fois que vous avez trouvez le réglage qui convient le mieux, fusionnez
le avec le render ("Calque" > "Fusionner avec le calque inférieur").
Dupliquez ("Calque" > "Dupliquer le calque") le calque obtenu par la
fusion des deux autres et placez le en dessous du render, au dessus du
fond :

Tutos,incrustation d'un render. Incrustation9

Nous allons smudger le calque dupliqué. Pour cela, prenez l’outil "Doigt" (Tutos,incrustation d'un render. Incrustation10)
avec une forme (brush) en harmonie avec votre fond et déformez votre
render jusqu’à obtenir quelque chose qui vous plait. Un tutoriel très
complet pour apprendre à smudger est disponible ici.
Si vous trouvez cela trop compliqué ou si le rendu ne vous plait pas,
contentez vous d’appliquer un flou directionnel. N’oubliez pas de jouer
sur l’opacité et le mode de fusion. Ayant promis une technique
d’incrustation passe-partout, je ne devais pas déformer le fond. J’ai
donc fait quelque chose de sobre :

Tutos,incrustation d'un render. Incrustation11 Tutos,incrustation d'un render. Incrustation12

Créez
un nouveau calque et mettez le au-dessus de tous. Allez dans "Image"
> "Appliquer une image". Appliquez à ce calque l’éclairage de votre
choix ("Filtre" > "Rendu" > "Éclairage"). Jouez sur l’opacité de
ce calque afin d’atténuer l’effet. Pour ma part, ce sera un projecteur
à 45° avec une opacité de 40%. Rajoutez une ombre portée en fonction de
l’éclairage choisi. Plus l’éclairage est fort, plus l’ombre doit être
opaque. Une fois encore, j’ai essayé de faire quelque chose de très
sobre :

Tutos,incrustation d'un render. Incrustation13 Tutos,incrustation d'un render. Incrustation14

Nous
allons maintenant nous occuper des contours. Vous pouvez légèrement les
gommer ou les flouter. Pour ma part, je préfère prendre un brush rond
de taille 3, zommer sur les contours et appliquer une couche de la
couleur du fond aux extrémités des contours (il faut constamment
changer de couleur)

Tutos,incrustation d'un render. Incrustation15 Tutos,incrustation d'un render. Incrustation16

Rassurez
vous, nous avons bientôt terminé, il ne manque que quelques finalités.
D’abord nous allons rajouter quelques courbes de transfert de dégradé.
Sur la fenêtre "Calques", cliquez sur Tutos,incrustation d'un render. Incrustation17
et choisissez l’option "Courbe de transfert de dégradé". Prenez le
dégradé "Violet, orange". Mettez le calque obtenu en mode "Lumière
tamisée" et diminuez l’opacité jusqu’à ce que le rendu vous plaise
(pour moi, ce sera 20%). Sélectionnez comme couleur de premier plan une
couleur dominante foncée de votre render et comme couleur d’arrière
plan une couleur dominante claire de votre render (pour moi, ce sera Tutos,incrustation d'un render. Incrustation18).
Créez maintenant une nouvelle courbe de transfert de dégradé avec,
cette fois-ci, le dégradé "Premier plan - Arrière plan". Réglez ce
calque comme le précédant (libre à vous de jouer sur l’opacité, moi ce
sera encore 20%). Vous pouvez rajouter d’autres courbes et des filtres
photo mais attention de ne pas saturer votre bannière.

Tutos,incrustation d'un render. Incrustation19 Tutos,incrustation d'un render. Incrustation20

Nous
allons maintenant, pour accentuer l’effet d’incrustation, appliquer des
vectors/swirls ou autres brushes au-dessus de votre render (et du fond
bien sûr) au niveau des contours. Le choix des brushes et leurs
positions sont très importants : Ne bâclez pas cette étape ! (Ne faites
pas comme moi, cette bannière n’été qu’un exemple pour illustrer un
tuto, je ne me suis pas appliqué et ça se sent).

Tutos,incrustation d'un render. Incrustation2

Et voila c’est fini !
L’idéal,
bien sûr, c’est de créer un font à partir du render, mais si pour X ou
Y raison ce n’est pas le cas, ce tuto vous évitera l’effet render juste
collé sur un fond.
Revenir en haut Aller en bas
http://webdesigngraph.forumactif.org
Ti.Gab
Co-Admin
Ti.Gab


Messages : 416
Date d'inscription : 14/06/2009

Tutos,incrustation d'un render. Empty
MessageSujet: Re: Tutos,incrustation d'un render.   Tutos,incrustation d'un render. Icon_minitimeJeu 2 Juil - 8:29

Super ton tuto ça peux en aider plus d'un
Revenir en haut Aller en bas
http://manga-evolution.forumactif.com/forum.htm
Dokyo
Animateur
Dokyo


Messages : 332
Date d'inscription : 29/06/2009
Age : 46
Localisation : pas loin

Tutos,incrustation d'un render. Empty
MessageSujet: Re: Tutos,incrustation d'un render.   Tutos,incrustation d'un render. Icon_minitimeJeu 2 Juil - 10:29

oui c'est pour ça que je l'ai mis Wink
Revenir en haut Aller en bas
http://webdesigngraph.forumactif.org
Contenu sponsorisé





Tutos,incrustation d'un render. Empty
MessageSujet: Re: Tutos,incrustation d'un render.   Tutos,incrustation d'un render. Icon_minitime

Revenir en haut Aller en bas
 
Tutos,incrustation d'un render.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Render robot
» Render fille
» Render garçon

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graph Zone :: Ressources et tutoriels :: Tutoriels :: Photoshop-
Sauter vers: