Créer un monde d'émotions animé avec Invision Studio | Nicole Wolf | Skillshare

Vitesse de lecture


1.0x


  • 0.5x
  • 0.75x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Créer un monde d'émotions animé avec Invision Studio

teacher avatar Nicole Wolf

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro

      1:28

    • 2.

      Introduction

      7:52

    • 3.

      Créer le design

      8:53

    • 4.

      Animations d'introduction

      7:55

    • 5.

      Animation sur le monde des émotions

      10:10

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

993

apprenants

3

projets

À propos de ce cours

Dans ce cours, je vous montrerai comment créer un monde d'émotions animé pour une boutique en ligne. Aucune expérience n'est nécessaire. Je vous montrerai comment utiliser les outils I’ll en créant plusieurs éléments et comment changer tout en une. Vous apprendrez ce qui est important dans la première page d'une boutique en en ligne et ce qui n'est pas nécessaire. Ce cours s'adresse à toutes les personnes qui s'intéressent par UI Design, en particulier pour un design électronique convivial.

Ce que vous apprendrez

  • Travailler avec InvisionStudio. Parce que InvisionStudio est le meilleur choix pour créer une présentation de votre conception. Vous apprendrez rapidement à créer les meilleures présentations pour votre design. Il est important de avoir un aperçu des programmes qui vous aident à réussir.
  • Vous apprendrez exactement comment commencer à concevoir un design UI Dans cette étape, je vous montrerai comment créer un a d'une page et également comment créer des icônes. J'allons vous expliquer étape par étape, ce que je fais et comment vous allez le travailler. Les compétences que vous apprendrez dans ce cours sont importantes car cela vous aidera à devenir un bon concepteur UI
  • Monde d'émotions et Contenu de la première vue de la page Après avoir finissant finishing Nous verrons nous allons voir ce qui est important sur la première vue de la page. Nous parlerons de ce que vos
    clients.

  • Créer une
    animation avec InvisionStudioI vous présenterez comment animer InvisionStudioI Je vous montrerai étape par étape comment vous pouvez ajouter des animations à vos conceptions. Je vous donnerai également quelques conseils sur la façon de créer des effets de faol cool.

Rencontrez votre enseignant·e

Teacher Profile Image

Nicole Wolf

Enseignant·e

Hello, I'm Nicole. Frontend Dev @8mylez Shopware Agency.

Voir le profil complet

Compétences associées

