Créer des ondes dans l’eau avec Photoshop

mercredi 21 mars 2007

Article écrit par : Wonka

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 !

WonkaStudio

Voici une composition complète, ce tutorial est un poil plus complexe que d’habitude mais si vous le suivez bien, vous allez voir que ce n’est pas si difficile, et puis le rendu final est vraiment superbe


Fichier PSD tutorial 115: clic pour télécharger le fichier source PSD utilisé dans ce tutorial

ETAPE 1

Je crée un nouveau document de 500 pixels de coté, j’initialise les couleurs en appuyant sur (D) puis je crée un nouveau calque (ctrl + n) et j’applique mon premier calque (filtre > rendu > nuages).

ETAPE 2

J’applique un flou radial de 50 (filtre > flou > flou radial).

ETAPE 3

J’appuie sur ctrl + t puis je diminue mon image de 10%.

ETAPE 4

Je vais maintenant appliquer le filtre bas relief (filtre > esquisse > bas relief). Configuration : détail 13, lissage 10.

ETAPE 5

Je vais ajouter un masque de fusion à mon calque (calque > ajouter un masque de fusion) et avec un dégradé radial blanc sur noir je camoufle les extrémités de mes ronds.

ETAPE 6

J’exécute à nouveau l’étape 2.

ETAPE 7

J’applique maintenant le filtre chrome avec la configuration : détail 10, lissage 3 (filtre > esquisse > chrome).

ETAPE 8

Avec l’outil transformation manuelle je réduis la hauteur de mon image, puis avec l’outil perspective je tire sur le bas droit sur la doite pour donner un effet de profondeur (édition > transformation > perspective).

ETAPE 9

Mes vagues d’eau sont maintenant terminées, je peux ajouter une petite photo pour donner l’effet qu’il y a quelque chose dans l’eau. Ici j’ajoute un bloc en bois.

ETAPE 10

J’ajoute le reflet de mon bloc en le dupliquant, en appliquant une rotation verticale puis en camouflant le bas avec un masque de fusion : voir ce tutorial pour plus d’explications sur la création d’un reflet.

ETAPE 11

J’adapte la taille de mon bloc avec l’outil transformation manuelle (ctrl + t).

ETAPE 12

Je crée un nouveau calque juste au dessus de l’eau et je le remplis d’une couleur avec le pot de peinture, je change maintenant le mode de fusion de celui-ci en couleur.

INSCRIVEZ VOUS AU FLUX RSS WONKASTUDIO

Cliquez ici pour vous abonnez gratuitement au flux RSS de WonkaStudio. Vous pourrez ainsi suivre en temps réel nos publications directement dans votre agrégateur RSS comme Netvibes, Google, My Yahoo, My Aol, Pagesfakes etc.

La galerie des membres

Ajouter votre image dans la galerie

Attention votre fichier devra être en format JPG, et son poid inférieur a 200ko !

Vos commentaires ( 58 messages dans le forum)

Ajouter un commentaire à cet page

Créer des ondes dans l’eau avec Photoshop
1er avril 2007 09:36, par swiss-power

Très beau tuto ! Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  2 avril 2007 00:20, par Wonka
  
  Merci ca me rassure car j’était moyennement sur par le resultat final ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
12 avril 2007 19:41, par pouyk_pouyk

