Conception d'un Blinkie pour l'animation Flash CS3

• Mai 18, 2024

Le propriétaire de J3 Designs m'a demandé de créer un blinkie publicitaire pour son site de scrapbooking numérique. Elle voulait conserver l'élégance classique de la marque de l'entreprise et m'a donné un ensemble de graphiques qu'elle avait déjà utilisé pour son logo. Ceux-ci se composaient d'un camée, de dentelle, de fond grunge, d'un arc, de fleurs séchées et de deux coccinelles. Ces graphiques ont été créés à l'origine à 300 dpi et étaient très grands. Mon premier travail a donc été de réduire chaque graphique à 72 dpi et à une taille suffisamment petite pour être utilisée dans un blinkie de 150 x 50 pixels. À partir de ce test, j'ai pu déterminer quels éléments pouvaient être utilisés à une si petite taille sans perdre trop de détails.

J'ai été surpris que la plupart des éléments fonctionnent bien avec une telle réduction de taille, à l'exception du camée et des fleurs séchées. Réduit à une hauteur de 50 pixels, la plupart des détails ont été perdus de ces éléments. Mais le camée était une partie si importante du logo, j'ai décidé de n'utiliser que la moitié supérieure du camée. En faisant cela, je n'ai pas eu besoin de réduire l'image à une si petite taille et j'ai enregistré la plupart des détails du caméo.

J'ai commencé à construire le design avec les éléments d'arrière-plan statiques. Ces éléments ne feraient pas partie de l'animation. Je choisis l'un des quatre arrière-plans grunge inclus dans les exemples graphiques comme couche d'arrière-plan globale. Ensuite, j'ai ajouté la dentelle et le camée. Pour économiser de l'espace en haut du blinkie pour l'animation de texte, j'ai placé la dentelle à un angle dans le coin inférieur gauche. Enfin, j'ai ajouté l'une des deux coccinelles. Mais ces coccinelles n'attendaient que d'être animées.

Le fondement de l'animation serait composé de plusieurs animations de texte. Mais ces coccinelles ne cessaient de me regarder, alors j'ai décidé d'ajouter une deuxième animation avec les coccinelles. Une coccinelle serait visible pendant l'animation du texte, puis la deuxième coccinelle apparaîtrait sous le camée. Enfin, ils ramperaient ensemble. Pour ce faire, j'avais besoin de séparer le calque d'arrière-plan en plusieurs calques. La première couche d'arrière-plan serait le graphique grunge. Le second serait la dentelle et le camée. Bien sûr, j'avais besoin de PNG des deux coccinelles, de la dentelle et du caméo afin de maintenir la transparence dans Flash.

Donc, j'avais maintenant quatre couches pour mon blinkie, en plus de la couche d'animation de texte, que j'ajouterais plus tard.

La plupart des blinkies sur les sites de scrapbooking mesurent 150 x 50 pixels. Cela ne vous laisse pas beaucoup d'espace pour une animation de texte compliquée. J'ai décidé d'utiliser les effets de chronologie intégrés pour animer le texte. La première partie de l'animation serait le nom du concepteur. Il existe cinq concepteurs pour ce site Web, dont moi-même. Le nom de mon entreprise étant le plus long, j'ai décidé de créer l'animation originale en utilisant mon nom. Ensuite, il serait facile de changer le nom du créateur pour les quatre autres blinkies. Maintenant que le design est construit, nous sommes prêts à construire notre animation.

J3 Designs

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: Edge Lighting & Notification Tutorial for Galaxy S8, S8+ & Note 8 (Mai 2024).