Conception responsive avec les graphiques animés J'ai créé une animation très simple et la technique que
je vais vous montrer va fonctionner, que ce soit compliqué si votre animation est lue ou non, cette animation est
normale.
Vous avez l'animation afin que vous apportiez le texte ou n'importe quel graphique qu'il reste à l'écran pendant un certain temps.
C'est le moment stable.
Et puis ça sort ou l'animation inversée si vous jouez c'est très facile et peu importe
si vous avez une animation très compliquée tant que vous avez une durée in
et stable, cela fonctionnera.
Donc, pour voir comment nous pouvons utiliser ce type d’animation dans le design réactif, le design réactif s’adresse principalement à
ce type d’animation, que vous ayez en mode stable, en sortie et en mission.
Voyons comment nous pouvons utiliser.
Quatre premiers.
Commençons par le concept selon lequel nous voulons toujours avoir une stabilisation de trois secondes à l'écran pour que vous ayez les
informations qui vous importent si elles sont rapides ou lentes.
Et la sortie ne vous dérange pas c'est battu.
Mais quoi qu'il arrive, vous voulez que les trois secondes restent à l'écran et voyez ensuite comment nous allons
utiliser le design réactif que nous avons créé avec la vidéo.
Vous pouvez utiliser la zone de travail pour définir votre région protégée ou utiliser les marchés.
Pour l'instant je vais utiliser le marqueur.
Je ne les utilise généralement pas beaucoup, donc c'est bien de les utiliser.
Je commencerais donc par placer un marqueur un peu plus loin ici et arriver au marqueur et cliquer deux fois sur cette
option, nous l'avons tous.
Même si vous n'avez pas l'étoile sur le clavier, celle-ci viendra sur le marché comme je l'ai fait auparavant.
Cliquez dessus et donnez-lui un peu de temps, disons 20 images.
Ça n'a pas d'importance.
Je vais étiqueter.
Faisons un marché.
C'est bien.
Et bien sûr, cela protège la région.
Et puis on clique sur OK.
Alors maintenant, j'ai la fin du marqueur et la sortie.
Maintenant, pas ce qui se passe avec les marqueurs ici.
Si vous cliquez sur le dans et que vous faites glisser à gauche ou à droite, vous déplacerez le marqueur avec la marée.
D'ACCORD.
Si vous cliquez et faites glisser le curseur vers la sortie, le timing du marché s'en trouvera modifié, ce qui vous permettra de l'étendre davantage et
de l'utiliser au mieux.
Alors cliquez ici et allez à quatre secondes.
Maintenant, je n'aime pas cliquer et faire glisser.
Je préfère aller à l'image clé suivante, appuyez sur OK.
Et ensuite, je prendrai le marqueur et l’accrochant simplement avec le levier.
Donc, j'ai 100% ici légèrement que la région de protection et vous remarquez qu'il est maintenant jaune parce que
j'ai utilisé une marque jaune.
Allons à une composition que j'ai créée, c'est le graphique principal.
Juste ici, il n'y a que la vidéo.
Je vais prendre le design réactif sur lequel nous avons travaillé et le déposer à l'intérieur pour le gouverneur.
Voilà, je remarque que vous avez une zone jaune à cause de la couleur de la marque.
Et si vous jouez, vous avez l'animation.
Et nous avons l'admission sortante.
Bien.
Notre décision est donc de nous assurer que la position stable, celle qui ne bouge pas à l'écran,
est toujours la seconde.
Si vous l'étendez par exemple, OK, quelque chose comme ça.
Et puis cliquez et mettez-le au milieu de la composition.
Maintenant, vous avez un moyen très agréable et très simple.
Donc, il y a trois secondes et ça sort.
En fait, ce sont donc les animations d'entrée et de sortie qui ont été affectées par la vitesse et
le temps entre les deux reste constant dans la prochaine leçon.
Je vais vous montrer comment créer une animation d'entrée et de sortie à l'aide d'un design réactif.
Ou ils appellent ça une intro et je vous le dirai.