Forums Développement Multimédia

Aller au contenu

Animer une feuille qui se retourne

animation 2D

5 réponses à ce sujet

#1 Reed

    Ceinture Blanche

  • Members
  • Pip
  • 7 messages

Posté 21 April 2019 - 21:43 PM

Bonjour tout le monde,

je me remet à l'animation avec Animate après une très longue période où je n'ai plus touché à Flash ou autre et j'ai oublié pas mal de choses..
Pour un projet web animé je souhaite faire une boîte dont les bords s'ouvrent et se ferment. Souci : les forme de dessin ont pour principe de se supprimer (?) si par exemple dans le cas d'un rectangle, on tire les deux points de droite plus à gauche que les deux autres points de gauche (Je sais pas si c'est clair comme ça à l'écrit..)

D'où ma question, comment faire pour animer des choses comme des feuilles ou des bords de carton pour qu'ils se retournent sur eux même ? Dois je faire 2 formes successives qui donnent l'illusion d'une seule ? (La transition risque d'être assez moche)

#2 Monsieur Spi

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 7012 messages

Posté 21 April 2019 - 23:22 PM

Bonjour,

C'est pas super clair effectivement, tu aurais un petit FLA avec un début d'anim ?
Si c'est un effet "page qui se tourne" cherche PageFlip sur le forum, le wiki, ou Google, tu trouvera comment faire un livre dont on peut tourner les pages, et donc l'effet que tu cherche. Si ce n'est pas ça alors il faudrait un schémas, un fla ou un peu plus d'explications.

#3 Reed

    Ceinture Blanche

  • Members
  • Pip
  • 7 messages

Posté 22 April 2019 - 11:15 AM

Merci de ta réponse.
Ce que je cherche à faire est comme sur le swf de ce topic : http://forums.mediab...ite-qui-souvre/ . Je cherche pas à faire un genre de liseuse avec effet de transition, je veux juste pouvoir "retourner" un élément graphique sans qu'il se supprime et pouvoir le mettre en animation. Dans le swf en question, c'est surtout la partie du haut qui se retourne en fait, la partie du bas ne fait que changer de forme. J'espère que c'est plus clair comme ça..

#4 Reed

    Ceinture Blanche

  • Members
  • Pip
  • 7 messages

Posté 23 April 2019 - 00:21 AM

Rien de tel que qu'un bon gif pour expliquer clairement le problème : https://ibb.co/grN8vy6
Je vois que l'image clé se vide lorsque je la retourne complètement, la forme est donc clairement supprimée. Je voudrais moi que la forme soit juste inversée, comme on peut le faire sur Illustrator ou Photoshop avec la transformation manuelle. Comment contourner le souci pour mener à bien mon animation ?

#5 Monsieur Spi

  • Community Manager
  • PipPipPipPipPipPipPipPip
  • 7012 messages

Posté 23 April 2019 - 11:46 AM

Hello,

Si tu travaille en SWF (et pas en Canvas) tu peux utiliser les outils 3D pour faire ça facilement (outils présents depuis la CS6).
Il te suffit de créer une forme vectorielle rectangulaire (un plane), de la transformer en Clip et d'utiliser les outils 3D pour le faire pivoter à ta guise dans l'espace.

Voir ici : https://helpx.adobe....d-graphics.html

#6 Reed

    Ceinture Blanche

  • Members
  • Pip
  • 7 messages

Posté 30 April 2019 - 14:09 PM

Effectivement l'outil 3D est exactement ce que je cherchais ! Merci !
En revanche, la contrainte du swf m'embête un peu car trop de supports incompatibles, et j'aimerais à terme que l'animation se lance en javascript. Est il possible d'avoir un outil similaire en restant en canvas ?



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)