Avec l'introduction du panneau Montage dans Photoshop CS6, Adobe a exploité une grande partie de ses nouvelles capacités d'édition vidéo qui vous permettent d'éditer, d'améliorer et de rendre des vidéos directement dans Photoshop. Bien qu'Adobe le vante principalement comme un outil de montage vidéo, ce qui est vraiment intéressant pour moi, c'est la possibilité de créer des séquences animées rapides directement à partir de Photoshop sans avoir besoin de changer de logiciel.
Ici, je vais vous montrer comment créer rapidement un petit écran de démarrage animé pour l'iPad. Pour les concepteurs habitués à travailler avec Flash ou After Effects, ces outils peuvent sembler assez basiques, mais pour tout concepteur souhaitant se lancer dans des animations graphiques, ils fournissent une introduction rapide et facile à la notion de chronologie et d'images clés. Bien sûr, la sortie finale n'a pas besoin d'être pour un écran de démarrage iPad, vous n'êtes donc limité que par votre imagination dans l'utilisation de votre sortie finale.
01 Commencez par configurer un nouveau document à la résolution iPad souhaitée dans le menu déroulant Mobile et appareils. Remplissez l'arrière-plan avec une couleur de votre choix (gris dans ce cas), créez un carré blanc au centre sur un nouveau calque, puis créez deux points noirs et accrochez-les à deux coins opposés, à nouveau sur des calques séparés. Étiquetez tout de manière appropriée pour vous faciliter la vie plus tard.
02 Dans le panneau Chronologie, appuyez sur Créer une chronologie vidéo, et tous vos calques apparaîtront dans la chronologie. Réglez-le à 00:00, sélectionnez Spot 01 et développez le calque à l'aide de l'icône en forme de triangle. Cliquez maintenant sur l'onglet Position pour créer une image clé. Déplacez la chronologie sur 01:00 et créez une autre image clé de position. Maintenant, déplacez le point en bas à gauche du carré et répétez le processus pour le deuxième endroit en utilisant exactement les mêmes horaires. Répétez le processus avec les points à une seconde d'intervalle jusqu'à la marque de trois secondes, en créant des images clés au fur et à mesure.
03 Revenez à 00:00 et, sur un nouveau calque juste au-dessus de l'arrière-plan, créez une sélection diagonale et remplissez-la d'une couleur. Nous voulons que cette forme glisse vers l'intérieur et l'extérieur. Créez une image clé de position à 00h00 et, en maintenant la touche Maj enfoncée, déplacez la forme hors du canevas. À 01h00, créez une autre image clé et replacez la forme dans sa position d'origine. Lisez-le et il semble glisser. Vous pouvez voir comment les images clés correspondent à celles des emplacements.
04 Déplacez maintenant la chronologie le long de 10 autres images à 01:10 et replacez la forme à une position juste dans les limites du document. Ramenez la chronologie à 01:00 où la forme est en plein écran, sélectionnez tout et copiez le calque. Sur le calque carré, appuyez sur Cmd / Ctrl + A pour faire une sélection, puis allez dans Édition> Coller dans pour coller la forme dans le carré sur un nouveau calque. Remplissez-le de noir, étiquetez-le correctement et déplacez-le au-dessus du calque carré d'origine.
05 Maintenant, nous voulons que la forme intérieure noire glisse avec la forme jaune. Déplacez le calque sur la chronologie à 00:00 et répétez le processus à partir de la forme jaune précédente, en définissant la première image clé à 00:00 avec la forme complètement hors de la toile et à 01:00 avec elle complètement en vue, mais ensuite n'ajoutez plus d'images clés pour qu'il semble glisser avec le calque jaune, mais reste en place.