Créer des chutes de neige animées dans Photoshop

La création numérique de neige peut souvent être assez difficile à générer dans Photoshop, de manière réaliste. Nous avons récemment publié un didacticiel expliquant comment ajouter de la neige à une image fixe. Nous avons donc décidé que ce serait amusant de montrer comment créer un effet de chute de neige animé et réaliste dans Photoshop, puis de le transformer en fichier GIF animé. fichier. Commençons!


Atouts du tutoriel

Pour compléter le didacticiel, vous aurez besoin des éléments suivants:

  • Central Park en hiver - Image de Grant Friedman

Vidéo sans narration

Cette vidéo a été enregistrée au cours du processus de création de ce tutoriel. Malheureusement, nous n'avons pas pu enregistrer d'audio pour cette vidéo, elle est donc silencieuse. Nous voulions l'inclure dans la partie écrite de ce tutoriel au cas où cela pourrait vous être utile..


1. Créer les flocons de neige

Étape 1

Créer un nouveau document 800 px sur 800 px.


Étape 2

Sélectionnez le Pinceau (B) et mettre le Taille à un petit nombre tel que 4.


Étape 3

Sur un nouveau calque, peignez des points noirs au hasard sur la toile. Chaque point deviendra un seul flocon de neige. Nommez cette couche Flocons de neige. Il est important d'éviter de regrouper trop de flocons de neige dans une même zone..



2. Configurer l'animation

Étape 1

Avant de commencer à animer les flocons de neige, il est important d’examiner leur chute. Lorsque les flocons de neige tombent du ciel, je pense qu'ils flottent dans leur descente, leur donnant une apparence gracieuse. (Voir image ci-dessous). Suite à cette interprétation de la neige qui tombe, nous pouvons identifier deux mouvements; tomber (vers le bas) et flotter (côte à côte). Pour animer la neige qui tombe, nous allons commencer par le léger mouvement d'un côté à l'autre.


Étape 2

Ouvrez le Panneau Montage (Fenêtre> Montage).


Étape 3

le Panneau de la timeline apparaît, mais il n’affiche pas de scénario au début. Au lieu de cela, un seul bouton apparaît vous demandant quel scénario vous souhaitez utiliser. Assurez-vous de sélectionner Créer une chronologie vidéo.


Étape 4

Maintenant qu'un scénario vidéo a été créé, deux calques doivent être visibles dans le scénario. Ceux-ci correspondent aux deux calques du scénario. Panneau de couches. dans le Panneau de la timeline, cliquez sur la flèche à côté du Flocon de neige couche afin de révéler les propriétés de l'animation.


Étape 5

Assurez-vous que la tête de lecture est bien positionnée sur la première image et cliquez sur l’icône du chronomètre pour l’afficher. Activer l'animation par image clé. Cela placera automatiquement une image clé sur la première image.


Étape 6

Avant d’ajouter du mouvement, il est utile de configurer certains guides. Zoomez sur l'un des flocons de neige et placez un guide vertical dessus.


Étape 7

Placez deux autres guides de chaque côté du flocon de neige. Cela représentera la distance que nous allons déplacer le flocon de neige d'un côté à l'autre.

Pointe: Utilisez le Barre de règles (Commande / Ctrl + R) pour vous assurer que les deux guides sont à égale distance du guide central.



3. Animer un mouvement latéral

Étape 1

Maintenant que notre scène est configurée et que l'animation par images clés est activée, nous pouvons commencer à déplacer nos flocons de neige pour les animer. Placez la tête de lecture sur le repère d’une seconde (1: 00f) sur la timeline et, à l’aide des touches Outil de déplacement, déplacez le flocon jusqu'à ce qu'il atteigne le guide de gauche.

Pointe: Maintenir la touche enfoncée contraint le mouvement horizontalement.


Étape 2

Ensuite, avancez la tête de lecture sur le repère des trois secondes (3: 00f) et déplacez le flocon de neige vers le guide de droite..


Étape 3

Enfin, avancez la tête de lecture sur le marqueur des quatre secondes (4 h 00) et ramenez le flocon de neige sur le guide central..


Étape 4

Comme notre animation doit durer plus de quatre secondes, nous devons définir la fin de la zone de travail sur le repère des quatre secondes. Faites glisser le Fin de la zone de travail marqueur au marqueur de quatre secondes (4: 00f). Cliquez également sur le menu déroulant en haut à droite de la fenêtre. Panneau de la timeline et choisir Lecture en boucle.


Étape 5

presse Barre d'espace prévisualiser l'animation.


Étape 6

