Maîtriser Adobe XD Auto-Animate : application d'interface utilisateur souple avec animation de machine à laver avec effet sonore

1. Vidéo d'introduction: Bonjour, bienvenue dans la conception d'interface utilisateur mobile ou le nouveau morphisme dans Adobe XD. Mon nom est uniquement sur terre et vous et moi allons créer cette magnifique application maison intelligente à partir de zéro dans Adobe XD avec ce genre de son. Dans ce cours, vous apprendrez comment créer les différentes interfaces utilisateur logicielles pour applications en mode lumière avec toutes sortes d'ombres, conseils et d'astuces pour la meilleure conception d'interface utilisateur souple pour le mode sombre. Pouvez-vous croire qu'à l' aide de ces petites formes, nous allons créer l'ensemble de l'application. Commencez par concevoir la page de connexion. Nous apprenons ensuite la meilleure façon d'animer votre design. Vous optez pour la conception de la page d'accueil. Et je commence à animer les icônes. Vous apprendrez comment créer des composants pour l'animation, comment ajouter des effets sonores et de nombreux trucs et astuces sympas. Enfin, nous commençons à concevoir notre page machine à laver, créant de l'eau et des bulles pour une animation crédible. Ajout de minuterie, prototypage final et ajout des boutons de connexion et d'inscription à la fin. Même si vous êtes un débutant total, vous pouvez tout de même suivre. Parce que b, commencez par la base pour vous assurer de bien comprendre la conception et le processus. J'ai également fourni un projet pour vous. Alors assurez-vous de terminer votre projet et de me le renvoyer pour plus de commentaires. Au fait, si vous ne savez pas par où commencer ou quel est le chemin pour devenir un concepteur professionnel de l' expérience utilisateur, regardez mes heures de test en utilisant les premiers cas de conception, le D pour débutants. Je suis tellement ravi de vous montrer comment créer cette belle conception d' application pour smartphone et animation Diamond de Porter à partir de zéro ou nous écrire, pour commencer. 2. Qu': Qu'est-ce qui est doux ou nouveau morphisme. Il s'agit donc essentiellement d'utiliser des tons clairs et des ombres ou des ombres claires et des ombres sombres de l'autre côté. Il s'agit d'une ombre intérieure sombre, ombre intérieure brillante ou blanche. Il s'agit donc essentiellement de deux couches l'une sur l'autre. génial, c'est que lorsque nous les créons à l'ombre intérieure et à l'ombre supérieure, nous pouvons utiliser uniquement ces deux-là pour créer l'ensemble de l' application et du site Web. Comment je vais juste vous montrer. 3. Comment concevoir des Ui doux dans les fondements de l'adobe xd: Passons maintenant à Adobe XD. Allez dans le fichier, créez un nouveau fichier et enregistrez-le sous forme d'interface utilisateur souple ou de nouveau morphisme. Ce que nous faisons ici, allons sur le plan de travail et cliquons sur quelque chose comme 3752812. C'est essentiellement bon pour iPhone et Android en même temps. Ce clic sur la flèche, juste pour appeler ce logiciel que j' écris va être sombre de l'interface utilisateur. Donc, en gros, c' est comme ça que ça marche. Sélectionnez Plan de travail, allez dans le remplissage et faites-le glisser vers la droite de celui-ci. Peu importe la couleur de cette couleur. Juste le fond doit être clair de toutes les couleurs. La couleur la plus brillante du bleu ou du violet ou ce que vous voulez. Donc je vais juste choisir quelque chose comme ça ou je l'ai ici, je vais juste le faire faire. Donc ça n'a pas d'importance non plus en F5, ça n'a pas vraiment d'importance. Il devrait être une couleur vive de quelque chose, pas seulement du blanc. Ça ne devrait pas se passer de cette façon. Il devrait être juste lumineux. C'est bien, trop doux, vous êtes sombre. Cliquez dessus et je vais juste chercher un flingue. Ce look, il n'est pas ici. C'est ici, non ? C'est donc un peu plus lumineux parce que lorsque nous y ajoutons une ombre sombre, quelque chose comme ça, cela devrait être évident. Je vais juste cliquer là-dessus. C'est 292837. Cela n'a pas vraiment d'importance. Vous pouvez faire ce que vous vouliez. Apportez-le ici, ici comme vous êtes heureux ou vous pouvez le changer en édition que nous voulons. Donc je vais juste le garder pour que vous deviez colorer brillante et sombre. Commençons par lumineux. Allons au rectangle. Maintenez Maj enfoncée et faites glisser un carré. On l'a mis sur 60. 60 ans, c'est ça ? Nous n'avons pas besoin d'y avoir Bohr. Maintenant, mettons le rayon sur 10, par exemple, nous pouvons le modifier à tout moment. Maintenant, cliquez sur l'un des quatre champs supérieurs et cliquez ici. Cela signifie que nous ne voyons rien. C'est vrai ? Maintenant. C'est ainsi que cela fonctionne. Passons à Ombre portée, cliquons et ombres portées. Assurez-vous que c'est le 10. Nous avons un flou. Nous avons besoin d'un flou. Mettez-le, euh, six et mettez-le sur six. C'est comme ça que nous commençons tout le temps, n'est-ce pas ? Ce sera donc l'ombre noire. Appelons maintenant cette ombre noire. Appuyez sur Commande ou Contrôle D pour le dupliquer, cela appelle cette ombre blanche. Comment pourrons-nous le rendre blanc ? Il suffit de jeter un coup d'œil. Venez ici. Allez dans l'ombre portée. Rendez ça totalement blanc. Donc, vous êtes totalement blanc. Vous ne le voyez pas pour l'instant, parce que X et Y, c'est ici. Mettez-le sur moins 6, tout le contraire. Et ici, moins six. Et nous y voilà. voyez, vous ne le voyez pas beaucoup car lorsque vous cliquez dessus, nous passons à l'ombre portée. Nous avons le fait glisser cette chose dans le livre de luminosité. Maintenant, jetez un coup d'œil. C'est ce qu'on appelle une interface utilisateur souple. Maintenant, cliquez sur le blanc, le haut, cela pourrait perturber l'ombre. Vous pouvez faire tomber ça. Écrivez quelque chose comme 50. Une fois encore. Je vais faire des allers-retours pour voir ce que je peux faire avec celui-ci. Je n'aime pas être noir. Cliquez sur l'ombre noire. Cliquez ici, prenez la couleur à côté, n'est-ce pas ? Maintenant, faites-le glisser vers le bas, jetez un coup d'œil. Ou un peu à droite. Nous prenons la couleur, une couleur plus foncée de la même couleur, voyons quelque chose comme ça. C'est donc une interface utilisateur douce, quelque chose qui est très agréable à mourir. Maintenant, jetez un coup d'œil. Je vais sélectionner ce composant critique, donc nous appelons ce carré d'ombre brillante. Maintenant, je maintiens Alt et Maj enfoncés et je fais glisser ça vers le bas. Je vais juste appeler ça au lieu d'un carré, cercle. Maintenant, jetez un coup d'œil. Maintenez la touche Contrôle ou Commande enfoncée et cliquez sur l'onglet de la fenêtre blanche en cercle. Maintenant, cliquez sur ce petit coin, faites-le glisser vers le bas. Cliquez sur l' ombre noire, la même chose. Faites glisser ceci vers l'intérieur. Maintenant, nous avons ce beau cercle et q, ce qui est cool à ce sujet. Pourquoi nous avons fait cela un composant, encore une fois, si je maintiens le contrôle enfoncé et que je clique dessus et change cette couleur par autre chose. Tout le reste, tout ce que nous travaillons sur le projet va changer. En même temps. Nous allons simplement utiliser tous ces éléments dans l'ensemble du projet. Nous ne pouvons pas revenir changer cela un par un. Cela prend beaucoup de temps et cela prend beaucoup de temps. C'est donc essentiellement la meilleure façon de créer votre application. Appuyez maintenant sur Commande, Control Z pour revenir en arrière. C'est ce qu'on appelle « pop or out », ou simplement l'ombre. Et le point culminant, nous avons quelque chose d'autre appelé. Ombre intérieure. façon dont nous pouvons créer cela est très simple. Maintenant, maintenez Commande ou Contrôle et cliquez sur l' une de ces commandes plus ou contrôle C. Maintenant, sortez Commande ou Contrôle V. Donc, il va simplement le placer en haut, faire glisser vers la droite, et désactivez l'ombre portée. Nous n'avons besoin de rien, juste du terrain. Le champ est donc de la même couleur. Nous avons quelque chose qui s'appelle l'ombre intérieure. Il suffit de cliquer dessus, de le rendre actif. Par défaut, vous voyez ce qui s'est passé. Il suffit de faire de cette valeur x le numéro trois. Donc, trois valeurs et une valeur y sont toujours les mêmes et maintenez-la sur six, nous pouvons toujours la modifier. Cliquez sur l'ombre intérieure et la gentillesse. En ce moment, je l' ai mis sur 50 %. Sélectionnez celui-ci, appuyez sur Commande ou sur Contrôle D pour le dupliquer. Ça va appeler cette ombre intérieure sombre. Et ça va être blanc dans un peu profond. Le premier est le blanc, mais il devrait être opposé. Ce que je veux dire, c'est que celui-ci doit être moins trois, moins trois, et la couleur doit être blanche. Et le fait est que si vous mettez le remplissage, nous ne voyons pas l'arrière-plan. Cochez cela parce que nous voulons voir l'arrière-plan. Ainsi, l'ombre intérieure d'une journée supérieure n'a que de l'ombre intérieure. Il n'a donc ni champ ni frontière. C'est ça l'astuce. Maintenant, sélectionnez-le sur Commande ou Control K pour en faire un composant, ou cliquez sur ce signe plus. Maintenant, si je clique dessus, allez à l'ombre intérieure sombre, je peux jouer avec cette capacité. Peut le rendre plus léger. Quelque chose comme ça. Regardez. Ou je peux utiliser la même ombre de couleur que celle-ci. Si je vais à l'ombre et que je peux choisir la même couleur d'ici et regarder. Et c'est tout. Maintenant, sélectionnez celui-ci. Je vais juste le copier à partir de cette ombre brillante, n'est-ce pas ? Carré de l'ombre intérieure. Faites défiler vers le bas Alt et Maj faites-le glisser vers le bas, cliquez sur Ctrl ou Commande, faites glisser En dehors du clic Commande ou Contrôle, réduisez cela et c'est ce que nous avons. Je vais juste appeler ce cercle. Nous avons deux autres styles de colonnes que je vais juste vous montrer. Sélectionnez celui-ci ou non, Alt et Maj et faites-le glisser vers le bas. Cliquez dessus avec le bouton droit. Et je vais mettre le composant maintenant, appuyer sur Commande ou Control G pour le regrouper. C'est ce qu'on appelle ça. Et il va le copier, c'est celui-là. Copiez, collez. C'est un carré d'ombre intérieur audacieux. Allons à l'intérieur de ce dossier. Cliquez sur l'ombre intérieure sombre, appuyez sur Commande ou sur Contrôle D pour la dupliquer. Je vais juste faire glisser ça vers le bas et appeler ça BG. C'est ça. Maintenant, avec la touche fléchée vers le bas, appuyez une fois, deux. Et voyons ce qui s'est passé. Quelque chose est en train de sortir. Cliquez sur cette couleur de champ et mesurez. C'est un peu plus sombre. Et c'est tout. Et maintenant, jetez-y un coup d'œil. Nous créons une dimension plus grande et nous le ressentons avec celle-ci. Je vais juste mettre ça à côté de celui-ci et jeter un coup d'oeil. C'est quelque chose, il me manque autre chose. Supprimons donc celui-ci. Sélectionnez celui-ci, appuyez sur Commande ou sur Control K pour en faire un composant. Et je suis souvent décalé, faites glisser ça vers le bas. La même chose dans les vies. Cliquez sur Ctrl ou Commande, sélectionnez celui-ci, la même chose, sélectionnez-le de la même chose, et c'est tout. Alors, imaginez-vous simplement utiliser ce genre de formes que nous créons l'ensemble de l' application. Est-ce possible ? Oui, c'est vrai. Moins de béton. Un. 4. Comment concevoir des Ui doux en mode sombre dans Adobe XD: Voyons maintenant le soft you, j'ai fait la version sombre. Donc, en gros, la plupart des gens aiment la vision sombre du doux que vous êtes, pourquoi vous verrez dans quelques minutes l'acide de ceux-ci et maintenez Alt et Shift et faites glisser l' un d'entre eux ici. Vous voyez, ça ne fonctionne pas sur un rouge foncé, n'est-ce pas ? Mais nous allons juste le réparer. Nous allons juste le rendre parfait. C'est lumineux. Je vais juste appeler cela sombre et arabe. Allons à Black Shadow. Je vais juste rester une ombre noire, il suffit de cliquer sur le champ, la pipette et de cliquer dessus. Vous ne le voyez pas parce que le haut est le large, la même chose. Cliquez dessus. Ces deux souillures sont donc de la même couleur que l'arrière-plan. Revenons à Black Shadow. Allons à l'ombre portée. Et essayons de faire en sorte qu'il soit très sombre comme ça. Allons à White Shadow. Et celui-ci, nous réduisons un peu l'opacité. Et c'est tout. Si c'est vraiment sombre, passez à l'ombre noire, à l'ombre portée. Réduisez l'opacité pour le rendre plus naturel. Quelque chose comme ça. Si vous sentez que vous pouvez jouer avec ça. Ce que je veux dire est critique, une ombre noire. Cliquez sur l'ombre portée, et cela peut être 15. À son tour. Cela peut être 15 inter, et il peut être testé ou 20. Revenons un peu la flèche vers le bas, fais-le 10. Nous pouvons jouer avec eux. Il suffit donc de créer votre composant et de jouer avec ça. Vous pouvez changer n'importe quoi. Lorsque vous avez terminé, cliquez avec le bouton droit de la souris et dissociez-le et retransformez-le en composant car avec la région noire, quand il s'agit des premiers composants principaux. Jetez un coup d'œil à celui-ci. Ce regard sur ce carré vert est totalement vert. Si je clique dessus, il y a un point à l'intérieur du degré. Cela signifie que nous avons changé cela. Il s'agit donc de nos principaux composants et principaux. Si vous voulez changer quelque chose, nous devons changer cela. Si je veux changer la couleur de tout, vous avez les changements. Si vous êtes ici et que nous cliquons sur Modifier le composant principal, nous reviendrons sur celui-ci. La même chose s'applique à celle-ci. Je vais juste le sélectionner ou faire un composant principal. C est totalement vert. Cliquez dessus. Revenons en arrière. Allons en faire six. Cliquons sur l' ombre noire et faisons six. C'est trois, c'est trois. Regardez. Mais pour l'instant, je vais juste cliquer dessus, faire ce 10, jouer. Moins 10. Moins 10. Faites la même chose avec le noir, 10, 10 et 10. C'est donc plus pop. C'est plus populaire. Si je clique dessus, le blanc sort vraiment. Nous pouvons changer celle-ci, faire moins six, moins six. C'est vrai ? Maintenant, vous avez l'idée. Nous pouvons également changer le large pour n'importe quelle couleur de votre choix. Par exemple, cela va être un peu plus lumineux. Je vais peut-être jouer avec ça. Je vais peut-être demander quelque chose de rosâtre. Vous pouvez ajouter un peu de rose à cette couleur. Premièrement, je vais juste le garder blanc. Abaissez un peu l' opacité, juste un coup de pouce pour montrer qu'il est blanc. Et même avec cette ombre noire, nous pouvons réduire l'opacité. Et c'est là que vous en avez. Maintenant, nous allons silicier ceci que la paternité. Faites glisser cela vers le bas, cliquez sur, faites ce cercle. Gleick. Fais-en un cercle. Je vais juste appeler cette ombre noire un carré. Et cette ombre noire argentée. Allons maintenant pour la première fois, je clique dessus, Copier. Cette commande ou le contrôle V est là. Faites-le glisser vers la droite. Ça devrait l'être. Manque d'ombre intérieure. Nous n'avons pas besoin de l'ombre portée, donc la couleur est la même, totalement identique à celle d' activer l'ombre intérieure. Et faisons ça 336 et évoquons l'opacité. Donc, si vous avez quelque chose comme ça, je veux que ce soit un peu privilégié, quelque chose comme ça. Je vais juste jouer avec ça. Vous voyez, chacun est un peu plus agréable pour moi parce que ce sera la version sombre de celle-ci. Donc la version sombre de celui-ci, mais un peu violacée. La même chose. Appuyez sur Commande ou sur Control D pour le dupliquer. Ce sera l'ombre intérieure blanche. Cela devrait donc être moins trois, moins trois. Et l'ombre intérieure doit être blanche. Et réduisez l'opacité. Maintenant, nous pouvons également changer cette couleur pour qu'elle soit également violacée. Jetez un coup d'œil. Parce que les frais sont actifs, nous ne pouvons pas voir le contexte. Éteignez ça. Maintenant, nous pouvons le voir. Cliquons sur la flèche noire. L'ombre intérieure noire doit être totalement noire. Faites-le glisser vers le bas ou le crochet est en coin. Regardez comme c'est cool et beau que vous puissiez jouer avec cette couleur, l'ombre intérieure blanche. Je veux dire, ce ne devrait pas être ce but. Je vous ai dit que c'est à vous de choisir. Je vais juste faire glisser ça vers le bas. Et revenons au blanc. Quelque chose comme ça est plus naturel pour eux de commencer le silicone. Commande ou Control K, faites-en un composant, car il est vert. Cela signifie qu'il s'agit du composant principal. Maintenez la touche Alt et Maj enfoncée, faites glisser ceci vers le bas , la même chose, Commande ou Contrôle , cliquez, faites un cercle. Prenez le contrôle de commandement, faites un cercle, et c'est tout. Alors, sélectionnez celui-ci. Appelons ce carré intérieur sombre. La même chose. C'est bien ici. On va juste appeler ce cercle intérieur sombre. Sélectionnez celui-ci, maintenez la touche Alt et Maj faites-le glisser vers le bas. Clic de contrôle. Allons à la commande de l' ombre intérieure noire ou au contrôle D. Faites glisser ceci vers le bas, appelons ce BG. Et la flèche vers le bas juste un à deux pour ressentir et rendre cela un peu plus sombre. C'est tout ce que nous avons sélectionné pour Alt et Maj, faites glisser cela à nouveau vers le bas avant cela, car nous allons utiliser celui-ci, nous devons en faire un composant maître. Cliquez avec le bouton droit de la souris sur Dissocier le composant puis cliquez à nouveau sur ce signe plus. Ce sera donc son propre maître. Maintenant, faites glisser la touche Maj, faites glisser ce bouton vers le bas, cliquez sur Ctrl ou Commande, faites ce cercle. Nous avons donc trois d'entre eux mûrs, cliquez également sur Apigee. Et c'est tout. Pouvez-vous imaginer que nous utilisions simplement ce type de blocs ? Nous pouvons créer l'ensemble de l' application ou le site Web. Vous ne me croyez pas, je vais juste vous montrer. 5. Connectez l'application Soft ui Design et l'animation de prototypes: Très bien, commençons à créer cette page de connexion pour notre application. Cliquez sur celui-ci, appuyez sur Commande ou Contrôle D pour le dupliquer. Je vais juste tout enlever. Et cette couleur plus grande, quelque chose de différent de celui-ci. Par exemple, notre client nous demande de créer quelque chose comme cette couleur. Ce que je veux dire, c'est que si je clique sur l'un d'eux et que je maintiens Alt et que je le fais glisser ici, vous voyez différent. Ce que nous faisons ici, c'est quelque chose de très intéressant, car vous voyez, ici vous voyez que l' intérieur de la place est blanc. Cela signifie donc que si je clique avec le bouton droit de la souris et que je modifie, le composant principal va revenir ici. Ce que je vais juste faire, cette interface utilisateur sombre. Donc, d'abord, je vais juste en faire une copie. Il s'agit donc de ce domaine. Assurez-vous donc de cliquer sur le logiciel. J'obscurcit le plan de travail et je m'assure que la maladie est la même que cette couleur. Maintenant, cliquez sur ce double-clic. Allons à l'ombre intérieure noire et prenons l'outil pipette. Et c'est ce que vous faites. Et c'est tout. Ainsi, chaque fois que vous vouliez le modifier, cliquez avec le bouton droit de la souris et modifiez le composant principal. Changez celui-ci, quoi que vous fassiez cela, cela affectera l'ensemble de l'application. C'est tout ce que nous faisons tout le temps maintenant, parce que c'est l'application je vais juste obtenir une escroquerie est appuyer sur Commande Control V ou d'avoir ceci. Et je vais juste le mettre ici. Je vais juste faire glisser une boîte. Quelque chose comme 25 ou 30 serait très bien. On va juste utiliser un fil téléphonique. Donc je ne vais pas aller au-dessus d'ici, vais m'attacher, bienvenue. J'utilise la police Poppins medium. Mettons-le au milieu. Ils estiment que c'est la même couleur que cette couleur dans la couleur d'arrière-plan. Maintenant, la même chose. Je vais juste sélectionner celui-là. Et je vais aller à Alt et le faire glisser jusqu'à ça. Je dois donc modifier cela pour le rendre totalement naturel avec ce double-clic entrer dans la sensation sélective et c'est tout. Très bien, cool. Cela change également. Je vais juste mettre ça de côté, mettre ici, ou je vais simplement le supprimer parce que nous avons déjà celui-ci ici. Nous allons donc commencer par celui-ci. Je vais juste le faire glisser et le déposer ici. Total fabrique une boîte, quelque chose comme ça. Maintenez la touche, cliquez et faites le coin rond. Revenons à la couche pour que vous puissiez voir célébrer le coin et le faire glisser vers l'intérieur. Et c'est tout. Maintenant, déplacez-les, jouez avec. Lorsque vous le rendez plus grand ou plus grand. Et vos deux-points contrôlent et cliquez, vous voyez, vous devez le faire encore et encore. J'ai donc essayé d'abord de déterminer la taille, puis de changer celle-ci. Donc, la largeur, peut-être 200 à cacher. Pour un 120. La même chose avec deux cent trois cent vingt. Voyez, la même chose. Faites-le glisser et amenez-le à l'intérieur. Pourquoi 21, la même chose. Faites-le glisser vers l'intérieur. Et c'est 1,5. Encore une fois, maintenez la touche Contrôle ou Commande enfoncée et cliquez sur le calque supérieur, le canal Y. Nous devons changer cette couleur par quelque chose, un peu bleuté, quelque chose ici. Je vais juste faire glisser ça et le mettre à droite jusqu'à ce que je reçoive quelque chose qui me plaît. Pour y jeter un coup d'œil, sélectionnez-le et jouez-le. Ça va être quelque chose comme ces gars, beau. Ce sera donc nos gars de fond. Appelons cette boucle d'ombre BG. Cette ombre sombre. C'est vrai ? C'est ça. Je vais juste le mettre en haut. C'est donc très organisé. Maintenant, pas Controller Command et cliquez sur, assurez-vous que l' ombre blanche est sélectionnée. Appuyez sur Commande ou sur Control D pour le dupliquer. Et appelez ce dégradé bleu et G4. Pour sentir le mélange, cliquez sur Solid Color, placez-le sur les dégradés linéaires. Le haut et le bas. Sélectionnez le bas et assurez-vous que c'est quelque chose comme Lowish, quelque chose comme ça. C'est vrai ? Maintenant, sélectionnez le premier, vous pouvez le sélectionner ici. La même chose. Je vais juste rendre ça un peu plus lumineux, encore plus lumineux. Sélectionnez celle-ci et nous jouons avec elle. La partie inférieure doit être un peu plus foncée et celle du haut devrait être un peu plus lumineuse. Encore une fois, sélectionnez l'ombre blanche et, lorsque vous êtes en bleu, assurez-vous que l' ombre portée est 0, assurez-vous que l' ombre intérieure est activée. Ensuite, vous l'activez, mais il s'agit d'une entrée à tour de rôle. Allez à l'intérieur et rendez cela très pointu, quelque chose que tout le monde peut voir ce look. Ça devrait ressembler à un déguisement. Maintenant, sélectionnez à nouveau Commande ou Control D. je vais juste appeler ça une empreinte digitale. Maintenez la touche enfoncée, décalez, faites glisser cette option Voyez ce qui va se passer. Maintenant, cette fois-ci, revenons en arrière. Couleur unie. Choisissez la même couleur que la couleur d' arrière-plan, n'est-ce pas ? Sélectionnez le yen et faites-le glisser vers le haut. Ça devrait être quelque chose comme ça. Maintenant, nous avons déjà un de ces vieux et faites-le glisser , mettez-le ici. Si vous voyez que cette ligne bleue au cœur est en train de choisir, sélectionnez-la, double-cliquez dessus. Cliquez sur ce point à l'aide d'une flèche gauche. Il suffit de cliquer sur une flèche gauche à l'intérieur. Cliquez sur cette flèche droite, et celle-ci doit être la flèche supérieure. Donc, au fond, nous ne voyons pas ces lignes bleues autour. Et c'est tout. Lorsque vous cliquez dessus, vous voyez celui-ci et que vous cliquez nouveau sur le dégradé linéaire, vous voyez ces poignées, faites glisser ceci vers le haut. Ainsi, pour Lamb Shift, le glissement est une combinaison de bleu et de cyan en haut. Cela fonctionne donc parfaitement pour notre design. J'adore ça. Nous avons donc déjà celui-là. Je veux rendre ça un peu plus sombre. Allons donc sur le terrain et faites-le glisser un peu vers le bas. Peut-être moins, quelque chose comme ça, quelque chose un peu plus. Posez ce Dieu, vous vous branchez. Assurez-vous d'installer cette icône pour le plug-in de conception. C'est assez simple. Vous devez aller au plug-in, cliquer sur le signe plus. Et ici, tapez simplement l'icône pour le design, puis cliquez sur Installer, quelque chose comme ça bon, ou du moins là-dessus gratuitement. Ensuite, lorsque vous l'avez, cliquez sur Python pour le design. Et je vais juste appeler ça les empreintes digitales. Maintenant, cliquez dessus, il suffit de le faire glisser vers le bas. Et c'est tout. Je vais juste le rendre blanc ou quelque chose qui n'est pas totalement câblé ici. Ici. C'est donc un peu évident ce que vous devez faire. Vous voyez à quel point c'est beau, n'est-ce pas ? Revenons en arrière et sélectionnez Ctrl et Alt et Maj faites-le glisser vers le bas. Je vais juste taper ici les empreintes digitales. Et mettons-le à la lumière. Mettez-le au centre. Assurez-vous que cela se trouve également au centre. Celui-ci et celui-là aussi dans un centre. Peut-être faites-le glisser un peu. Joli. Je veux Paul Lam Control et je clique dessus. Revenons aux dernières années, l'ombre blanche. Changeons l'ombre blanche des jours un peu plus bleutés. Parce que tout a l'air d'un bleu. C'est donc logique. Miser, c'est très subtil, mais il fonctionne très bien avec ce design. Alors, bienvenue. empreintes digitales. Si vous cliquez dessus, il devrait s'agir d'un verrou ici. Et je vais cliquer là-dessus. Il devrait se déverrouiller. Bon, revenons à l'icône. Je vais juste appeler ce verrou. Donc, brisons ces déblocages, baissons-les , réduisons un peu. Laissez-le ici. Je connais les gars, c'est déverrouillé. Cela devrait donc être verrouillé abord car nous devons d'abord le déverrouiller. Y. Je vais juste vous montrer pourquoi. Maintenant, cool. Alors, à l'intérieur, sélectionnez-le, rendez cela totalement blanc au blanc vif. Cliquez ici, et appelez cela un verrou. Appelons maintenant cette connexion et Alt et Maj et faites-la glisser vers la droite pour l'animation. Pour notre animation, elle sera ouverte et, par défaut, elle va double-cliquer ici. Je vais juste cliquer sur ce poste ou le déjeuner et celui-ci, et celui-ci, et le long de votre flèche et faites glisser ceci vers le bas. Et c'est tout. Vous souhaitez voir votre animation. Laissez-moi vous montrer. Cliquez sur le prototype. La date clé, par exemple, si je le mets ici, l'onglet ici, jetez un coup d'œil à cette chance, voyez ce qui se passe. Si je le mets sur 1 seconde, le type devrait être animé automatiquement, rien, juste pour aucun. Et voyons ce qui s'est passé. Entrée de commande ou de contrôle. Et si je clique sur cette URL, été malade, très naturellement je vais juste ouvrir. Très bien, supprimons celui-ci. Revenons à Design. Nous avons donc essayé comprendre ce qui va se passer. Si je clique dessus, que va-t-il advenir de celui-ci ? Je vais juste sélectionner ceci, le design, et je vais juste choisir une couleur, peut-être cette couleur. Et je vais juste ajouter cette couleur à mes échantillons. Donc, sur une habitude, c'est sympa. Si on clique pour être bleu, ça veut dire que c'est bon. Et que va-t-il se passer ? dos à l'extérieur et au contrôle bas et cliquez sur cette lettre à l'intérieur et traquez un peu cela. Si vous cliquez sur l'empreinte digitale, qui se trouve en haut, c'est un verrou. Nous devrions donc l'empreinte digitale, l'opacité est 0. La version du journal, l'opacité est de 100 pour cent et essayez de la faire apparaître. Et il devrait également être déverrouillé. La même chose ici. Si je clique dessus, augmentons l' opacité pour le moment. Débloqué. Amenez le centre. L'opacité est 0. Encore une fois, cliquez dessus, en essayant de le faire tourner le plus possible. Je vais donc faire une hauteur de 100 aussi. Voyons voir. Si c'est quelque chose comme ça, les gars. Essayez de rester aussi simple que possible. Je vais juste essayer d'en faire quelque chose comme ça. C'est comme un cercle. Si ce n'est pas le cas, cela signifie que vous devez sélectionner celui-ci et celui-ci, celui-ci et celui-ci. Et suivez-les pour les faire exactement au centre en même temps. Parce que dans l'animation, près du filet se déplaçant. Génial. Alors, animons ça. Je vais cliquer sur. Si je clique dessus, ce sera cet onglet, aucun, d'une durée de 1 seconde. Sélectionnez cette plaque pour collicullus. Il y a donc une lecture, celui-là. Revenons en arrière. C'est plutôt cool. Il est maintenant temps d' utiliser la solution facile. Sélectionnez celui-ci. Et s'il est sélectionné, au lieu d'aucun, nous devrions en faciliter la tâche. La même chose s'applique à celle-ci, c'est la facilité de sortie. Et maintenant, voyez à quel point l'intelligence va se produire. Superbe. En tant qu'empreinte digitale. Déverrouiller, déverrouiller. Regardez, tout est très naturel. Maintenant, nous allons le rendre plus intéressant. Encore une fois, regardez cette empreinte digitale. Voyons ce qui se passe. C'est comme si ça s'estompait ici et que quelque chose d'autre allait se produire. la chance. Très bien, essayons de rendre cela plus naturel. Si je clique sur cette empreinte digitale, n'est-ce pas ? Faisons des bouts supérieurs. Je vais juste faire glisser ça et le mettre ici. Maintenant, réduisez l'opacité et voyons ce qui s'est passé. Juste une plaque d'expérimentation. C'est comme une empreinte digitale, se convertit pour déverrouiller en même temps. dirait exactement une animation morphing. Très bien, cool. Maintenant, nous en avons fini avec cette partie. 6. Mode sombre: Très bien, passons à la page principale. Il suffit de contrôler. Cliquez sur celui-ci. Appuyez sur Commande ou Contrôle D. Manquez d'appeler cette maison et de tout supprimer. Je vais juste choisir l'un de ces Hold on, Hold et le faire glisser ici. Il s'agit donc d'une ombre sombre, d'un décalage de maintien carré et de la rendre un peu plus grande. Peut-être, peut-être que je veux y arriver. Verrouillons ça. Ainsi, lorsque nous changeons la largeur, la hauteur change également. Vous l'avez mis sur AD. Maintenant, qu'en est-il de la lumière de cette ombre ? Si je clique sur l'ombre blanche, nous pourrons peut-être jouer avec elle et nous pourrons rendre un peu bleuâtre. C'est vrai ? C'est réglé, mais je pense que c'est très bien. C'est vrai ? C'est pourquoi je vais juste faire des allers-retours pour voir si c'est réel, alors je vais jouer C si ça va bien. Très bien, Cool. Qu'est-ce que je vais juste le mettre dedans, donc je vais juste le copier. Je vais juste entrer. Je vais juste coller ça et le mettre ici. Assurez-vous qu'il s'agit d'une taille moyenne, qu'elle soit semi-audacieuse. Je vais juste appeler cette chambre. Ce sera une chambre au sol clair. Un. Faites glisser ça un peu vers le bas. Et peut-être aussi à celui-là. Cette bonne boucle de branchement pour la lumière. L'ampoule ici. Celui-là va très bien. Je vais juste le faire glisser et le mettre ici. Faites-le un peu plus petit. Je pourrais, revenons à la couche. Je vais juste appeler cette lampe et m'assurer d' avoir une ombre intérieure pour te dire que ça blanchit et que je n'ai pas à ressentir. Il n'est donc pas nécessaire d'avoir une idée. Juste l'ombre intérieure. Jouez avec ça jusqu'à ce que vous obteniez quelque chose. Je voulais quelque chose de petit à petit comme un dégradé ou de bas en haut. C'est comme un mélange, quelque chose à fondre. Donc, je vais juste sauver ça, peut-être le mettre sur 60. Cette chose s'applique à faire s1 ou est la vôtre est simplement de supprimer celle-ci, de sélectionner cette touche Maj enfoncée, glisser vers le bas, de le faire un. Mettez-le ici. La même chose avec celle-ci. Mais pour celui-là, je vais juste en faire ces couleurs. Alors tabassé. Ces trois éléments sont sélectionnés et les placent au centre de tout cela, si je peux, oui. Je viens de jouer, voir si c'est lisible. Tambour de bits. Pourquoi ce n'est pas le cas ? Parce que c'est un 9. Il devrait être 14. Oui. Pour quelque chose comme ça, vous voulez simplement le voir très rapidement et que vous voulez changer. Délice. Il faut le voir très grand. Allez, montez, montez. Jouons simplement. Sélectionnez-les trois et alignez-les au centre. Mais le problème est que ces deux-là devraient être proches l'un de l'autre. Et je vais juste les regrouper et sélectionner celui-ci. Et maintenant, je vais juste faire traîner ça . C'est bien mieux. Donc, la chambre 1, sélectionnez-le, sélectionnez le handicap et mettez le centre. Et c'est ça, les gars. Je vais juste revenir ici, sélectionner celui-ci et le supprimer, celui-ci et le supprimer. Donc, cliquez avec le bouton droit de la souris, dégroupez-le d'abord, double-cliquez et juste une lessive. Celui-là. Supprimez celui-ci. Cliquez avec le bouton droit de la souris, dissociez Et je vais juste appeler cette cuisine. En plaçant ce centre, sélectionnez-le également et placez-le au centre. C'est donc essentiellement ce que nous avons ici. Sélectionnez tous ces éléments, faites-les glisser vers le bas. Vous voyez l'écart entre ces deux-là ? Laissez-moi voir. Il est 26 ans. L'écart entre ces trois personnes devrait donc être de 26. J'utilise ma flèche vers le bas pour avoir 26, 27, 26 ans. La même chose s'applique ici. Faites glisser ceci vers le bas. Et je pense que c'est très bien. Celui-ci devrait être en train de manger. Cliquez sur la touche Ctrl enfoncée, celle-ci doit être audio. Et assurez-vous que c'est au centre. Vous voyez à quel point c'est cool ? C'est doux, vous l'êtes, tout devrait se fondre facilement. Est-ce que c'est notre cuisine ? Je vais juste mettre cette salle. Assurez-vous de la capitale de l'espèce. On y va. Et celui-là, parce qu'il s'agit d'une maison intelligente, elle devrait être rideau. Cool. Voyons si celui-ci est au centre. Ce centre. Magnifique cygne. Cool. Alors assurez-vous d'abord que tout se trouve au centre parce que lorsque nous animons cela, il va le lire. Difficile de les réparer. Donc, un clic, un seul clic. Assurez-vous que tout se trouve au centre. Je suis sûr que les blanchisseries de leurs centres. Nous n'étions pas au centre. Génial. Donc, tout est au centre. Laissez-moi juste vérifier celle-ci. Celui-là. Celui-là. Allez-y. Maintenant, je peux dire que tout est au centre. Maintenant, je vais juste cliquer sur celui-ci. Copier. Viens ici, viens ici et colle-le ici. Nous avons donc besoin de la même chose ici avec l'ombre intérieure, appuyez sur Commande ou sur Contrôle D. Pas besoin d'avoir une sensation. Celui-ci devrait être moins trois. Moins trois. Et ça devrait être blanc. Donc, réduisez l'opacité. Quelque chose comme ça. Donc, ce n'est plus l'empreinte digitale , la manette est-elle blanche ? Contrôlez leur manque. Ombre blanche, ombre noire. Mais cette ombre noire devrait être plus floue. Comment pouvons-nous le faire ? Mettons ça sur Twitter. Également. La même chose, mais le blanc est mis sur 20. Parfait. Maintenant, vous voyez que sur la base de tout ce que nous avons ici, juste ces outils, ces objets que nous avons créés. Nous sommes en train de créer l' ensemble de l'application. Je vais juste copier celui-ci. Copiez, venez ici, collez-le. Cela pourrait aussi être ici. Nous allons donc choisir cela. Je crois que quelque chose n' est pas Cambridge, juste une ombre blanche, juste diluée. Sélectionnez-le, copiez-le, venez ici, collez-le. J'ai juste double-cliqué là-dessus. C'est pourquoi je viens de m'en donner l'intérieur. Qu'en est-il de ce blanc ? Vous l'aimez parce que ces ombres ont un Bluetooth. Devrions-nous changer celle-ci ? Essayons. Voyons voir. Cliquez sur Contrôle et en blanc. Allez dans l'ombre intérieure, cliquez sur cette zone blanche. Allons jouer avec ça. Nombreuses configurations. Tu vois ça, joli. Voyons toute la page d'accueil. J'adore ça. Je pense que c'est parfait. Très bien, avant de créer ces flèches, sélectionnons et réduisons un peu tout, et abaissons celle-ci aussi. Quelque chose ici À un moment où vous faites quelque chose pour revenir en arrière. Titre de la maison. Et il faudra également basculer entre le noir et le blanc de ce design. Alors ne vous inquiétez pas les gars, ayez tout ici. Donc, avant d'apporter ça, je vais juste m' asseoir à l'un d'entre eux. Cliquez sur. Allons à l'ombre intérieure noire. Cliquez sur cette pipette et modifiez la couleur. C'est tout. J'ai donc besoin de celui-ci pour l'instant. Nous allons juste le copier. Je vais juste l'apporter ici et je vais juste le coller. Ce sera quelque chose que nous avons. Laissez-moi juste vérifier. Tech. Cool. J'adore ça. Oui, vous avez besoin de l'icône flèche. Voyons si nous pouvons obtenir celui-ci. Parfait. Alt Shift. Un coup de fouet. Joli. Je peux donc revenir d'ici et voir à quel point l'air flottant. Je veux dire, quelque chose Il est très intéressant de se sentir aussi comme flottant. On a l'impression que c'est fou d' aller à l'intérieur. J'adore ça. De quoi d'autre avons-nous besoin ? Du poids aussi, quelque chose comme ça. Il va copier cela vers le bas Alt et le faire glisser et le déposer. Ici. Voyons la taille de cela. Faites glisser ça vers le haut. Peut-être un peu plus bas, peut-être au centre. Très bien. C'est comme un bascule, mais à un dipôle différent. Je vais juste choisir quelque chose ici. Abaissez. Assurez-vous qu'ils sentent la même couleur. C'est juste nécessaire. Ombre portée. Faites-le glisser vers le haut. L'ombre portée du centre. Donc, les hommes, ces deux-là ont 0. Il s'agit d'une zone au sol sous forme d'ombre portée. Quelque chose comme ça. Regardez. Laissez-moi jouer avec ça. Quoi d'autre ? Je pense que c'est beaucoup mieux. Minh l'a déclaré et ajoutez-le à celui-ci. Cette assiette. Bien, j'adore ça. Très bien, cool. Quand il a mis ces flèches ici. Donc, les mêmes flèches. Laissez-moi vérifier celui-là. Contrôlez X qui descend ici, collez-le ici et rendez-le blanc. Pour l'instant. Maj vers le bas, faites-le pivoter. Je vais juste le mettre ici exactement depuis le centre. Revenons maintenant au calque. Je vais juste arrêter ça. Alors, quand est-ce qu'il est parti ? Ça devrait ressembler à celui de ce type. Cliquez ici. Cela signifie donc que rien ne se passe. Cliquer et déposer une ombre. Assurez-vous que c'est 0 et que c'est également 0. Je vais juste cliquer à nouveau sur Drop Shadow. Faites glisser ça vers le haut. Très bien. Donc, pour que vous voyiez quelque chose, appuyez sur Commande ou Contrôle D pour le dupliquer. Et ça va se passer. Quand elle n'est pas définie, elle est totalement blanche. Et l'ombre portée est également blanche. Donc, cela va être, c'est choisir un composant et de nouveau cliquer sur nouvel état, état à l'état deux. Vous devriez être blanc. Nous allons juste à l'intérieur. L'origine devrait être de 100 % de réduction. Vous avez sélectionné votre image. Revenons à l'état par défaut. Lorsque nous sommes dans la zone par défaut, indiquez, ouvrez-le. Appelons ça. La version ARM n'est pas proposée ici. Je vais juste l'améliorer un peu avec l'ombre intérieure pour que nous puissions la voir davantage. De toute évidence, 112. Allons faire glisser ça vers le haut. Quelque chose comme ça. Maintenant, nous pouvons voir que, comme vous pouvez le voir, quelque chose est ici, il y a quelque chose ici, non ? Nous l'agrandissons. Superbe. C'est donc le 1. L'État 2 passe à la science. Parfois, continuez et brisez ça. Encore une fois. Éteint, allumé, éteint. Donc, la même chose. Je vais juste faire glisser ça vers le bas. Les grumeaux se déplacent et le font pivoter. Je vais juste le mettre ici au centre, le faire glisser vers la droite, exactement au centre. Rotation. Même chose. Faites-le pivoter pivoter vers le bas. Celui-là. Soumettez en bas. Bien. Essayez d'être au centre. Génial. Il va aller dans une assiette. Et j'ai adoré à quel point c'est cool. Il fait peut-être un peu trop sombre. Allons à l'intérieur. Parce que c'est le principal. Si nous changeons celui-ci, tout va changer. Silicium. C'est un « off ». Allez dans l'ombre intérieure et faites-le glisser vers le bas. Ça devrait être un peu plus léger. Bien plus sympa. Revoyons ça. Il faut toujours vérifier. Si c'est très bien. J'adore ça. Il est déjà là. Si quelqu'un clique dessus, que va-t-il se passer ? Il va être activé, mais nous ne l'avons pas activé. Si je l'active. Bon pour prototyper Gilligan, il n'est pas nécessaire d'avoir une animation automatique. Il suffit de le mettre sur l'état de transition 2. Il devrait être dans deux secondes très rapidement. Si je suis en état d'activation, cela va revenir à l'état par défaut avec 2 secondes et devrait être inconnu. La même chose ici. Vous devriez être religieuse. Pensez. Ok, c'est fantaisie. Cliquez sur. Joli. Ce qui est cool à ce sujet, lorsque nous modifions le maître, tout le reste va également changer. C'est pourquoi la meilleure façon de concevoir des choses. De cette façon, nous avons le composant principal, nous changeons celui-ci. Tout le reste va également changer. C'est vrai ? Maintenant, je vais simplement cliquer ici et faire glisser celui-ci ici. Je vais juste appeler cette colonne. Cliquez ici pour que tout soit parfait. Juste le mal est très pop. Alors, sélectionnez celui-ci. Je vais juste choisir une couleur. Cette couleur. Jouez à nouveau, très naturel, très doux. Nous appelons donc cette interface utilisateur douce. Il est maintenant temps d' animer ces parties. 7. Activez l'animation de prototypage de lumière: Très bien, on y va pour l'animation. Je vais donc cliquer sur un dessin pour mesurer cette ligne au centre. Contrôle clic, double-clic, trois, introduit également. Un lion devrait être ici. Maintenant, c'est le cas. contrôle. Parfait. Un, 23 ans. Alors, quand on clique dessus, que va-t-il se passer ? Donc je vais juste sélectionner tout ce que les gars ou quelque chose comme ça, cette boîte de sélection pour voir que le vert clique avec le bouton droit de la souris et le dissocier. Nous n'en avons pas besoin pour l'instant. Nous avons donc fait notre part. Revenons en arrière et apportons celui-là aussi. Lorsque nous cliquons dessus, cela va se produire. Quelque chose comme ça va monter. Je vais juste le mettre ici. Je vais tout sélectionner ici, sortir sur G pour le regrouper. Et appelons ça. C'est le premier. Ainsi, lorsque vous cliquez dessus, le bas apparaîtra. C'est peut-être la France. C'est de retour. Remettons ça pour l'instant. Ici seul, tout le canton pour le faire de la même taille. Glyco. Donc, quand vous cliquez dessus, ce sera quelque chose comme ça. Maintenant, sélectionnez-les tous les deux. Assurez-vous de cliquer sur Components it, les bots avant et arrière. Cliquez d'abord sur Précédent, cliquez avec le bouton droit de la souris et assurez-vous que le groupe est dissocié. Encore une fois, Commande ou Control G pour le regrouper et le rappeler au milieu. Vous voulez être un composant. Nous voulons simplement être un groupe parce que nous allons simplement sélectionner ce groupe, celui-ci et celui-ci, et maintenant en faire un composant. Appelons celui-là. Si individuel. Nous avons le dos et l'avant. Remettons ça à l'arrière vers l'avant, devant. Maintenant, sélectionnez le devant, ouvrez-le vers le haut, cliquez sur le Lab et faites-le glisser à l'extérieur. La lampe va donc être animée entre l'avant et l'arrière. Alors, vérifiez ça. Bien. Le composant peut, l'état le plus récent, l'état T2, lendemain pour double-cliquer et la chambre à coucher, faites-le glisser vers le bas. Et peut-être que ça baisse un peu. Celui-ci va venir ici. Il va être plus grand. Cela va changer la couleur quelque chose de très petit à petit, plus léger, quelque chose comme ça. Et je vais juste l'ajouter à mes échantillons, quelque chose comme de la honte. Très bien, donc c'est l'arrière, c'est l'état 1 ou l'état par défaut, l'état deux. Alors, animons-le. Il y a un prototype. Un clic sur l'onglet Par sur l'animation automatique. Ceci, mettez-le à six secondes. L'assouplissement est que L devrait utiliser cela, l'utiliser dans ses sorties. Ça va rester, la même chose s'applique. Un clic. destination doit être l'état par défaut. Jouons maintenant et voyons ce qui se passe. Assurez-vous de revenir à la plaque d'état par défaut. Si je clique dessus, voyez, l'acte n'est pas activé, quelque chose se passe. Si je le sélectionne, encore une fois, je n'ai pas choisi l'art ou l'état à perfectionner. Voir l'animation. Cela va baisser et s'estomper et cela va le remplacer. Parfait. Lorsque cela est activé, cela signifie que je peux maintenant augmenter la lumière ou diminuer la lumière. Parfait. Super, j'adore ça. Tout fonctionne comme un omble. Magnifique. Allons à la lessive au chauffage et à l'audio. Revenons à Design. Sélectionnez celui-ci. Lorsque vous décidez de choisir cela, nous pouvons avoir un peu de regard d'ombre intérieure. L'ombre intérieure de cette couleur. C'est comme si cette couleur était sélectionnée, n'est-ce pas ? Mais excellent test de téléchargement. Retournons à la maison. Si je clique dessus. Maintenant, il est debout. J'adore ça. Parfait. Faisons la même chose avec celui-ci. 8. Animation de l'icône de blanchie principale: Très bien, mesurez le linge sélectionné, cliquez dessus avec le bouton droit de la souris et dissociez-le. Appuyez maintenant sur Commande G pour le regrouper. Je vais juste appeler ça devant. Laissez-moi juste, quelque chose me dérange. Dans celui-ci, l'animation. Je pense que c'est sympa, vraiment sympa. Cette lumière n'est pas vraiment cool ? Je vais donc juste cliquer dessus et 10 inertie. C'est tout ce que j'ai fait. Je veux dire, c'est très simple. Maintenant, jouons-le. J'aime toujours la simplicité de l'animation et elle fonctionne parfaitement. Nous. La même chose ici. Cela va être de retour. Je vais juste copier ça, amener ici, le coller. Venez ici exactement au centre. Assurez-vous que c'est totalement aligné. Cliquez avec le bouton droit et dissociez le groupe. Commande ou Control G, ça va être devant, ou je vais juste changer cette lessive avant. Sélectionnez-les tous les deux, faites-en une bibliothèque de composants. Ouvre ça, ça devrait être devant. Il suffit de copier cette zone frontale. Nous avons donc une lessive avant. Laissez-moi vérifier si C devrait être de retour Landry. Canada. Le dos devrait provoquer le retour des données. C'est ça. Ouvre ça. Génial. Le texte du linge est à l'extérieur et la boîte est au-dessus de l'autre. Nous devons reculer, laissez-moi éteindre ça. C'est à l'arrière. Vous êtes prêt, apportez-le ici. Et c'était l'avant, disons que c'est le front réel. Et tous se trouvent à l'intérieur d'un composant appelé Londres. C'est ainsi que nous avons créé cela. Cliquez à nouveau sur ce signe plus et allez dans un nouvel état dans l'état deux, ce qui va se passer dans la succession à l'avant est désactivé. Le dos apparaît dans un état 2, 1. Ouvre ça. Le dos est éteint. Le front est actif. Donc, si je dois changer ça, c'est ce qui va se passer. Si je vais dans un état pour ouvrir cela, il arrive parfois. Le dos doit être activé dès maintenant. Rejouons maintenant. Cliquez en dehors de celui-ci et de celui-ci. Laissez-moi juste l'animer. abord, cliquer sur cette destination devrait être un état très simple. Si je suis dans cet état pour cliquer sur cette destination devrait être l'état par défaut est une facilité. Six secondes. C'est tout. C'est toujours la même chose. Mettons-le comme par défaut est également là. Vous pouvez donc voir la différence et c'est beau. On dirait ça pour qu'il puisse fonctionner dessus. Et c'est une belle animation. Génial. Donc, quand quelque chose comme ça se produit, la lessive, il n'y a pas de flèche d' opération et de flèche vers le bas, quelque chose d'autre devrait apparaître, quelque chose qui dit cliquer sur moi. Laissez-moi juste vous montrer. Revenons ici au design est venu ici. Cliquez sur ce bouton. Copier. Sélectionner en dehors de Command Control V. n'est-ce pas Maintenant, c'est bon de se sentir aussi bien que linéaire. Je vais juste faire quelque chose comme ça. Le top cette fois, je veux rendre ça un peu sombre. Le plus bas, je vais juste le rendre un peu plus lumineux. Donc, jusqu'à ce qu'ils aiment ces gars. Maintenant, passons à l'ombre intérieure. Faisons ça très sombre. valeur Ebit x est trois. C'est peut-être 20 ans. Et faites glisser ça vers le haut. Nous avons donc un bord sombre ici, a comme un bouton, comme On se voit là-bas. Cool. Appuyez sur Commande ou sur Control D pour le dupliquer. Très bien, maintenant, sélectionnez le bas, va être appelé bas sur BG. Maintenez les touches Alt et Maj enfoncées et faites-le glisser un peu vers le haut, peut-être un peu plus grand. Vous voyez donc que le coin est droit. C'est donc magnifique. Et assurez-vous que c' est totalement un cercle. Et cliquez sur celui-ci. Celui-ci est également circulaire. Celle-ci est aussi un cercle. Nous sommes donc en BG. Bg, je veux en faire une couleur unie à quelque chose de très blanc. J'aime le bouton pour que vous puissiez cliquer dessus. Laissez-moi juste jouer. Voyez à quel point c'est beau. Génial. J'adore ça. Sélectionnez donc cette option et sélectionnez le bouton BG, Shift Command ou Control G, The Scholars. Appuyez donc sur Commande ou Control X. Donc maintenant, je vais sélectionner le linge qui passe à l'état par défaut pour double-cliquer dessus et appuyer sur Commande ou Control V, pour copier le même endroit. Cela signifie donc ce que je veux dire, la lessive, ça va être activé. Donc, si je clique dessus, je vais faire une page de blanchisserie. Voyons donc si tout l' état normal est simple. Voyons jouer. C'est donc mon son. En fait. Je pensais y ajouter un son. Ce sera très beau boulot. Très bien, voyons ce que j' ai déjà appelé son pour ça. Donc c'est C, une astuce, je vais juste supprimer celui-ci. Si je clique dessus, je suis dans l'état par défaut. Et si je passe en mode prototype, j'ai ici quelque chose appelé action. Si nous nous engageons sur ce inscrivez quelque chose appelé lecture audio, ce qui peut laisser cela ainsi, un fichier audio sélectionné et ajouter un nouveau fichier. En finale, il y a MP3. Vous avez quelque chose comme smush, Gilligan it et c'est un fichier WAV, un fichier mp3. Ça va juste marcher. Donc, tous les deux, ça marche, l'importent. Et voyons ce qui va se passer, les gars. Si nous cliquons dessus, l'animation va simplement ressembler à ceci. D'accord, cliquez dessus. Laissez-moi juste débrancher mon microphone et vous ne pouvez pas voir ça. Permettez-moi d'augmenter le volume de B. Ça va ressembler à ces gars. Ensuite, lâchez prise. Nous pouvons donc également ajouter cela à celui-ci. Celui-là. Si vous êtes dans la valeur par défaut, l'état peut cliquer sur ce signe plus pour obtenir une action. Donc, maintenant, vous voyez que c'est activé. Allez choisir. Un fichier audio est déjà présent. Nous n'avons donc plus besoin d'ajouter. Et cela suggère ce qui va arriver à l' assiette de la maison pour le laisser tomber. Donc, la somme de l' activation de quelque chose ou de toucher quelque chose sera ce son. Donc, c'est bon, concevons bien la page de la laverie ou de la machine à laver. 9. Concevoir la page Machine de lavage: Très bien, créons la page de Londres. Nous obtenons donc notre tableau, le plan de travail domestique appuie sur Commande ou Control D pour dupliquer cela ne supprimera pas tout. Mais sur celui-là aussi. Il suffit de sélectionner celui-ci, faire glisser vers la droite. Donc malgré cela devrait être à la maison. Cela va à Plugins appelé ce bouton d' accueil. C'est cool. Cela le fait glisser ici et devient un peu plus petit. Peter, plus petit. J'ai dessiné ici et de la même couleur. non-répudiation va vous en donner une copie et faire glisser ça vers le bas. Je vais juste taper Smart Pushing, non ? Pour moi, il est grand. Et je cherche quelque chose de semi audacieux. Faites glisser ceci vers le bas, tapez ici la machine. Mais celui-ci doit être léger. Et ça va aussi être un peu plus proche de 200, 400, 500, 550. Le reste peut être comme ça. Sélectionnez-le, levez la flèche vers le haut et voilà. Elle a défini en obtenant un gentil, ce que je fais ce capital, je fais aussi le jour gardé. Je pense que c'est beaucoup mieux. Maintenant, Cellectis. Ça se passe bien. Donc, quelque chose comme ça. Machine à laver intelligente. De quoi d'autre avons-nous besoin ? Je n'ai pas besoin de ces dernières. Supprimer, sélectionnez-le, maintenez la touche Maj enfoncée et agrandissez-la un peu. Très bien, sélectionnez-le, faites-le glisser vers le bas. Sélectionnez-les, faites glisser le vers le bas. Sélectionnez celui-ci. Revenons au calque. Je veux voir ce que nous avons fait. Ouvre ça, blanc et vérifie si la largeur et moi est la même, non ? Peut-être un peu plus gros. P, quelque chose comme ça, 1, 36, et celui-ci autour de lui. Cool. Maintenant, je vais juste cliquer sur le cercle communiste au centre. Maintenez les touches Alt et Maj enfoncées, puis faites glisser Je vais exactement au milieu. Sortez du terrain pour voir la frontière. Mettons-le sur 20. Maintenant. Essayons tout pour changer pour en faire exactement quelque chose comme ici. Peut-être un peu plus près de l'extérieur. Celui-là et celui-là. Maintenez la touche Maj enfoncée et agrandissez. Une fois encore. Maintenant, tout est parfait et celui-là, je change la largeur et la hauteur. Donc, tout va bien. Il suffit de sélectionner ça. Je vais juste choisir une voiture cool ou quelque chose comme ça. Cela n'a pas vraiment d'importance. Vous pouvez donc toujours chercher des couleurs, rendre totalement blanche ou rouge, et simplement jouer avec elle jusqu'à ce que vous obteniez quelque chose comme ici sur cette zone. Nous devrions aussi faire quelque chose comme ça. Cette zone offre un bon contraste entre l' arrière-plan et la couleur. Je vais juste choisir celui-là. Maintenant, il y a un autre truc sympa parce que vous voulez animer cela. C'est l'astuce que je vais juste montrer. Vous. Placez l'écart sur un certain 100e. Quand tu le mettras sur 700 ça va être quelque chose comme ça. Juste une petite ligne ici, d'accord ? Ce que vous pouvez également réduire l'opacité. Ce n'est en rien là pour animer que l'écart est le même que 700, mais le tiret, si je maintiens ma flèche supérieure, vous voyez ce qui s'est passé ? Ecoutez, c'est comme ça que nous animons cela. Et ça va être très naturel, très cool. Permettez-moi de venir à la zone où elle est totalement au niveau du sommet. Pour ce faire, je vais juste créer une ligne pour cela. Je vais juste sélectionner à nouveau et laisser tomber. bon, c'est cool. Maintenant, vérifiez ça. Nous devons utiliser le capuchon arrondi et voir s'ils vont tous les deux entrer à l'intérieur, ce qui est cool. C'est donc l'astuce. Maintenant. Je vais tout sélectionner, appuyer sur Commande ou Control G pour le regrouper et le faire glisser vers le haut. On va juste le mettre ici. Et faites-le glisser un peu vers la droite. Joli. De quoi d'autre avons-nous besoin ? Nous avons besoin de l'eau pour l'intérieur, donc comment créer l'eau. Laissez-moi donc le sélectionner et cliquez sur machine à laver, Glenn Command ou Control et cliquez sur ce haut arrondi sur le canal Y. Appuyez sur Commande ou sur Control D pour le dupliquer. Je vais juste le faire glisser et le mettre sur le dessus. Il va donc y avoir un masque. Cliquez maintenant sur le carburant. Et je vais juste utiliser la même couleur que celle-ci. Passons au linéaire, le plus haut. Parce que je fais du caoutchouc. Viens ici. Sélectionnez celui-ci, nous passons par le caoutchouc et choisissons cette couleur. Donc, la même chose. Mais nous devons masquer cela comment ? Nombre de clics de contrôle. Nous sommes donc sous Masque. Ramassez votre outil à stylo. Maintenant, sélectionnez l'extérieur, un clic ici, le long du quart de travail, une clique ici , ici et aussi ici. Nous avons donc juste la limite de cela. Ne cliquez pas sur la sélection, double-cliquez ici. Il suffit de glisser l'un d'entre eux vers le bas C'est donc un soin aqueux. Maintenant, faites glisser ceci, penchez-le vers le bas comme ça. Il n'y a donc rien à l'intérieur de cette forme ici à l'intérieur du cercle. Assurez-vous que cette option est sélectionnée. Maintenez également le contrôle enfoncé et sélectionnez-le également. Ces deux-là sont sélectionnés, leur chemin et le masque sont sélectionnés. Cliquez dessus avec le bouton droit de la souris et masquez avec la forme ou le raccourci Maj Command ou Control M. Cela va donc être masqué. y a donc rien. Le masque est en panne. Donc, en gros, si je viens et ce masque En cliquant sur le masque, vous voyez quelque chose comme ça. Vous voyez le passé. Si je clique sur le chemin, si je clique ici, c'est ce que vous voyez. Si je vais dehors, voyez ce que vous voyez. Donc, mon choix Z, pour y retourner. Cela va donc être parfait pour notre animation. Nous avons donc trois boutons ici. Apportons celui-ci, copions et collons, et donnons la même taille que celle-ci. Maj vers le bas. Faites glisser ceci vers le bas, faites-le au centre de celui-ci. Et je vais juste faire glisser ça aussi vers le bas. C'est donc totalement seul. Non, faites glisser ça et mettez-le à l'extérieur. Et pour l'icône, Allons à votre icône matérielle, icône Google. Il est infile et vous pouvez y accéder. Il suffit de regarder ces trois icônes avec impatience. Je vais juste les coller ici. Ce sera donc pour commencer désactiver et allumer le son avant. Et ce sera le chronomètre maintenant. Très bien, cool. Très bien, parfait. Nous avons donc également ces trois icônes. Donc ici, celui-ci devrait être vert, quelque chose comme ça, non ? La même chose que celle-ci, au même endroit. Cherchez quelque chose de verdâtre, ne devrait pas être mort. Un peu de vert. Ce vert est vert clair, très clair. Donc, pour aimer ça. Mais lorsque cela s'allume, l'ombre va affecter ce genre d'ombre ici. Ainsi, l'ombre intérieure sera également de la même couleur, mais réduira l'opacité. Il a dit : Oh, non, c'est très bien. Cette diapositive affecte donc cette zone d'ombre, l'éclairage qui l'entoure. J'ai également ces icônes ici. C'est ce qu'on appelle une icône intelligente. Je vais juste le traîner et le mettre ici. Rien d'intérêt particulier et cliquez avec le bouton droit de la souris et dissociez-le. Il suffit de le mettre ici. Maintenant, faites-en un composant. Donc parce que nous allons simplement copier cela pour tous les autres livres ou nous pouvons le copier facilement et nous pouvons le modifier facilement. 10. Prototypage Animation de lavage: Donc, c'est chez nous. Je vais juste appeler ces Landry Command ou Control D pour le dupliquer. Cliquez dessus et assurez-vous que la couleur, c'est un peu l'érudit. Ou peut-être cette couleur. Je sélectionne cette couleur et je vais juste l'ajouter à mes échantillons. Maintenant, dans ce plan de travail. Et j'ouvre ce masque et je clique et je passe. Allons zoomer un peu. Assurez-vous donc que lorsque vous mettez votre souris ici, vous voyez ce cercle. Ça me dit que tu fêtes la fête. Celui-ci est en train de sélectionner celui-ci. Maintenant, vous devez sélectionner celui-ci, double-cliquez dessus, cliquez dessus et faites-le glisser vers le haut. Et jouez avec ça. Quelque chose comme ça. Allons-y. C'est peut-être un peu survenu. Peut-être quelque chose comme ici. Nous pouvons donc jouer avec ça. Il suffit donc d'aller jusqu'au sommet pour sélectionner la couleur, aller au masque. C'est bon à entendre. Je vais juste le mettre en couleur unie et choisir la même couleur que celle-ci. Rendons les choses très simples et très intéressantes car c'est une interface utilisateur douce, donc tout doit être confortable et facile à regarder. Maintenant, ce qui anime ce qu' on appelle, c'est très facile les gars. Assurez-vous donc de sélectionner cette bordure, de sélectionner ce tableau ici. Laissez-moi juste voir. Qu'est-ce qu'un objectif ? Est-ce que les élites 61 ans, son ellipse ? Peut-on le changer en cercle pour que ce soit génial. Cercle. Copier. On y va. Cercle aussi. Donc, si je clique ici, assurez-vous que c'est le cercle, donc nous le savons. Il devrait donc y avoir une rotation à 360 degrés et revenir au même endroit. Encore une fois, Commande ou Contrôle D pour le dupliquer. Sélectionnez celui-ci pour vous assurer de double-cliquer sur le masque. Et allons-y. Cette fois. Il devrait être le contraire. Et faites glisser ça vers le haut. Alors animons-le jusqu'ici pour voir que tout va bien ou pas. Sélectionnez donc ce plan de travail, le linge, faites-le glisser et déposez-le ici. Cela devrait être allumé. Une fois, je peux aussi animer. Ce devrait être une religieuse. Une fois encore. Onglet. Encore une fois, aucune. Je vais juste voir avant de faire l'animation, je peux voir ces icônes quand elle arrivera ici devraient être une icône d'arrêt. En fait, je vais simplement supprimer celui-ci et je vais supprimer celui-ci aussi. J'ai déjà l'icône d' arrêt ici, je vais juste la mettre ici. Et cette icône devrait être bleue. Celui-ci aussi, l' initiative devrait également être bleue pour réduire l'opacité 24. Copiez ceci, supprimez-le, sélectionnez-le et collez-le ici. Donc, fondamentalement, si je clique sur celui-ci et que je le fais glisser ici, sera l' autonomie des onglets qui utilisent la lessive ne sont pas et la durée sera de 1 seconde. Ensuite, je vais simplement cliquer sur celui-ci, la page totale. Faites-le glisser jusqu'ici. Celui-ci devrait donc être à l'heure. Nous ne faisons rien. C'est le moment, pas une seconde. Faisons donc l'animation. Voyons si tout est lisse, surtout celui-ci, le cercle. Superbe. Ils changent donc parce qu'ils ont le même nom. Celui-ci et celui-ci portent donc les mêmes noms. Je vais juste appeler celui-là. Je devrais donc passer à trois. Je vais juste changer de nom au hasard pour que vous ne vouliez pas distraire le public par celui-ci. Cela a donc changé les arrêts ou nous allons l'arrêter. Superbe. À la fin, nous devrions ajouter la bulle. Ça va être très amusant. Très bien, passons à une autre page, Commande ou Contrôle D pour la dupliquer. Nous le savons déjà. Bien sûr, la passe va à l'intérieur. Ici. Nous devrions simplement cliquer sur le passé, le faire glisser vers le haut. De l'autre côté, faites glisser celui-ci vers le haut. Celui-ci devrait venir ici un peu. Également. Le tournage de la chanson, venez ici. Faites glisser ça vers le haut. Alors, ravissez ça. Il est presque là. Maintenant, celui de celui-ci, nous allons juste le terminer. Double-cliquez dessus en haut. Jusqu'au sommet. Et c'est tout. Et à la fin, il y a une autre eau d'égout. Un cool. Nous allons maintenant faire l'animation. Voyons ce qui s'est passé. Donc, l'animation devrait être si je vais au prototype et que je fais glisser celui-ci et aussi faire glisser celui-ci. Donc, fixons le premier, le cercle. Si je clique dessus, passons d'abord à Design. Si je clique sur le cercle, la rotation sera 0. Le prochain cercle est 360. Le prochain devrait être à nouveau 0. Laissez-moi cliquer sur le cercle. Oui. 0. Le prochain devrait être 360, et celui-ci devrait être 0. Faisons l'animation et voyons si elle fonctionne. Superbe. Et c'est fait Commande ou Contrôle D pour le dupliquer. Ça va être une irritation à la fin. C'est ce que nous faisons. Allons tout arranger. Donc le premier diffère, cercle, cette rotation est 0. Le deuxième est 260. Encore une fois, devrait être 0. Circle devrait encore être sur 360. Encore une fois, il devrait être 0. Et à la fin, nous voulons juste une rotation de 90 degrés car c'est le temps de séchage et changez simplement la couleur en quelque chose de verdâtre. Ce n'est pas le passé. Revenons en arrière. Juste le masque. Ici. Le masque est en train de sécher. Voyons d'abord l'animation. Ensuite, nous passons à la plaque de détail. Donc, il s'arrête ici. Pourquoi ? Ça peut sentir que ça s'est arrêté ici ? Parce que nous n'avons pas fait le prototypage. Est-ce que c'est cool ? Donc, le temps de la lessive, aucune. Encore une fois, la même chose. Encore une fois, la même chose. Si je l'arrête, tout le paquet va revenir ici. Voyons voir. Les pièces sont magnifiques. Revenons en arrière. Regardez à quel point c'est cool, tout le temps, j'adore ça. Superbe. 11. Créer des bulles pour la machine à laver: Très bien, il est temps d' ajouter quelques bulles. Qu'est-ce que la bulle ? Cliquez ici. Revenons à Design. Cliquez sur ce petit cercle ici, et lancez simplement quelques insectes. Et qui va le rendre de la même couleur que celle-ci ? Joli. Couleur profonde. C'est vrai ? Un ici, un ici, un ici, un ici. Seulement cinq d'entre eux. Sélectionnez tout, regroupez-les. Appelez cette bulle et réduisez l'opacité. Copiez-le. Allons-y ici. Collez-le. Alors ramenez-le et mettez-le à l'intérieur de cette machine à laver. Alors augmentez l'opacité, sélectionnez celle-ci, faites-la glisser jusqu' à un an pour agrandir un peu. Jusqu'ici, réduisez l'opacité très faible. Celle-ci, opacité réduite, celle-ci est plus grande. Donc celui-là, je vais juste le mettre ici. Même chose. Copiez le même groupe. Copié. Double-cliquez à l'intérieur, collez-le. La bulle est donc aussi au sommet. Même chose. Si je clique dessus, faites-le glisser vers le haut. apprenant va peut-être se rendre accidentellement dans ce coin. Cela va chauffer ce coin. Nous vérifions qu'il ne va pas sortir. Cool. Je cherche donc cette ellipse. Et vous finissez par réduire l'opacité. Je vais peut-être au sommet. Celui-là. Celle-ci est, c'est tout. Il me manque quelque chose ici. Donc probablement quelque chose au milieu, peut-être très petit. Ce ne serait pas mal. Echantiller la bulle, copier. Double-cliquez à l'intérieur. Puis-je contrôler la bulle ? Maintenant, jouez avec elle. Ici, nous avons eu un accident, non ? Nous avons donc atteint le coin. Et celui-là, laissez-moi vérifier. Laissez-moi juste copier celle-ci. Si je ne fais que copier celui-ci, copiez-le. Double-cliquez, collez-le. Et celui-ci a 18 ans. Venir ici, venir ici, venir ici, descendre, descendre. Quoi d'autre ? Faites autre chose. Et pourtant, la reine doit être faite aussi. Une fois de plus, copiez la bulle qui était Lee ici. Collez le vers le bas en face. Donc, ce serait très bien. Et mettons-le ici aussi. Copier. On va donc revenir à la bulle, l'opacité à 100 %. Et celle-ci, la bulle est juste là. Écrivez ça. Je vais juste le mettre dans leur machine à laver. Dirivez-le sélectionné, décalez, sélectionnez la flèche vers le bas et assurez-vous que l'opacité est 0. Donc, voyons voir, c'est ce que nous avons fait. Il manquait quelque chose au fond . Allons réparer celui-ci. Dans votre oreille. Quelque chose. La bulle et cette bulle devraient apparaître. Revoyons encore une fois. Joué. Joli. J'adore ça. C'est magnifique. 12. Ajoutez un effet de son dans Adobe XD: Qu'en est-il du son ? Donc, à la fin, à ce son, un son doit aussi changer cela parce que ce sens qui s'allume bien ? Revenons ici et allons chercher le son que nous voulons. Quand c'est de cette façon. Copiez, collez. Apprenez-le celui-là. Et juste au centre. Cool. Prenez cette couleur. Joli. Copiez-les. Supprimons, supprimons, supprimons, supprimons. Alors, sélectionnez, Maj, sélectionnez-les tous, Commandez ou Control V. Je vais juste être aux mêmes endroits ici. La même chose. Celui-ci réduit donc l'opacité. Donc avant cela, assurez-vous faire la même couleur. Maintenant, baissez ça. Cela va donc être bon. On y va. Ici, contrôlez V, éteignez le son. Donc celui-là, et je ne veux pas que celui-ci, Contrôle, cliquez sur Commande ou Ctrl G pour les regrouper. Je vais juste appeler ce son. Si vous cliquez dessus, que va-t-il se passer ? Cela en fait un composant d'abord. Son. Quand c'est par défaut, il devrait y avoir un certain plaisir. Est-ce qu'il va dans de nouveaux États ? Ça devrait être quelque chose comme ça. C'est donc allumé et désactivé. arrêt doit être de 10, le bras doit être allumé. Et aussi celle-ci, l'ombre intérieure, sera la même que celle-ci. Opacité vers le bas. Le point culminant est donc ce qui va se passer. Allumez. Allons l'animer. Cliquez dessus. État deux, bon de rester à faire devrait être allumé une seconde. Nous pouvons également avoir une action disciplinaire, comme dire que cet appel à action à la solution à celle-ci également. Voyons donc comment cela fonctionne. Ramenons cela par défaut au fur et à mesure qu'ils le recherchent. Il fonctionne sur nous. C'est sympa tout le temps, c'est cool. L'autre chose que nous pouvons faire est celle-ci. Il suffit de taper ici. Le séchage, c'est s'amuser. 0, c'est rendre ce semi gras. Et aussi deux points à la fin. Faites-le un peu petit. Allons le faire tomber. Vous pourriez faire divers petits. Mettez-le au centre. Copiez-les. Mettez-le ici, faites-le grand. Sélectionnez celui-ci, réduisez l'opacité. Ce sera donc à quoi ça ressemblait. Mais mesdames, aiment sécher en ce moment. Revenons en arrière. cuisinier. Voyez donc cette animation. Cela signifie donc les mêmes noms. Nous devons changer ce genre de 11 ici, un autre ici. Donc ça n'a pas vraiment d'importance parce qu'elle change alors pour voir, si quelque chose ne va pas. Nous devons donc tout arranger. Tout est totalement parfait. Son. Cela prend quatre secondes. Cela apparaît bien. J'ai souhaité et ça génial. J'adore ça. Maintenant, passons à la minuterie. 13. Conception de chronomètres et d'animations de prototypes Adobe XD: Très bien, créons le côté de l'écran du minuteur. Je vais en utiliser un, en fait, quelque chose comme celui-ci. Je vais juste faire glisser celle-ci vers le bas. Et la clé ici est aussi l'ombre. Ça devrait être blanc. Essayons ça, peut-être vers 80 ans. La hauteur à droite. Alignez-les, allez à gauche. Aligner, commander ou contrôler. Cliquez sur coins arrondis, coins arrondis. Nous avons donc celui-là. Si je maintiens le contrôle enfoncé et que je clique dessus et que je le sélectionne en noir, dans une ombre. Si je vais à l'intérieur en phaco et linéaire, le premier, celui-ci devrait être blanc. Le bas doit être de la même couleur que celui-ci. Maintenant, celui-ci joue avec ça jusqu'à ce que tu sois content de quelque chose comme ça. En outre, cliquez dessus comme une ombre intérieure. Et celui-ci devrait être un peu plus sombre. Les souris, j'adore ça. Appuyez sur T sur votre clavier. Et tapez simplement le numéro 0. Et agrandissez ça. Je ne devrais pas être Poppins pour le nombre autour. C'est bien et votre rond vide est cool. Il va utiliser celui-ci. Assurez-vous que la couleur de remplissage correspond à cette couleur d'arrière-plan. Cliquez sur une ombre intérieure, elle zoome pour que vous puissiez voir exactement ce qui va se passer. Cliquez sur une ombre intérieure, et essayez simplement de créer une lumière très vive. Je vais juste essayer quelque chose comme ça, faire glisser ça vers le haut. Peut-être que cette couleur pourrait être la meilleure couleur. Et je vais juste l'ajouter ici. C'est donc ici. Celui-là. C'est trois, e b, neuf, E1. Donc, une pièce de jeu avec elle. Je viens de découvrir que c'est la couleur de base à utiliser. Il faut donc toujours jouer avec la couleur, quelque chose comme ça. Il ressemble à votre design. C'est donc le 01. Alors, comment les créer ? Permettez-moi de vous montrer un exemple. Et nous allons mettre ça ici. Et je vais juste faire traîner ça. Vous pouvez créer, répéter, faire glisser cela vers le bas. Je vais juste compter. Très bien. 1234567890. Donc, c'est suffisant. Je vais donc commencer par une fois de plus, 01. Cela va être 109 parce que c'est un moment où il faut reculer. Sept. S'il s'agissait d'une minuterie normale, vous pourriez simplement faire un simple 10123. Mais on recule, passe de 10 à 0. Pour les militaires. Aussi. Silencieux. Jusqu'à présent, tellement bien. Faites glisser ça vers le bas et continuez. Quelque chose comme ça, c'est cool. Nous avons donc quelque chose comme un déguisement. Nous avons donc besoin d'une copie du séminaire pour copier quelque chose à côté. Et nous pouvons sélectionner ces deux-là et copier nouveau quelque chose à côté. Mais nous devons utiliser un masque car si je les sélectionne et que je les mets ici, voyons ce qui se passe. Imaginez un mettre ces deux-là. Ici. Nous avons compris que nous aurions un écart ici. L'écart de prise est deux. Et sélectionnez ces deux-là et l'a traîné pour entendre aussi. Sélectionnez tout. Assurez-vous qu'il est au centre, ce qui est tellement un rectangle de ligand. Et assurez-vous de cliquer ici. Vers ici. Activez un champ pour que nous puissions le voir décaler le 1234 sélectionné. Quatre d'entre eux sont donc sélectionnés. Cliquez avec le bouton droit et masquer, pas cher. Nous voyons donc simplement les sports. S'il n'y a plus, double-cliquez dessus. Sélectionnez celui-ci. Ce rectangle. Je vais juste au Silicone ce rectangle et faites-le glisser un peu vers le bas. C'est donc ça. Maintenant, allons à l'intérieur. Double-cliquez. Appuyez sur T, et pressons M. Faisons ce genre de blanc et très petit. Ce sera donc une minute ici. Et ça va être le deuxième S. Maintenant, nous sélectionnons tout, même celui-ci. Ces deux-là se trouvent également à l'intérieur de ce groupe. Je vais juste appeler cette minuterie ou cette heure. Cela devrait être une minuterie. Sélectionnez celui-ci, cliquez avec le bouton droit de la souris et dissociez-le pour l'instant. Bon, maintenant, groulons-les et appelons ce minuteur. Et nous avons aussi le temps, donc le temps et le temps et sélectionnez celui-ci et sélectionnez-le également. Les deux sont donc sélectionnés. Cliquez sur le composant et cliquez également sur de nouveaux domaines. Il s'agit donc de l'état 1, de l'état par défaut, et il s'agit d'un état d'une succession pour décrire la couleur de celui-ci qui va changer pour celui-ci. Et cette ombre intérieure va aussi changer celle-ci et réduire l'opacité. Et nous avons des reflets rouges. Et dans l'état 2, cela va commencer comme ça. Je vais juste le sélectionner et faire glisser ça vers le bas. Quelque chose comme ça. Commencez sur dix minutes. Voyons ce qui se passe. État par défaut, un état à son animation, passe au prototype. Double-cliquez dessus. Activé. La nation doit être un État. 2 sur abandonné ou 6. Deuxièmement, c'est dans ses sorties et ça monte. Cliquons à l'extérieur. Sélectionnez-le à nouveau. Allons à l'état 2 que nous allons entendre activé. Assurez-vous de revenir à la valeur par défaut, état. La même chose. Activez donc ces valeurs par défaut, donc fondamentalement vous êtes dans l'état par défaut qui est joué. Activez-le. Donc, dix minutes, revenons en arrière. 0, activé pendant 10 minutes. C'est ainsi que nous activons cela. Par défaut, c'est 10 et nous pouvons également le modifier manuellement. Très bien, génial, j'adore ça. Maintenant. Nous devons copier cela. Vous devez copier l' état partout. Supprimons celui-ci et collez-le ici. C'est 10. Il va donc commencer à double-cliquer ici. Il va donc être 0. Cela va être neuf. Au fur et à mesure que nous voyons celui-ci, cliquez dessus. Faites glisser ceci vers le haut, il fait glisser ça vers le haut. Très bien. Je vais cliquer là-dessus. Parce que c'est la deuxième place devrait aller vite. Cela va donc être cinq. Ce sera peut-être pour copier le tout. Supprimez, collez-le ici. Cela devrait être doublé. Je clique deux fois sur six. Revenons en arrière. Il devrait donc en être deux. Il devrait être 29 ans. Génial. Si vous voyez quelque chose, c'est tout simplement surgissant. J'adore simplement sélectionner le masque et faire glisser cet autre bout. Copiez l'ensemble de l'emballage. C'est ça. Nous en avons deux autres, six, ça va être 3. Encore cinq ans, 50 ans. Copier. Et c'est tout. Faisons ça 0, 0, 0, 1, 0, 0. suffit de cliquer dessus et de le faire glisser un peu vers le bas. Il est donc nivelé. Je vais donc simplement cliquer dessus et mettre ici aussi. Ici, tu ne fais que sécher. Cela signifie donc que cela ne fonctionne plus. Nous changeons donc la couleur par celle-ci. Et aussi, probablement dans cet état, cela revient à la valeur par défaut. L'État. Il n'est pas nécessaire de modifier la colonne. Vous avez déjà créé le design et le composant vient de le lire, voir s'il fonctionne. Il est donc activé. Maintenant, tu joues. Revenons en arrière. Activé, dépensé 10. Maintenant. assiette. C'est magnifique et ça va commencer. Très Sarah, dessin parfait. Maintenant. Revenons en arrière. Arrête ça. Parfait. 14. Prototypage Commencez à terminer: Maintenant, allons faire le paquet ensemble. Comme un côté est aller à Prototype. Si je clique dessus, donc l'animation que cela dit est d'ajouter 1 seconde va à papa un, je viens à cette page allait arriver va être Ça va revenir. Il ne devrait donc pas revenir en arrière. Donc, ce n'est pas débranché est en transition temporelle, poussé par lui-même, six secondes. Voyons voir. Asm est un peu rapide. Un à la fois. Peut-être 8 secondes. S'il vous plaît Nous voulons voir le verrou Qu de transition et c'est tout. Superbe. Nous sommes sur cette page. Les œuvres sont géniales. Alors, quand sa lessive, laissez-moi cliquer là-dessus. Il devrait aller à l'autre page. Sélectionnez celui-ci. Vous êtes dans l'état deux. Si je clique sur ce prototype, passons à celui-ci. Transition, poussez vers la gauche, ce qui signifie que celui-ci est poussé vers la droite. Voyons comment cela fonctionne. Permettez-moi de revenir à l'état par défaut. On y va. Buanderie et belle. Revenons en arrière. Génial. Nous pouvons simplement le faire aussi. Retournez à celle-ci. C'est comme pousser, non ? qui signifie que si vous êtes dans celui-ci, cliquez dessus. Génial, beau. À la fin, nous allons simplement animer cela et créer la même chose pour le mode lumineux. Vous ne voulez pas Landry. Je crois que pour qu'une lessive rende plus intéressant que vous choisissiez vraiment celle-ci, vous pouvez changer l'Ombre intérieure. Landry. Double-cliquez. Vous avez le front, nous avons la banque. Donc si nous allons à l'arrière, si nous allons à l'état 2, tosylate, agrumes arrière Landry, la flèche blanche, c'est pourquoi nous avons juste mis le nom dessus. Ça va être très intéressant. Peut-être quelque chose de violacé ou de rougeâtre. Faites glisser ça vers le haut. Même le nom de la lessive, peut-être, peut-être le titre, même l' initiale peut être un peu. Peut-être cette couleur, pour moi, mauvaise, pour l' ombre intérieure, le blanc. Laissez-moi également sélectionner cette couleur et faites-la glisser vers le bas. Donc, quelque chose comme ça. Je pense que c'est très intéressant parce que nous essayons de le rendre aussi intéressant que possible. Landry, bien. Il est donc évident que nous avons choisi le linge. Maintenant, nous optons pour ce modèle de plaque de machine à laver. Revenons donc en arrière. Assurez-vous donc que la présentation toujours avant de commencer le premier clic sur le minuteur, est toujours avant de commencer le premier clic sur le minuteur, sera sur 10 minutes. Cliquez ensuite sur le début. Séchage sonore et revenons en arrière. Très bien, génial. Nous pouvons revenir en arrière, ou si vous cliquez dessus, que va-t-il se passer ? Nous cliquons sur celui-ci. Celui-là va encore revenir. Ici. On pousse, non ? C'est la même chose que les gars. Très bien, Nice. Et maintenant, qu'en est-il de celui-ci ? Si nous cliquons dessus, que va-t-il se passer ? 15. Concevoir le mode de l'éclat: Très bien, nous avons déjà le mode sombre. Passons au mode lumineux. Il est donc déjà sélectionné. Cliquez sur le champ et saisissez cette couleur. Superioralement, ils ont ces deux LAN tout le temps qui le traînent par ici. Nous avons donc déjà ces deux options. Sélectionnez cette option. On peut donc changer celle-ci parce que le, sont des étapes demi-torsadées, non ? Mais celui-ci devrait être simple. Cuisine et celui-là, n'est-ce pas ? La lampe de cuisine et le mode sombre. Je vais juste appuyer sur Commandement ou Control G et appeler cette cuisine. Cliquez dessus. Nous sommes donc en blanc, dans l'ombre. Cliquez dessus. J'ai dit : Qu'en est-il de ces couleurs ? Remplissons-le de la même couleur ou désactivons cela parce qu' il a une ombre intérieure. Je vais juste prendre la même couleur et jouer avec elle jusqu'à ce qu'il devienne très cool. Je veux dire, cette couleur. J'ajoute cela aux soldats parce que nous allons simplement cliquer dessus. Et même chose. Qu'en est-il du noir ? La même chose à ça. Qu'en est-il de l'ombre portée ? Je vais juste ajouter celui-ci et faire glisser ça vers le bas. Que diriez-vous, je vais simplement cliquer sur l'ombre blanche. L'ombre devrait être vraiment blanche. Quelque chose comme ça. Nous avons donc déjà celui-là. Donc BB smart et conservez tout le texte. Cliquez avec le bouton droit et dissociez-le. Je ne veux pas taper ce qui prend à nouveau. Donc, à l'école, cela signifie que je peux simplement sélectionner ceci, aller initier ou cliquer sur celui-ci. Il est également en train de vider celui-ci. Donc celui-là, et quand il est rapide, je vais juste cliquer sur celui-ci, celui-ci, tapis droit. Sortons dehors. Python, Ruby, venez ici, cliquez avec le bouton droit de la souris et renvoyez-le vers l'arrière. Ça va être comme ça, très vite génial. Cette fois, je vais juste copier le linge. Inconduite. Supprimez celui-ci, sélectionnez-le. Maintenez la touche Maj enfoncée, faites-la glisser vers la bonne commande ou contrôle V. Et passons à l'ombre intérieure à celle-ci. C'est donc ainsi que nous pouvons rapidement faire le reste. Donc, le reste de tout ça va être votre mission. Très bien, vu celui-ci et celui-ci, quelle couleur vous devez ajouter à celle-ci pour être exactement comme ça. Je vais juste laisser ça comme ça. Je vais juste concevoir celui-ci pour vous. Ce sera donc vos missions et même le reste. Je veux dire, je veux que vous créiez la même chose, mais le mode couleur blanche, non ? Alors envoyez-le moi et je vais juste voir ce que vous avez fait. Et il va contrôler le clic sur celui-ci. Ça va être blanc. Et cela va être contrôlé. Nous allons choisir une couleur. Dans l'ombre. Il fait très sombre. Et aussi, qui va peut-être y ajouter cette couleur ? Ce serait beaucoup plus agréable. Je vais juste faire les blancs dans l'ombre au blanc. Faites glisser ça vers le haut. Magnifique. Allons à l'un d'entre eux, l'état 1 et l'état 2, n'est-ce pas ? Disons donc que 2 va être quelque chose comme ça. Mais l'état par défaut et ceci, c'est suffisant, non ? Ça devrait être sur quelque chose comme ça. Scooby par défaut, l'état sur ce point passe à l'ombre portée. Voyons voir, qu' avons-nous ici ? Sur et hors tension. Le toit doit être opacité et 0 allumé. Ombre portée. Je vais juste le poser quelque part comme ça. Il s'agit donc de l'état normal et par défaut pour cliquer dessus. L'ion est éteint. Et il suffit de cliquer sur Désactiver et de l'activer. Il va donc être en arrière, mais la couleur doit être de cette couleur. C'est ça. Voyons ce que nous avons fait. Très bien, cool. Je vais juste enlever tout le reste. Faites glisser ceci vers le bas. déclaré. Mettez-le ici signifie qu'ils sont tournés. Mettez-le ici au centre. Et la même chose ici. C'est très simple. Je crois que je veux en faire quelque chose comme ça. Pour le reste, je vais juste animer ça aussi vous puissiez voir ce qui va se passer. Si je vais au prototype et si je clique dessus, ça va juste arriver à celui-ci. Animation automatique. Voici une sortie facile et 6 secondes. Alors, assurez-vous que cela arrive à gauche. Donc c'est la couleur que vous devez faire, c'est aller au design. Et la couleur doit être jetée. Le reste, c'est à vous de choisir. Laissons le designer, le propriétaire, les habitudes, tout est ici. Faites glisser la même chose ici et mettez-la à l'arrière, c'est tout. Ensuite, le reste sera facile pour vous qui il vous suffit de les remplacer par celui-ci et d'ajouter tout pour vous assurer de suivre la commande. Ce que j'ai fait pour le mode sombre, il suffit de le faire pour le mode lumineux. C'est ça. C'est un livre. Vous pouvez cliquer dessus. Allons donc au port civil. Si je clique encore dessus, tout va juste revenir ici. Voyons ce que nous avons fait. Donc, tout est en train de changer. Assurez-vous donc, à la fin, changer le nom de celui-ci. Donc, tout ne bouge pas. C'est donc l'animation que vous devez faire. Donc, le changement et c'est très simple. Le reste. Et ce sera votre devoir faire mesure, de me l'envoyer. Et je vais juste voir lequel d'entre vous l' a fait de la meilleure façon. Et je vais juste montrer aux gars du design. Ce sera donc quelque chose comme ça aussi. Laissez-moi juste y jeter un coup d'œil. Il s'agit de l'état par défaut, qui est l'état par défaut. Le design. Ça devrait ressembler à celui-ci. Mais ces ombres sont bien meilleures dans ce rayon d'angle ou mieux. Alors assurez-vous que c' est noir aussi. Et le reste est prêt à jeter un coup d'œil à celui-ci. Vous allez faire la même chose. J'aime aussi cette couleur. Essayez donc de créer la même couleur et continuez tout simplement. 16. Sign à la conception de bouton de bouton de signale: moment, je regarde cette empreinte digitale ici et nous pouvons également ajouter un bouton d' inscription. Cela va être très simple. Cliquez sur l'un d'eux, faites-les glisser ici, puis placez-le ici et faites-le glisser vers la droite. Assurez-vous que c'est le centre. Je vais juste taper ici, me connecter. Assurez-vous que la couleur est bleue. Et c'est encore une bonne chose. Le centre. Maintenant, sélectionnez-le, faites-en l'abîme, maintenez Alt et rendez-le un peu plus petit et meilleur. Et faites-le glisser vers le haut sur Alt et Maj, et faites-le glisser vers le bas. Ça va être une inscription. Pour l'inscription. Je vais changer ça par celui-là. Voyons voir. Il va produire ici. Faites glisser celui-ci ici, juste ici. Nous allons donc sélectionner celui-ci, le supprimer, le sélectionner, faire glisser vers la gauche, cliquer avec le bouton droit, le renvoyer à l'arrière. Il va s' inscrire. Rendez-le blanc. Assurez-vous que je sélectionne celui-ci. Est-ce que je clique sur le contrôle de navette ? Allez-y et assurez-vous que c'est linéaire. Revenons à ce sujet. Et à gauche, mettons ça à droite. Ça va être quelque chose comme ça. Ce côté va être très lumineux et décider qu'il sera de cette couleur. Voyons donc voir. Signer, inscrivez-vous. Génial. Nous allons les sélectionner tous les deux. Commande Control C. Sortez de contrôle. Nous avons dit que nous avons oublié de le faire. Et je pense que c'est fini.