Palmiers animés à partir de graphiques raster

• Mai 11, 2024

Dans les deux prochains tutoriels, nous allons animer des palmiers en Flash^R CS5. Cela faisait partie d'une animation ecard Flash que j'ai créée pour Pamela Gladding Ecards. L'œuvre a été réalisée par Louise Max, l'une des artistes de P G Ecards. Pamela a conçu le storyboard d'animation pour cette carte électronique et l'une des premières tâches a été d'animer deux palmiers sur la plage. Cette animation se poursuivra tout au long de l'animation de la carte électronique et également après la fin de la carte.

Je n'ai pas vu de palmier, alors je suis allé sur Google et j'ai cherché des vidéos de palmiers se déplaçant dans le vent. Ce que vous remarquerez d'abord, c'est que, à moins qu'il ne s'agisse d'un ouragan, le tronc du palmier bouge très peu. Toute l'action est dans les paumes, qui se balancent gracieusement dans le vent.

Lorsque l'illustration de la carte électronique m'a été envoyée par e-mail dans un fichier Photoshop en couches, les paumes du palmier ont été copiées (en une seule pièce) de l'arrière-plan et placées sur un calque transparent. Donc, nous avions le calque d'arrière-plan qui contenait tout (ciel, sable et arbres) et un calque avec le groupe de palmiers.

À ce stade, la seule façon d'animer les paumes serait de faire pivoter le groupe de paumes dans une couche d'interpolation au-dessus de l'arrière-plan. Cependant, cela n'aurait pas l'air trop réaliste. Tout d'abord, le groupe de palmiers d'origine, qui se trouve toujours dans le calque d'arrière-plan, s'affichera lors de la rotation du calque de palmier. Deuxièmement, dans la vraie vie, chaque paume se déplace individuellement et non pas en groupe.

Étant donné que les animations de carte électronique pour les cartes électroniques P G sont créées à partir de graphiques raster, les possibilités d'animation sont limitées par rapport à une animation plus vaste. Donc, n'importe quelle façon que nous pouvons rendre une partie de l'animation plus réaliste aidera l'impression générale créée par la carte électronique.

Nous pouvons créer une animation plus réaliste en déplaçant chaque paume indépendamment. La première tâche a donc été de sélectionner chacune des paumes et de les placer sur leur propre couche transparente. Une astuce que j'ai utilisée au fil des ans est de zoomer pour agrandir la zone que vous souhaitez sélectionner et d'utiliser l'outil Lasso polygonal. Les couleurs des paumes étant si similaires, cela fonctionne mieux que l'outil Sélection rapide.

Comme vous pouvez le voir, le groupe de paumes d'origine est coupé en haut. Ce bord droit serait un problème lorsque les paumes sont animées, montrant la section manquante des paumes lors de leur rotation. Notre prochaine étape consistait donc à utiliser les différents morceaux de paume dont nous disposons pour combler la seconde manquante de ces paumes supérieures.

Enfin, pour l'image d'arrière-plan, nous souhaitons supprimer les paumes et remplir les trous vides dans le ciel créés lorsque nous avons retiré les paumes de l'arrière-plan. Parce que le ciel est presque d'une couleur unie, nous pouvons utiliser le remplissage sensible au contenu pour remplacer facilement le ciel manquant.

Nous sommes maintenant prêts à animer les paumes.

Suivant →

Ecards finis sur Pamela Gladding Ecards

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: Words at War: Eighty-Three Days: The Survival Of Seaman Izzi / Paris Underground / Shortcut to Tokyo (Mai 2024).