Sponsors

1and1 Internet
May
19
2009
Manipulation photo : Breaker
( 3 - user rating )
Écrit par EVA-sion | Julien   


Temps : 50 minutes
Difficulté : Avancée
Ce nouveau tutoriel vous guidera dans la conception d'une manipulation photo, un peu comme dans mon précédent tuto. Vous allez notamment voir comment manipuler des objets dynamiques pour comprendre leur utilité et leurs qualités. Nous utiliserons ici des brushes, des filtres, des styles de calque, et des effets en tout genre afin de réaliser un univers à ambiance autour d'un breakdancer en mouvement. Ce tutoriel n'est néanmoins pas poussé jusqu'au bout, la finition c'est ce qui rendra votre réalisation aboutie ne l'oubliez pas. Bon tutoriel.

Résultat final :

 


Étape 1 :

Glissez la photo de notre breaker dans photoshop et en utilisant la plume, détourez le personnage. Vous pouvez vous aider du tutoriel réalisé par Vincent au sujet du détourage si besoin. Nommez votre calque 'perso'.

Veillez à ce que les paramètres de la plume soient comme ceci :





Une fois la boucle bouclée, cliquez droit sur le personnage et choisissez Créer un masque vectoriel.


Créez un nouveau calque (Ctrl + Maj + N) que vous placerez en dessous du calque 'perso'. Appelez le 'fond'. Remplissez le de noir.

On a ainsi :


La photo étant vraiment grande nous allons la réduire à 30%. Faites un Ctrl + T sur le calque 'perso' et réduisez donc uniformément la largeur et la hauteur à 30%.





 
On va maintenant rentrer la taille que l'on souhaite pour notre document finale en agrandissant la taille de notre document.  Faites un Ctrl + Alt + C pour redimensionner le document et faites comme suit :


Ce qui donne :




Étape 2 :

Allez dans l'onglet Calque > Nouveau calque de réglage > Courbe de transfert de dégradé.

Réglez le ainsi :

 


 

