Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Graphisme > Photoshop > Une ombre pour vos objets ou personnages > Lecture du tutoriel

Une ombre pour vos objets ou personnages

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : Zopieux
Note : 19 / 20 (6 votes)
Visualisations : 35 378

Plus d'informations Plus d'informations
Salut amis Zéro !

Je vais vous expliquer comment créer une ombre pour vos personnages ou objets en tous genre : c'est plus joli et ça fait plus "pro" !

Heu attends, il faut bien connaître Photoshop pour comprendre ?

Non, vous n'avez pas besoin d'être un as de Photoshop. Effectivement, on est sur le site du Zéro, et tout vous sera expliqué de A à Z ! (enfin bon, il faut quand même que vous sachiez démarrer votre ordinateur et le logiciel... ^^ )

Allez, maintenant, on y va !
Sommaire du tutoriel :
Icône du chapitre

Ouvrir l'image et détourer le sujet

Bon, commençons par le commencement : lancez Photoshop.

Ouvrir l'image



Faites Fichier -> Ouvrir... et choisissez l'image de votre choix.
(pour l'instant c'est pas trop dur, ça va se compliquer après ;) )

Maintenant que l'image est ouverte, il faut la détourer.

Détourer l'image


"Détourer" ? C'est quoi ce truc ? :euh:

Pas de panique :D ! Il s'agit simplement de garder un élément de l'image, de le séparer du fond afin de le placer dans un montage.

IMPORTANT : Il y a plusieurs méthodes. Je ne vais pas les expliquer ici car ce n'est pas le but du tutorial. Je vous propose donc d'aller ici et pour apprendre à détourer un sujet.
Si vous savez faire tant mieux, vous pouvez le faire et passer à la suite.
En tout cas le fond doit être vide, transparent : il doit être composé de petits carreaux gris et blancs


Une fois le sujet détouré, on va le sélectionner :
Avec la baguette magique, cliquez sur le fond de l'image (le vide avec les carreaux gris et blancs) : tout le vide est sélectionné. Mais nous ce qu'on veut c'est le sujet, donc on va intervertir la sélection : menu Sélection -> Intervertir ou bien clic droit sur l'image puis "Intervertir" comme le montre cette vidéo :
Image utilisateur

Voilà, nous avons notre sujet sélectionné ! On va pouvoir passer aux choses sérieuses : la création de l'ombre... :)
Pour faciliter le travail, renommez votre calque : donnez-lui le nom "pucca". Ce sera plus simple pour la suite du tutorial.

Créer l'ombre

Maintenant que notre Pucca est sélectionnée, on va dupliquer le calque de Pucca.

Duplication du calque



Clic droit sur le calque dans la Palette des calques, puis "Dupliquer le calque".
Image utilisateur
Donnez un nom à votre nouveau calque et validez (on va dire "ombre").

Dorénavant, le calque du dessus sera l'image normale (Pucca, quoi ^^ ) et celui du dessous sera l'ombre (Maman j'ai peur ! :lol: ). Organisez les calques s'ils ne sont pas dans le bon ordre.
Image utilisateur

Remplissage de l'ombre



Bon, pour l'instant notre ombre ne ressemble pas trop à une ombre.
Alors on va sélectionner notre calque du dessous "ombre".

Si jamais la sélection autour de Pucca avait disparu, enfoncez la combinaison de touches MAJ+CTRL+D.
Si le problème persiste, sélectionnez à nouveau le fond avec la baguette magique et intervertissez la sélection.


A présent, on va remplir notre sélection avec une couleur.

Pour cela : menu Edition -> Remplir ou bien MAJ+F5.

Dans la boîte de dialogue qui s'affiche, choisissez Couleur... dans la première liste puis choisissez la couleur noire (on peut prendre une autre couleur, mais j'ai rarement vu une ombre bleue o_O ).

Mais... rien ne change sur mon image !!? :o

C'est tout à fait normal (d'ailleurs si Pucca devient noir c'est que vous vous êtes trompé :-° ) ! En fait le calque "ombre" est bien devenu noir, mais il est caché par le calque "pucca" qui est par dessus !

Désélectionnez la sélection : CTRL+D ce sera plus pratique ;) .

Maintenant on va donner une forme plus réaliste à notre ombre. Pour pouvoir travailler sur le calque "ombre" sans être gêné, on va cacher le calque pucca : cliquez sur le petit oeil à côté de l'image du calque : il devrait disparaître du montage.

