Une explosion énergétique avec Photoshop - step 1

Je vais vous expliquer comment créer un petit effet très sympathique. Le rendu final ressemble à une sorte d’explosion abstraite ou une diffusion d’énergie, enfin quelque chose du genre :p à vous de voir !

ETAPE 1

Je crée un nouveau document puis j’appuie sur (D) pour rétablir les couleurs d’origines, puis je sélectionne le dégradé (G) en utilisant comme mode de fusion : Différence (voir l’image ci-dessous pour la configuration du dégradé). Ensuite je crée une multitude de dégradés dans tous les sens pour arriver à un résultat à peu près comme ci-dessous.

ETAPE 2

J’applique un filtre, pour cela je me rends dans le menu filtre > Esthétiques > Tracé des contours.

ETAPE 3

Je vais ajouter un autre filtre. Je me rends dans le menu filtre > Déformation > Vague et je configure l’outil comme ci-dessous.

ETAPE 4

Je crée un nouveau calque par-dessus et je le remplis avec un dégradé bleu à bleu foncé. Je change le mode de fusion de ce calque en Densité couleur + puis je fusionne les deux calques.

ETAPE 5

J’applique encore un filtre > déformation > contraction à 100%. J’utilise ce filtre deux fois !

ETAPE 6

J’applique un flou radial en zoom de 20 pixels (filtre > flou > flou radial).

ETAPE 7

Je duplique le calque deux fois, je change le mode de fusion du calque tout en haut en produit et je le déplace légèrement vers le haut. Je déplace le calque du milieu légèrement vers le bas pour arriver à un résultat comme ci-dessous.

J’ai décidé de stopper ce tutorial à cette étape, je viens de créer entièrement le fond de notre composition, je trouve l’effet vraiment joli. Vous avez la possibilité de vous rendre à la seconde étape qui vous permettra de créer l’explosion à appliquer sur ce fond.

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 !

Publiez une nouvelle image

Vous avez réussis à créer une belle image grâce à ce tutorial ? Soyez sympa, partagez la avec la communauté. Utilisez simplement ce formulaire :