Le dégradé s'applique à tout notre document. Afin de spécifier que l'on souhaite qu'il s'applique seulement à notre breaker vous allez placer votre curseur entre les deux calques 'perso' et celui de notre dégradé, appuyer sur la touche Alt, un symbole s'affiche alors montrant que vous pouvez appliquer le calque du haut à celui de la forme du bas. Cliquez alors pour que le dégradé soit appliqué à notre danceur. Votre dégradé "dépend" maintenant de votre forme du bas. C'est à dire que lorsque vous modifierez le détourage pour X raison (car peut-être vous serez amené à modifier des points d'encrage trop larges par exemple), le dégradé suivra toujours, étant dépendant de votre forme.

Vous pouvez maintenant changer le mode de fusion du calque de réglage en Incrustation.

Pour voir si vous avez bien compris nous allons ajouter un autre effet . Rendez-vous dans l'onglet Calque > Nouveau calque de réglage > Luminosité, et réglez comme suit.

 




Afin de le rendre dépendant de notre personnage détouré vous aurez juste à glisser le nouveau calque de réglage en dessous du précédent, juste au dessus du calque 'perso'.

Laissez le mode de fusion du nouveau calque de réglage en Normal

Vous obtenez ceci :


 

Si tout c'est bien déroulé vous devez avoir un fenêtre de calques qui ressemble à ça :




Étape 3 :

Ajoutons une lueur externe à notre breaker. Double cliquez sur le calque 'perso' pour ouvir sa fenêtre de styles et faites comme ceci.



Dupliquez le calque 'perso' (onglet Calque > Dupliquer le calque...) et placez le juste au dessus du calque 'fond'. Effacez son style de calque :

 



Puis convertissez le en Objet dynamique :




Nous allons lui ajouter un style de calque. Double cliquez donc sur le calque afin d'ouvrir son style.

Faites comme ci-dessous:



Puis changez son opacité à 40%.

Allez ensuite dans l'onglet Filtre > Atténuation > Flou directionnel :




Étape 4 : 

Ajoutons un dégradé à notre fond. Prenez l'outil dégradé (G) et réglez le degradé en radial et avec les couleurs ci-dessous.

 



 

Placez vous sur le calque 'fond' et en partant du centre, c'est à dire de notre danceur, allez jusqu'à l'un des bords du document afin d'obtenir ceci :

 



 

Étape 5 :

Glissez la photo de l' océan dans Photoshop. Une fois dans Photoshop vous devrez la copier/coller dans le projet qui nous interresse.

Redimensionnez la comme ci dessous et changez son opacité à 50%. Nommez le calque 'ocean' et placez le au dessus du calque 'fond'.

 



 

Étape 6 :

Nous allons créer un contour à notre breaker, mais à la main afin que cela rende un effet plus aléatoire (plus ou moins). 

Créez un nouveau calque (Ctrl+ Maj + N) que vous appellerez 'contour blanc'. Placez le au dessus du calque 'ocean'. Sélectionnez l'outil pinceau (B) et prenez une brushe de 27 px en dureté 0%, cela semble correcte. 

Veillez à ce que votre couleur de premier plan soit le blanc et je vous laisse entourer de blanc les contours du danseur. Ne soyez pas trop stricte, laissez des endroits sans blanc, et irréguliers.

Chez moi ça donne ceci :

 



 

Ajoutez une lueur externe en style de calque :

 


 

Ce qui donne :

 


 

Étape 7 :

Importez et glissez dans le projet la photo nommée "effet".

Nommez le 'effet' et placez le en dessous du calque 'perso'. Changez son style de calque en Densité couleur - et redimensionnez le en fonction de la taille que vous voulez donner à votre effet (moi j'ai redimensionné à la taille de l'image entière). Finissez en appliquant un flou gaussien (filtres > attenuation > flou gaussien) d'une valeur de 25/30 pixels.

Vous obtenez ceci :

 



 

Étape 8 :

Téléchargez et installez les brushes de nuages disponibles sur deviantart.

Nous allons ajouter des nuages en deux temps, tout d'abord pour l'avant plan, puis pour l'arrière plan.

Je vous laisse ajouter sur de nouveaux calques (Ctrl + Maj + N) nommés 'nuages avant' et 'nuage arriere' la quantité de nuages que vous désirez. Placez ceux de l'avant tout en haut dans la hiérarchie de vos calques, et celui de l'arrière en dessous du calque 'effet'.

Il faut évidemment que les brushes de nuages que vous aurez choisi soient blanches (couleur de premier plan : blanc).

Ajoutez le même style de calque au deux calques de nuages : 

 


 

Chez moi ça donne ceci :

 



 

Avant de continuer voici un petit rappel de l'ordre des calques, car il faut avouer c'est un peu le bordel.

 



 

Étape 9 :

Créez un nouveau calque (Ctrl + Maj + N) que vous nommerez 'halo' et placerez en dessous du calque 'effet'.

Remplissez le de noir et allez dans l'onglet Filtre > Rendu > Halo...

 



 

Changez le mode de fusion du calque 'halo' en Eclaircir.

Vous devriez avoir ceci : 

 



 

Étape 10 : 

Prenez l'outil pinceau (B) et choisissez une brushe de 4px de diamètre pour 0% de dureté.

Créez un nouveau calque (Ctrl + Maj + N) que vous nommerez 'contours corps'  et que vous placerez en dessous du calque 'nuages avant'.

Tracez comme ci-dessous certains contours du corps , vous pouvez en profiter pour masquer certains défauts de détourage (bouuuhh pas bien...)

 



 

Ajoutez maintenant une lueur externe dans le style de calque :

 



 

Vous avez ceci :

 



 

Étape 11 :

Dupliquez le calque 'perso' et placez la copie en dessous de 'contour corps'. Tout d'abord convertissez le en objet dynamique (clic droit sur le nom du calque > Convertir en objet dynamique), puis pixélisez le calque (clic droit sur le nom du calque > Pixéliser le calque). Allez dans l'onglet Filtre > Atténuation > Flou gaussien et réglez comme ceci :

 



 

Changez le mode de fusion du calque en Incrustation, puis rendez l'image en négatif : Ctrl + I (ou onglet Image > Réglages > Négatif).

Ce qui donne :

 



 

Dupliquez ce dernier calque et positionnez le juste au dessus et changez son mode de fusion en Lumière vive.

Ce qui donne :

 



 

On en a fini avec le tutoriel, vous allez me dire qu'il manque quelques trucs par rapport à l'aperçu, et oui ! Maintenant je vous laisse libre d'ajouter les choses qui rendront vos créations encore plus spéciales. J'aime bien vous laisser un petit peu libre de poursuivre, alors impressionnez nous et montrez nous vos œuvres, avec un breaker, une danseuse classique, ou tout autre personnage !

Pour ma part j'ai bien entendu continué sur le breaker ...

 


 Cliquez pour agrandir

 

A bientôt !

 

Commentaires  

 
#51 Svzoo 2009-07-29 22:30 bonjour,
j'ai démarrer le tuto, mais le lien vers l'image de l'ocean est dead donc je cherche depuis 20 bonnes minutes une image du style je n'en trouve pas .. si quelqu'un pouvait m'aider
merci d'avance
Citer
 
 
#52 EVA-sion - Julien 2009-07-31 09:04 Chez moi le lien marche encore, ce site rame pas mal en ce moment réessaye mais elle y est toujours Svzoo Citer
 
 
#53 Svzoo 2009-08-01 20:09 je viens d'aller voir et en effet elle y est j'avais continuer en utilisant une autre Citer
 
 
#54 Max 2009-08-05 15:58 J'ai un petit problème, quand je découpe mon personnage, je fait clique droit MAIS je ne peut pas cliquer sur "Créer un masque vectoriel".

Quelqu'un peut m'aider ?
Citer
 
 
#55 EVA-sion - Julien 2009-08-05 18:15 vérifie que tu cliques bien à l'intérieur de ton détourage et que tu as bien l'outil plume en main. Sinon regarde si tu es bien sur ton calque du breaker. Citer
 
 
#56 Adeline 2009-08-10 17:57 Tout d'abord un grand merci pour ce tuto qui est absolument génial !!! Cependant, j'ai un petit souci: je possède Photoshop CS et je n'ai pas l'option "convertir en Objet dynamique". Cette étape, est-elle indispensable? Merci d'avance… Citer
 
 
#57 EVA-sion - Julien 2009-08-11 14:46 Bonjour Adeline, non pas essentiel tu peux foncer :). A la place de transformer en objet dynamique, pixélise ! A bientôt Citer
 
 
#58 Alexou 2010-02-24 12:26 Bonjour, j'ai un petit problème au niveau de la photo de la mer, je ne sais pas comment on l'importe dans le projet, je suis encore débutant . Citer
 
 
#59 EVA-sion - Julien 2010-03-02 14:33 Salut Alexou, glisse la directement dans ton logiciel photoshop ;) Citer
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir