Avatar de l’utilisateur
Geo
Gobelet
Messages : 172
Enregistré le : 21 Sep 2015, 18:15
Contact : Site Internet

Animation café flat design

26 Aoû 2016, 11:52

Hello hello !

Simple question, comment procéderiez-vous pour faire ce genre d'animation ?
En frame by frame ou bien il y'a une astuce ?

Image

Merci :D
1

Avatar de l’utilisateur
Charly_J
Spéculoos
Messages : 80
Enregistré le : 28 Sep 2015, 17:47
Contact : Site Internet

Re: Animation café flat design

26 Aoû 2016, 12:04

Ca ressemble plus a du frame by frame. Tu peux toujours t'en rapprocher avec un calque de forme, quelques répétitions pour le coté aléatoire, rajouter un effet "choke" pour lier l'ensemble et enfin utilisé les effets "contours brut" et "turbulence" pour le coté fait à la mano.
0

Avatar de l’utilisateur
Jissse
Modérateur
Messages : 619
Enregistré le : 12 Juil 2015, 13:27

Re: Animation café flat design

26 Aoû 2016, 12:09

Oui à mon avis c'est plus long d'essayer de "tricher" avec un calque de forme que de faire image par image :)
0

Avatar de l’utilisateur
Charly_J
Spéculoos
Messages : 80
Enregistré le : 28 Sep 2015, 17:47
Contact : Site Internet

Re: Animation café flat design

26 Aoû 2016, 12:46

Effectivement, mais une fois l'effet en place, il peut être dupliquer et changer en ne touchant que quelques paramètres. Si jamais tu doit dupliquer ton effet bien sur ;)
0

Avatar de l’utilisateur
fremox
Administrateur
Messages : 749
Enregistré le : 02 Avr 2015, 07:44

Re: Animation café flat design

26 Aoû 2016, 13:04

Je dirais aussi du bon vieux frame by frame effectivement, que ce soit dans Photoshop, dans Flash, voire direct dans AE.
Là le mouvement est beaucoup trop organique et imprévisible pour automatiser ça avec une pile d'effets.
Encore qu'on peut s'en approcher pas mal !

J'ai testé ça :
Image


la scène .aep pour voir comment c'est fait : http://www.fremox.com/data/radial_waves_reflections.zip

Petite explication rapide :
• une pile de plusieurs effets sur un unique calque pour les reflets ;
• d'abord un effet "cercle" (en blanc sur fond transparent), dont je déplace le centre avec une expression type "Math.sin(time)" pour le faire osciller et donner cette impression de "va et vient" comme dans l'exemple initial ;
• puis un effet de "turbulences" pour donner un peu de chaos à ce cercle ;
• un effet "ondulations" qui s'anime tout seul (pour donner l'aspect "ronds dans l'eau")
• et un effet "CC radial scale wipe" (dans "Transitions") dont la case "reverse transition" est cochée, pour restreindre les vagues créées aux bords circulaires de la tasse ;
• le reste, le "CC Threshold" en mode alpha, les différentes occurences de dilaté érodés (répétitifs et simples), le deuxième effet de turbulences (pour avec une expression "time*10000" dans l' "évolution", pour donner un aspect légèrement plus organique, plus "dessiné à la main") et le niveaux alpha, servent uniquement à styliser le tracé de manière à rendre le tout très net, comme du vectoriel.

Du coup ce qui est cool, c'est qu'effectivement, tu vas pouvoir le dupliquer et le changer autant de fois que tu le souhaites, ce qui serait impossible avec une anim image par image !
6

Avatar de l’utilisateur
Geo
Gobelet
Messages : 172
Enregistré le : 21 Sep 2015, 18:15
Contact : Site Internet

Re: Animation café flat design

26 Aoû 2016, 14:39

Merci pour vos réponse :D
Je pensais aussi m'orienter vers de l'image par image.

Whaou !! Fremox tu es incroyable :D :lol:
Ni une, ni deux une petite explication qui fonctionne très bien :D

Du coup, vue que cette petit animation serait un petit détail d'une scène, je pense que la méthode que propose Fremox passerai bien dans mon cas, en plus je pourrai facilement la dupliquer effectivement.

Merci
0

Avatar de l’utilisateur
fremox
Administrateur
Messages : 749
Enregistré le : 02 Avr 2015, 07:44

Re: Animation café flat design

26 Aoû 2016, 14:53

De rien, c'est un plaisir !
Je ne peux pas m'empêcher de tester des trucs quand je vois des défis techniques intéressants, et comme je suis un partisan du "full procédural" (plus par flème de me taper de l'image par image qu'autre chose d'ailleurs), ben voilà :)
2

Avatar de l’utilisateur
GuillaumeProg
Gobelet
Messages : 105
Enregistré le : 07 Mar 2016, 11:33
Localisation : Paris
Contact : Site Internet

Re: Animation café flat design

26 Aoû 2016, 14:59

Propre ce que t'as fait Fremox ! Ca fait bien stop motion !
0

Avatar de l’utilisateur
aubonbeurre
Tasse
Messages : 260
Enregistré le : 18 Sep 2015, 12:38
Contact : Site Internet Twitter

Re: Animation café flat design

26 Aoû 2016, 17:35

Y'a moyen d'en faire un preset? (je suis newbie avec les presets)
1
"For every problem, there exists a simple and elegant solution which is absolutely wrong." -- J. Wagoner

Avatar de l’utilisateur
fremox
Administrateur
Messages : 749
Enregistré le : 02 Avr 2015, 07:44

Re: Animation café flat design

26 Aoû 2016, 18:26

aubonbeurre a écrit :Y'a moyen d'en faire un preset? (je suis newbie avec les presets)


Bien sûr, c'est tout simple !

Tu sélectionnes tous les effets dans la pile d'effet du calque "reflets" de ma scène... et tu les glisses-déposes dans la fenêtre "Animations prédéfinies"..
Là il va te demander où tu veux l'enregistrer.. et voilà !
Y'a pire comme manips à faire ;)
Modifié en dernier par fremox le 27 Aoû 2016, 14:11, modifié 1 fois.
1

Retourner vers « Animation »

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur enregistré et 1 invité