Excelent, tout de même un defaut , la ligne de flotaison de ton cube ma parait un peut basse :p Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  12 avril 2007 20:03, par Wonka
  
  Qu’entends tu pas ligne de flotaison ? Répondre à ce message
  - Créer des ondes dans l’eau avec Photoshop
    15 avril 2007 14:54, par ZeD
    
    Un poil trop enfoncé dans l’eau en gros Répondre à ce message
    - Créer des ondes dans l’eau avec Photoshop
      15 avril 2007 20:35, par Wonka
      
      Ah oui est bien en fait je suis d’accord mais bon dés le dèpart j’était moyennement convaincus du resultat final, j’aurais peut être pas dus l’ajouter ce tuto :p enfin c’est fait c’est fait Répondre à ce message
      - Créer des ondes dans l’eau avec Photoshop
        28 juin 2007 06:20
        
        BONJOUR , J’ai quelques difficultés à réaliser l’ étape 5. On doit créer un masque de fusion et tt faire apparaitre Ensuite on réalise un dégradé radial mais je ne sais pas comment faire.... Merci Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        28 juin 2007 20:01, par Wonka
        
        Il faudrait que tu m’expliques vraiment le problème, est ce au niveau du masque de fusion ou alors de la créaton du dégradé radial ! Dans le cas ou c’est le masque de fusion je r’appel la manipulation : Calque > masque de fusion > tout faite apparaitre. Si le problème réside au niveau de la création du dégradé il suffit de prendre l’outil adéquat et de sélectionner dans la configuration le dégradé radial avec un noir vers un blanc.
        
        Explique moi d’avantage le problème je pourrais t’apporter une solution plus complète.
        
        Bonne chance pour la suite, bye.
        Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        25 juillet 2007 11:41
        
        Moi n’on plus je n’arrive pas à faire le flou radial, a cause de CS3 ? De mon Mac ? Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        25 juillet 2007 14:41, par Wonka
        
        Normalement aucune modification n’a été apporté à ce filtre entre le CS2 et le CS3 ! Donc il faut suivre les étapes comme décris ci dessus ! Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        17 août 2007 17:05
        
        Salut bon tuto mais pour le flou radial il se trouve dans atténuation il n’existe pas de catégorie flou dans les filtres. Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        7 janvier 2009 15:31
        
        Pour le flou radial, tu dois allé dans atténuation. Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        9 juin 2008 20:33, par Prince
        
        just une question qui pourrait paraitre « bête » pour certains mais quel technique vous utilisez pour enfoncer le cube dans l’eau ??? aidez moi svp , c tout ce qui manque à mon montage... si non, merci pour le tuto il est vraiment genial... Répondre à ce message
        
        Créer des ondes dans l’eau avec Photoshop
        23 mai 2009 12:59, par Cainael
        
        Bonjour, Je suis bloquée a la même étape (5) je n’arrive pas a travailler sur mon masque de fusion, j’ai beau appliquer un dégradé radial dessus (en prenant soin de bien sélectionner le masque de fusion) mais rien n’apparait,le masque de fusion reste blanc, alors qu’il a bien été pris en compte dans l’historique...
        
        pouvez-vous m’aider ?
        Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
12 août 2007 14:00, par MissUmlaut

En fait je cherche un moyen plus général de faire des ondes circulaires de déformation, qui s’appliqueraient sur une image quelquonque . Un peu comme le filtre ondes, mais en radial et avec une amplitude croissante... J’ai tâtonné pour partir de ce tuto, qui m’a donné l’idée de travailler « à plat » en redressant la perspective. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
21 septembre 2007 09:25, par Sébastien

Merci pour ce tuto, pas si difficle que ça puisqu’il est bien expliqué. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
15 décembre 2007 13:56, par missmadinina

ton tutoriel est géniale ta méthode et rapide et efficace

merci
Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
30 décembre 2007 09:58, par Evy

parfait !merci !et tu as bien fait de le mettre et a l’inverse de ce que j’ai lu dans les mess, au contraire ton cube est assez enfoncé dans l’eau, car a l’inverse ca aurait fait bizarre de l’enfoncer moins, puis le principal c’est que l’on sache comment faire, apres les gens font ce qu’il veule s’ilsmettent un oobjet dans l’eau eux de le faire couler ou non ! bravo et encore merci Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
14 février 2008 19:23, par Ver2ter

Vraiment excellent ce tuto !

Je scrute le site depuis quelques jours (semaines ?) et c’est la premiere fois que je trouve l’ensemble des tutos vraiment biens !

Continue comme cela
Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
19 mars 2008 21:17

Exellent et rapide. Merci a l’artiste. Tu m’épargne des Heures de bidouille. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
23 mars 2008 00:54

Moi je dis trés bon tuto, merci Cyril Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
29 avril 2008 14:14, par Rom

Vraiment bien ce site wonka, leger, propre, et tes tutos sont d’une efficacité sans egal. Je l’ai decouvert aujourdhui et je me suis fais du bourrage de crane de techniques, astuces pour realiser toutes sortes de choses. (etudes de graphiste/infogr. depuis 2ans et jen ai appris pas mal grace a tes tutos) Je te souhaite bon courage pour la suite, et c’est vraiment bien ce que tu fais pour les autres, c’est ça le partage des connaissances !

Pour le cube, visuellement, il n’est pas assez sous l’eau, à moins qu-il soit en plastique et creux ^^ dans ce cas j’ai rien dis :p et pour l’eau c’etait plus realiste sans la teinte bleue mais comme ça , ça en jette :D Encore merci ^^ Rom
Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  29 avril 2008 14:16, par Rom
  
  Dailleurs il est en bois ce cube :D Répondre à ce message
  - Créer des ondes dans l’eau avec Photoshop
    29 avril 2008 17:51, par Wonka
    
    Merci pour ton message cela fait très plaisir de se sentir un minimum utile Bonne chance à toi dans l’apprentissage du graphisme ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