Design Design UI/UX
Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Intro: Salut et bienvenue à la classe d'actions musculaires. Je m'appelle Nick Evolve. J' ai 21 ans. Je vis avec ma petite photo de chat à Paderborn, en Allemagne. Je travaille à 8 km. Nous sommes spécialisés dans les boutiques en ligne. Nous travaillons avec la boutique du système de commerce électronique là-bas et pourtant, dans notre agence, il y a tout autour. Juste initiale dans mon agence. Je travaille en tant que développeur frontal. Et toi, je dessine avec mon équipe. Ensemble, nous nous concentrons sur la façon de concevoir une boutique en ligne et aussi sur la façon de les développer dans mes voitures. Je vais vous présenter les bases du studio envisagé et comment vous créez un ami. Vous que je dessine Vous n'avez pas besoin d'expérience. Nous nous concentrerons sur le flux de travail pratique et je vous montrerai comment l'appliquer à votre travail quotidien . Si vous allez concevoir un monde émotionnel pour votre boutique en ligne aussi, je vous montre comment vous pouvez tout fait votre monde d'émotion Dans la première partie, nous étions concentrés sur le design et je peux alors je vais vous montrer comment mettre en place un projet et sa structure à la fin de cette cause, vous serez en mesure de créer et de design complet avec des animations sur studio envisagé, alors restez à l'écoute et commençons. 2. Introduction: Salut et bienvenue à la première leçon de ma classe. Dans cette première partie, j'aime vous montrer des studios de vision, l'interface et quelques raccourcis. Nous commençons dès maintenant par expliquer l'écran de bienvenue. Voici donc l'écran de bienvenue que vous avez ici. La version ici est votre dernier projet. Ou vous pouvez ajouter un peu hors du cloud que vous avez ici quelques appareils que vous voulez utiliser comme la marque. Non, c'est la taille que tu vas faire. Ici, nous l'avons. La ressource est l'endroit où vous pouvez aimer de l'assistance en studio ou donner des commentaires. Et ici, vous avez les tutoriels où vous pouvez Non. Et ici, vous pouvez ouvrir votre studio sont également importants. Ton feu de croquis. Dans la partie suivante, nous allons ouvrir l'appareil que je fais. Mais maintenant, nous ouvrons juste les animations déterminantes. Nous venons d'ouvrir le tutoriel d'animation. Et maintenant, vous voyez, voici deux tableaux d'art et quelques groupes hors des tableaux d'art. Vous avez ici l'introduction dans comment vous pouvez à l'animation. Mais maintenant, nous ne regardons que sur la façon de l'animation. Ensuite, nous passons à un vide avec et je vais vous montrer comment travailler avec InVision Studio. Nous sélectionnons le Groupe un sur l'aéroport et cliquez sur le Thunder et sur le livre d'animation Toe Art. Ensuite, nous utilisons juste la gâchette, balayez vers la droite et l'émotion et maintenant nous l'enregistrons et c'est tout. C' est l'animation. Et ici, nous pouvons sur le bouton de lecture situé. Donc, comme vous pouvez le voir, voici la première partie sont. Et quand j'ai balayé à droite, vous voyez comment l'animation va fonctionner. Bien que ce soit la première introduction, comment vous pouvez utiliser des animations Mais je vais vous montrer en détail dans les prochaines leçons comment vous pouvez ajouter des nations. Bon maintenant, retour au Blanken, c'est là que je vais vous montrer quelques présentations. Comment utiliser Invasion studio. Nous pouvons commencer avec la fin re tingle assez facile. Vous ne sélectionnez que l'air et Kendrick. taille qu'il veut peut également éditer l'enchevêtrement re avec ces couches et aussi d'autres formes comme cercle ou avec quelques radios Bader sous le côté droit. Vous pouvez voir ce que vous pouvez faire avec vos calques, comme par exemple, en le plaçant au milieu au centre de votre tableau d'art. Alors vous pouvez sentir les Conners. Laisse-les. Vous considérez les couleurs que vous pouvez ajouter une bordure ou une ombre ou dans un abri. Et ici vous tous, Donc, avez les interactions pour les animations. D' accord, alors vous pouvez à d'autres. Hum, alors on pourra faire des annonces. C' est le mettre ici. Ensuite, nous pouvons ajouter du texte. Vous pouvez simplement le sélectionner ici, ou vous appuyez simplement sur la télé ? Et puis tu pourras Oh, je contacte quelque chose comme, ouais, tapons quelque chose de mieux. La pizza est la meilleure. Joli. Donc, oui, vous pouvez voir ici que c'est réparé. Studio InVision. Vous avez deux tailles que vous pouvez utiliser Oh, donc il n'est pas réactif ou utiliser fixe. Ensuite, il est réactif sur la taille que vous voulez. C' est plutôt cool. Maintenant, on peut. La taille est la ligne. Haith façon peut faire audacieux changé la ville haute. C' est comme si vous pouviez tout faire des bases très simples pour vous de comprendre comment et le régime fonctionne . C' est le même nous que vous travaillez dans le sketch ou dans 60. Ok, c'est Allons-y. Vous voyez sur la gauche, la partie Arche et les pages que vous pouvez à quelques pages différentes. Par exemple, si vous êtes dans le flux et que vous avez plus de pages, comme à propos de nous ou le retrait d'une page, puis vous pouvez basculer vers une autre page. Et ici, vous avez le hors-bord sur la page sélectionnée. Maintenant vous pouvez et vous ne pouvez pas L'art apporté Donc, par exemple, ce serait mon côté avant, mon yéménite, mon monde d'émotion. Et puis nous continuons avec la liste off. Le choc est assez facile. L' orteil ajoute plus de hors-bord. Vous pouvez passer des deux, et la chose la plus cool de cela vers l'extérieur est que vous pouvez ajouter des animations, mais je vais vous le montrer dans la liste suivante. Maintenant, montrez vous comment vous pouvez au groupe que vous sélectionnez. Alors fais juste le commandement G. Et maintenant c'est un groupe. Tu es aussi dans le groupe. Vous pouvez également marquer tout et à un autre groupe, et vous allez pour un autre et un autre. Et si vous voulez changer de nom, vous pouvez simplement double-cliquer sur le nom et le nommer comme Peter, et ensuite vous pouvez faire entrer à n'importe quel pour entrer et le groupe a changé. Mais si vous voulez changer chaque groupe, vous pouvez double-cliquer dessus et ensuite aller avec tapoter comme pizza à notre arbre à pizza. J' espère que vous comprenez ce que je veux lui dire. Donc, si vous avez fini avec nos renommes, vous venez de mettre à la fin entrée. C' est sûr. Ce sont les bases. Comment vous pouvez ajouter quelques enchevêtrements re, comment vous mettez en élément. Maintenant, je vais vous montrer à la maison moi mettre en œuvre des photos et nous les dimensionnons, non ? D' accord. Je supprime tout dans le parc Ark parce que je fais maintenant le grand retournable et vous montre comment mettre en œuvre une image. Il suffit de diriger une image dans ce fichier. Et comme vous pouvez le voir, l'image est vraiment grande et ne rentre pas dans le haut. Vous pouvez juste le faire glisser vers le bas. Et maintenant, c'est sur le côté droit. Mais vous pouvez aussi ce que je ferais à travers un masque sur l'enchevêtrement re comme ça. Une autre image tient dans le masque de sorte que vous ne pouvez pas enregistrer dans la décision que vous voulez, et vous pouvez maintenant diriger la position comme vous le souhaitez. Et c'est parfait pour tes soupirs. Non, je ne fais que copier et coller notre bateau. Donc, vous avez une course en cuir et quand vous voulez une autre image, sont la taille est la même que l'image que vous avez ici. Vous pouvez simplement aller sur les remplissages et boire et sélectionner l'autre image. Tu n'aimeras pas ça. Et comme vous pouvez le voir, une science est maintenant le même nous la première image. Et maintenant tu peux. Si tu veux un disque comme toi, je le ferais. Et d'accord, les gars, j'espère qu'avec cette petite introduction à imaginer, je pourrais vous montrer comment vous pouvez utiliser. Envisager. Et maintenant, commençons. Et la leçon suivante, nous allons créer l'en-tête et le curseur. Rendez-vous dans la leçon suivante par 3. Créer le design: nous reviendrons à ma classe. Tout le monde, Nous allons maintenant créer le design. Nous allons commencer par l'en-tête. Je vais vous dire pourquoi je choisis ce design. Nous allons créer le titre du curseur avec les produits. Et à la fin, nous allons créer l'animation à partir de ce design. Alors commençons. Je crée maintenant et vous côté et crée le getter pour le hors-bord. Vous pouvez choisir 12 colonnes, mais j'aime aussi utiliser la grille parce que vous pouvez faire mieux. Les espaces entre les éléments. Je commence maintenant avec le local sous le côté gauche. Ouais, je commence par le logo utilisé. Le fonds, famille, cœurs d'été et, ouais, waas un peu plus gros, je crois. Comme ça. Euh oui. Et mettez-le en haut comme ça. Ensuite, nous allons créer la navigation ici. J' ai utilisé le fonds léger sur les sables mouvants et les soupirs de fonds. Oui, ça. Ensuite, il y aura le mettre dans le métro que tout est sur la ligne. D' accord, alors. J' ai fait la navigation dans le magasin. J' ai déjà préparé certains je peux ce qui est aussi vraiment cool dans la vision, vous devez façonner votre je peux si c'est ah, Quant à G, Je peux donc maintenant faire le groupe hors et le redimensionner comme je veux un peu plus d'espace entre la navigation comme celle-ci ayant après avoir fait la carte d'achat. Pas pour que vous puissiez voir mon dessin, la quantité, et ce sera oui, ce sera comme ça. Ok, c'est ce qu'ils pensent comme ça. Et, ouais, mettez-le au milieu de ce que je peux et nous ajouterons les autres Icann comme l'utilisateur que je peux. Ils font aussi un groupe hors de lui. Appelez-le Hughes er, et vous le dimensionnez à Desai comme à la carte de shopping. Ok, je pense que c'est un peu plus grand. Alors je décide encore ça ? Comme ça ? Non, j'ai postulé à la recherche. Je peux également regrouper l'ID et le nommer. Alors redimensionnez-le à la taille dont vous avez besoin de nous. Regarde que c'est dans le bon grain. Donc, il ressemble aux autres comme ça. Et l'en-tête de la page est prêt. J' ai essayé de faire l'en-tête beaucoup moulin parce que quand le Kozma vient sur le monde émotionnel, la première aile qu'il voit est le grand curseur. Nous voulons nous concentrer sous eyecatcher et c'est la grande image des produits des clients afin que les clients puissent voir ce qu'il vend. Je crée les grands curseurs. Je vous ai déjà montré comment j'implique des images. J' ai d'abord laissé tomber une lecture. Non, je pense à cette taille. Et j'ai vu maintenant que j'ai oublié un que je peux sous le menu de droite est le groupe de Mlle IFOR il . Ensuite, nous pouvons le redimensionner. Bon, retour au tango. Je pense que cette taille waas déjà bonne et je me concentre sur le rendre un peu plus à gauche parce que sur le côté droit sera ici le titre et le produit. Je crée d'abord le groupe hors de la navigation de la boutique dans la navigation de collège, puis aussi un groupe hors de la navigation principale. Et maintenant nous pouvons demander, faire un autre groupe dans l'en-tête de l'université et nous avons appliqué l'image avec le Phil et traîné dans l' élection. Et maintenant, vous pouvez voir que c'est alors que nous créons le bas du curseur afin que nous puissions naviguer nos clients à travers les autres images. Comme ça. Oui, alors on a besoin de la couleur. Je les ai déjà défilés ici. Maintenant, je ne peux sélectionner re enchevêtrement et utilisé la couleur que je veux. Nous avons également besoin de la couleur de fond et il devrait y avoir cette couleur. Maintenant, nous avons besoin des flèches ont commencé des erreurs dirigées dans la conception et le redimensionner avec la taille que vous voulez. Regroupez-les et appelez-les flèche et nous le retournerons et rendons la couleur des formes blanches et copions la flèche et retournez-la à nouveau. Non, nous créons la navigation hors du curseur. Rendez-le un peu plus grand pour que le client puisse le voir aussi le remplir largement. Ensuite, nous avons un autre détaillant avec cette couleur nue sous celle que nous pouvons regrouper et appeler ça une délégation. Et puis créez une autre navigation. Ouais, comme ça. Et sous le côté droit. Il y avait aussi un petit défilé vers le bas. Très bien, deux curseurs, pas de rouge. Et maintenant, nous allons créer sur le côté gauche. Est-ce que le texte et faire décide au plus grand Comme ça, Je pense et aussi créer le sublime Retournez à vos racines. Très bien, il ya encore une fois la taille de la vie et deux devrait être petit mais plus petit et aussi pas et j'étais normal. Ouais, ça a l'air bien. Ensuite, nous créons la navigation active que le client verra sur quelles pages. Maintenant, j'implémente la première image de produit. Je les ai déjà préparés, glissez-le à nouveau et redimensionnez-le comme ça. D' accord ? Oui, comme ça. Ensuite, nous créerons Nous créerons sous le côté droit Le gros titre l'appelant forage. Également irrité et glissé. Maintenant, nous ajoutons un autre sublime sur le côté droit. Justin exemple, qui vous prend peut utiliser Il y avait l'image d'autres Juifs et puis le rendre un peu plus grand. Donc je pense comme ça. Oui, c'est le design. Maintenant, comme vous pouvez le voir, nous avons un grand curseur pour le client. Nous avons la navigation. Nous avons deux produits. Avoir quelques descriptions détaillées. Nous avons le grand lié à et aussi les produits de l'Inde. Dans la prochaine leçon, nous allons créer des animations pour ce design. Alors voyez-vous la leçon suivante par 4. Animations d'introduction: Salut et bienvenue dans ma classe Dans cette leçon, nous allons regarder les animations. J' ai déjà pro pain un design pour vous. Ce que nous allons créer ensemble. Comme vous pouvez le voir, j'ai totalisé le déclencheur sur le titre. Donc, si le client clique sur tout le monde, il verra l'animation. Jetons un coup d'oeil. Vous pouvez toujours voir l'aperçu de votre animation lorsque vous cliquez sur le bouton de lecture en haut à droite ici. D' accord. Maintenant, quand je clique sur tout le monde, vous pouvez voir le titre Destins au centre. texte du détail de la page et du sourire s'est évanoui du bouton de la page. Maintenant, nous allons créer cette animation. Je viens de tout mentir sur l'art, mais parce que nous allons maintenant ensemble concevoir et oui, je choisis l'appareil iPhone X. Je commence par créer re tunggal comme ça et le remplir avec ah, code hexadécimal F sept. Ensuite, je crée un autre enchevêtrement re, quelque chose options de conception que nous pouvons aussi n'importe quel compagnon là-bas. J' ai mis le code hexadécimal sur la voiture. Oh, j'ai utilisé dans l'aperçu comme ça A. C'est un peu plus petit. Commençons maintenant avec le texte ici. Je vais créer un bloc de texte avec Hello. Ensuite, nous choisissons la taille. Je choisirais 25 pixels et la couleur ne sera pas noire, mais ah, un peu plus sombre comme ça. Et comme nous le savons, ce n'est pas réactif. Et je l'ai mis au centre. Et pourtant, ils font un autre bloc de texte avec tout le monde. Et ici, je choisis la famille de fonds et les faire chauve. D' accord, alors je le rends un peu plus grand. Ouais, comme ça, je crois. D' accord. Également au centre, hors de la page, comme ça. Et oui, d' accord. Pour faire le look cool de l'image de fond dans le texte, nous allons sur les remplissages et là vous pouvez choisir entre les gardiens Phil sur. Ensuite, vous pouvez également boire votre photo ici. Je le ferais maintenant vous le faites glisser vers le bas. Et maintenant vous voyez qu'il est là dans le tutoriel, je choisis la tuile mo et je l'échelle un peu vers le bas afin que nous puissions lire à nouveau le titre, puis un autre texte. Passez une belle journée. Oh, j'espère que vous allez tous passer une bonne journée maintenant. On l'a juste réduit sur tout. 18 pixels suffisent et centrent également. Il est arrivé. Texas Non fini. Je mets tout dans le groupe et je l'appelle le titre. Ensuite, nous allons créer la description en bas, la aligner vers la gauche, faire un peu plus d'espace. C' est maintenant le premier design, et maintenant je vais vous montrer comment nous pouvons faire répliquer l'animation. L' art versé dans 2ème 1 Très bien, nous avons créé le design, et maintenant nous allons créer l'animation. D' abord. Informations importantes. Envision studio travailler avec nos ports pour les animations. Donc, vous ne pouvez pas seulement avoir un hors-bord et faire leur n'importe quel animal. Ça ne marchera pas. Je redimensionne simplement le titre afin que vous puissiez voir comment sera l'animation. Titre de travail. Et maintenant, j'ai déclenché le titre pour le deuxième Art Board. Et maintenant, lorsque je clique sur le bouton de lecture et que je clique sur la gâchette, tous ceux que vous voyez la taille amusante seront redimensionnés. Et c'est essentiellement ainsi que fonctionnent les animations en studio. Et si vous changez quelque chose sur le deuxième tableau d'art, le premier tableau d'art sera animé à la 2ème 1 Qu'est-ce qui est également important ? Vous devez avoir les mêmes noms de groupe pour qu'il sache que ces deux sont ensemble et qu'il puisse changer le redimensionnement à la 2e 1 Bon, commençons avec la vraie animation. Donc, dans ma revue la boîte de titre, Waas et les centres. Donc nous le centrons dans la seconde Ce waas petit peu plus haut et plus petit et ce titre n'était pas là. Donc vous devez le dire ici et faire le contraire e off. Non. Donc si on se déclenche, alors ça vient de bas en haut et dire que c'est avec Upper City dans. Puis on a changé les titres. Celui-ci Waas un peu plus petit, je pense encore et je vais vous montrer une autre pointe de ruisseau de moi. Vous pouvez ajouter de meilleures animations. Vous créez enchevêtrement re et le remplir avec rien. Et puis vous allez l'ajouter au sublime et créer un autre masque à ce serré comme ceci. Maintenant, vous à un autre titre qui sera sur le deuxième tableau Arch et nous devons le faire est capable. Et quand nous cliquerons sur tout le monde, il sera changé. Euh, les deux masques sur l'autre dehors. Bert, faisons le groupe de ce que je l'appellerai Sous-titre et les identifiants obsolètes orteils l'autre que nous pouvons laisser ceci et changer le grand. Passez une belle journée vers le haut et vous êtes cool Faites au centre du calque et passez sous animation et ajoutez la chronologie afin que nous puissions faire Lubin Look, Howard va regarder, faisons un peu plus longtemps pour que vous puissiez le voir. Ce n'est pas parfait du tout maintenant, Mais dans la première partie de la ville haute hors de votre cool doit également être à zéro. Et ici la seconde aussi sur zéro. Donc, nous allons avoir et pas un coup d'oeil. Très bien, cela semble mieux maintenant, alors pourtant que c'est comment les animations fonctionnent Vous voyez comment elles s'estompent dans la seconde partie Vous voyez comment le texte est fané dans cool Et oui, je pense que vous devez jouer avec le animations pour entrer dans l'animation Dans la prochaine partie nous allons créer l'animation pour le monde émotionnel et vous voir dans la prochaine leçon par 5. Animation sur le monde des émotions: tout le monde et bienvenue à la classe de musculature. Et cette dernière leçon, nous allons créer les animations pour ce design. Je vais vous montrer quelques conseils. Connectez plus de vie dans votre design, comment faire de votre design une qualité élevée et coûteuse. Comment le client se connecte à cette conception. Et pourtant, je pense qu'on va commencer. Nous allons d'abord créer le curseur. Donc, si le client clique sur cette échelle, il arrive à une autre image et tout autour du design va changer. Et pourtant, vous avez d' abord pour vous assurer que ce que vous voulez présenter haine ce que vous voulez à tout fait ce qui sera l'accrocheur. Qu' est-ce que le client peut sortir des chaussettes comme le dirait le président. Et oui, je pense d'abord et a commencé avec n'importe quel accouplement de ces produits, nous pouvons à un déclencheur que si le Kozma clique sur le curseur suivant, ces produits ont disparu. Nous ne pouvions pas les faire comme ça, et dans l'autre ils seront fanés. Jetons un coup d'oeil si nous voulons un curseur déclenché par les orteils. Donc, si le cosmique clique sur l'image, il va à l'autre hors-bord en cliquant dessus, puis nous avons ajouté la chronologie pour voir si c'est le travail. Et pourtant, comme vous pouvez le voir maintenant, les produits vont s'estomper. Ensuite, nous voulons changer l'image et les titres. Arrivée veut créer l'animation sur la boîte de titre. Nous allons créer un autre gâchis comme à re enchevêtrement sans aucune couleur et faire masque. Et nous avons besoin d'un autre titre. La brutalité a tiré. Rends-le un peu plus grand. Pas un masque doit être plus grand. Maintenant, nous devons répliquer cette partie et la mettre dans l'autre plateau comme ceci afin que nous puissions supprimer le premier titre et maintenant mettre sur le dessus de ceci et le mettre en face de zéro. Et maintenant, nous pouvons maintenant obturateur militaire. En outre, nous le mettons dans le fond. Donc, si le client va sur le bascule, cela vient du bouton et à un sera aller vers le haut. Donc, il y aura un petit effet de diapositive pour faire une capacité zéro et a attiré l nous normale. Ça devrait être normal maintenant, on peut changer la chronologie à nouveau. Et regardez comment l'animation va fonctionner. n'y a pas de destin parce qu'on a changé le titre, non ? Pas au bon nom. Nous devons le faire comme le même nom que nous avons copié. Donc, envision Studio peut les lier les deux, et le nez est le même élément. Et puis il peut l'effacer et, comme vous pouvez le voir, peut le boucler à nouveau maintenant et le rendre un peu plus petit. Et maintenant, vous pouvez voir l'animation bien va vers le haut et la seconde vient du bas. Bon, maintenant on peut changer le curseur de l'image, remplir avec une autre image et maintenant on peut jeter un oeil sur l'animation. Ouais, la photo ne fait que s'estomper, donc ça a déjà l'air cool, mais on peut faire mieux pour faire la photo. Aussi animer nous avons besoin de faire les deux remplit la pâte indienne re tendre et je l'appellerai deuxième diapositive. Et aussi nous avons besoin des secondes menties sur le premier tableau d'art. Maintenant, nous pouvons redimensionner l'image et le faire pas sur le côté gauche et a changé la capacité à zéro et sous le premier enchevêtrement re Nous Oui, nous devons le faire là Et puis nous avons redimensionné cette taille à partir de la droite aussi changer opacité des orteils. Et maintenant, on peut y jeter un coup d'oeil. D' accord. Rien n'a changé parce que je pense qu'on a besoin d'un lien de pointe Laisse-nous. Ok, Maintenant je supprime l'émotion et à nouveau parce que si vous changez quelque chose, il pourrait être qu'il ne fasse pas la gâchette. Alors non, jette un coup d'oeil. Et pourtant, comme vous pouvez le voir, il fait des petits morceaux qui sont, comme vous pouvez le voir, il s'estompe maintenant mais semble vraiment bon. Le seul point ce qui est un peu maintenant quand nous avons changé la coupe, les photos. Vous voyez, la deuxième image s'estompe avec le texte, donc ça ressemble un peu à une erreur. Alors on les répare maintenant. Donc, pour rendre l'animation sur ce plus léger, mieux besoin de faire re enchevêtrement à nouveau et masque comme ceci. Nous créons le masque. Nous devons faire l'enchevêtrement re d'un peu plus petit comme ça, je pense que sur sous-dimensionné aussi. Oui, et je vais le copier et le coller dessus. Maintenant, nous pouvons jeter un autre coup d'oeil à l'animation et maintenant vous pouvez voir comment l'animation est seulement dans l'enchevêtrement re, mais nous avons oublié de le remplir afin que nous ne voyons pas. On ne veut pas voir la couleur. Et maintenant, et maintenant il s'estompe. Super. Maintenant, nous avons créé l'animation pour le texte. Vous devez des lignes de texte et un Mex malade et aussi ici pour les lignes de texte et un masque. Maintenant, jetons un coup d'oeil à nouveau maintenant déclencher le changement de texte. Ok, Maintenant, faisons en sorte que cette petite animation soit un peu douce ou que nous continuons et que copiions en seconde. Passez au premier, puis nous avons copié le premier. C' est aussi Tudor d'abord ? Maintenant, nous pouvons juste le faire un peu sur le fond et le zéro d'id opposé et le second aussi un peu sous le bas et aussi notre zéro passé. Maintenant, nous pouvons le regarder et ils ont changé. Sommes-nous en train de créer un autre enchevêtrement et pas un masque pour les taureaux ? Maintenant ne pas copier le rythme de re enchevêtrement à la première hors-bord et maintenant mettre celui le premier signe également sur le fond. Très bien, les gars, nous avons fini maintenant. L' animation que nous pouvons regarder. Si nous cliquons maintenant sur Slider Reloaded et le regarder à nouveau, nous pouvons télécharger. Connaissez notre projet sur le studio d'étude Et là, nous pouvons aussi et d'autres approprier la présentation. Félicitations pour avoir mis fin à ce cours. J' espère que vos connaissances et flux de travail fourni. Merci d'avoir regardé ce coût par.