Vous devez être connecté pour activer le bouton de validation !

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 39 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.

  • 25 août 2007 15:58, par Waramir

    Salut !

    Merci pour ce magnifique tutoriel mais, j’ai un problème : Je n’ai pas le filtre de déformation vague ! Et le plus bizzar, c’est que j’utilise photoshop cs3 extended bref le must... adobe aurait-il enlevé ce filtre ? Help !

    Répondre
    • 25 août 2007 19:29, par Wonka

      Je n’ai pas encore eu l’occasion de me plonger dans photoshop CS3, donc je ne sais pas, mais franchment je ne crois pas. Par contre si tu es en anglais il faut chercher le filtre wave et non vague ;)

      Bonne chance !

      Répondre
    • 27 août 2007 13:54, par bryce

      en fait en francais le filtre n’est pas vague mais onde ^^

      Répondre
      • 28 août 2007 11:48, par Wonka

        J’avoue sur ce coup j’ai un peu traduit facilement :) mais effectivement Wave c’est bien le filtre onde en français et non onde !

        Répondre
    • 29 août 2008 17:59

      c’est le filtre onde dans photoshop CS3

      Répondre
    • 24 décembre 2008 23:45

      sur ps Cs3 c le filtre ça s’appelle onde

      Répondre
  • 3 octobre 2007 23:39, par cppcpp1

    Bonsoir, pas facile car je bloque par manque de précision sur les commandes, merci de détaillez chaque commande à faire. Cordialement.

    PS : Super les tutoriels, merci à l’auteur.

    Répondre
  • 17 octobre 2007 11:33

    L’effet Vague est en fait l’effet Onde dans le filtre déformation. bon courage !! il rend bien ce tutoriel ;)

    Répondre
  • 28 novembre 2007 16:34, par Aélita

    Super tutoriel, vraiment !!! Mais j’ai un problème concernant l’étape 7 « je le déplace légèrement vers le haut » ????? C’est à dire j’ai du mal à comprendre.merci de laisser plus de précisions.

    Répondre
    • 30 novembre 2007 09:25, par Wonka

      J’appuie sur v pour prendre l’outil déplacement de photoshop. Je me place sur le calque que je deplace avec la flèche directionnelle du haut de 20 pixels, puis même chose avec le calque du dessous avec la flèche directionnelle vers le bas je le descend de 20 pixels.

      C’est aussi simple que cela ;)

      Bonne chance.

      Répondre
      • 29 juillet 2009 02:53, par Khaya

        Salut !

        J’ai un problème avec l’étape 7 que voici :

        J’ai fais un peu comme toi avec le noir en bas mais je ne comprends pas du tout comment tu fais pour qu’il se retrouve en haut. On dirait un effet de reflet.

        Moi, il y a 2 bandes disctinctes qui se dessinent en haut et en bas de l’arrière plan. De plus, quand tu dis : « je le déplace en haut de 20 pixels », comment vois-tu que tu es à 20 pixels ? Et comment fais-tu pour que le noir qui est en bas du calque se retrouve en suite en haut et en bas ? Faut-il monter et descendre les calques énormément ?

        Peut-être que ce sont des questions idiotes mais j’aimerai que tu me répondes. Je trouve ton tutoriel très bien expliqué malgré celà.

        Merci à toi et continue, c’est super !!!

        Répondre
        • 30 juillet 2009 14:23, par Votre pseudonyme

          Wonka, pourrais-tu me répondre s’il te plaît ? Je bloque toujours autant dessus !

          Répondre
  • 8 décembre 2007 15:41, par T.OM

    Salut,

    Je trouve ça très beau, et je vais essayer de le faire un peu plutard.

    Par contre, J’aimerais savoir comment faire pour pouvoir couper les coins d’une image pour qu’il ne soit pas trop CARRE, « comme l’image en haut de la page »

    Merci bcp d’avance.

    Répondre à ce message

    Répondre
    • 9 décembre 2007 00:02, par Wonka

      Très simple, tu prends l’outil formes personnalisées, et tu crée un rectangle arrondie sur l’intégralité de ton image. Puis tu récupére sa sélection avec un ctrl + clic sur le calque.

      Tu effaces le calque avec le rectangle, et tu vas sur le calque de ton image, tu interverti la sélection (sélection > intervertir) et tu appuies sur suppr.

      Voila ;) les coins sont arrondies maintenant !

      Répondre
      • 10 décembre 2007 22:58, par T.OM

        Merci bien pour ta réponse,

        J’ai essayé, et ça a très bien marché.

        Merci encore, pour la réponse bien claire.

        Répondre
  • 10 janvier 2008 12:19, par Ahmed

    pff jarrive a rien faire comme j’ais une verssion englais je comprend rien ajotue des images dans ton tut comme dans color + ...

    Répondre
  • 9 mars 2008 22:15

    slt g pas eu le meme effet

    Répondre
  • 10 mars 2008 15:19, par jim

    sltc c magnifique je veux faire le meme effet mais pour un panneau de 300cm sur 80cm. j’ai pas eu le meme effet svp que doid je faire ???

    Répondre
    • 10 mars 2008 22:34, par Wonka

      Mon dieu mais ton PC vas rendre l’âme, pourquoi vouloir créer sur un si grand format ?

      Répondre
      • 11 mars 2008 18:51, par jim

        salut chèr monsieur ! merci beaucoup d’avoir répondu. l’infographie était un reve pour moi, j’ai commencé à le réaliser.je veux l’exercer comme métier.et biensur l’effet m’a tellement impréssioné que je l’ai imaginé sur une plaque publicitaire, peut etre q’un jour je vais devenir infographe. merci becoupppppppppppp !!!!

        Répondre
        • 29 avril 2008 11:17, par Oni-link

          On dit Graphiste et pas Infographe mon cher…

          Répondre
          • 29 avril 2008 13:56, par Wonka

            Infographiste plutôt non ;) Le graphiste travail essentiellement sur du print, l’infographiste travaille sur les médias tel que le web et l’information en général (webdesign, 3d, animation vectorielle).

            Répondre
  • 24 juillet 2008 18:59

    bon travail merci =)

    Répondre
    • 31 décembre 2008 12:38, par Inflamus

      Euh j’ai un problème je travaille sur photoshop depuis un petit moment mais quand tu dit que tu met le filtre > Esthétiques > Tracé des contours j’ai pas du tout le même rendu . Pourquoi ?

      Voir en ligne : Mes images que je fait

      Répondre
  • 13 janvier 2009 19:56

    Mon soucis c’est que je bug à l’étape 4, je n’arrive pas a remplir le calque en dégradé de bleu :(.

    Répondre
    • 15 janvier 2009 18:04, par Wonka

      Il faut crée un calque le remplir avec l’outil dégradé, changer son mode de fusion en (voir étape) puis fusionner les deux calques. Qu’est ce que vous n’arrivez pas à faire ?

      Répondre
  • 29 mars 2009 15:20, par tazou

    et bien je vient de parcourir plusieur de tes tutos et je dit bravo monsieur tres beau va falloir que j’en fassent quelques un et continue comme ca bravo^^

    Répondre
  • 29 avril 2009 14:25, par Votre pseudonyme

    Répondre
  • 25 mai 2009 19:23, par Pecx

    Je suis bloqué à l’étape 4. Exactement ici : « Je crée un nouveau calque par-dessus et je le remplis avec un dégradé bleu à bleu foncé » Je ne comprends pas comment faire.. Si il était possible de me l’expliquer je serais reconnaissant. Merci pour votre aide

    Répondre
    • 25 mai 2009 19:36, par Pecx

      enfaite a l’étape 7 je suis bloqué avec le haut et le bas la :/

      Répondre
  • 19 octobre 2009 15:15, par Votre pseudonyme

    Slt je voudrais savoir si c possible de le mettre sur une image trouvé sur internet mais de façon à ne pas le cachet (il suffit juste de changer l’opacité de calque ??) Merci d’avance

    Répondre
  • 18 janvier 2010 18:05, par Votre pseudonyme

    A l’étape 7, tu as oublié de dire qu’il faut faire une rotation de 180° au calque a faire monté, ou quelque chose dans le même style.

    En tout cas bravo pour ces tutos

    Répondre
  • 18 janvier 2010 18:15, par Votre pseudonyme

    A l’étape 7, tu as oublié de dire qu’il faut faire une rotation de 180° au calque a faire monté, ou quelque chose dans le même style.

    En tout cas bravo pour ces tutos

    Répondre
  • 26 mai 2010 15:54, par Dutch

    Bonjour je suis bloqué à l’étape 5 : je fais bien Filtre > Déformation > Contraction mais le logiciel me dit que la zone sélectionnée est vide :S

    Répondre
    • 21 août 2010 18:43, par burning-hammer27

      salut je pense qu’il faut que tu selectionne le calque ou tu veut appliquer ton filtres =D

      Répondre
  • 21 août 2010 18:42, par burning-hammer27

    salut j’aime beaucoup ce tuto mais j’aimerais savoir comment on fait pour aller a la 2eme partie du tuto

    merci d’avance

    Répondre
  • 23 novembre 2010 18:55, par Alton

    Je dois traduire ceci par ? :

    « fusion du calque tout en haut en produit et je le déplace légèrement vers le haut. » L’inverse je ne comprend pas non plus.

    Répondre
    • 25 novembre 2010 17:42, par Wonka

      Modifier la fusion du calque en produit puis le déplacer vers le haut !

      Que dire de plus ?

      Répondre
  • 31 décembre 2010 15:20, par Votre pseudonyme

    euh bonjour voila je viens d’avoir ps cs4 et je n’ai toujours pas compris la 1re phase quand vous dites « pour rétablir les couleurs d’origines » ? désolée je suis vraiment nulle...

    Répondre

Laissez un commentaire

Remplissez correctement le formulaire puis appuyez sur Validez.