Après avoir regardé l'animation, le mouvement du flocon de neige est trop sévère. Cela peut être atténué en ajoutant des images clés supplémentaires. Faites glisser la tête de lecture juste avant le marqueur d’une seconde (1:00). Notez la position du flocon de neige.


Étape 7

En utilisant le Touches directionnelles, pousser le flocon plus près du guide.


Étape 8

Répétez cette opération pour l’autre côté du marqueur minute (1: 00f)


Étape 9

Faites la même chose au marqueur de trois secondes (3: 00f).


Étape 10

Prévisualisez l'animation en appuyant sur Barre d'espace. En rapprochant les flocons de neige du guide, nous avons facilité le changement de direction (ce qui lui a donné un mouvement plus naturel)..



4. Configurer pour plus d'animation

Étape 1

Maintenant que les flocons de neige ont une animation d'un côté à l'autre, nous devons nous assurer qu'aucun d'entre eux n'est en train d'être animé hors de la toile. Vérifiez les bords de l’animation pour détecter les flocons de neige qui disparaissent et utilisez la commande Outil Gomme (E) pour les enlever.


Étape 2

Cliquez sur l'icône en forme d'œil sur le Contexte couche dans notre Panneau de couches. Cela va masquer le calque blanc pour que nos flocons de neige apparaissent sur un fond transparent.


Étape 3

Sélectionnez les deux couches dans le Panneau de couches et faites un clic droit. Choisir Convertir en objet intelligent. Il est important que les deux couches soient sélectionnées.


Étape 4

La prochaine étape consiste à élargir notre toile pour faire de la place pour animer la neige qui tombe. En utilisant le Outil de recadrage (C), Saisissez le bord inférieur et tirez vers le bas pour étendre la toile. En portant Alt étendra la toile également dans les deux sens.


Étape 5

Créer un nouveau calque sous le Flocons de neige couche et Remplir avec du blanc.


Étape 6

Positionner le Flocons de neige couche vers le haut de la toile.



5. animer le mouvement descendant

Étape 1

dans le Panneau de la timeline, cliquez sur la flèche sur le Flocons de neige couche pour révéler les propriétés de l'animation. Notez que le Position la propriété a été remplacée par le Transformer propriété puisque c'est maintenant un objet intelligent.


Étape 2

Faites glisser le Fin de la zone de travail marqueur aux quatre secondes (4: 00f).


Étape 3

Déplacez la tête de lecture sur la première image et cliquez sur l'icône du chronomètre pour Activer l'animation par image clé et de placer une image clé à la première image.


Étape 4

Déplacez la tête de lecture sur le marqueur des quatre secondes (4: 00f) et utilisez la commande Outil de déplacement (V) faire glisser le Flocons de neige couche en bas de la toile.


Étape 5

presse Barre d'espace pour prévisualiser l'animation. Comme vous pouvez le constater, la neige tombe maintenant gracieusement avec un léger mouvement latéral. Dans les prochaines étapes, nous allons remplir la neige pour recouvrir le reste de la toile.



6. Ajouter plus de neige

Étape 1

Faire une copie (Couche> Couche dupliquée) du Flocons de neige couche. Cela peut aussi être fait dans le Panneau de couches en faisant glisser la couche sur la Icône Créer un nouveau calque. La duplication de la couche conserve l'animation. Remarque: en appuyant sur Commande / Ctrl + J ne fonctionnera pas car il ne copie pas les propriétés d'animation sur.


Étape 2

Déplacez le nouveau calque sur la timeline pour le placer autour du marqueur de dixième image (10f).


Étape 3

presse Barre d'espace pour prévisualiser l'animation. La neige continue maintenant de tomber du haut de la toile.


Étape 4

Continuez cette technique jusqu'à ce que toute la toile soit recouverte de neige. Il peut être nécessaire de régler les images clés manuellement pour certaines des couches..

Étape 5

Remarquez comment la chute de neige semble trop uniforme. Pour ajouter une certaine variation, nous pouvons créer un autre calque dupliqué et l’image-clé pour qu’il tombe plus rapidement que le reste de la neige..

Pour ajouter encore plus de variation, modifiez les images clés de certaines couches afin de les déplacer plus rapidement ou plus lentement. Assurez-vous simplement qu'il n'y a pas de lacunes dans la neige.


Étape 6

Tout sélectionner Flocons de neige couches et Convertir en objet intelligent.



7. Ajouter une variation à la neige

Étape 1

