32
Créer une mise en scène multicolore
Voici un tutoriel pour Photoshop. Il vous permettra de créer une composition graphique autour d’un élément central (ici une canette) en jouant sur des effets de lumières et de couleurs.
Voici le fichier source Photoshop utilisé dans ce tutoriel :
ETAPE 1
J’ouvre le logiciel Photoshop et j’importe la photo comportant mon élément « central ».
ETAPE 2
Je duplique l’arrière plan de ma photo, et je place mon élément au centre 
ETAPE 3
Je cée un nouveau calque juste en dessous de ma copie et je détoure proprement mon élément, soit en utilisant la plume ou la technique de détourage, selon votre préférence
ETAPE 4
Je crée un nouveau calque au dessus de mon élèment central, puis je trace une ligne verticale blanche (de haut en bas). Pour lui donner cette forme anguleuse, j’utilise le filtre cisaillement que je trouve dans le menu filtre > déformation > cisaillement.
ETAPE 5
J’ajoute un flou gaussien à ma courbe : menu filtre > atténuation > flou gaussien (je peux utiliser un flou gaussien de 3 pixels par exemple).
Ensuite j’ajoute un masque de fusion (menu calque > masque de fusion > tout faire apparaître), et ensuite avec un fin pinceau noir je fais disparaître les parties de mon fil qui me servent plus.
Le plus est de donner l’impression que le fil de lumière passe une fois devant, une fois derrière l’élément central.
Enfin je diminue l’opacité du fil à 50 ou 60%.
ETAPE 6
J’ajoute une lueur externe à mon élément central, pour cela je clique sur le bon calque et je vais dans le menu calque > style de calque > lueur externe (lueur blanche de 20px en opacité 40%).
ETAPE 7
Je crée un nouveau calque. Je configure un pinceau fin de 1 px avec un large pas pour diffuser des points aléatoirement. Je rappelle que pour faire ce genre d’effet il faut visiter la fenêtre formes du pinceau.
ETAPE 8
Je crée un nouveau calque et avec un très large pinceau diffus blanc (300px par exemple) je crée un point derrière mon élément central.
ETAPE 9
Je duplique cette lueur et lui applique un flou directionnel de 1 000 px en 90 degrés (menu filtre > atténuation > flou directionnel).
ETAPE 10
Je crée un nouveau calque par-dessus tous les autres et je crée un dégradé multicolor recouvrant la partie centrale de mon image.
ETAPE 11
Je passe le mode de couleur en mode « couleur » ; voir le menu déroulant dans la fenêtre des calques.
Ensuite je duplique une fois le calque élément central et je place la copie au dessus des couleurs, je fais la même chose pour la courbe de lumière.
Pour terminer ma composition j’ajoute le nom de mon site en lui appliquant une lueur externe (menu calque > style de calque > lueur externe).
Et voilà, ce tutoriel est maintenant terminé. Merci de m’avoir lu, si vous avez des questions vous pouvez utiliser le forum ci-dessous.
Bonne chance à tous.
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 114 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
21 octobre 2008 00:47, par Job
Enorme ! Merci ! Y’a rien de pus magique qu’une bonne vieille patate !
Répondre
-
-
7 novembre 2008 16:26, par Job
Et ouai mais j’te prend à revers avec ma pièce maitresse !! Hahahahaha !
Répondre
-
-
-
21 octobre 2008 23:56, par elboy
Répondre
Oups un peu trop gros la 1er version, difficile à visionné sur une petite résolution, voici une version un peu plus petite quand même ^^’
-
-
23 octobre 2008 16:39, par caretos
Slt Wonka je suis debutant sur photoshop et j’aimerai savoir ou est le pinceau diffus stp sinon le tuto est trop bien (vous moquer pas de moa svp) ++
Répondre-
24 octobre 2008 11:24, par Wonka
Diffus pour un rond qui est flou, tu trouveras les différentes formes de pinceau dans la barre d’outil, c’est un petit carré avec une flèche appelé « forme : » , bonne chance
Répondre
-
-
-
25 octobre 2008 12:59, par nathoo
Voici ma version j’adore une fois de plus le rendu merci pour ce tuto fort sympathique ^^
ps : je kiffe vraiment ce site ^^
Répondre
-
-
24 octobre 2008 13:10, par Kraken Master
Ok, je suis fou mais c’est pas grave. L’effet est excellent mais la ligne blanche qui ce torsade autour du produit passe du blanc sur le produit et puis prend les teintes de l’arc-en-ciel sur le font. L’idéal serrait de gardé les teintes l’arc-en-ciel même devant le produit.
C’est pas compliqué à faire mais plus dure à décrire la procédure et pas le temps de faire un test, c’est étonnant que j’arrive encor à faire un tour sur le net. (Je me sent comme le lapin fou d’Alice Au pays Des Merveille. Tic-tac tic-tac, en retard, en retard, Oh je suis en retard !
Répondre )-
24 octobre 2008 14:52, par Wonka
Dans mon exemple en tout cas c’est par choix que j’ai fait prendre à cette ligne blanche les couleurs de l’arc en ciel, en restant blanche cela faisait un décalage d’ambiance entre la ligne et la lueur derrière ! Tic tac ti tac
Répondre-
25 octobre 2008 07:16, par Kraken Master
Non pas pour lancé un débat, mais entre temps je me suis permis de retoucher à ma façon ton travaille, juste pour voir. En effet le fait que la ligne reste blanche fait ressortir le produit, mais sur le plant esthétique, les couleurs donne mieux.
Voici un avant retouche et après retouche (fait a la va vite ce qui explique que j’ai pris ton projet déjà fait pour gagner du temps.)
MErtteu j’ai perdu la ligne de code qui renvois sur l’image... voici le lien de la dite image http://www.wks.fr/stockpixtemp/407/thumb2714.jpg
Voir en ligne : lien directe de l’image
Répondre-
25 octobre 2008 07:19, par Kraken Master
Bon les lien sont naze. Je lesse le modérateur fair sont travaille, ça ira mieux après son passage
Répondre
-
-
-
-
27 octobre 2008 17:49
bonjour, ce tuto est super bien fait , bravo a vous
pouvez vous m’aidé, comment fait ton plusieurs degradé sur le meme masque de fusion ? merci de votre reponse ca fait deja plusieurs créa que je fais et ca me soule de pas savoir faire
Répondre -
-
27 octobre 2008 23:06
« “Je configure un pinceau fin de 1 px avec un large pas pour diffuser des points aléatoirement.” »
Je suis débutant et je n’arrive pas à comprendre le « large pas » Pouvez-vous m’aider ??
Répondre
-
-
29 octobre 2008 12:24, par coralie
bonjour à tous pour faire mon dégradé, je fais une sélection que je remplie avec une couleur quelconque, pour la remplir en dégradé par la suite avec l’option de calque.
Ce ne doit pas être la bonne manip car ainsi, le calque même en « couleure » ne change pas, comme si je restait à l’étape précédent celle de dupliquer les calque et passer celui du dégradé en mode "couleure. Je bloque au dégradé, savez vous d’où vient le problème ?
Répondre-
29 octobre 2008 18:15, par Wonka
Normalement sa marche il suffit de remplir le calque avec l’outil dégradé et de changer le mode de fusion en couleur.
Répondre-
8 novembre 2008 00:02, par Job
Bonjour !
Ben soit t’utilise directement l’outil dégradé, soit tu fais un rectangle de sélection, puis pot de peinture puis option de fusion-dégradé. Mais dans la deuxième option il faut créer un nouveau calque vierge et le fusionner avec celui où il y a ton dégradé pour que les options de fusion soit « intégrée » et alors youpi avec « color », ca marche.. Enfin si j’ai bien compris...
La bonne journée !
Répondre
-
-
-
30 octobre 2008 14:06, par VieuMa
Slt wonka ! Merci beaucoup pour ce tutoriel tres bien realisé. J’ai seulement un petit probleme etant donné que je suis debutant sur photoshop... C’est a l’étape 6 : je n’arrive pas à faire les points blancs. A part ca, je suis tres content du resultat que ca donne !
Répondre-
30 octobre 2008 15:26, par Wonka
Il faut modifier la forme de ton pinceau, plus précisément la diffusion du pinceau
Répondre Bonne chance et merci pour ton commentaire.
-
-
3 novembre 2008 20:34, par Bibouille
Ce tuto est géniale moi j’y arriv mai g un seul souci c a la dernière étape l’effet donné au dégradé jvoi pa komen on le fay et sa m poz un souci car mon dgrader s’arète brutalement pourai-je avoir un petit conseil pour cela ???
Répondre -
7 novembre 2008 23:11, par Mathieu F.
Merci pour ce tuto vraiment bien fait !!! et allez l’OM :p
Répondre -
11 novembre 2008 00:15, par doll-art
tuto vraiment sympa, et simple à realiser =)
Merci wks !
Répondre -
-
15 novembre 2008 16:16
TT’ J’aurais un seieux besoin d’aide, je trouve pas le cisaillement...
Répondre
-
-
23 novembre 2008 19:21, par picsou
super le tuto, il y a juste une étape que je comprend pas, l’étape 7 (l’ajout des points blancs). Dans les formes du pinceau, je n’ai que « diamètre principal » et « dureté », je n’ai pas de « pas ». Et ensuite quand tu parles de mettre des points aléatoirement, c’est un par un à la main ?
Merci pour ce tuto et pour ta réponse
Répondre-
24 novembre 2008 10:20, par Wonka
Pour les points blanc il faut utiliser la configuration du pinceau et la diffusion en particulié. Bonne chance.
Répondre-
24 novembre 2008 22:39
euh, ça me dit toujours pas si je dois mettre les points moi même à la main ou si c’est en sélectionnant une zone et appliquant je ne sais quoi dessus ? et on la trouve où cette diffusion du pinceau (et ne me dis pas dans les « formes » du pinceau, il n’y a que « diamètre principal » et « dureté » ?
Merci
Répondre-
25 novembre 2008 13:47, par Wonka
Si tu selectionnes l’outil pinceau que tu prends une couleur blanche et que tu clic une fois sur ton image tu auras un point blanc.
Tu sais maintenant créer le point blanc pour la diffusion effectivement ca se trouve dans les formes de pinceau, mais la fenètre des formes, tu trouveras un onglet formes en haut à droite de ton ecran.
Si tu cliques dessus une nouvelle fenètre apparait et tu peux jouer sur pas mal de configuration notamment la diffusion aléatoire.
Bonne chance.
Répondre-
4 décembre 2008 17:20
Ca y est j’y suis enfin arrivé !! En fait je pensais pas à cette fenêtre forme là (je pensais à celle en haut à gauche).
Merci bcp !!
Répondre
-
-
-
-
-
23 novembre 2008 22:35
salut ! J’aime beaucoup ce tuto et je me ressources souvent à cela... Le seul pb que j’ai pour l’instant c’est que je n’arrive pas à faire le cisaillement correctement... En fait, déjà la ligne je ne sais pas à partir d’où je dois la faire et le cisaillement ne se fait pas suite à la forme voulue (la ligne se déplace uniquement en restant stable avec les traits de la forme à l’intérieur !?)...:S
PS : Mon dégradé couleur se montre en gris...C’est pas normal.:S
Merci pour ton aide..
Répondre-
24 novembre 2008 10:17, par Wonka
Pour le cisaillement tu dois créer une ligne vertical sur un nouveau calque et ensuite appliquer le filtre de cisaillement.
Pour le dégradé gris je ne sais pas trop, normalement les couleurs apparaissent, verifie peut être la configuration de ton image : menu image > mode > RVB et non niveau de gris
Bonne chance à toi.
Répondre
-
-
28 novembre 2008 01:43, par spad
Bonjour,
Super tuto ! Mais dur ! Je débute sur Photoshop ! LOL ! J’aurai bien aimé mettre ma réalisation aussi, mais je ne sais pas comment faire pour la publier !
Merci, en tous cas.
Spad.
Répondre-
28 novembre 2008 09:36, par Wonka
Tout en haut de la page vous trouverez un lien « ajouter une image dans la galerie interne » vous devez cliquez une première fois sur ce lien puis cliquez sur parcourir choisissez votre image (obligatoirement en jpg et de préférence pas trop large 500 px de large par exemple) puis cliquez sur ok, l’image est automatiquement ajouté à la galerie, pour pouvoir l’afficher dans le commentaire il faut utiliser le code donné sur cette page de validation.
Répondre-
28 novembre 2008 12:13, par spad
Bonjour et merci pour votre réponse rapide ! Bravo en tout cas pour tout ce travail, c’est impressionnant, autant en prouesse technique que par la masse de travail concernant tout le site !Merci d’éclairer les « newbies » !
Spad
Répondre-
28 novembre 2008 19:29, par Wonka
Merci à toi pour ton commentaire, et également pour ton image qui est hum comment dire sexxxxy
Répondre
-
-
-
-
28 novembre 2008 14:15, par kom1dune
Merci encore pour ce tuto.
Juste une question : Pour la dernière étape avec l’arc-en-ciel, j’ai beau chercher partout, je ne trouve pas le mode « couleur » dans le menu des calques... alors j’ai fait ça à ma sauce... un ptit coup de « wrap » (désolée j’ai Photoshop en anglais). Mais j’aimerais bien connaître la manip « mode couleur » pour un autre boulot
Répondre
-
28 novembre 2008 19:30, par Wonka
Pourtant dans le menu déroulant en haut à gauche de la fenètre des calques tu devrais trouver en bas color ! De toute manière ta sauce vas très bien car ton image est vraiment réussis ! Bravo à toi.
Répondre-
29 novembre 2008 00:17, par kom1dune
Arffff ! Je suis passée dessus au moins 10 fois mais j’ai pas tilté ! La courge que je fais. Bon ben je m’y remets, pour le plaisir...
Répondre
-
-
-
29 novembre 2008 23:20, par bv
j’ai créé ça (l) http://storage.canalblog.com/30/90/48572/33067061.jpg
Répondre-
1er décembre 2008 10:19, par Wonka
Je me suis permis d’ajouter ton image dans la galerie :
Plutôt pas mal même si je remarque une mauvaise qualité de l’image au niveau des couleurs.
Peux tu améliorer tout cela ? Sinon sa reste bien dans l’ensemble.
Répondre
-
-
5 décembre 2008 15:41
Salut je ne trouve pas comment faire des point blanc avec une diffusion aléatoire, j’ai bien trouvé la fenêtre forme, j’ai sélection diffusion et le seul réglage possible c’est la taille du point ? LRZ Merci
Répondre-
6 décembre 2008 22:45, par lloouulloouu
bonjour, super tuto cependant j’ai un probleme à partir de l’étape 11. Quand je met le mode« couleur » je n’ai pas du tout le même effet que vous à l’arriere de l’image pouvez-vous m’aider SVP ?
Répondre
-
-
12 décembre 2008 11:53, par tyvaldo
Bonjour j’ai un gros problème à l’étape 5 je ne comprend pas comment faire disparaitre les traits blanc 1 fois sur 2 car j’ai prit un ipod comme image de fond et ce n’est pas la même couleur partout et donc sa se voit car il y a des dégradés et tout et tout merci de m’explique svp =D Si vous pouvez me répondre sur mon e-mail je prefere merci d’avance
Répondre -
12 décembre 2008 17:39, par tyvaldo
Salut je sais pas trop pourquoi le mien est pas très réussi =/
Répondre
-
-
24 décembre 2008 00:43, par jeremderepel@hotmail.fr
Tuto très sympa
J’ai tenté quelque chose avec mon bras...
A Bientot
Répondre-
24 décembre 2008 11:26
Bonjour, je n’y arrive plus à l’étape 6, ya rien qui se passe ! Pouvez vous m’aider svp ? Merci et bonnes fêtes à tous
Répondre -
-
5 janvier 2009 02:58, par Dj Flo
Bonjour , voila je suis bloqué à l’étape 8 , pouvez vous me dire comment faire le pinceau diffus ?
Je suis débutant sur photoshop
Bonne Année
Répondre-
5 janvier 2009 11:07, par Wonka
Dans la fenètre des formes de pinceaux tu trouveras toute sorte de style, certains rond qui ont un contours très dur, et d’autres plus floutés (ce sont ceux la qu’il faut prendre
Répondre
-
-
-
-
5 janvier 2009 15:06, par Dj Flo
Merci , je viens de me rendre conte , que mon trait blanc ne passe pas derrière et devant la bouteille , comment réctifié ca ?
Répondre
-
5 janvier 2009 16:30, par Wonka
Expliqué à l’étape 5, il faut simplement utiliser un masque de fusion et cacher les parties qu’on ne veux plus voir !
Répondre-
11 janvier 2009 12:07, par miss-militou
Tiens mon cheri n’arrive pas a faire son tuto^^ erf moi jai la flemme pour l’instant de le finir x)
Répondre
-
-
-
27 janvier 2009 02:15
C’est magnifique, moi qui n’aimais pas photoshop avant franchement en voyant sa ! Sa change enormément mais propos, en plus ont sais faire plus de chose que photofiltre, vraiment merci, je vais essayé Bonne continuation !!!
Répondre -
27 janvier 2009 03:19
Help, j’arrive pas a faire le detourage, la plume c nul (pour moi ca fait blanc) et s’est ou l’autre outils ?
Biz !
Répondre -
14 février 2009 18:27, par christophe
Bonjours a tous, je voudrais créer un cisaillement mais sur un trait horizontal et non vertical, comment faire ?
Mercis d’avance !
Répondre-
14 février 2009 19:45, par Wonka
En fait c’est pas possible de faire un cisaillement à l’horizontale. L’astuce tu fais le cisaillement à la vertical puis tu le fais pivoter en utilisant la transformation libre (ctrl + t). Bonne chance.
Répondre
-
-
14 février 2009 20:36, par christophe
y aurais tout de meme pas une autre solution plus pratique pour faire faire à un trait horizontal des « zigzags » !!
Répondre -
3 mars 2009 14:49, par Stef59
Excusez moi mais j’ai un soucis à l’étape 4, quand je fais le cisaillement, c’est toute mon image qui prend la forme voulu du trait
Répondre
Comment je dois faire s’ils vous plaît ?
Merci d’avance.-
9 mars 2009 21:43, par TiteIv0
slt, vérifie que tu as fait le trait vertical sur un nouvo calque, un calque different du calque ou tu a limage principal ^^
j’espere que j’ai été clair et que sa t’aidera
Répondre-
22 mars 2009 00:11, par Stef59
Oui c’est bon merci, j’avais bien oublier de faire ça sur un nouveau calque.
Merci encore =) Super tuto
Répondre
-
-
-
13 avril 2009 22:13, par Kay
Moi je bloque à l’étape 3. Une fois qu’on a crée le nouveau calque et qu’on découpe le sujet qu’est ce qu’on en fait ? On le colle dans un autre calque ? (le but est d’avoir du noir tout autour du sujet ? je sais pas trop :s)
Après j’ai testé tout le reste et j’y suis arrivé, juste ce ptit problème...
Répondre -
18 avril 2009 15:08
je trouve que seulement deux créations sur celles exposés sont réussi, les autres sont bof bof. Mais ne perdez pas espoir !
Répondre -
15 mai 2009 22:30, par athena66
Bonsoir,
Alors tout d’abord MERCI pour ce superbe tutoriel, votre travail est plus qu’excellent, je n’ai pas eu de difficultées particuliéres, lorsque j’ai vu ces couleurs et le fil brumeux je me suis dit , enfin j’ai trouvé un fond à réaliser pour accompagner ce cheval noir à l’allure Rasta. Les couleurs rappelle le style rasta et le fil peut être les effets d’un produits illicite qu’a pris le cheval. MDR ! Voila donc Rasta Horse !
Au revoir
Répondre
-
17 juin 2009 18:30, par Vinc
Moi je suis bloqué a l’étape 11 quand il demande la couleur et vous avez fait l’arc en ciel seul car je sais pas comment faire non plus .
Répondre -
26 novembre 2009 15:43, par anis42
C’est facile tu prend ton outil dégradé et tu trace de gauche a droite ou l’inverse. j’éspère que je t’aura aidé.
Répondre -
26 novembre 2009 15:45, par anis42
et (couleur) sait dans le menu coulissant juste en haut des calque
Répondre -
4 décembre 2009 17:15, par lilou
Superbe tuto ! Mais je suis désespérée, c’est la première fois que je me retrouve autant bloquée. J’ai pu tout faire mais pas moyen de réussir ce fond dégradé. Je n’arrive pas à le délimiter sans qu’il s’arrête brutalement. Quelqu’un peut-il me détailler cette étape ?? Merci
Répondre-
4 décembre 2009 18:20, par Wonka
Quelle étape ? Pour le dégradé général as tu vérifie que tu étais bien sur un nouveau calque ?
Répondre
-
-
9 décembre 2009 22:50, par leo
yop merci pour ce tuto très sympa ^^
juste une petite question : (je suis plutôt débutant avec toshop) comment faire pour garder les couleurs de la ligne mais sur un fond totalement noir (ou autre... pas celui de l’arc en ciel quoi ^^) ?
(j’ai pas regardé tous les comment donc je sais pas si ca a été dit... pas le tps... si oui dsl ^^)
Répondre -
16 décembre 2009 17:09, par dams
Bonjour, ma difficulté est que je n’arrive pas à faire disparaitre le fil avec le pinceau noir de façon à ce qu’il ne reste plus de trace, j’ai toujours une trace du diamètre du pinceau noir. Est ce qu’il faut prendre un diamètre inférieur à 9px ou autre ou sinon pourquoi pas me détailler la technique ? merci
Répondre-
17 décembre 2009 10:03, par Wonka
Oui il faut un pinceau surtout supérieur je pense ! De plus il faut une forme Arrondi flou.
Répondre
-
-
19 décembre 2009 15:47, par Babu
Bonjour, Tout d’abord bravo pour le tuto, mais je ne trouve pas le mode couleur...
Répondre-
20 décembre 2009 12:35, par Wonka
Dans le menu déroulant du mode de fusion voir en haut à gauche dans la fenètre Calques.
Répondre
-
-
8 avril 2010 13:58, par debutoshop
Bonjour , j’aimerais que l’on m’aide un peu. « Je duplique l’arrière plan de ma photo, et je place mon élément au centre » Je trouve que ces instructions sont trop vagues et donc je ne peux continuer le tuto. Déso mais je suis débutant , ce tuto est peut-être destiné à des personnes un peu plus spécialisées ?
Répondre-
30 juin 2010 16:29, par Shydrag
Je crois que Wonka n’est plus la ... Enfin je crois :p car il n’y a pas de tuto récent ...
Répondre-
2 juillet 2010 19:01, par Wonka
Les derniers articles publiés sont écris pas qui alors ?
concernant ce tuto, en effet il n’est pas forcement destiné au vrai débutant mais à ceux qui ont quelques notions.
Et comme je le dit assez souvent dans les comms, je ne peux apporter des conseils à ce qui est déjà des conseils.
Bon courage.
Répondre
-
-
-
23 octobre 2010 00:08, par Votre pseudonymeChaty
Bonjour Je suis nouvelle ici et c’est le premier tuto que je vois. Bravo , si les autres sont aussi bien expliqués je sens que je vais mi plaire Merci Wonka
Répondre -
21 novembre 2010 18:59, par x.Alex
super tuto, voila mon rendu :
http://i56.tinypic.com/16j0dwk.png
Répondre
