silverfox Acceuil Photoshop Illustrator Partenaires Contact

Tout SilverFox

portfolio

Publicité

Suivez SilverFox

Tuto Photoshop - Pluie

Nous allons voir ici comment animé de la pluie avec Photoshop / Image Ready

pluie 01

Ce tuto a pour but de vous faire manier Image Ready, avec une animation simple.

Nous allons commencer par créer la lumière générée par un éclair.

Ouvrez une image pluvieuse, que vous allez sauvegader sous un autre nom, nous allons avoir besoin de l'image d'origine plus tard.

Allez dans Images / Mode / Niveau de gris.

pluie 02

Appelez les courbes (CTRL+M) et rabaisser la courbe. Les réglages dépendront de votre image.

pluie 03

Vous devriez avoir quelque chose comme ca.

Dupliquez l'image 3 fois (CTRL+J)

pluie 04

Abaissez l'opacité sur les 3 images dupliquées tel que :
pluie ==> 100%
pluie copie 2 ==> 75%
pluie copie 3 ==> 50%
pluie copie 4 ==> 25%

Passez l'image en mode RVB maintenant, ne fusionnez pas les calques.

pluie 05

Appuyer sur D pour réinitialiser les couleurs, créez un nouveau calque que vous remplissez de noir.

Réimportez l'image d'origine.

pluie 06

Nous allons créer les gouttes de pluie.

Sélectionnez le calque noir, puis allez dans Filtre / Bruit / Ajout de bruit.
Facteur de 50%, Répartition gaussienne et cochez monochromatique.

pluie 07

Retournez dans les filtres et faite Atténuation / Flou directionnel.

Entrez un angle de 60 et une distance de 20.

Faites différents tests afin de trouver l'intensité de pluie qui vous convienne.

pluie 08

Recréez un nouveau calque, remplissez le de noir, faites un bruit et appliquez un flou directionnel avec les valeurs que vous avez entrez précédement.

Recommencez l'opération 5 fois, ou plus. Plus vous aurez de calques, moins la répétition se vera lors de l'animation. Passez tous ces calques en mode superposition.

pluie 09

Faites maintenant un éclair et mettez le lui aussi en mode superposition.
Un tuto a été créé pour les réaliser, ici.

Vous êtes maintenant prêt pour aller sur Image Ready.
Cliquez sur cette icône pluie 10 vous la trouverez en bas de la palette Outil ou en faisant CTRL+MAJ+M

Attention, pour les utilisateurs des versions CS, Image Ready est maintenant intégré à Photoshop. Pour afficher la fenêtre d'animation allez dans le menu Fenêtre / Animation. Cliquez ensuite sur cet icone pour passez en mode Animation d'images :
pluie 10
Elle se trouve tout en bas à droite.

pluie 11

Image Ready se comporte un peu comme Photoshop, vous pouvez d'ailleur y voir vos calques. Vous remarquerez qu'il y a une TimeLine. C'est là que se décomposera votre animation.

pluie 12

Masquez tous les calques, sauf ceux qui sont sur la capture. Pour cela, il sufit de cliquer sur le petit oeil.

pluie 13

Allez dans la TimeLine et cliquez sur cette icône. Cela aura pour effet de dupliquer l'image précédente.

pluie 14

Masquez maintenant le nommé "Calque 1" ici, et faites apparaître le "Calque 3". L'image contenu dans la TimeLine est la combinaison des calques que vous venez d'afficher.

pluie 15

Dupliquez l'image précédente dans la TimeLine.

pluie 16

Masquez le calque 3 et affichez le 4.

pluie 17

Dupliquez l'image précédente dans la TimeLine.

Continuez ainsi jusqu'à l'éclair.

Vous avez normalement 6 images dans la TimeLine après duplication de la dernière image. Nous allons faire apparaître l'éclair.

Affichez ces calques.

pluie 18

Dupliquez l'image précédente dans la TimeLine.

Affichez ces calques.

Passez l'éclair à 75% d'opacité.

Continuez en passant l'éclair à 50%, et enfin à 25%, tout en affichant en parallèle la lumière qui est de même opacité.

pluie 19

Une fois que vous avez terminé, allez dans Fichier / Enregistrez une copie Optimisée sous.

Vérifiez bien que votre format de fichier est le .gif, si ce n'est pas le cas, sélectionnez le dans la liste deroulante.

pluie 20

50 images plus tard... Vous pouvez obtenir quelque chose comme ca.