30 avril 2008 13:50, par razhen

trop fort ce tuto :x ma ptite contribution ^^ : Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  30 avril 2008 14:57
  
  Très beau, bravo ! Répondre à ce message
  - Créer des ondes dans l’eau avec Photoshop
    10 juin 2008 09:17, par Wonka
    
    On enfonce pas le cube, ou le place au dessus et on cache le bas pour donner l’illusion ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
30 juin 2008 16:56, par arnaud512

encore Merci pour ce magnifique tutoriel. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
3 juillet 2008 14:59, par Neji

Bonjour !

Juste pour dire qu’à partir de l’étape 10 je coince...je n’arrive pas à appliquer un masque de fusion qui cache le bat de l’image...Merci de me donner plus de détails et précisions. De plus, je voudrais savoir comment faire pour intégrer une image en arrière-plan ?
Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
6 juillet 2008 19:44, par zs-poye

salut,

je suis nouveau sur le site et je trouve ce tuto très chic ; car moi même je cherchais depuis longtemps un moyen pour faire cela. mais je n’arrive pas a faire enfoncer le cube. tu a dis comment tu as fais mais moi je voudrais vraiment que tu me dise ou tu es rentrer exactement, la procedure extact pour l’enfoncer s’il te plait. merci
Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
11 juillet 2008 13:51, par Tom

Merci beaucoup pour ce tuto, cela faisait longtemps que je cherchais cet effet. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
26 juillet 2008 18:53, par hermitt

le jour ou je peux quantifier le nombre d’heures que vous m’avez fait ganer en bidouillage intense je vous previens =)

merci encore ! =)
Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
27 octobre 2008 12:33

Je suis bloqué quand il dit :

Je vais ajouter un masque de fusion à mon calque (calque > ajouter un masque de fusion) et avec un dégradé radial blanc sur noir je camoufle les extrémités de mes ronds.

Comment on met un dégradé radial blanc sur noir ?????

Je débute ^^
Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  5 novembre 2008 03:01, par Jb
  
  alors tu dois sélectionner l’outil dégradé dans la barre d’outil (quand tu appuies sur G ca te met sur la case correspondante dans la barre d’outil, mais il se peut que ca sélectionne l’outil « pot de peinture » (qui partage la meme case avec l’outil dégradé) donc il faut cliquer sur la case pour chopper l’autre enfin bon rien de compliqué.)
  
  ensuite en haut du choisir les couleurs du dégradé (blanc vers noir ou noir vers blanc) puis la facon dont ce dégradé s’oppère, tu sélectionne le deuxieme, celui ou tu vois une espece de sphère, ca fait un dégradé autour d’un point, un rond en fait.
  
  Voilà voilà
  Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
4 décembre 2008 15:41, par kom1dune

Petit détournement de ce tuto pour faire une fausse pub ^^

Merci qui ? Merci Wonka
Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  20 décembre 2008 16:31, par Clément
  
  LOL ! Bon c’est pas trop vrai, mais amusant quand même (avec le Zune sa aurais été parfait :p) Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
20 février 2009 13:43, par elYa

sympa petit tuto efficace et simple Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
11 mars 2009 15:08, par Violine

Je me suis bien amusée, merci beaucoup. Les tutos géniaux

Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
21 mai 2009 14:04, par Kevar

Super tuto ! J’ai adapté pour faire une ondulation sur un fond déjà créé. Voila ma créa bien qu’elle ne soit pas encore finit. Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  23 mai 2009 10:45, par Wonka
  
  C’est tout simplement magnifique ! Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  23 mai 2009 13:07, par Cainael
  
  J’essaie aussi d’appliquer ce tuto sur un fond, mais je suis bloquée =(, je trouve votre création superbe, et ce que je cherche a créer est plutôt similaire, y aurait-il un moyen de vous contacter pour de l’aide =) ? Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
23 mai 2009 00:20, par Votre pseudonyme

Bonjour,

très bon tuto. merci

just un petit hic,

le reflet du cube, il doit être ondulé non ?
Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  23 mai 2009 10:44, par Wonka
  
  Oui tu as raison Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
23 mai 2009 13:55, par Cainael