Les chutes de neige commencent à mieux paraître, mais il reste encore beaucoup à faire. Au cours des prochaines étapes, nous ajouterons plus de variété et de densité aux chutes de neige. Commencez par faire un Copier (Commande / Ctrl + J) du Flocons de neige couche (puisque toute l'animation est à l'intérieur de l'objet intelligent, nous pouvons copier l'objet intelligent tout en conservant l'animation).

Assurez-vous que la tête de lecture est à la première image pour que notre calque anime les quatre secondes..


Étape 2

Transformer (Commande / Ctrl + T) cette couche de sorte qu'il est légèrement plus grand et décentré.


Étape 3

Faire un autre Copier (Commande / Ctrl + J), et redimensionnez-le et faites-le pivoter dans le sens opposé. Cela fera que la neige sillonnera, lui donnant un comportement plus réaliste.


Étape 4

Continuez à ajouter de nouvelles copies de neige et à les transformer de différentes manières afin d'ajouter de la variation à la taille et à la vitesse (une couche augmentée verticalement semblera avoir des chutes de neige plus rapides que celle qui a été réduite verticalement). Veillez à ne pas exagérer les transformations.


Étape 5

presse Barre d'espace pour prévisualiser les résultats. Depuis que nous avons ajouté des calques et des calques d'objets intelligents animés, Photoshop peut ralentir un peu en essayant de rendre un aperçu..


Étape 6

Enfin, assurez-vous que le Fin de la zone de travail a été déplacé vers le marqueur des quatre secondes (4: 00f). Lorsque vous êtes satisfait des résultats, sélectionnez toutes les couches et Convertir en objet intelligent. Renommez le calque en Chute de neige. Enregistrer (Commande / Ctrl + S) le fichier.



8. Préparer une image pour la neige

Étape 1

Maintenant que la neige a été créée, nous pouvons travailler à préparer une image prête à recevoir la neige. Ouvrez l'image de votre choix. Dans ce cas, j'utilise une photographie de Tuts + Editeur Photoshop, Grant Friedman de Central Park.


Étape 2

L'étape suivante consiste à recadrer la photo. Je ne suis jamais un grand fan de recadrage de photos qui ne sont pas les miennes. Cependant, puisque le résultat final sera un GIF carré, cela doit être fait. Utilisez le Outil de recadrage (C) et réglez le format d'image sur 1: 1 (carré).


Étape 3

Ajustez les guides de recadrage à l’écran pour recadrer l’image à 600 px par 600 px. Cliquez sur la coche (ou appuyez sur Entrée) pour valider les modifications..



9. Ajouter de la neige à une photo

Étape 4

Accédez à notre document sur les chutes de neige, cliquez sur la toile et faites glisser le calque jusqu'à l'onglet du document contenant la photo. En survolant l'onglet ouvrira le document. Continuez à faire glisser le document photo et relâchez le bouton de la souris. L'objet intelligent doit être placé au-dessus de notre photo.


Étape 2

Si la Panneau de la timeline n'est pas déjà ouvert, allez à Fenêtre> Chronologie. Cliquez sur le bouton pour Créer une chronologie vidéo.


Étape 3

Faites glisser le Fin de la zone de travail au marqueur des quatre secondes (4: 00f).


Étape 4

presse Barre d'espace pour prévisualiser l'animation. Comme mentionné précédemment, le rendu de l'animation par Photoshop peut prendre un peu de temps. La chute de neige devrait être facile à voir car tout est en noir (nous le changerons plus tard).



10. Remplissez la photo avec de la neige

Étape 1

Il est maintenant temps d'ajouter des couches de neige à la photo. Commencez par redimensionner (Commande / Ctrl + T) la Chute de neige couche de sorte qu'il est juste plus grand que la toile.


Étape 2

Copier (Commande / Ctrl + J) la Chute de neige couche et Transformer (Commande / Ctrl + T) à insérer dans la zone vers l’arrière du chemin. Comme cette couche de neige est plus petite, la chute de neige apparaîtra plus lentement, comme dans la vraie vie.


Étape 3

Pour éviter que la neige apparaisse et disparaisse soudainement du haut et du bas du calque, nous devons ajouter un masque de calque. Tout d'abord, cachez l'original Chute de neige couche (nous voulons voir la couche copiée clairement). Ensuite, cliquez sur le Ajouter un masque de calque icône et utilisez une grande brosse douce pour masquer le haut et le bas du calque.


Étape 4

presse Barre d'espace pour prévisualiser l'animation. La neige devrait sembler tomber derrière la limite des arbres et s'arrêter au sol dans le lointain.


Étape 5

Faire un Copier (Commande / Ctrl + J) de cette couche et redimensionner (Commande / Ctrl + T) être un peu plus grand que la couche précédente. Cette couche de neige devrait sembler être à mi-chemin du chemin.

Le masque de calque sera également copié. Modifiez ceci pour la couche de neige plus grande.


Étape 6

Faire un autre Copier (Commande / Ctrl + J). Cette fois, jetez le masque de calque dans l’icône corbeille au bas de la Panneau de couches. Photoshop vous indiquera quoi faire avec le calque. Sélectionner Effacer.


Étape 7

Redimensionnez ce calque. Continuer à faire des copies supplémentaires et Transformer (Commande / Ctrl + T) de différentes manières pour ajouter de la variation.


Étape 8

Ensuite, créez un autre Copier (Commande / Ctrl + J) et redimensionner le calque à environ 175%.


Étape 9

Ajouter un Flou gaussien (Filtre> Flou Flou gaussien) avec un Rayon de 2,9 px. Cela donnera l’illusion que la neige est floue et tombe juste devant la caméra.


Étape 10

A titre facultatif, ajoutez une petite quantité de Flou gaussien aux deux couches les plus en arrière.



11. Finaliser la neige

Étape 1

Une des dernières choses à faire est de blanchir les flocons de neige. Pour faire ça, double-cliquez une des vignettes du Chute de neige objets intelligents. Cela ouvrira cet objet intelligent pour édition. Assurez-vous de masquer le calque d'arrière-plan blanc.


Étape 2

Ensuite, ajoutez le Inverser calque de réglage en haut de la pile de calques. Le résultat devrait être une neige blanche sur un fond noir.


Étape 3

Enregistrer (Commande / Ctrl + S) le document objet intelligent et revenir au document de travail. Vous remarquerez peut-être que la photo n'est plus visible. Sélectionnez toutes les couches de neige et modifiez le Mode de fusion à l'écran.


Étape 4

presse Barre d'espace pour un aperçu. Toutes les couches de neige que nous avons ajoutées ont créé un effet de parallaxe, donnant l’apparence de profondeur à la chute de neige..



12. Modifier la neige

Étape 1

Puisque tout a été créé à l'aide d'objets intelligents, nous pouvons facilement modifier les chutes de neige. Dans ce cas, la neige peut sembler plus épaisse et peut-être un peu plus douce. Éditer la neige, double-cliquez la vignette d'un des objets intelligents.


Étape 2

Si les chutes de neige semblaient trop uniformes dans notre premier aperçu, prenez le temps de repositionner et de redimensionner le Flocon de neige couches jusqu'à ce que vous soyez satisfait de la variation.


Étape 3

Continuer à double-cliquez chaque objet intelligent jusqu'à ce que nous arrivons à l'original Flocons de neige couche.


Étape 4

Double-cliquez la Flocons de neige couche et ajouter un noir Lueur externe style de calque en utilisant les paramètres ci-dessous. Cliquez sur OK.


Étape 5

Enregistrer (Commande / Ctrl + S) et Fermer chaque document d'objet intelligent jusqu'à ce que nous revenions à notre scène de chute de neige. presse Barre d'espace pour prévisualiser l'animation. La neige est beaucoup mieux.



13. Créer le GIF

Étape 1

Le moyen le plus rapide de créer un fichier GIF consiste généralement à utiliser le Enregistrer pour le Web option. Cependant, comme nous avons utilisé de nombreux objets intelligents superposés pour construire notre scène, Photoshop va sans aucun doute ralentir lorsque nous essayons de traiter toutes ces informations. Au lieu de cela, nous allons d'abord créer un fichier vidéo. Aller à Fichier> Exporter> Render Video


Étape 2

dans le Rendre la vidéo dans le panneau de configuration, modifiez les paramètres à votre guise ou utilisez les paramètres ci-dessous et cliquez sur Rendre.


Étape 3

Une fois le rendu du fichier terminé, localisez-le sur votre ordinateur et ouvrez-le à nouveau dans Photoshop. Photoshop devrait automatiquement ouvrir ceci en tant que fichier vidéo


Étape 4

Maintenant, allez à Fichier> Enregistrer pour le Web et ajustez les paramètres à votre convenance et cliquez sur Terminé. Si vous souhaitez que votre animation se répète en boucle, assurez-vous de l'activer. Pour plus d'informations sur l'optimisation d'un fichier GIF, consultez l'article de Martin Perhiniak intitulé 10 façons d'optimiser un fichier GIF animé..



Toutes nos félicitations! Vous avez terminé.

Dans ce didacticiel, nous avons appris à transformer une animation traditionnellement complexe, telle une chute de neige, en plusieurs animations simples à l'aide d'objets intelligents. J'espère que ce tutoriel vous a montré à quel point l'animation dans Photoshop peut être vraiment simple..