Motion Tween dans Photoshop Advertising Blinkie

• Mai 6, 2024

Dans ce didacticiel Photoshop CS3, nous terminerons le blinkie publicitaire en déplaçant le texte et les coccinelles du blinkie, en le laissant vide pour recommencer l'animation. Dans le dernier tutoriel, nous avons terminé le morphing du texte à l'image 74.

Maintenant, nous allons commencer à déplacer la coccinelle rouge sous le camée et vers le texte (J 3 Designs). Donnons à la coccinelle 15 cadres pour atteindre le bord droit du texte. À partir de là, nous déplacerons à la fois le texte et la coccinelle pendant 60 images jusqu'à ce qu'elles disparaissent du blinkie. Ensuite, nous déplacerons la coccinelle dorée du coin inférieur gauche vers le coin supérieur droit et hors du blinkie. Donnons à cette coccinelle 20 images pour cette tâche.

À ce stade, le blinkie sera vide. Donnons au public une petite période de repos de 5 images avant de replacer la coccinelle dorée dans sa position d'origine dans le coin inférieur gauche du blinkie. Cela terminera toute l'animation qui se répétera jusqu'à la fin du monde.

Ouvrez votre fichier de projet blinkie2.psd dans Photoshop^R et commençons.

1. Notre première étape consiste à déplacer la coccinelle rouge vers le texte. Ajoutez l'image 75 et réglez la durée sur 0,1 seconde. Ajoutez l'image 76 et cliquez sur le calque Red Ladybug dans la palette Calques. Maintenant, cliquez sur l'outil Déplacer et utilisez-le pour déplacer la coccinelle en place à l'extrémité droite du texte. Vous pouvez également utiliser les flèches de direction de votre clavier pour positionner la coccinelle.
   
   
2. Sélectionnez les images 75 et 76 et créez une interpolation de mouvement d'une durée de 15 images. Vous devriez maintenant avoir 91 images.
   
   
3. Nous allons maintenant utiliser une interpolation de mouvement de 60 images pour déplacer le bug et le texte hors de vue. Sur l'image 91, sélectionnez les calques Red Ladybug et J 3 Designs dans la palette Calques. Ajoutez un nouveau cadre 92 et faites glisser le bogue et le texte vers la gauche et hors du blinkie. Sélectionnez les images 91 et 92 et ajoutez une interpolation de 60 images. Vous devez avoir 152 images.
   
   Ce serait le bon moment pour tester l'animation.
   
   
4. Il est temps de réveiller cette coccinelle en or et de la mettre au travail. Ajoutez un nouveau cadre 153 et sélectionnez le calque Gold Ladybug dans la palette Calques. Ajoutez un autre cadre 154 et faites glisser la coccinelle dorée en haut à droite et hors du blinkie. Sélectionnez les images 153 et 154 et ajoutez une interpolation de 20 images. Vous devez avoir 174 images.
   
   
5. Nous voulons que le blinkie soit vide pour la longueur de cinq images .l sec. Modifions donc la durée de l'image 174 à 0,5 seconde.
   
   Enfin, nous devons replacer la coccinelle dorée dans sa position de départ.
   
   
6. Revenez à l'image 1 et cliquez sur Copier l'image dans le menu local de la palette Animation. Sélectionnez la dernière image (174) et cliquez sur Coller l'image. Dans la boîte de dialogue Coller les images, choisissez Coller après la sélection et cliquez sur OK. Cela ajoutera l'image 175.
   
   
7. Ajoutez une nouvelle image 176 pour dupliquer l'image 175. Revenez à l'image 175 et, avec le calque Gold Ladybug toujours sélectionné dans la palette Calques, faites glisser la coccinelle vers le bas et hors du blinkie.
   
   
8. Sélectionnez les images 175 et 176 et ajoutez une interpolation à 10 images. Vous devriez avoir 186 images.
   
   
9. Assurez-vous que les options de boucle sont définies sur Forever (en bas de la palette d'animation) et enregistrez votre blinkie sous AdvBlinkie.psd. Revenez à l'image 1 et testez votre blinkie fini. Vous voudrez également utiliser l'option Enregistrer pour le Web et les périphériques dans le menu Fichier pour enregistrer votre blinkie au format gif pour le Web.
   
   

Copyright 2018 Adobe Systems Incorporated. Tous les droits sont réservés. Copies d'écran des produits Adobe reproduites avec la permission d'Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst et Flash Paper Paper est / sont [une] marque [s] déposée (s) ou une marque [s] d'Adobe Systems Incorporated aux États-Unis et / ou dans d'autres pays.

Instructions Vidéo: Clip Studio Paint Animation Tutorial Beginners Tips & Tricks (Mai 2024).