Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Photoshop CS6 a quelques fonctionnalités intéressantes, l’une d’entre elles est la nouvelle chronologie pour les animations de base et cette fois Photoshop obtient un peu le goût d’After Effects. Comme l’idée du blog est de jouer avec ces outils, nous avons décidé de proposer quelque chose pour cette nouvelle fonctionnalité.

Donc, dans ce tutoriel, nous allons vous montrer une animation simple utilisant la nouvelle chronologie et quelques astuces d’effets de lumière. L’ensemble du processus est super simple et ne vous prendra pas plus de 20 minutes.

Étape 1

Ouvert Photoshop CS6 et créer un nouveau document. Remplissez le calque d’arrière-plan avec n’importe quelle couleur, puis allez à Calque>Calque>Styles>Superposition de dégradé. Utilisation Radial pour le style et pour les couleurs utiliser du noir et #38556f pour le centre.

Étape 2

Ajoutez un nouveau calque et remplissez-le avec un motif. j’en utilise un de http://subtlepatterns.com/ appelé Bruit brisé. Utilisation Lumière douce pour le mode de fusion.

Jouer avec la chronologie dans Photoshop CS6

Étape 3

Ajoutez un texte que vous souhaitez utiliser pour l’effet de lumière. J’utilise la lettre A d’Abduzeedo en utilisant une police de pochoir appelée Major Snafu. Vous pouvez le télécharger sur http://www.dafont.com/major-snafu.font?text=a+A

Jouer avec la chronologie dans Photoshop CS6

Étape 4

Pour créer l’effet de lumière, nous allons utiliser Styles de calque. Suivez simplement les instructions ci-dessous pour Bevel & Emboss, Inner Shadow, Inner Glow, Color Overlay, Outer Glow et Drop Shadow.

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Étape 5

Dupliquez le calque et désactivez les styles de calque. Utilisation Ombre intérieure et Lueur intérieure en utilisant les paramètres ci-dessous.

Jouer avec la chronologie dans Photoshop CS6

Jouer avec la chronologie dans Photoshop CS6

Étape 6

Ce sont les résultats que vous obtiendrez après les styles de calque. C’est très similaire avec un autre tutoriel que j’ai écrit il y a quelques années pour montrer comment créer un effet néon dans Photoshop. Encore une fois, l’idée de ce tutoriel est de jouer avec la fonctionnalité de chronologie. C’est pourquoi je couvrirai les premières étapes rapidement.

Jouer avec la chronologie dans Photoshop CS6

Étape 7

Ajoutez 2 couches au-dessus des autres couches et nommez-les droite et gauche. Ensuite, regroupez ces 2 calques dans un dossier. Changer le dossier Mode de fusion à Color Dodge. Avec le Outil Pinceau (B) et un pinceau très doux, peignez avec du blanc en haut de la partie droite de la lettre A. Sélectionnez le calque de gauche et peignez une autre tache de lumière en haut de la partie gauche. Utilisez l’image ci-dessous pour référence.

Jouer avec la chronologie dans Photoshop CS6

Étape 8

Aller à Fenêtre>Chronologie. Vous verrez le panneau de chronologie. La première chose que vous remarquerez est que tous les calques sont dans la timeline. Sélectionnez les 2 calques dans le dossier. Développez-les dans l’arborescence et assurez-vous que la chronologie est dans l’image 0. Cliquez sur l’option Position pour créer une image clé.

Jouer avec la chronologie dans Photoshop CS6

Étape 9

Déplacez la chronologie à la position 1:00, puis déplacez les calques de la composition là où vous souhaitez qu’ils se déplacent.

Jouer avec la chronologie dans Photoshop CS6

Étape 10

Ce serait la deuxième position des taches lumineuses.

Jouer avec la chronologie dans Photoshop CS6

Étape 11

Déplacez à nouveau la chronologie, puis déplacez les calques pour créer de nouvelles images clés.

Jouer avec la chronologie dans Photoshop CS6

Étape 12

Continuez à les déplacer jusqu’à ce que vous ayez terminé l’animation souhaitée.

Jouer avec la chronologie dans Photoshop CS6

Chronologie

Voici à quoi ressemble la chronologie. Notez les images clés des points où l’animation change de position.

Jouer avec la chronologie dans Photoshop CS6

Conclusion

Après quelques étapes, voici l’animation finale. L’utilisation de la timeline est assez simple si l’on compare le nombre d’étapes nécessaires pour créer l’effet de lumière. Ce qui est cool, c’est que Photoshop nous facilite la vie lorsqu’il s’agit de créer des animations simples.

Télécharger le fichier Photoshop

Télécharger le fichier source