Rappel : le calque est seulement caché, pas supprimé. On peut donc le réafficher ultérieurement en cliquant à nouveau sur l'oeil.

Voilà, maintenant on a notre ombre mais celle-ci n'est pas réaliste; il faut la déformer. Pour cela faites CTRL+T : un cadre apparaît qui sert à redimmensionner l'image. Mais nous ce que l'on veut c'est déformer librement l'image : menu Edition -> Transformation -> Torsion (ou clic droit sur dans le cadre et "Torsion").
A présent on peut déformer l'ombre en déplaçant les petits carrés autour du cadre.
Pour notre ombre, le seul qui nous intéresse est le carré du dessus au milieu, pour "compresser" l'ombre et la rendre réaliste. Regardez la vidéo :
Image utilisateur

Modifiez cette ombre à votre guise, en bougeant le carré de haut en bas et de gauche à droite, jusqu'à trouver le bon endroit.
Lorsque vous avez trouvé le bon réglage, validez en enfonçant la touche ENTREE ou en cliquant sur le coche en haut de l'écran.

Maintenant vous pouvez ré-afficher le calque Pucca en faisant la même démarche que pour le cacher :
Image utilisateur

Enfin, vous pouvez régler l'opacité de l'ombre pour qu'elle soit légèrement transparente et ainsi plus réaliste : cliquez sur la petite flèche à côté de "Opacité :" dans la palette des calques, après avoir bien sur sélectionné le calque "ombre".
Image utilisateur

Voilà, le plus dur a été fait. :p
On peut dire que c'est fini ;) , mais il y a quand-même quelques détails qui peuvent être rajoutés...

Les détails

Ajouter des détails permet de peaufiner le travail :

Lier le personnage et son ombre



Quelque chose de très simple et pourtant peu utilisé : la ligature.
Cette fonction sert à "lier" des calques entre eux pour qu'ils se déplacent en même temps. Concrètement, si on fait bouger Pucca, l'ombre bougera avec elle et réciproquement.
Mais comment met-on cet outil génial ? :D

Il suffit de cliquer dans le carré gris à côté de l'oeil : une chaîne apparait, qui veut dire que les 2 calque sont liés ! Essayez de déplacer Pucca ou bien son ombre... TADA :magicien: !
Image utilisateur


Augmenter la zone de travail



Vous avez dû remarquer que, si l'on fait pencher l'ombre, elle sort de l'image et donc une partie est coupée.
Ce n'est pas génial.

Pas de souci : il suffit de faire menu Image -> Taille de la zone de travail...
Dans la boîte de dialogue qui s'ouvre, augmentez la largeur (et/ou la hauteur) à votre guise et validez.
Ensuite vous pouvez déplacer le personnage et l'ombre pour qu'ils tiennent dans l'image !


Un exemple



Voici ce que l'on peut obtenir grâce au tuto :
Image utilisateur
Ce n'est pas magnifique ? Et pourtant très simple ;) !

Q.C.M.

Qu'est-ce que "détourer" un personnage ?
Comment est représenté le vide (ou "transparence") dans une image sous Photoshop ?
Quel est le raccourci pour remplir une sélection ?
Indice : MAJUSCULE + ...
A quoi sert la ligature ?
Je viens de placer une nouvelle image dans ma composition, mais elle sort du cadre et je veux garder la même taille. Comment faire ? :(

Statistiques de réponses au QCM


Voilà, le tutorial est terminé. J'espère que vous avez réussi à le réaliser. Si oui bravo à vous :D , et sinon hé bien ce n'est pas grave, sachez que vous pouvez recommencer et, comme on dit, "l'échec est le fondement de la réussite" ^^ !

Ha oui, une dernière chose : il y a ici une démo du tutorial qui retrace de A à Z toutes les opérations décrites. Attention, elle n'est pas commentée donc je vous conseille de lire d'abord le tuto en entier avant de la regarder ! ;)

A bientôt ! :)



Ce tutoriel est sous licence Creative Commons. Veuillez en prendre connaissance avant de le redistribuer, modifier.
Image utilisateur
Retour en haut Retour en haut


Créé : le 26/10/2006 à 10:24:43
Modifié : le 22/08/2008 à 16:09:08
Avancement : 95%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 100 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0819s (0.0716s)