j’aurai besoin d’aide =’( Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
23 mai 2009 17:35, par Cainael

j’ai réglé mon principal problème avec le masque de fusion, mais maintenant, j’ai du mal a incorporer mon personnage, ce que l’on dois effacer, estomper... pour que l’image et le fond ne face plus qu’un. Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  25 mai 2009 19:30, par Wonka
  
  En fait l’image ne fait jamais plus qu’un, mais on essaye de donner l’impression. Le personnage est posé sur le calque eau, puis un masque de fusion vient cacher le bas de ce personnage, faisant comme s’il était enfoncé, dans l’eau ! J’espère que cela t’apportes une piste pour terminer Répondre à ce message
  - Créer des ondes dans l’eau avec Photoshop
    31 mai 2009 18:13, par Cainael
    
    J’ai eu du mal mais voilà le résultat final ... aurais-tu un conseil pour que j’arrive mieux a intégrer les personnage ou ça va ? =) Répondre à ce message
    - Créer des ondes dans l’eau avec Photoshop
      2 juin 2009 12:06, par Wonka
      
      En l’etat je trouve cela pas mal du tout Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
2 août 2009 00:58, par Darkplayer

Merci beaucoup pour ce tuto splendide ! Continue comme ça ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
11 août 2009 01:22, par TameBest

FABULEUX ce tuto ! Je ne le découvre que plus de 2 ans après sa publication mais il reste magnifique ! J’y suis parvenu malgré que je ne maitrise pas les masques de fusion (et que je ne les ai donc pas utilisé). La seule différence étant que mon fond est transparent (et pas noir). Je vais donc ma familiariser avec ces foutus masques ^^ Qui plus est, j’utilise CS3 en ANGLAIS et certains raccourcis ne collent pas au tuto (CTRL N = nouveau document, pas nouveau calque). Merci pour ce tuto ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
18 août 2009 09:59, par Votre pseudonyme

Pouvez-vous me donner plus d’explications pour l’étape9 svp ? Je n’arrive pas à cacher le bas du cube dans l’eau. Merci bcp pour vos tutoriaux. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
26 octobre 2009 12:19, par milan165

je suis bloqué a l’étape 4 l’esquisse dans le menu filtre ne s’ouvre pas aidez moi Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  26 octobre 2009 19:31, par Wonka
  
  Il faudrait vérifier que tu te trouves sur le bon calque ! Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
20 décembre 2009 07:34, par speedhack

Bonjour a tous, pour commencer merci pour ce tuto, c’est vraiment gentil d’aider les gens qui ne savent pas utiliser photoshop. Ensuite, j’avouerai que j’ai un problème (bête peut être)avec l’étape 12, je n’arrive pas a mettre un calque bleu pour mettre une couleur a l’eau. Je ne trouve même pas l’emplacement du pot de peinture pourtant j’ai chercher sur le net. Merci de vos réponse, cela fait 1 jour que j’utilise photoshop, c’est pas encore ça hein =D Répondre à ce message
- Créer des ondes dans l’eau avec Photoshop
  20 décembre 2009 12:34, par Wonka
  
  Tu ne devrais alors pas essayer des tutos qui sont un peu trop compliqué, tu risques de ne plus avoir envie de continuer par la suite. Le pot de peinture est dans la barre d’outil pour la couleur il faut créer un calque le remplir et modifier son mode de fusion en couleur. Bonne chance. Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
12 janvier 18:32, par Corndebouc

Je suis bloqué a l’étape 7, quand je fais le filtre chrome ca me donne pas ca du tout... J’ai réessayé plusieurs fois mais impossible ! Help me please Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
25 février 11:18, par snickers

@corndebouc j’ai eu le même problème que toi, en fait c’est que tu dois d’abord appliquer le masque de fusion avant de mettre l’effet chrome. Merci pour ce tuto c’est la première fois que j’utilise Photoshop et il est très bien expliqué, bien que je galère un peu pour mettre mon image dans l’eau :x Répondre à ce message
Créer des ondes dans l’eau avec Photoshop
17 avril 16:28, par Raz

Merci pour le tuto mais je trouve sa pas trop bien expliquer =/ je galere aussi a partir de letape 7 Répondre à ce message

Livre Photoshop

Découvrez le premier livre écrit par WonkaStudio qui vous apprendra toutes les ficelles pour créer des montages 3d et 2d réalistes et des effets spéciaux grâce à votre logiciel Photoshop! Cliquez ici pour visiter la fiche du livre sur la boutique amazon.com

Wks Tutorial Photoshop - Chercher sur le site

Wks Tutorial Photoshop - Le club Photoshop

Tutoriaux Illustrator, Tutorial Illustrator

Wks Tutorial Photoshop - Les news du site

Enfin des news sur wks.fr

(Cela fait longtemps que je ne me suis plus adressé à vous par le biais de ce système de news sur wks.fr, peut être parce qu’aujourd’hui il est plus simple de « twitter » que d’écrire une nouvelle plus complète et surtout plus gourmande en temps pour moi (écriture) et pour vous (...))

Lire la suite sur le blog wks.fr