Meistere Adobe XD Auto-Animation: Gestalte eine weiche UI-App mit Animation für Waschmaschinen und Sound-Effekt

1. Einführung von Video: Hallo, willkommen bei mobilem Soft-UI-Design oder neuem Morphismus in Adobe XD. Mein Name ist ausschließlich auf der Erde und Sie und ich werden diese wunderschöne Smart-Home-Anwendung von Grund auf in Adobe XD mit dieser Art von Sound erstellen diese wunderschöne Smart-Home-Anwendung von . In diesem Kurs lernen Sie, wie Sie die verschiedenen Soft-UI für Anwendungen im Lichtmodus mit allen Arten von Schatten, Tipps und Tricks für das beste Soft-UI-Design für den Dunkelmodus erstellen die verschiedenen Soft-UI für Anwendungen im Lichtmodus mit allen Arten von Schatten, Tipps und Tricks für . Können Sie glauben, dass wir mit Hilfe dieser kleinen Formen dieser kleinen Formen die gesamte Anwendung erstellen werden. Entwerfen Sie zunächst die Anmeldeseite. Dann lernen wir, wie Sie Ihr Design am besten animieren können. Du entwirfst die Homepage. Und ich fange an, die Icons zu animieren. Sie lernen, wie Sie Komponenten für Animationen erstellen, Soundeffekte hinzufügen und viele coole Tipps und Tricks. Schließlich beginnen wir mit der Gestaltung unserer Waschmaschinenseite erzeugen Wasser und Blasen für glaubwürdige Animationen. Timer hinzufügen, endgültiges Prototyping und Hinzufügen der Anmelde- und Anmeldeschaltflächen am Ende. Selbst wenn Sie ein absoluter Anfänger sind, können Sie trotzdem mitmachen. Da b, beginne mit dem Basic, um sicherzustellen , dass Design und Prozess wirklich verstanden werden. Ich habe auch ein Projekt für euch zur Verfügung gestellt. Stellen Sie also sicher, dass Sie Ihr Projekt abschließen und senden Sie mir für weitere Rückmeldungen zurück. Übrigens, wenn Sie keine Ahnung haben, wo Sie anfangen sollen oder was der Weg ist , ein professioneller User Experience Designer zu werden , schauen Sie sich meine Teststunden an, indem Sie die ersten Designfälle verwenden, dem D für Anfänger. Ich freue mich sehr, euch zeigen zu können, wie man dieses schöne Smartphone-Anwendungsdesign und Porters Diamond-Animation von Grund auf neu erstellt oder uns schreibt, lasst uns loslegen. 2. Was ist Soft UI oder Neumorphism in Adobe XD Design: Also was ist weich du bist oder neuer Morphismus. Im Grunde genommen werden Highlights und Schatten oder helle Schatten und dunkle Schatten auf der anderen Seite verwendet. Dies ist dunkler innerer Schatten, heller oder weißer innerer Schatten. Das sind also im Grunde zwei Schichten übereinander. Das Coole daran ist, dass wir, wenn wir diese für den inneren Schatten und den oberen Schatten erstellen , nur diese beiden verwenden können, um die gesamte Anwendung und Website zu erstellen. Wie ich es dir einfach zeigen werde. 3. So gestaltest du weiche Ui in leuchtender Hintergrundfarbe in Adobe xd: Gehen wir jetzt zu Adobe XD. Gehe zu Datei, erstelle eine neue Datei und speichere sie als Soft-UI oder neuer Morphismus. Was wir hier machen, Gehen wir zur Artboard und klicken auf etwas wie 3752812. Das ist im Grunde genommen gut für iPhone und Android gleichzeitig. Dieser Klick auf die Pfeiltaste, um nur diese Software aufzurufen, die ich schreibe, wird die weiche Benutzeroberfläche dunkel sein. Also, im Grunde funktioniert es so. Wählen Sie Zeichenfläche aus, gehen Sie zu Ausfüllen und ziehen Sie diese einfach rechts daneben. Es spielt keine Rolle , welche Farbe das hat. Nur der Hintergrund sollte in beliebigen Farben hell sein. Die hellste Farbe von Blau oder Lila oder was auch immer Sie wollen. Also werde ich einfach so etwas aussuchen oder ich habe es hier, ich werde es einfach erledigen. Es spielt also auch in F5 keine Rolle, es spielt keine Rolle. Es sollte eine helle Farbe von etwas haben, nicht nur Weiß. So sollte es nicht sein. Es sollte einfach hell sein. Das ist gut, zu weich, du bist dunkel. Klicke drauf und ich hole mir nur eine Waffe. Dieser Blick ist nicht hier. Es ist hier, oder? Es ist also ein bisschen heller, denn wenn wir etwas dunklen Schatten hinzufügen, so etwas, sollte es offensichtlich sein. Also klicke ich einfach darauf. Das ist 292837. Es spielt keine Rolle. Du kannst machen, was du willst. Bringen Sie es hierher, da Sie glücklich sind oder Sie können es in die Bearbeitung ändern, die wir wollen. Also werde ich es einfach so behalten, damit du hell und dunkel färben musst . Fangen wir mit „hell“ an. Gehen wir zum Rechteck. Halten Sie die Umschalt gedrückt und ziehen Sie ein Quadrat Es hat es auf 60 gesetzt. 60, oder? Wir müssen Bohr nicht dort haben. Lassen Sie uns nun den Radius zum Beispiel auf 10 setzen , wir können ihn jederzeit ändern. Klicken Sie nun auf eines der oberen vier Felder und klicken Sie hier. Es bedeutet, dass wir nichts sehen. Stimmt's? Jetzt. So funktioniert es. Gehen wir zu Schlagschatten, klicken und schatten. Stellen Sie sicher, dass dies am 10. Wir haben eine Unschärfe. Wir brauchen die Unschärfe. Setz es, ähm, sechs und setze es auf sechs. So fangen wir ständig an, oder? Das wird also der dunkle Schatten sein. Nennen wir das jetzt schwarzen Schatten. Drücken Sie Command oder Strg D, um es zu duplizieren, das nennt man diesen weißen Schatten. Wie werden wir es weiß machen? Sieh dir einfach mal an. Lass uns herkommen. Geh zum Schlagschatten. Mach das total weiß. Du bist also total weiß. Du siehst es gerade nicht, denn x und y, es ist hier drauf. Setze das auf minus 6, ganz im Gegenteil. Und hier minus sechs. Und los geht's. Siehst du, du siehst es nicht viel denn wenn du darauf klickst, gehen wir zum Schlagschatten. Wir haben das Ding in das Helligkeitsbuch ziehen. Jetzt sieh dir mal an. Dies nennt man Soft UI. Klicken Sie nun auf das weiße, das obere, das könnte den Schatten stören. Du kannst das runterbringen. Schreib etwas wie 50. Schon wieder. Ich gehe hin und her, um zu sehen, was ich damit machen kann. Ich bin nicht gern schwarz. Klicke auf den schwarzen Schatten. Klicke hier an, nimm die Farbe daneben auf, oder? Ziehen Sie es jetzt runter, schauen Sie sich einfach mal an. Oder ein bisschen nach rechts. Wir nehmen die Farbe auf, eine dunklere Farbe der gleichen Farbe, sehen so etwas. Das ist also eine weiche Benutzeroberfläche, etwas, das sehr erfreulich ist zu sterben. Jetzt sieh dir mal an. Ich wähle diese kritische Komponente aus, also nennen wir das helles Schattenquadrat. Jetzt halte ich Alt und Umschalttaste gedrückt und ziehe das nach unten. Ich nenne das einfach statt eines Quadrats, Kreis. Jetzt sieh dir mal an. Halten Sie die Strg- oder Befehlstaste gedrückt und klicken Sie auf die Registerkarte des weißen Fensters in einem Kreis. Klicken Sie nun auf diese kleine Ecke und ziehen Sie diese nach unten. Klicke auf den schwarzen Schatten, das Gleiche. Ziehen Sie das nach innen. Jetzt haben wir diesen schönen Kreis und q, das Coole daran. Warum haben wir das wieder als Komponente gemacht, wenn ich die Kontrolle gedrückt halte und darauf klicke und diese Farbe in etwas anderes ändere. Alles andere, alles, was wir an dem Projekt arbeiten, wird sich ändern. Zur gleichen Zeit. Wir werden im Grunde alle diese im gesamten Projekt verwenden . Wir können nicht wiederkommen und dies nacheinander ändern. Es braucht viel Zeit und es ist sehr zeitaufwendig. Dies ist also im Grunde der beste Weg Ihre Anwendung zu erstellen. Drücken Sie nun Command, Strg Z, um zurück zu gehen. Das nennt man also Pop oder Out, oder nur der Schatten. Und das Highlight, wir haben noch etwas anderes genannt. Innerer Schatten. Wie wir das schaffen können, ist sehr einfach. Halten Sie nun Command oder Control gedrückt und klicken Sie auf einen dieser Plus-Befehle oder Steuerelemente C. Kommen Sie nun heraus Befehl oder Control V. Also legen Sie es einfach oben, ziehen Sie es nach rechts, und schalte den Schlagschatten aus. Wir brauchen nichts, nur das Feld. Das Feld hat also die gleiche Farbe. Wir haben etwas, das als innerer Schatten bezeichnet wird. Klicke einfach darauf, mach es aktiv. Standardmäßig sehen Sie also, was passiert ist. Machen Sie einfach diesen x-Wert Nummer drei. Drei Werte und ein Y-Wert sind also immer gleich und behalten ihn einfach auf sechs, wir können ihn immer ändern. Klicke auf inneren Schatten und Freundlichkeit nach oben. Also habe ich es jetzt auf 50 Prozent gesetzt. Wählen Sie dieses aus, drücken Sie Befehlstaste oder Strg D, um es zu duplizieren. Es wird diesen dunklen inneren Schatten nennen. Und das wird in einem flachen Weiß sein. Der oberste ist also der weiße, aber es sollte entgegengesetzt sein. Was ich meine ist, dass dieser minus drei, minus drei sein sollte , und die Farbe sollte weiß sein. Und die Sache ist, wenn du die Füllung anziehst, sehen wir den Hintergrund nicht. Also überprüfe das, weil wir den Hintergrund sehen wollen. Der oberste eines Tages breite innere Schatten hat also nur inneren Schatten. Es hat also weder das Feld noch die Grenze. Das ist der Trick. Wählen Sie diese Option aus, drücken Befehl oder Strg K, um es zu einer Komponente zu machen, oder klicken Sie auf dieses Pluszeichen. Wenn ich jetzt darauf klicke, gehe zum dunklen inneren Schatten, ich kann mit dieser Kapazität herumspielen. Kann es leichter machen. So etwas. Sieh mal. Oder ich kann den gleichen Farbschatten wie diesen verwenden. Wenn ich in den Schatten gehe und ich kann einfach die gleiche Farbe von hier auswählen und nachschauen. Und das war's. Wählen Sie nun dieses aus. Ich kopiere es einfach aus diesem hellen Schatten, oder? Inneres Schatten-Quadrat Scrollen Sie nach unten Alt und Umschalttaste ziehen Sie dies nach unten, klicken Sie mit Strg oder Befehl, ziehen Sie Außerhalb des Befehls - oder Steuerklicks, bringen Sie dies runter und das haben wir. Ich nenne diesen Kreis einfach. Wir haben zwei weitere Spaltenstile , die ich Ihnen gerade zeigen werde. Wählen Sie diese aus oder nicht, Alt und Shift und ziehen Sie es nach unten. Rechtsklicken Sie darauf. Und ich setze die Komponente jetzt ein, drücke Command oder Control G, um zu gruppieren. Es heißt so. Und es wird kopieren, dass es dieser ist. Kopieren, einfügen. Es ist irgendwie fett, inneres Schattenquadrat. Gehen wir in diesen Ordner. Klicken Sie auf den dunklen inneren Schatten drücken Sie Befehl oder Strg D, um ihn zu duplizieren. Ich ziehe das einfach runter und nenne das einfach BG. Das war's. Sie jetzt einmal mit der Pfeiltaste nach unten, zwei. Und mal sehen, was passiert ist. Etwas taucht raus. Klicken Sie auf diese Feldfarbe und messen Sie sie. Das ist ein bisschen dunkler. Und das war's. Und jetzt sieh es dir an. Wir schaffen mit diesem eine größere Dimension und fühlen uns daran. Setze das einfach neben das und sieh dir einfach mal an. Das ist etwas, ich vermisse etwas anderes. Also lasst uns das löschen. Wählen Sie dieses aus, drücken Sie Befehlstaste oder Strg K , um es zu einer Komponente zu machen. Und ich bewege mich oft, zieh das nach unten. Das Gleiche bei Leben. Strg- oder Befehlsklick, wählen Sie dieses aus, dasselbe, wählen Sie das Gleiche aus, und das war's. Können Sie sich also vorstellen, einfach diese Art von Formen zu verwenden , wir erstellen die gesamte Anwendung. Ist es möglich? Ja, das ist es. Weniger konkret. Eins. 4. So gestaltest du Soft Ui im dunklen Modus in Adobe XD: Jetzt lass uns das weiche Du machen, ich habe dunkle Version gemacht. Im Grunde genommen mögen die meisten Leute die dunkle Sicht des Weichen, das du bist, warum du in ein paar Minuten das saure sehen wirst und festhalten, Alt und Shift und ziehe einen davon hierher. Siehst du, es funktioniert nicht bei einem Dunkelrot, oder? Aber wir werden es einfach reparieren. Wir werden es einfach perfekt machen. Das ist hell. Ich nenne das nur dunkle und arabische Zielfernrohr. Lass uns zu Black Shadow gehen. Bleib einfach schwarzer Schatten, klicke einfach auf das Feld, die Pipette und klicke darauf. Du siehst es nicht, weil der obere die Breite ist, das Gleiche. Klicke drauf. Diese beiden Defile haben also die gleiche Farbe wie der Hintergrund. Gehen wir zurück zu Black Shadow. Lass uns zum Schlagschatten gehen. Und lasst uns versuchen, es so sehr dunkel zu machen. Lass uns zum weißen Schatten gehen. Und dieses hier senken wir die Deckkraft ein wenig. Und das war's. Wenn das wirklich dunkel ist, gehe zu schwarzem Schatten, Schlagschatten. Bringen Sie die Deckkraft ab , um sie natürlicher zu machen. So etwas. Wenn du das Gefühl hast, kannst du damit herumspielen. Was ich meine ist kritisch, ein schwarzer Schatten. Klicken Sie auf den Schlagschatten, und das kann vielleicht 15 sein. Im Gegenzug. Dies kann 15 Inter und es kann getestet werden oder 20. Gehen wir ein bisschen zurück die Pfeiltaste nach unten, mach es 10. Wir können damit herumspielen. Also mach einfach deine Komponente und spiele damit herum. Du kannst alles ändern. Wenn Sie fertig sind, klicken Sie mit der rechten Maustaste und heben Sie die Gruppierung auf und machen Sie es erneut zu einer Komponente, denn mit dem schwarzen Bereich, wenn es erste Hauptkomponenten ist. Sieh dir das mal an. Dieser Blick auf dieses grüne Quadrat ist total grün. Wenn ich auf diesen klicke, gibt es einen Punkt innerhalb des Grades. Es bedeutet, dass wir das geändert haben. Dies sind also unsere Haupt - und Hauptkomponenten. Wenn du etwas ändern willst, müssen wir das ändern. Wenn ich die Farbe von allem ändern möchte , haben Sie die Änderungen. Wenn Sie hier sind und wir auf Hauptkomponente bearbeiten klicken, kommen wir auf diese zurück. Das Gleiche gilt für diesen. Ich wähle das einfach aus oder mache dies zu einer Hauptkomponente. C ist total grün. Klicken Sie darauf. Lass uns zurückgehen. Lass uns diese sechs machen. Klicken wir auf den schwarzen Schatten und machen ihn sechs. Das sind drei, das sind drei. Sieh mal. Aber im Moment klicke ich einfach darauf, mach diese 10, spiele einfach aus. Minus 10. Minus 10. Mach das Gleiche mit dem Schwarzen, 10, 10 und 10. Es ist also mehr Pop. Es ist mehr Pop drauf. Wenn ich darauf klicke, taucht Weiß wirklich raus. Wir können diesen ändern, minus sechs, minus sechs machen. Stimmt's? Jetzt verstehst du die Idee. Wir können auch die Breite in jede Farbe ändern, die Sie mögen. Zum Beispiel wird dies ein bisschen heller. Vielleicht spiele ich einfach damit herum. Vielleicht frage ich etwas Rosaes. Sie können dieser Farbe etwas Rosa hinzufügen. Erstens: Ich lasse es einfach weiß. Bringen Sie die Deckkraft nur ein wenig herunter, nur ein Anstoß zu zeigen ist weiß. Und selbst mit diesem schwarzen Schatten können wir die Deckkraft senken. Und das ist wo du hast. Nun lasst uns das als Urheberschaft klären. Ziehen Sie dies nach unten, klicken Sie auf, machen Sie diesen Kreis. Gleick. Mach das zu einem Kreis. Ich nenne diesen dunklen Schatten einfach ein Quadrat. Und dieser eine dunkle Schatten Silber. Jetzt gehen wir zum ersten Mal Ich klicke darauf, Kopieren. Dieser Come-Out Command oder Control V ist da. Ziehen Sie es nach rechts. Das sollte es sein. Mangel an innerem Schatten. Wir brauchen den Schlagschatten nicht, also ist die Farbe die gleiche, völlig die gleiche wie den inneren Schatten aktivieren. Und lasst uns das 336 machen und die Deckkraft erhöhen. Wenn du also so etwas hast, möchte ich das ein bisschen privilegierte Jungs machen , so etwas. Ich spiele einfach damit herum. Siehst du, jeder ist ein bisschen schöner für mich, weil es die dunkle Version davon sein wird. Also die dunkle Version davon, aber ein bisschen violett fühlt sich an. Das Gleiche. Drücken Sie Command oder Strg D, um es zu duplizieren. Dies wird der weiße innere Schatten sein. Das sollte also minus drei, minus drei sein. Und der innere Schatten sollte weiß sein. Und senkt die Deckkraft. Jetzt können wir diese Farbe auch so ändern , dass sie auch violett ist. Werfen Sie einen Blick darauf. Da die Gebühren aktiv sind, können wir den Hintergrund nicht sehen. Schalt das aus. Jetzt können wir das sehen. Klicken wir auf den schwarzen Pfeil. Das innere Schattenschwarz sollte total schwarz sein. Ziehen Sie es nach unten oder die Klammer ist Ecke. Schau, wie cool und schön ist, dass du mit dieser Farbe, dem weißen inneren Schatten, herumspielen kannst . Ich meine, es sollte nicht dieser Zweck sein. Ich hab dir gesagt, dass es ganz an euch liegt. Ich ziehe das einfach runter. Und lass uns zurück ins Weiße gehen. So etwas ist natürlicher für sie, damit sie es mit Silikon beginnen. Command oder Control K, mach es zu einer Komponente, weil es grün ist. Dies bedeutet, dass dies die Master-Komponente ist. Halten Sie Alt und Umschalttaste gedrückt, ziehen Sie dies nach unten , dasselbe, Befehl oder Steuerung, klicken Sie, erstellen Sie einen Kreis. Befehlskontrolle nehmen, einen Kreis machen, und das war's. Also wähle dieses aus. Nennen wir das dunkle innere Quadrat. Das Gleiche. Es ist gut hier. Wir werden diesen dunklen inneren Kreis einfach nennen. Wählen Sie dieses aus, halten Sie Alt gedrückt und ziehen Sie diese Umschalttaste nach unten. Klicken Sie mit der Steuerung. Gehen wir zum schwarzen inneren Schatten Command oder Control D. Ziehen Sie das nach unten, nennen wir das BG. Und die Pfeiltaste nach unten nur eins bis zwei, um es ein bisschen dunkler zu fühlen und zu machen . Das ist alles, was wir vorher für die Alt- und Umschalttaste ausgewählt haben, weil wir diese verwenden werden, wir müssen dies als Master-Komponente erstellen. Klicken Sie also mit der rechten Maustaste auf Komponente Gruppierung aufheben und klicken Sie erneut auf dieses Pluszeichen. Das wird also sein eigener Meister sein. Nun, Alt Shift, ziehen Sie dies nach unten, Strg- oder Befehlsklick, machen Sie diesen Kreis. Also haben wir drei von ihnen ausgereift, klicken Sie auch auf Apigee. Und das war's. Kannst du dir also vorstellen, dass wir diese Art von Blöcken einfach benutzen? Wir können die gesamte Anwendung oder die Website erstellen. Du glaubst mir nicht, ich zeig es dir einfach. 5. Anmeldung für die Soft ui Design und Prototyping: In Ordnung, lassen Sie uns anfangen, diese Anmeldeseite für unsere Anwendung zu erstellen . Klicken Sie auf diesen, drücken Sie Befehl oder Strg D, um es zu duplizieren. Ich entferne einfach alles. Und diese größere Farbe, etwas anderes als diese. Unser Kunde sagt uns zum Beispiel, dass wir so etwas wie diese Farbe kreieren sollen. Was ich meine ist, wenn ich auf eine davon klicke und Alt halte und es hierher ziehe, siehst du anders. Was wir hier machen, ist etwas sehr Interessantes, denn siehst du, hier siehst du, das Innere des Platzes ist weiß. Wenn ich also mit der rechten Maustaste klicke und bearbeite, wird die Hauptkomponente hierher zurückkommen. Was ich einfach machen werde, diese weiche Benutzeroberfläche dunkel. Zuerst mache ich einfach eine Kopie davon. Dieser ist also die diese Domäne. Stellen Sie also sicher, dass Sie auf die Software klicken. Ich dunkle die Zeichenfläche und stelle sicher, dass die Krankheit der gleichen ist wie diese Farbe. Klicken Sie nun auf diesen Doppelklick. Gehen wir zum schwarzen inneren Schatten und heben das Pipettenwerkzeug auf. Und das ist es, was du machst. Und das war's. Jedes Mal, wenn Sie es ändern möchten, einfach mit der rechten Maustaste und bearbeiten Sie die Hauptkomponente. Ändern Sie diese, was auch immer Sie damit tun, wirken sich nur auf die gesamte Anwendung aus. Das ist alles, was wir jetzt ständig machen , denn dies ist die Anwendung ich nur bekomme, ist Command Control V zu drücken oder das zu haben. Und ich lege es einfach hier hin. Ich ziehe einfach eine Kiste. Etwas wie 25 oder 30 wäre in Ordnung. Wir benutzen einfach Telefonkabel. Also werde ich hier nicht rüber gehen, werde fesseln, willkommen. Ich benutze die Schrift Poppins medium. Lass es uns in die Mitte legen. Sie glauben, dass es die gleiche ist wie diese Farbe in der Hintergrundfarbe. Jetzt das Gleiche. Ich wähle einfach dieses aus. Und ich gehe nach Alt und ziehe es dahin. Also muss ich das bearbeiten, um es völlig natürlich zu machen, mit diesem Doppelklick ins selektive Gefühl gehen und das war's. Alles klar, cool. Das ändert sich auch. Ich lege das einfach beiseite, lege es hier hin, oder ich lösche es einfach , weil wir diesen bereits hier haben. Also fangen wir damit an. Ich ziehe es einfach und lasse es hier fallen. Mache insgesamt eine Kiste, so etwas. Halten Sie gedrückt, klicken Sie auf und machen Sie die runde Ecke. Gehen wir zurück zur Ebene, damit ihr sehen könnt , um die Ecke zu feiern und sie nach innen zu ziehen. Und das war's. Jetzt verschiebe sie, spiele damit herum. Wenn du es größer oder größer machst. Und deine Doppelpunktsteuerung und klick, siehst du, du musst das immer wieder tun. Also habe ich zuerst versucht, die Größe zu bestimmen und dann diese zu ändern. Also die Breite, vielleicht 200 zu verstecken. Für einen 120. Das Gleiche mit zweihundertdreihundertzwanzig. Siehst du, das Gleiche. Zieh es und bring es hinein. Warum 21, das Gleiche. Ziehe es nach innen. Und das ist 1,5. Halten Sie nun erneut die Strg- oder Befehlstaste gedrückt und klicken Sie auf die oberste Ebene, den Y-Kanal. Wir müssen diese Farbe in etwas ändern, ein bisschen bläuliches, etwas hier. Also ziehe ich das einfach und lege es nach rechts, bis ich etwas bekomme, das mir gefällt. Um einen Blick darauf zu werfen, wählen Sie dieses aus und spielen Sie es ab. Es wird so etwas wie diese Typen sein, schön. Das wird also unsere Hintergründe sein. Nennen wir das BG Shadow Loop. Dieser eine dunkle Schatten. Stimmt's? Das war's. Ich lege es einfach oben drauf. Es ist also sehr organisiert. Jetzt nicht Controller-Befehl und klicken Sie auf, stellen Sie sicher, dass der weiße Schatten ausgewählt ist. Drücken Sie Command oder Strg D, um es zu duplizieren. Und nenne das Blau und G4 Gradient. Um die Mischung zu fühlen, klicken Sie auf Solid Color legen Sie sie auf die linearen Farbverläufe. Der obere und der untere. Wählen Sie den unteren aus und stellen Sie sicher, dass dies so etwas wie Lowish ist . Stimmt's? Wählen Sie nun die oberste aus, Sie können es hier auswählen. Das Gleiche. Ich mache das nur ein bisschen heller, noch heller. Wähle diesen aus und so spielen wir damit herum. Der untere sollte etwas dunkler sein und der obere sollte etwas heller sein. Wählen Sie erneut den weißen Schatten und stellen Sie sicher, dass der Schlagschatten und 0 ist, stellen Sie sicher, dass der innere Schatten aktiviert ist. Dann aktivierst du das, aber es ist der Eintrag der Reihe nach. Geh rein und mach das sehr scharf, etwas, das jeder sehen kann. Es sollte so etwas wie Verkleidung sein. nun erneut Befehl oder Steuerelement D aus. ich nenne das einfach einen Fingerabdruck. Halten Sie gedrückt, Umschalttaste, ziehen Sie das nach unten. Mal sehen, was passieren wird. Jetzt gehen wir dieses Mal zurück. Einfarbige Farbe. Wähle die gleiche Farbe wie die Hintergrundfarbe aus, oder? Wählen Sie den Yen aus und ziehen Sie ihn nach oben. Es sollte so etwas sein. Jetzt haben wir schon einen von diesen alten und ziehen es, lege es her. Wenn Sie sehen, dass diese blaue Linie im Kern ausgewählt wird, wählen Sie diese aus und doppelklicken Sie darauf. Klicken Sie mit einer Pfeiltaste nach links auf diesen Punkt. Klicken Sie einfach auf die linke Pfeiltaste. Klicken Sie auf diese Pfeiltaste nach rechts, und diese sollte die oberste Pfeiltaste sein. Im Grunde sehen wir diese blauen Linien um ihn herum nicht. Und das war's. Wenn Sie darauf klicken und diesen sehen und erneut auf den linearen Verlauf klicken , sehen Sie diese Griffe, ziehen Sie diese nach oben. Für Lamb Shift ist Drag also eine Kombination aus Blau und Cyan an der Spitze. Das funktioniert also perfekt für unser Design. Ich liebe es. haben wir also schon. Ich möchte das ein bisschen dunkler machen. Also lasst uns aufs Feld gehen und das ein bisschen nach unten ziehen. Vielleicht weniger, so etwas, etwas mehr. Pop diesen Gott, du steckst ein. Stellen Sie sicher, dass Sie dieses Symbol für das Design-Plug-In installieren. Es ist ziemlich einfach. Sie müssen zum Plug-In gehen und auf das Pluszeichen klicken. Und hier gib einfach Icon für das Design ein und klicke dann auf Installieren, so etwas gut oder zumindest kostenlos darauf. Wenn Sie es haben, klicken Sie dann auf Python zum Entwerfen. Und ich nenne das einfach Fingerabdrücke. Klicken Sie jetzt darauf und ziehen Sie es einfach nach unten. Und das war's. Ich mache es einfach weiß oder etwas, das hier nicht ganz verkabelt ist. Hier. Es ist also ziemlich offensichtlich , was Sie tun müssen. Siehst du, wie schön das ist, oder? Gehen wir zurück und wählen Strg und Alt und Umschalttaste aus. Ich tippe hier nur Fingerabdrücke ein. Und lass es uns ans Licht bringen. Stell es in die Mitte. Stellen Sie sicher, dass dies auch im Mittelpunkt steht. Dieser und dieser auch in einem Zentrum. Zieh das vielleicht ein bisschen hoch. Nett. Ich will Paul Lam Control und klicke darauf. Geh zurück in die späten Jahre, den weißen Schatten. Lasst uns den weißen Schatten in etwas bläulichere Tage ändern . Weil alles wie blau aussieht. Es ergibt also Sinn. Miser, es ist sehr subtil, aber es funktioniert gut mit diesem Design. Also willkommen. Fingerabdrücke. Wenn Sie darauf klicken, sollte es hier ein Schloss sein. Und ich klicke darauf. Es sollte sich entsperren. Alles klar, gehen wir zurück zum Icon. Ich rufe diese Sperre einfach auf. Also lasst uns diese Freischaltung aufbrechen, sie runter bringen, etwas kleiner machen . Lass es einfach hier. Ich weiß Leute, das ist Freischalten. Das sollte also bald zuerst gesperrt sein , da wir zuerst entsperren müssen. Y. Ich zeige dir einfach warum. Jetzt cool. Wählen Sie das also drinnen aus, machen Sie das völlig weiß bis zum hellen Weiß. Klicken Sie hier und nennen Sie das ein Schloss. Nennen wir nun diese Anmeldung und Alt und Shift und ziehen es für die Animation nach rechts. Für unsere Animation wird diese geöffnet sein und standardmäßig doppelklicken Sie hier. Ich klicke einfach auf diese oder Mittagsschicht und diese und diese und deine Pfeiltaste und ziehe diese nach unten. Und das war's. Du willst deine Animation sehen. Lass mich es dir zeigen. Klicken Sie auf den Prototyp. Stichtag, zum Beispiel, wenn ich es hier lege, den Tab hier, schauen Sie sich einfach dieses Glück an, sehen Sie was passiert. Wenn ich es auf 1 Sekunde setze, sollte der Typ automatisch animiert sein, nichts, nur für keine. Und mal sehen, was passiert ist. Befehl oder Steuerelement Enter. Und wenn ich auf diese URL klicke, bin ich krank, werde ich ganz natürlich einfach öffnen. Alles klar, lasst uns das löschen. Gehen wir zurück zu Design. Also haben wir versucht, es einfach herauszufinden, was passieren wird. Wenn ich also darauf klicke, was passiert mit diesem? Ich werde nur das auswählen, das Design, und ich wähle einfach eine Farbe aus, vielleicht diese Farbe. Und ich füge diese Farbe einfach zu meinen Farbfeldern hinzu. Also wegen einer Gewohnheit, nett. Wenn wir klicken wird blau sein, bedeutet das, dass es okay ist. Und was wird passieren? Knapsack draußen und runter Kontrolle und klicke auf diesen Buchstaben innen und spüre das ein wenig auf. Wenn Sie auf den Fingerabdruck klicken , der oben etwas ist, ist es ein Schloss. Also sollten wir den Fingerabdruck haben, die Deckkraft ist 0. Die Protokollversion, die Deckkraft beträgt 100 Prozent und versuchen Sie, sie zu erhöhen. Und es sollte auch freigeschaltet sein. Das Gleiche hier. Wenn ich darauf klicke, lassen Sie uns die Deckkraft vorerst erhöhen. Freigeschaltet. Bring das Zentrum. Die Deckkraft ist 0. Klicken Sie erneut darauf und versuchen Sie, es so wie möglich zu kreisen. Also werde ich nur die Höhe auf 100 machen. Mal sehen. Wenn das so etwas passiert, Leute. Versuche es so einfach wie möglich zu halten. Also werde ich einfach versuchen, es so etwas zu machen. Es ist wie ein Kreis. Wenn dies nicht der Fall ist, bedeutet dies, dass Sie dieses und dieses und dieses auswählen müssen . Und verfolge sie, um sie gleichzeitig genau in der Mitte zu machen. Denn in der Animation, nahe Netzbewegung. Großartig. Lasst uns das also animieren. Gehe zu klicken. Wenn ich darauf klicke, wird es diese eine Registerkarte sein, keine, Dauer 1 Sekunde. Wählen Sie diese Platte für Collicullus aus. Es gibt also eine Wiedergabe, diese. Lass uns zurückgehen. Ziemlich cool. Jetzt ist es an der Zeit, den einfachen zu benutzen. Wählen Sie dieses aus. Und wenn es ausgewählt wird, sollten wir anstelle von keinem eine leichte Leichtigkeit schaffen. Dasselbe gilt für diesen Fall ist Leichtigkeit. Und jetzt sieh, wie klug passieren wird. Schön. Als Fingerabdruck. Entsperren, freigeschaltet. Schau, alles ist sehr natürlich. Machen wir es jetzt interessanter. Werfen Sie noch einmal einen Blick auf diesen Fingerabdruck. Mal sehen, was passiert. Es ist, als würde es hier draußen verblassen und etwas anderes wird. Glück. Okay, lasst uns versuchen, das natürlicher zu machen. Wenn ich klicke, ist dieser Fingerabdruck da, oder? Machen wir es zu oberen Teilen. Ich ziehe das einfach hoch und lege es einfach hier hin. Jetzt nimm die Deckkraft runter und lass uns sehen, was passiert ist. Nur ein Versuchsplatte. Dies ist wie ein Fingerabdruck, der gleichzeitig zum Entsperren konvertiert wird. Sieht genauso aus wie Morphing-Animation. Alles klar, cool. Jetzt sind wir mit diesem Teil fertig. 6. Startseite Seite von Soft: Okay, lass uns zur Hauptseite gehen. Kontrolliere einfach. Klicke auf diesen. Drücken Sie Befehlstaste oder Strg D. Verpassen Sie es zu Hause und löschen Sie alles. Ich wähle einfach eine dieser Halte an, halte und ziehe es her. Das ist also dunkler Schatten, ein Quadrat halten Sie die Verschiebung gedrückt und machen Sie es ein bisschen größer. Vielleicht will ich es vielleicht schaffen. Sperren wir das ab. Wenn wir also die Breite ändern, ändert sich auch die Höhe. Du legst es auf AD. Was ist mit dem Licht dieses Schattens? Wenn ich auf den weißen Schatten klicke, können wir vielleicht damit herumspielen und wir können ihn ein bisschen bläulich machen. Stimmt's? Ist geklärt, aber ich fühle es ist in Ordnung. Stimmt's? Deshalb gehe ich einfach hin und her und fasse es weit zusammen, um zu sehen, ob es echt ist, dann werde ich einfach C spielen, wenn es in Ordnung ist. Alles klar, Cool. Was wird ich einfach reinlegen, also kopiere ich einfach. Ich komme einfach rein. Also füge ich das einfach und lege es hier hin. Stellen Sie sicher, dass dies mittel ist halb fett sein sollte. Ich rufe einfach dieses Schlafzimmer an. Das wird helle Etage Schlafzimmer sein. Eins. Zieh das ein bisschen nach unten. Und vielleicht auch bei diesem. Diese gute Steckschlaufe für Licht. Die Glühbirne hier. Dieser ist in Ordnung. Ich ziehe es einfach und lege es hier hin. Mach es ein bisschen kleiner. Ich könnte, lass uns zurück zur Ebene gehen. Ich rufe einfach diese Lampe an und stelle sicher einen inneren Schatten hatte, um dir das weiß zu sagen und dass du dich nicht fühlen musst. Also brauchen Sie kein Gefühl zu haben. Nur der innere Schatten. Spiel damit herum, bis du etwas hast. Ich wollte allmählich etwas wie Gradient oder von unten nach oben. Es ist wie eine Mischung, etwas, in das man sich einmischen kann. Also werde ich das einfach speichern, vielleicht setze es auf 60. Diese Sache gilt für tun s1 oder ist es Ihnen, einfach dieses zu löschen, wählen Sie diese Umschalttaste gedrückt, ziehen Sie diese nach unten, machen Sie es eins. Leg es hier hin. Das Gleiche mit diesem. Aber dafür mache ich das einfach diese Farben. Also verprügelt. Diese drei werden ausgewählt und machen sie in den Mittelpunkt, wenn ich kann, ja. Habe gerade gespielt, schau ob es lesbar ist. Ein bisschen Trommel. Warum ist es nicht? Weil es eine 9 ist. Es sollten 14 sein. Ja. Für so etwas wollen Sie es einfach nur sehr schnell sehen und ändern möchten. Genuss. Man muss es sehen Sehr groß. Geh hoch, hoch. Lass uns einfach spielen. Wählen Sie drei von ihnen aus und richten Sie sie in der Mitte aus. Aber das Problem ist, dass diese beiden nahe beieinander liegen sollten. Und ich gruppiere sie einfach und wähle diese aus. Und jetzt ziehe ich das einfach hoch. Das ist viel besser. Also Schlafzimmer eins, wählen Sie dies aus, wählen Sie Behinderung aus und setzen Sie die Mitte. Und das war's Leute. Ich komme einfach hierher zurück, wähle dieses aus und lösche es, diesen und lösche es. also mit der rechten Maustaste, heben Sie die Gruppierung auf, doppelklicken Sie und nur eine Wäscherei. Das hier. Lösche diesen. Rechtsklick, heben Sie die Gruppierung auf. Und ich rufe einfach diese Küche an. dieses Zentrum setzen, wählen Sie dieses ebenfalls und legen Sie es in die Mitte. Das ist also im Grunde das, was wir hier haben. Wählen Sie alle diese aus und ziehen Sie sie nach unten. Siehst du die Kluft zwischen diesen beiden? Lass es mich sehen. Es ist 26. Die Lücke zwischen diesen drei sollte also 26 sein. Ich benutze meine Pfeiltaste nach unten, um 26, 27, 26 zu sein. Das Gleiche gilt hier. Zieh das nach unten. Und ich glaube, es ist in Ordnung. Dieser sollte essen. Ctrl-Klick, dieser sollte Audio sein. Und vergewissern Sie sich, dass es in der Mitte ist. Siehst du, wie cool ist das größer? Das ist weich, du bist, alles sollte sich leicht einmischen. Ist das unsere Küche? Ich werde nur diese Halle aufstellen. Stellen Sie sicher, dass die Art Kapital. Los geht's. Und das hier, weil es Smart Home ist, sollte es Vorhang sein. Cool. Mal sehen, ob dieser in der Mitte steht. Dieses Zentrum. Schöner Schwan. Cool. Stellen Sie also sicher, dass zuerst alles in der Mitte ist denn wenn wir dies animieren, wird es gelesen. Schwer sie zu reparieren. Also ein Klick, ein Klick. Stellen Sie sicher, dass alles im Mittelpunkt steht. Ich bin mir sicher die Wäschereien in ihren Zentren. Wir werden nicht im Zentrum stehen. Großartig. Also steht alles im Mittelpunkt. Lass mich das einfach überprüfen. Das hier. Das hier. Geh. Jetzt kann ich sagen, dass alles im Mittelpunkt steht. Jetzt klicke ich einfach auf diesen. Kopieren. Komm her, komm her und füge es hier ein. Also brauchen wir das Gleiche hier mit dem inneren Schatten, drücken Sie Befehl oder Strg D. Keine Notwendigkeit, ein Gefühl zu haben. Dieser sollte minus drei sein. Minus drei. Und das ist, sollte weiß sein. Bringen Sie also die Deckkraft herunter. So etwas. Also das ist kein Fingerabdruck mehr, ist Controller weiß? Kontrolliere ihren Mangel. Also weißer Schatten, schwarzer Schatten. Aber dieser schwarze Schatten sollte verschwommener sein. Wie machen wir das? Lasst uns das auf Twitter stellen. Auch. Das Gleiche, aber Weiß wird auf 20 gelegt. Perfekt. Jetzt sehen Sie das basierend auf dem, was wir hier haben, nur diese Tools, dieses Objekt, das wir erstellt haben. Wir erstellen die gesamte Anwendung. Ich kopiere das einfach. Kopiere, komm her, füge es ein. Das könnte es auch hier sein. Wählen wir das also aus. Ich glaube, etwas ist nicht Cambridge, nur weißer Schatten, nur verwässert. Wähle es aus, kopiere es, komm her und füge es ein. Darauf doppelklicke ich einfach. Deshalb habe ich mir einfach das Innere gegeben. Was ist mit diesem Weiß? Du magst es, weil dieser Schatten ein Bluetooth hat. Sollten wir das ändern? Lass es uns versuchen. Mal sehen. Klicken Sie auf Control und weiß. Gehe zum inneren Schatten und klicke auf diesen weißen Bereich. Lass uns damit rumspielen. Viele Setups. Sieh dir das an, nett. Lass uns die ganze Homepage sehen. Ich liebe es. Ich denke, es ist perfekt. Alles klar, bevor wir diese Pfeile erstellen, wählen und bringen wir alles ein wenig herunter und bringen diesen auch runter. Irgendwas hier In einer Zeit, in der du etwas tust, um zurückzugehen. Titel zu Hause. Und es wird auch einen Umschalter benötigen, um zwischen Dunkel und Weiß dieses Designs zu wechseln . Also mach dir keine Sorgen Leute, hab alles hier. Bevor wir das vorbeibringen, setze ich mich einfach an einen von denen. Klicken Sie auf. Gehen wir zum schwarzen inneren Schatten. Klicken Sie auf diese Pipette und ändern Sie die Farbe. Das ist alles. Also brauche ich vorerst nur diesen. Wir werden es einfach kopieren. Ich bringe es einfach her und füge es einfach ein. Es wird etwas sein, das wir haben. Lass mich einfach nachsehen. Tech. Cool. Ich liebe es. Ja, brauche das Pfeilsymbol. Mal sehen, ob wir das kriegen können. Perfekt. Alt Umschalt. Ein Versuch. Nett. Also kann ich von hier aus zurückgehen und sehen, wie schwebend aussieht. Ich meine, etwas Es ist sehr interessant sich auch wie schweben zu fühlen. Es fühlt sich an, als wäre es verrückt. Ich liebe es. Was brauchen wir sonst noch? Gewicht auch, so etwas. Es wird das nach unten kopieren und ziehen und ablegen. Hier. Mal sehen, wie groß das ist. Zieh das nach oben. Vielleicht ein bisschen niedergeschlagen, vielleicht in der Mitte. Alles klar. Das ist wie ein Toggle, aber bei einem anderen Dipol. Ich wähle einfach etwas aus. Bring runter. Stellen Sie sicher, dass Sie die gleiche Farbe anfühlen. Ich brauchte es einfach. Schlagschatten. Zieh es nach oben. Der Schlagschatten von der Mitte. Also Männer, diese beiden sind 0. Es bedeutet Bodenfläche als Schlagschatten. So etwas. Sieh mal. Lass mich einfach damit rumspielen. Was sonst noch? Ich glaube, das ist viel besser. Minh hat dies erklärt und fügt es diesem hinzu. Dieser Teller. Nett, ich liebe es. Alles klar, cool. Wenn er diese Pfeile hierher legte. Also die gleichen Pfeile. Lass mich das überprüfen. Kontrolliere X hier runter, füge es hier ein und mach es weiß. Vorerst. Umschalttaste runter, drehe es. Ich stelle es einfach genau aus der Mitte her. Jetzt gehen wir zurück zur Ebene. Ich sage das einfach ab. Also wann ist ausgeschaltet? Es sollte so etwas sein wie dieser Typ hier klicken. Es bedeutet also, dass nichts passiert. Klicken und Schlagschatten. Stellen Sie sicher, dass dies 0 ist und dies auch 0 ist. Ich klicke einfach noch einmal auf Schlagschatten. Zieh das nach oben. Alles klar. Also, damit Sie etwas sehen, drücken Sie Command oder Strg D, um es zu duplizieren. Und das wird so sein. Wenn es undefiniert ist, ist es total weiß. Und der Schlagschatten ist auch weiß. Dies wird also sein, wählen Sie eine Komponente aus und klicken Sie erneut auf neuen Status, Status, um zwei anzugeben. Du solltest weiß sein. Wir gehen einfach rein. Der Ursprung sollte einen Rabatt von 100 Prozent betragen. Habe dein Bild ausgewählt. Gehen wir zurück zum Standardstatus. Wenn wir in der Standardeinstellung sind , dann öffne das. Nennen wir das an. Die ARM-Version ist dort nicht im Angebot. Ich werde es nur mit dem inneren Schatten etwas besser machen , damit wir es mehr sehen können. Offensichtlich 112. Ziehen wir das hoch. So etwas. Nun können wir sehen, dass wie Sie sehen können, etwas hier ist, etwas ist da, oder? Wir machen es größer. Schön. Das ist also der 1. Staat 2 geht Wissenschaft. Manchmal passieren Sie, machen Sie weiter und brechen Sie es auf. Noch ein Mal. Aus, an, aus. Also das Gleiche. Ich ziehe das einfach runter. Klumpen verschieben und drehen es. Ich stelle es einfach hier in die Mitte, ziehe es nach rechts, genau in der Mitte. Gedreht. Das Gleiche. Drehe es nach unten. Das hier. Senden Sie nach unten. Gut. Versuche in der Mitte zu sein. Großartig. Es wird auf einem Teller gehen. Und ich habe es geliebt, wie cool das ist. Vielleicht ist es ein bisschen zu dunkel. Lass uns reingehen. Weil dies der wichtigste ist. Wenn wir das ändern, wird sich alles ändern. Silizium Das ist ein Off. Gehe zum inneren Schatten und ziehe das nach unten. Sollte etwas leichter sein. Viel netter. Lass es uns noch mal sehen. Du musst immer nachsehen. Wenn es in Ordnung ist. Ich liebe es. Es ist schon da. Wenn also jemand darauf klickt, was passiert? Es wird aktiviert, aber wir haben es nicht aktiviert. Wenn ich das aktiviere. Gut zum Prototyp Gilligan, es braucht keine automatische Animation zu haben. Setzen Sie es einfach in den Übergangszustand 2. Es sollte in zwei Sekunden sehr schnell sein. Wenn ich zu einer Aktivierung komme, wird dies mit 2 Sekunden in den Standardzustand zurückkehren und sollte unbekannt sein. Das Gleiche hier. Du solltest eine Nonne sein. Denk nach. Okay, schick. Klicken Sie auf. Nett. Also das Coole daran, wenn wir den Master bearbeiten, wird sich auch alles andere ändern. Deshalb ist der beste Weg, Dinge zu entwerfen. Auf diese Weise haben wir es Master-Komponente, wir ändern diese. Alles andere wird sich auch ändern. Stimmt's? Jetzt klicke ich einfach hier und ziehe diesen hierher. Ich nenne diese Kolumne einfach. Klicken Sie hier hinein, damit alles perfekt ist. Nur der Schaden ist sehr Pop. Also wähle dieses aus. Ich wähle einfach eine Farbe aus. Diese Farbe. Spiel nochmal, sehr natürlich, sehr weich. Also nennen wir das Soft UI. Jetzt ist es an der Zeit, diese Teile zu animieren. 7. Aktiviere die the: Alles klar, lass uns zur Animation gehen. Also klicke ich auf ein Design, um diese Linie in der Mitte zu messen. Steuern Sie klicken, doppelklicken, drei, ebenfalls eingeführt. Ein Löwe sollte hier sein. Jetzt ist es das. Kontrollieren. Perfekt. Eins, 23. Wenn wir also darauf klicken, was passiert? Also werde ich einfach alles auswählen , Jungs oder so etwas, diesen Begrenzungsrahmen, um zu sehen, dass der grüne mit der rechten Maustaste klickt und die Gruppierung aufhebt. Wir brauchen es vorerst nicht. Also haben wir unsere Teile erledigt. Lasst uns zurückgehen und das auch mitbringen. Wenn wir darauf klicken, wird dies passieren. So etwas steigt. Ich lege es einfach hier hin. Ich wähle hier alles aus, komm auf G raus, um es zu gruppieren. Und nennen wir das. Dies ist der beste. Wenn Sie also darauf klicken, wird der untere angezeigt. Das ist also vielleicht Frankreich. Das ist zurück. Also lasst uns das vorerst zurücklegen. Allein hier, alle Township, um es gleich groß zu machen. Glyco. Wenn Sie also darauf klicken, wird es ungefähr so sein. Wählen Sie nun beide aus. Stellen Sie sicher, dass Sie auf Components it klicken, die hinteren und vorderen Bots. Klicken Sie zuerst auf Zurück, Sie mit der rechten Maustaste und stellen Sie sicher, dass diese Gruppierung aufhebt Nochmals Befehlen oder Control G, um es zu gruppieren und diese Mitte zurückzurufen. Willst du eine Komponente sein. Wir wollen nur eine Gruppe sein weil wir nur beide Gruppen auswählen werden, diese und diese, und sie jetzt zu einer Komponente machen. Nennen wir das hier. Also individuell. Wir haben Vorder- und Rückseite. Also lasst uns das wieder hinten nach vorne legen , vorne. Wählen Sie nun die Vorderseite aus, öffnen Sie sie, klicken Sie auf das Labor und ziehen Sie es nach draußen. Die Lampe wird also zwischen Vorder- und Rückseite animiert. Also sieh dir das an. Gut. Kann Komponente, neuester Zustand, T2 angeben, nächsten Tag doppelklicken und das Schlafzimmer nach unten ziehen. Und vielleicht geht es ein bisschen unter. Dieser wird hierher kommen. Es wird größer sein. Es wird die Farbe in etwas sehr allmählich ändern , Helleres, so etwas. Und ich füge es einfach meinen Farbfeldern hinzu, so etwas wie Schande. Okay, also das ist die Rückseite, dies ist der Status, in dem 1 oder Standardstatus angegeben werden soll, Status zwei. Also lasst es uns animieren. Es hat einen Prototyp. Ein Klick Nach Tab bei automatischer Animation. Das, stell es auf sechs Sekunden. Die Lockerung ist, dass L das benutzen sollte, benutzen ist in seinen Outs. Es wird bleiben, das Gleiche gilt. Mit einem Klick. Ziel sollte der Standardstatus sein. Jetzt lasst es uns spielen und sehen, was passiert. Stellen Sie sicher, dass Sie zur Standardzustandsplatte zurückkehren. Wenn ich darauf klicke, sehen Sie, der Akt ist nicht aktiviert, etwas passiert. Wenn ich das noch einmal wähle, habe ich mich nicht für die Kunst oder den Staat entschieden, um zu perfektionieren. Siehe die Animation. Das geht ab und verblasst und das wird es ersetzen. Perfekt. Wenn dies aktiviert ist, bedeutet das, dass ich jetzt das Licht vergrößern oder das Licht verringern kann . Perfekt. Genial, ich liebe es. Alles funktioniert wie ein Char. Schön. Gehen wir zur Wäsche und zur Heizung und zum Audio. Gehen wir zurück zu Design. Wählen Sie dieses aus. Wenn Sie angeben, um dies zu wählen, können wir ein bisschen inneren Schatten blicken. Der innere Schatten von dieser Farbe. Es ist, als wäre diese Farbe ausgewählt, oder? Aber toller Download-Assay. Also lass uns wieder nach Hause gehen. Wenn ich darauf klicke. Jetzt steht es drauf. Ich liebe es. Perfekt. Machen wir das Gleiche mit diesem. 8. Page Animation: In Ordnung, messen Sie, dass die Wäsche ausgewählt ist, klicken Sie mit der rechten Maustaste darauf und heben Sie die Gruppierung auf. Drücken Sie nun Command Control G, um es zu gruppieren. Ich rufe diese Front einfach an. Lassen Sie mich einfach, etwas nervt mich. In diesem ist die Animation. Ich glaube, das ist nett, wirklich nett. Dieses Licht ist das nicht wirklich cool? Also gehe ich einfach zu Control klicke darauf und 10 Trägheit aus. Das ist alles was ich getan habe. Ich meine, es ist ganz einfach. Jetzt lasst es uns spielen. Ich mag die Einfachheit der Animation immer und sie funktioniert einwandfrei. Uns. Das Gleiche hier. Das wird zurück sein. Ich kopiere das einfach, bring es her, füge es ein. Komm genau zur Mitte her. Stellen Sie sicher, dass dies vollständig ausgerichtet ist. Rechtsklick und heben Sie die Gruppierung auf. Command oder Control G, das wird vorne sein, oder ich werde einfach diese vordere Wäsche wechseln. Wählen Sie beide aus machen Sie sie zu einer Komponentenbibliothek. Öffne das, es sollte vorne sein. Du kopierst einfach diesen frontalen Bereich. Also haben wir vordere Laundry. Lass mich einfach nachsehen, ob C zurück sein sollte Landry. Kanada. Zurück sollte Daten zurückbringen. Das ist hoch. Mach das auf. Großartig. Der Wäschetext befindet sich draußen und der Kasten liegt übereinander. Wir müssen zurück, lass mich das ausschalten. Das ist der Rücken. Du bist bereit, bring es her. Und das war die Front, sag, das ist die eigentliche Front. Und alle von ihnen befinden sich in einer Komponente namens London. So haben wir das geschaffen. Klicken Sie erneut auf dieses Pluszeichen und gehen Sie in Bundesstaat zwei in den neuen Was im Nachlass nach vorne passieren wird, ist ausgeschaltet. Die Rückseite erscheint in einem Zustand 2, 1. Mach das auf. Der Rücken ist aus. Die Front ist aktiv. Wenn ich das also wechsle, wird das passieren. Wenn ich in einen Staat gehe, um das zu öffnen, passiert manchmal. Die Rückseite sollte jetzt aktiviert sein. Jetzt lasst uns nochmal spielen. Klicken Sie außerhalb dieses und dieses. Lass es mich einfach animieren. Klicken Sie zuerst auf dieses Ziel, ein Zustand zu sehr einfach zu sein. Wenn ich in diesem Zustand bin, um auf dieses Ziel zu klicken , sollte der Standardstatus eine Leichtigkeit sein. Sechs Sekunden. Das ist alles. Es ist immer das Gleiche. Lassen Sie es uns einschalten, da es auch Standard ist. So kannst du den Unterschied erkennen und ist wunderschön. Sieh so aus , damit es daran arbeiten kann. Und das ist eine schöne Animation. Großartig. Wenn also so etwas passiert, Wäsche, es hat keinen Op- und Abwärtspfeil, etwas anderes sollte erscheinen, etwas, das steht, klicke auf mich. Lass es mich dir einfach zeigen. Gehen wir zurück zum Design ist hier gekommen. Klicken Sie darauf. Kopieren. Außerhalb der Befehlskontrolle V auswählen. Nun ist es gut, sich so gut bis linear zu fühlen. Ich mache einfach so etwas. Das Top dieses Mal möchte ich das ein bisschen dunkel machen. Die untere, ich werde es nur ein bisschen heller machen. Also bis wie diese Typen. Gehen wir jetzt in den inneren Schatten. Lass es uns sehr dunkel machen. Ebit-x-Wert ist drei. Das ist vielleicht 20. Und zieh das hoch. Also haben wir hier einen dunklen Rand, hat wie einen Knopf, wie wir uns dort sehen. Cool. Drücken Sie Command oder Strg D, um es zu duplizieren. Okay, jetzt wähle das untere aus, wird auf BG als Bottom bezeichnet. Halten Sie Alt und Umschalttaste gedrückt und ziehen Sie es etwas nach oben, vielleicht etwas größer. Du siehst also, dass die Ecke rechts ist. Es ist also wunderschön. Und vergewissern Sie sich, dass es sich um einen Kreis handelt. Und klicke auf diesen. Dieser ist auch kreisförmig. Dieser ist auch ein Kreis. Also sind wir in BG. Bg, ich möchte das nur eine einfarbige Farbe zu etwas sehr Weißem machen. Gefällt mir der Button, damit Sie darauf klicken können. Lass es mich einfach spielen. Sieh mal, wie schön das ist. Großartig. Ich liebe es. Wählen Sie dies aus und wählen Sie die Schaltfläche BG, Shift Command oder Control G, The Scholars. Drücken Sie also Command oder Control X. Jetzt wähle ich die Wäsche aus, die Standardzustand geht, um darauf zu doppelklicken, und drücke Befehl oder Control V, um einfach denselben Ort zu kopieren. Also bedeutet es was ich meine, die Wäsche, die aktiviert wird. Wenn ich also darauf klicke, gehe ich zur Wäscheseite. Also mal sehen, ob der ganze Zustand normal einfach ist. Lass uns spielen sehen. Das ist also mein Sound. Eigentlich. Ich habe darüber nachgedacht, ein Geräusch hinzuzufügen. Es wird ein sehr netter Job. Alles klar, mal sehen, was ich schon habe, das heißt Sound dafür. Das ist also C, ein Trick, der diesen einfach löschen wird . Wenn ich darauf klicke , bin ich im Standardzustand. Und wenn ich in den Prototyp-Modus gehe, habe ich hier etwas namens Action. Wenn wir mit diesem Plus anfangen, melden Sie sich etwas an , das als Audiowiedergabe bezeichnet wird, was es so belassen kann, eine Audiodatei ausgewählt und eine neue Datei hinzugefügt. Im Finale ist MP3. Du hast so etwas wie Smush, Gilligan es und es ist WAV-Datei, eine MP3-Datei. Es wird einfach funktionieren. Also beide, es funktioniert, importiert es. Und mal sehen, was passieren wird, Leute. Wenn wir darauf klicken, klingt die Animation einfach so. Okay, klick drauf. Lass mich einfach mein Mikrofon ziehen und ihr könnt das nicht sehen. Lassen Sie mich die Lautstärke von B. erhöhen Es wird wie diese Typen klingen. Dann lass los. Also können wir dies auch zu diesem hinzufügen. Das hier. Wenn Sie in der Standardeinstellung sind, kann der Status auf dieses Pluszeichen klicken, um zu handeln. Im Moment siehst du , dass das aktiviert ist. Geh zur Auswahl. Eine Audiodatei ist bereits vorhanden. Wir müssen also nicht mehr hinzufügen. Und das deutet darauf hin, was mit Home Plate passieren wird , um es loszulassen. Die Summe, etwas zu aktivieren oder etwas zu berühren, wird dieses Geräusch sein. Also, richtig, lassen Sie uns die Wäsche- oder Waschmaschinenseite gut gestalten. 9. Gestalten von Waschmaschine: In Ordnung, lasst uns die Londoner Seite erstellen. Also bekommen wir unser Board, die Home-Zeichenfläche drücken Befehl oder Control D, um es zu duplizieren , wird nicht alles entfernt. Aber auch bei diesem hier. Wählen Sie einfach dieses aus und ziehen Sie ihn nach rechts. Also sollte trotz weiter zu Hause sein. Dies geht zu Plugins, die diesen Home-Button genannt werden. Das ist cool. Das zieht es hierher und wird ein bisschen kleiner. Peter, kleiner. Ich habe hier aufgezeichnet und die gleiche Farbe. Nicht-Ablehnung wird dir eine Kopie geben und diese nach unten ziehen. Ich tippe einfach Smart Pushing, oder? Für mich ist es groß. Und ich suche etwas Halbkühnes. Ziehen Sie das nach unten und geben Sie hier Maschine ein. Aber dieser sollte leicht sein. Und es wird auch ein bisschen näher an 200, 400, 500, 550 sein . Der Rest kann so sein. Wählen Sie es aus, klicken Sie auf die Pfeiltaste und los geht's. Sie definierte, indem sie ein nettes bekam, was ich dieses Kapital verdiene, ich mache auch den Tag behalten. Ich glaube, das ist viel besser. Jetzt Cellectis. Es ist gut gelaufen. Also so etwas. Intelligente Waschmaschine. Was brauchen wir sonst noch? brauche ich nicht. Löschen, wählen Sie dieses aus, halten Sie die Umschalttaste gedrückt und machen Sie es etwas größer. Alles klar, wählen Sie dies aus und ziehen Sie es nach unten. Wählen Sie diese aus und ziehen Sie sie nach unten. Wählen Sie dieses aus. Gehen wir zurück zur Ebene. Ich möchte sehen, was wir getan haben. Öffne das, weiß und überprüfe ob die Breite und ich gleich sind, oder? Vielleicht ein bisschen größer. P, so etwas, 1, 36, und dieses um ihn herum. Cool. Jetzt klicke ich einfach auf den Kreis Kommunist in der Mitte. Halten Sie Alt und Umschalt gedrückt und ziehen Sie nach oben. Geht genau in die Mitte. Runter das Feld, damit wir die Grenze sehen können. Lass es uns auf 20 setzen. Jetzt. Versuchen wir alles zu verschieben , um genau so etwas wie hier zu machen . Vielleicht etwas näher an der Außenseite. Dieser und dieser. Halte die Umschalttaste gedrückt und vergrößere sie. Schon wieder. Jetzt ist alles perfekt eins und das ändere ich die Breite und Höhe. Also ist alles gut. Wählen Sie einfach das aus. Ich suche mir einfach ein cooles Auto oder so ähnlich aus. Es spielt keine Rolle. So kannst du immer nach Farben suchen, es total weiß oder rot machen und einfach damit herumspielen, bis du so etwas wie hier in diesem Bereich hast. Wir sollten so etwas auch machen. Dieser Bereich bietet einen guten Kontrast zwischen Hintergrund und Farbe. Also suche ich mir das einfach aus. Jetzt gibt es noch einen coolen Trick , weil du das animieren willst. Das ist der Trick, den ich gerade zeigen werde. Du. Lege die Lücke auf bestimmte 100. Wenn du es auf 700 legst , wird es einfach so sein. Nur eine winzige kleine Schlange hier, okay? Was Sie auch die Deckkraft senken können. Es ist in nichts zum Animieren da , dass die Lücke die gleiche ist wie 700, aber der Strich, wenn ich meine oberste Pfeiltaste halte, siehst du, was passiert ist? Schau, so animieren wir das. Und es wird sehr natürlich, sehr cool. Lassen Sie mich einfach in den Bereich kommen , in dem es völlig ganz oben ist. Um das zu tun, erstelle ich einfach eine Zeile dafür. Gehen Sie einfach noch einmal aus und lassen Sie es los. Richtig, das ist cool. Jetzt sieh dir das an. Wir müssen die abgerundete Kappe benutzen und sehen, ob sie beide hineingehen werden, was cool ist. Das ist also der Trick. Jetzt. Ich wähle einfach alles aus, drücke, Command oder Control G, um es zu gruppieren und ziehe es nach oben. Wir werden es einfach hier ablegen. Und ziehe es auch ein bisschen nach rechts. Nett. Was brauchen wir sonst noch? Wir brauchen das Wasser für das Innere, also wie wir das Wasser erzeugen können. Lassen Sie mich das auswählen und klicken Sie auf Waschmaschine, Glenn Command oder Control und klicken Sie auf dieses abgerundete Oberteil im Y-Kanal. Drücken Sie Command oder Strg D, um es zu duplizieren. Ich ziehe es einfach und lege es oben drauf. Es wird also eine Maske geben. Klicken Sie jetzt auf Treibstoff. Und ich verwende einfach die gleiche Farbe wie diese. Lass uns zu Linear gehen, die oberste. Weil ich Gummi mache. Komm her. Wählen Sie diesen aus, wir kommen an den Gummi und wählen diese Farbe aus. Also das Gleiche. Aber wie müssen wir das maskieren? Höhe des Kontrollklicks. Also stehen wir unter Mask. Nimm dein Stiftwerkzeug auf. Wählen Sie nun draußen aus, hier mit einem Klick, entlang der Umschalt, hier eine Clique, wackelig hier und auch hier. Also haben wir einfach die Grenze davon. Kein Klick auf Auswahl, doppelklicken Sie hier. Zieh einfach einen davon nach unten. Es ist also wässrige Pflege. Ziehen Sie das jetzt, kippen Sie es so nach unten. In dieser Form befindet sich hier im Kreis also nichts. Stellen Sie sicher, dass dies ausgewählt ist. Halten Sie auch die Kontrolle gedrückt und wählen Sie diese ebenfalls aus. Diese beiden werden also ausgewählt, ihr Pfad und die Maske sind ausgewählt. rechten Maustaste darauf und Maskieren Sie mit Form oder der Verknüpfung Umschalttaste Befehl oder M. Dies wird also maskiert. Es ist also nichts da. Die Maske ist ausgefallen. Also im Grunde, wenn ich aufkomme und diese Maske Beim Klick auf die Maske siehst du so etwas. Du siehst die Vergangenheit. Wenn ich auf den Pfad klicke, wenn ich hier klicke, siehst du das. Wenn ich raus gehe, schau was du siehst. Also mein Gehe zu Z, um zurück zu gehen. Das wird also perfekt für unsere Animation sein. Also haben wir drei Knöpfe hier. Bringen wir dieses mit, kopieren und einfügen und so groß wie diese machen. Umschalt nach unten. Ziehen Sie das nach unten machen Sie es in die Mitte dieses. Und ich ziehe das auch einfach runter. Es ist also völlig allein. Nein, zieh das und lege es nach draußen. Und für das Icon gehen wir zu Ihrem Material Icon, Google-Symbol. Es ist indateitig und Sie können Zugriff darauf haben. Freue dich einfach auf diese drei Icons. Ich füge sie einfach hier ein. Dies wird also zum Starten und Schalten vor dem Ton aus- und wieder einschalten. Und das wird jetzt der Timer sein. Alles klar, cool. Alles klar, perfekt. Wir haben also auch diese drei Icons. Also hier sollte dieser grün sein, so etwas, oder? Das Gleiche wie dieser, am selben Ort. Sucht nach etwas Grünlichem, sollte nicht tot sein. Irgendwie grün. Dieses Grün ist hell, sehr hellgrün. Also bis zu so. Aber wenn sich das anschaltet, wird der Schatten diesen Schatten hier beeinflussen. Der innere Schatten wird also auch die gleiche Farbe haben, aber die Deckkraft verringern. Er sagte: Oh nein, es ist in Ordnung. Diese Folie wirkt sich also auf diesen Schattenbereich aus, die Beleuchtung um ihn herum. Ich habe diese Icons auch hier. Es nennt sich ein intelligentes Icon. Ich ziehe es einfach und lege es hier hin. Nichts besondere Interessen und klicken Sie mit der rechten Maustaste und heben Sie die Gruppierung auf. Leg es einfach her. Jetzt mach es zu einer Komponente. Weil wir das einfach für alle anderen Bücher kopieren oder einfach kopieren können und wir können es einfach ändern. 10. Prototyping Animation: Das ist also zu Hause. Ich rufe einfach diese Landry Command oder Control D an, um es zu duplizieren. Klicken Sie darauf und stellen Sie sicher, dass die Farbe, es ist eine Art Gelehrter. Oder vielleicht diese Farbe. Ich wähle diese Farbe aus und füge diese einfach meinen Farbfeldern hinzu. Jetzt in dieser Zeichenfläche. Und ich öffne diese Maske und ich klicke und ist vorbei. Lass uns ein bisschen hineinzoomen. Stellen Sie also sicher, dass Sie diesen Kreis sehen, wenn Sie Ihre Maus hierher stellen . Es sagt mir, dass du feierst. Dieser wählt diesen aus. Jetzt müssen Sie dieses auswählen, doppelklicken, darauf klicken und nach oben ziehen. Und spiel damit herum. So etwas wie das. Lass uns runter gehen. Vielleicht ist es ein bisschen aufgetaucht. Vielleicht so etwas wie hier. Also können wir damit herumspielen. Sie müssen also nur so weit nach oben kommen um die Farbe auszuwählen, gehen Sie zur Maske. Gut zu hören. Ich setze es einfach auf Volltonfarbe und wähle die gleiche Farbe wie diese aus. Machen wir es sehr einfach und sehr interessant, da es sich um eine weiche Benutzeroberfläche handelt, also sollte alles bequem und leicht für das Auge sein. Nun, was zum Animieren die sogenannten, es ist sehr einfach Jungs. Stellen Sie also einfach sicher, dass Sie diesen Rahmen auswählen, wählen Sie dort dieses Board aus. Lass es mich einfach sehen. Was ist ein Ziel? Ist Eliten 61, seine Ellipse? Können wir es in einen Kreis umwandeln, damit es großartig wird. Kreis. Kopieren. Los geht's. Circle auch. Wenn ich also hier klicke, stelle sicher, dass dies der Kreis ist, damit wir das wissen. Es sollte also 360 Rotation und Comeback an denselben Ort sein. Nochmals Befehl oder Control D, um es zu duplizieren. Wählen Sie dieses aus, um sicherzustellen , dass Sie auf die Maske doppelklicken. Und lass uns nach oben gehen. Dieses Mal. Es sollte das Gegenteil sein. Und zieh das hoch. Lassen Sie es uns also bis hier animieren damit wir sehen können, dass alles in Ordnung ist oder nicht. Wählen Sie also diese Zeichenfläche, die Wäsche, ziehen Sie diese und legen Sie sie hier ab. Das sollte an sein. Einmal kann ich auch animieren. Es sollte eine Nonne sein. Schon wieder. Tab. Noch einmal keine. Ich werde nur sehen, bevor wir die Animation machen, ich kann sehen, dass diese Icons sehen, wenn es hierher kommt, sollte ein Stopp-Symbol sein. Eigentlich lösche ich diesen einfach und lösche diesen auch einfach. Ich habe es schon hier Stop-Symbol, ich stelle es einfach hier hin. Und dieses Zeug-Icon sollte sein und das ist blau. Auch diese Initiative sollte auch blau sein, um die Deckkraft 24 zu senken. Kopieren Sie dies, löschen Sie dieses und wählen Sie dieses aus und fügen Sie es hier ein. Wenn ich also auf diesen klicke und es hierher ziehe, wird es die Tab-Autonomie-Wäsche verwenden keine und die Dauer wird 1 Sekunde betragen. Dann klicke ich einfach auf diese Seite, die Gesamtseite. Zieh es hier hin. Dieser sollte also pünktlich sein. Wir machen nichts. Es ist Timing, nicht 1 Sekunde. Also lasst uns die Animation machen. Mal sehen, ob alles glatt ist, besonders dieser, der Kreis. Schön. Diese ändern sich also, weil diese dieselben Namen haben. Also dieser und dieser haben die gleichen Namen. Ich nenne das einfach. Also sollte ich auf drei wechseln. Ich werde den Namen nur nach dem Zufallsprinzip ändern, damit Sie das Publikum nicht durch diesen ablenken möchten. Also hat es die Haltestellen geändert oder wir werden es stoppen. Schön. Am Ende sollten wir die Blase hinzufügen. Es wird sehr viel Spaß machen. In Ordnung, gehen wir zu einer anderen Seite, Command oder Control D, um es zu duplizieren. Wir wissen es schon. Klar, der Pass geht rein. Hier. Wir sollten einfach auf die Vergangenheit klicken und sie nach oben ziehen. Auf der gegenüberliegenden Seite ziehen Sie diese nach oben. Dieser sollte ein bisschen herkommen. Auch. Das Song Shooting, komm her. Zieh das nach oben. So erfreuen Sie sich das. Es ist fast da. Jetzt der in diesem, wir werden es einfach beenden. Doppelklicken Sie darauf nach oben. Nach oben. Und das war's. Und am Ende ist ein weiteres Abwasser. Ein Cooles. Jetzt machen wir die Animation. Mal sehen, was passiert ist. Die Animation sollte also sein, wenn ich zum Prototyp gehe und diesen ziehe und auch diesen ziehe. Also lasst uns das erste reparieren, den Kreis. Wenn ich darauf klicke, gehen wir zuerst zu Design. Wenn ich auf den Kreis klicke, wird es eine Drehung von 0 sein. Der nächste Kreis ist 360. Der nächste sollte wieder 0 sein. Lass mich auf den Kreis klicken. Ja. 0. Der nächste sollte 360 sein, und dieser sollte 0 sein. Lass uns die Animation machen und mal sehen, ob es funktioniert. Schön. Und es ist erledigt Command oder Control D, um es zu duplizieren. Am Ende wird es Irritation sein. Also machen wir das. Lasst uns alles reparieren. Der erste unterscheidet sich also, Kreis, diese Rotation ist 0. Der zweite ist 260. Wieder sollte 0 sein. Circle sollte wieder auf 360 sein. Wieder sollte es 0 sein. Und am Ende wollen wir nur eine 90-Grad-Rotation, weil es Trocknungszeit und einfach die Farbe in etwas Grünliches ändert. Nicht die Vergangenheit. Lass uns zurückgehen. Nur die Maske. Hier. Die Maske trocknet. Mal sehen wir uns zuerst die Animation an. Dann gehen wir zum Detailschild. Also hört es hier auf. Warum? Das kann sich fühlen, dass das hier aufgehört hat? Weil wir das Prototyping nicht gemacht haben. Wie cool ist das? Also Zeit Wäsche, keine. Wieder das Gleiche. Wieder das Gleiche. Wenn ich damit aufhöre, wird das ganze Paket wieder hierher gehen. Mal sehen. Theaterstücke sind wunderschön. Lass uns zurückgehen. Schau, wie cool das die ganze Zeit ist, ich liebe es. Schön. 11. Blasen zum WaDEN erstellen: Alles klar, jetzt ist es an der Zeit, ein paar Blasen hinzuzufügen. Was ist Bubble? Klicken Sie hier. Gehen wir zurück zu Design. Klicke hier auf diesen kleinen Kreis und wirf einfach ein paar Bugs. Und wer wird es in die gleiche Farbe wie diese machen? Nett. Tiefe Farbe. Stimmt's? Eine hier, eins hier, eins hier, eins hier. Nur fünf von ihnen. Wähle alles aus, gruppiere sie. Nennen Sie diese Blase und senken Sie die Deckkraft. Kopiere es. Lass uns hier gehen. Füge es ein. Also bring es runter und lege es in diese Waschmaschine. Bringen Sie also die Deckkraft hoch, wählen Sie diese aus und ziehen Sie sie auf ein Jahr, um etwas größer zu werden. Um hier die Deckkraft sehr niedrig zu senken. Dieser hier ist die Deckkraft nach unten, dieser größer. Also dieses hier werde ich es einfach hier stellen. Das Gleiche. Kopiere dieselbe Gruppe. Kopiert. Doppelklicken Sie innen und fügen Sie es ein. Die Blase ist also auch oben. Das Gleiche. Wenn ich auf diesen klicke, ziehe es nach oben. Lernende wird vielleicht versehentlich gehen und in diese Ecke gehen. Das wird diese Ecke heizen. Wir überprüfen, ob es nicht ausgeht. Cool. Also suche ich nach dieser Ellipse. Und am Ende senkt man die Deckkraft. Vielleicht gehst du nach oben. Das hier. Dieser ist, das ist alles. Also vermisse ich hier etwas. Also wahrscheinlich etwas in der Mitte, vielleicht sehr klein. Wäre nicht schlecht. Probiere die Blase, kopiere. Doppelklicken Sie hinein. Kann ich die Blase kontrollieren? Jetzt spiel damit herum. Also hier, hier hatten wir einen Unfall, oder? Also hier sind wir in die Ecke gestoßen. Und dieser ließ mich nachsehen. Lass mich das einfach kopieren. Wenn ich das einfach kopiere, kopiere diesen. Doppelklicken, fügen Sie es ein. Und dieser ist 18. Ich komme her, komm her, komm her, runter, runter. Was sonst noch? Tu etwas anderes. Und doch ist die Königin auch fertig. Kopieren Sie also noch einmal die Blase, die Lee war. Füge es gegenüber ein. Das wäre also in Ordnung. Und lasst es uns auch einfach hier ablegen. Kopieren. Also hier geht es zurück zur Blase, die Deckkraft zu 100 Prozent. Und diese, die Blase ist gerade da. Schreib das auf. Also lege ich es einfach in ihre Waschmaschine. Richten Sie ihn an Auswahl, Umschalttaste, wählen Sie die Pfeiltaste nach unten und stellen Sie sicher, dass die Deckkraft 0 ist. Also das ist, mal sehen, wir haben es getan. fehlte also etwas unten . Lasst uns das reparieren. In deinem Hören. Irgendwas. Die Blase und diese Blase sollten auftauchen. Mal sehen wir uns noch einmal. Gespielt. Nett. Ich liebe es. Es ist wunderschön. 12. Soundeffekt in Adobe XD hinzufügen: Was ist mit dem Sound? Also am Ende, zu diesem Geräusch, muss ein Ton dies auch ändern, weil diese Bedeutung, die sich richtig einschaltet? Also lasst uns wieder hierher gehen und nach dem Sound suchen , den wir wollen. Wenn es so ist. Kopieren, einfügen. Hol dir das hier. Und zentriere dich einfach. Cool. Nimm diese Farbe auf. Nett. Kopiere diese. Also lasst uns löschen, löschen, löschen, löschen. Wählen Sie also Umschalttaste aus, wählen Sie alle aus, Befehl oder Control V. Ich werde hier einfach an den gleichen Stellen sein . Das Gleiche. Dieser senkt also die Deckkraft. also vorher sicher, dass Sie die gleiche Farbe machen. Jetzt bring das runter. Das wird also solide sein. Los geht's. Hier, kontrolliere V, ton aus. Also dieses, und ich möchte dieses nicht, klicken Sie mit der Steuerung auf Befehl oder Strg G, um sie zu gruppieren. Ich nenne einfach das Geräusch. Wenn du darauf klickst, was passiert? Dies macht es zuerst zu einer Komponente. Geräusch. Wenn es in der Standardeinstellung ist, sollte es etwas Freude geben. Geht es in neue Staaten? Es sollte so etwas sein. Das ist also ein- und ausgeschaltet. Aus sollte 10 sein, der Arm sollte eingeschaltet sein. Und auch dieser, der innere Schatten, wird derselbe sein wie dieser. Undurchsichtigkeit nach unten. Highlight ist also, was passieren wird. Aus. Lasst es uns animieren. Klicke drauf. Staat zwei, gut zu bleiben, sollte für eine Sekunde an sein. Wir können auch eine Aktion zur Disziplin haben, wie zum Beispiel sagen Sie mir, dass dieser Aufruf zum Handeln auch bei der Lösung dieses Problems. Mal sehen, wie es funktioniert. Bringen wir dies wieder in den Verzug, wenn sie danach suchen. Es funktioniert bei uns. Die ganze Zeit nett, richtig, cool. Die andere Sache, die wir tun können, ist diese. Hier tippe einfach. Das Trocknen macht diesen Spaß. 0 ist das halb fett zu machen. Und am Ende auch zwei Punkte. Mach das ein bisschen klein. Bringen wir es runter. Du könntest verschiedene kleine machen. Setze in die Mitte. Kopiere diese. Leg es hier hin, mach es groß. Wählen Sie dieses aus und senken Sie die Deckkraft. So sieht es also aus. Aber meine Damen, trocknen gerade gerne. Lass uns zurückgehen. Koch. Also das, sieh dir diese Animation an. Es bedeutet also die gleichen Namen. Wir müssen diese Art von dieser 11 hier ändern , noch eine hier. Es spielt also keine Rolle, weil sie sich dann umzieht, um zu sehen, ob etwas nicht stimmt. Also müssen wir alles reparieren ist in Ordnung. Alles ist vollkommen perfekt. Geräusch. Es dauert vier Sekunden. Das scheint richtig zu sein. Wished und das genial. Ich liebe es. Jetzt lass uns den Timer holen. 13. Timer und Prototyping von Adobe XD: In Ordnung, lassen Sie uns die Timer-Bildschirmseite erstellen. Ich werde tatsächlich eine von diesen benutzen , so etwas. Ich ziehe das einfach nach unten. Und auch der Schlüssel hier ist Schatten. Sollte weiß sein. Lass uns das mal ausprobieren, vielleicht um 80. Die Höhe nach rechts. Richten Sie sie aus, gehen Sie nach links. Ausrichten, Befehlen oder Steuern. Klicke auf abgerundete Ecken, abgerundete Ecken. Also haben wir das hier. Wenn ich die Kontrolle gedrückt halte und darauf klicke und wähle es in Schwarz aus, im Schatten. Wenn ich in Phaco und Linear hineingehe, der obere, sollte dieser weiß sein. Der untere sollte die gleiche Farbe wie diese haben. Jetzt spielt dieser damit herum , bis du mit so etwas zufrieden bist . Klicken Sie auch wie innerer Schatten darauf. Und dieser sollte etwas dunkler sein. Mäuse, ich liebe es. Drücken Sie T auf Ihrer Tastatur. Und tippe einfach Nummer 0 ein. Und mach das größer. Sollte nicht Poppins für das Zahlengebiet sein. Es ist gut und deine Runde leer ist cool. Es wird diesen benutzen. Stellen Sie sicher, dass die Füllfarbe diese Hintergrundfarbe hat. Klicke auf einen inneren Schatten, er zoomt herein, damit ihr genau sehen könnt , was passieren wird. Klicken Sie auf einen inneren Schatten und versuchen Sie einfach, ein sehr helles Licht zu finden . Ich probiere einfach so etwas aus, zieh das hoch. Vielleicht könnte diese Farbe die beste Farbe sein. Und ich füge es einfach hier hinzu. Also ist es hier. Das hier. Es ist drei, e b, neun, E1. Also ein Spiel damit herum. Ich finde einfach heraus, dass dies die Grundfarbe ist, die zu verwenden ist. Man muss also immer mit der Farbe herumspielen , so etwas. Es sieht passend zu Ihrem Design aus. Das ist also der 01. Wie erstellen wir diese? Lassen Sie mich Ihnen also einfach ein Beispiel zeigen. Und wir werden das hier abstellen. Und ich ziehe das einfach hoch. Sie können dies erstellen, wiederholen und nach unten ziehen. Ich zähle einfach. Alles klar. 1234567890. Es reicht also. Also fange ich einfach mit einem weiteren Mal an, 01. Dies wird 109 sein, weil es eine Zeit ist, in der man rückwärts gehen muss. Sieben. Wenn es ein normaler Timer wäre, könntest du einfach einen einfachen 10123 machen. Aber wir gehen rückwärts, geht von 10 auf 0. Für das Militär. Auch. Ruhig. Bisher so gut. Zieh das nach unten und mach einfach weiter. So etwas, richtig, cool. Also haben wir so etwas wie Verkleidung. Also brauchen wir eine Kopie des Seminars, das etwas daneben kopiert. Und wir können diese beiden auswählen und einfach noch einmal etwas daneben kopieren . Aber wir müssen Maske verwenden, denn wenn ich all diese auswähle und sie hierher lege, Mal sehen, was passiert. Stell dir vor, diese zwei zu setzen. Hier. Wir verstehen, dass wir hier eine Lücke hätten. Stecklücke ist zwei. Und wähle diese beiden aus und schleppte ihn auch zum Hören. Wähle alles aus. Stellen Sie sicher, dass es sich in der Mitte befindet, was ein so ligandisches Rechteck ist. Und klicken Sie unbedingt hier. Bis hier. Schalten Sie ein Feld ein, damit wir sehen können, dass es das ausgewählte 1234 verschoben hat. Also werden vier von ihnen ausgewählt. Rechtsklick und Masker, billig. Also sehen wir einfach den Sport. Wenn es nicht da ist, doppelklicken Sie darauf. Wählen Sie dieses aus. Dieses Rechteck. Ich gehe einfach zu Silicon dieses Rechteck und ziehe es ein bisschen nach unten. Das war's also. Jetzt lass uns reingehen. Doppelklicken. Drücken Sie T und drücken wir M. Lassen Sie uns diese Art von Weiß und sehr klein machen. Das wird also eine Minute hier sein. Und das wird Zweiter S sein. Alles klar? Jetzt wählen wir alles aus, auch dieses. Diese beiden sind auch innerhalb dieser Gruppe. Also rufe ich einfach diesen Timer oder die Uhrzeit an. Dies sollte Timer sein. Wählen Sie dieses aus, klicken Sie mit der rechten Maustaste und heben Sie die Gruppierung auf. Alles klar, nun gruppieren wir sie und rufen diesen Timer auf. Und wir haben auch Zeit, also Zeit und Zeit und wählen Sie diese aus und wählen Sie auch diese aus. Beide werden also ausgewählt. Klicken Sie auf Komponente und klicken Sie auch auf neue Güter. Dies ist also Bundesstaat eins, der Standardstatus, und dies ist ein Staat für einen Nachlass, um die Farbe zu beschreiben , wird sich in diesen ändern. Und auch dieser innere Schatten wird diesen ebenfalls verändern und die Deckkraft senken. Und wir haben rote Highlights. Und in Bundesstaat 2 wird das so beginnen. Wähle das einfach aus und ziehe es nach unten. So etwas. Fangen Sie mit zehn Minuten an. Mal sehen, was passiert. Standardstatus, ein Status zu seinem animierten dies geht zum Prototyp. Doppelklicken Sie darauf. Aktiviert. Die Nation sollte ein Staat sein. 2 auf Verlassenen oder 6. Zweitens ist in seinen Outs und es steigt. Lasst uns nach draußen klicken. Wählen Sie dies erneut aus. Gehen wir zu Bundesstaat 2, den wir aktiviert hören werden. Stellen Sie sicher, dass Sie zur Standardeinstellung zurückkehren, Status. Das Gleiche. Aktivieren Sie diese Standardeinstellung also, dass Sie im Grunde genommen im Standardzustand sind, der gespielt wird. Aktiviere es. Also zehn Minuten, gehen wir zurück. 0, 10 Minuten aktiviert. So aktivieren wir das. Standardmäßig ist also 10 und wir können es auch manuell ändern. Alles klar, Awesome, ich liebe es. Jetzt. Wir müssen das kopieren. Sie müssen den Staat überall hin kopieren. Löschen wir diesen und fügen Sie ihn hier ein. Das ist 10. Es fängt also an, hier zu doppelklicken. Es wird also 0 sein. Das werden neun sein. Wenn wir diesen sehen, klicken Sie darauf. Ziehen Sie das nach oben, es zieht es nach oben. Ordnung. Ich klicke darauf. Weil es an zweiter Stelle ist, sollte schnell gehen. Das werden also fünf sein. Es wird vielleicht sein, um das Ganze zu kopieren. Löschen, fügen Sie es hier ein. Dies sollte verdoppelt werden. Ich doppelklicke auf sechs. Lass uns zurückgehen. Es sollten also zwei sein. Sollte 29 sein. Großartig. Wenn du siehst, taucht einfach etwas auf. Ich liebe es einfach, einfach die Maske auszuwählen und dieses andere Bit zu ziehen. Kopiere das ganze Paket. Das war's. Wir haben zwei weitere, sechs, das wird 3 sein. Wieder fünf, 50. Kopieren. Und das war's. Machen wir das 0, 0, 0, 1, 0, 0. Klicken Sie einfach darauf und ziehen Sie es etwas nach unten. Also ist es eingeebnet. Also klicke ich einfach darauf und lege es einfach hier hin. Hier trocknst du einfach. Es bedeutet also, dass das nicht mehr funktioniert. Also ändern wir die Farbe in diese. Und wahrscheinlich wird dies auch in diesem Zustand wieder in den Zahlungsausfall zurückgehen. Der Staat. Die Spalte muss nicht geändert werden. Sie haben das Design bereits erstellt und die Komponente wird gerade gespielt, sehen Sie, ob es funktioniert. Also ist es aktiviert. Jetzt spielst du. Lass uns zurückgehen. Aktiviert, 10 ausgegeben. Jetzt. Teller. Es ist wunderschön und es wird anfangen. Sehr Sarah, perfektes Zeichnen. Jetzt. Lass uns zurückgehen. Hör auf damit. Perfekt. 14. Prototyping Start zu Ende: Jetzt lasst uns das ganze Paket zusammen machen. Als eine Seite geht es zum Prototyp. Wenn ich darauf klicke, also die animierte dies sagt, dass Add 1 Sekunde zu Dad eins geht, ich komme zu dieser Seite würde passieren wird Es geht zurück. Also sollte es nicht zurückgehen. Das ist also nicht untap ist auf Zeitübergang, von selbst nach oben schieben, sechs Sekunden. Mal sehen. Asms ist ein bisschen schnell. Eins nach dem anderen. Vielleicht 8 Sekunden. Bitte. Wir wollen die Übergangs-Qu-Sperre sehen und das war's. Schön. Wir sind auf dieser Seite. Das funktioniert genial. Also wenn seine Wäsche ist, lass mich das hier anklicken. Es sollte auf die andere Seite gehen. Wählen Sie dieses aus. Sie befinden sich im zweiten Bundesstaat. Wenn ich auf diesen Prototyp klicke, gehen wir zu diesem. Übergang, nach links drücken, was bedeutet, dass dieser nach rechts gedrückt wird. Mal sehen, wie es funktioniert. Lassen Sie mich das wieder in den Standardzustand versetzen. Los geht's. Wäsche und schön. Lasst uns zurückgehen. Großartig. Wir können das auch einfach machen. Geh zurück zu diesem hier. Es ist wie Push, oder? Was bedeutet, wenn Sie dabei sind, klicken Sie darauf. Großartig, wunderschön. Am Ende werden wir das einfach animieren und dasselbe für den hellen Modus erstellen . Du willst Landry nicht. Ich glaube, damit eine Wäsche es interessanter macht , dass Sie diese wirklich auswählen, können Sie den inneren Schatten ändern. Landry. Doppelklicken Sie. Du hast die Front, wir haben die Bank. Wenn wir also nach hinten gehen, wenn wir zum Bundesstaat 2 gehen, Tosylate, Citrus zurück Landry, den weißen Pfeil, deshalb setzen wir einfach einen Namen darauf. Es wird sehr interessant sein. Vielleicht etwas Violettes oder etwas Rötliches. Zieh das nach oben. Sogar der Name der Wäsche, vielleicht vielleicht der Titel, sogar der Initial kann ein bisschen sein. Vielleicht ist diese Farbe für mich schlecht, für den inneren Schatten, das Weiß. Lassen Sie mich auch diese Farbe auswählen und ziehen Sie diese nach unten. Also so etwas. Ich glaube, das ist sehr interessant, weil wir versuchen, es so interessant wie möglich zu gestalten. Landry, nett. Es ist also offensichtlich, dass wir die Wäsche ausgewählt haben. Jetzt gehen wir für dieses Modell Waschmaschinenteller. Also lasst uns zurückgehen. Stellen Sie also sicher, dass die Präsentation immer bevor Sie den ersten Klick auf den Timer starten, wird 10 Minuten dauern. Klicken Sie dann auf den Start. Trocknendes Geräusch und lass uns zurück gehen. Alles klar, Awesome. Wir können zurückgehen, oder wenn du auf diesen klickst, was passiert? Wir klicken auf diesen. Auf diesen wird immer noch zurückkommen. Hier. Wir drängen, oder? Es ist das Gleiche Leute. Alles klar, Nice. Nun, was ist mit diesem? Wenn wir darauf klicken, was passiert? 15. Den hellen Modus entwerfen: In Ordnung, wir haben bereits den Dunkelmodus. Lass uns in den hellen Modus gehen. Es ist also bereits ausgewählt. Klicken Sie in das Feld und nehmen Sie diese Farbe auf. Überlegen haben diese beiden LAN die ganze Zeit, die ihn hierher ziehen. Diese beiden Möglichkeiten haben wir also bereits. Wählen Sie dies aus. Also können wir diese ändern, weil die, das sind Half Twist Stage, oder? Aber dieser sollte einfach sein. Die Küche und das stimmt? Die Lampe Küche und der dunkle Modus. Ich drücke einfach Command oder Control G und rufe diese Küche auf. Klicke drauf. Also sind wir in Weiß, Schatten. Klicken Sie darauf. Also sagte ich: Was ist mit diesen Farben? Füllen wir es mit der gleichen Farbe oder schalten Sie sie aus, weil es inneren Schatten hat. Nimm einfach die gleiche Farbe auf und spiele einfach damit herum, bis es etwas sehr Cooles bekommt. Ich meine, diese Farbe. Ich füge das den Soldaten hinzu , weil wir einfach darauf klicken werden. Und das Gleiche. Was ist mit dem Schwarzen? Das Gleiche dabei. Was ist mit dem Schlagschatten? Ich füge das einfach hinzu und ziehe es nach unten. Was ist mit, ich gehe einfach zu Control click white shadow. Der Schatten, er sollte wirklich weiß sein. So etwas. haben wir also schon. Also schlauert BB und behält den ganzen Text bei. Rechtsklicken und heben Sie die Gruppierung auf. Ich möchte das nicht nochmal tippen. Also Schule, das bedeutet, dass ich das einfach auswählen kann, um zu initiieren oder auf diese zu klicken. Es leert diesen auch. Also dieses, und wenn es schnell ist, klicke einfach auf diesen, diesen richtigen Teppich. Kommen wir raus. Python, Ruby, komm her, klicke mit der rechten Maustaste und schicke zurück. Es wird so sein, sehr schnell genial. Dieses Mal kopiere ich einfach die Wäsche. Fehlverhalten. Löschen Sie diesen, wählen Sie dieses aus. Halten Sie die Umschalttaste gedrückt, ziehen Sie es auf den rechten Befehl oder steuern Sie V. Und gehen wir in diesem Fall zum inneren Schatten. Auf diese Weise können wir den Rest schnell erledigen. Der Rest davon wird also deine Aufgaben sein. Ordnung, angesichts dieser und dieser Farbe müssen Sie dieser Farbe hinzufügen, Farbe müssen Sie dieser Farbe hinzufügen um genau so zu sein. Also lasse ich es einfach so. Ich entwerfe das einfach für euch. Das werden also Ihre Aufgaben sein und sogar der Rest davon. Ich meine, ich möchte, dass ihr das Gleiche kreiert, aber den weißen Farbmodus, oder? Dann schick es mir einfach und ich werde nur sehen, was ihr getan habt. Und es wird steuern, klicken Sie auf diesen hier. Das wird weiß sein. Und das wird sich wieder kontrollieren. Lass uns eine Farbe wählen. Im Schatten. Es ist sehr dunkel. wer wird vielleicht diese Farbe hinzufügen? Wäre viel netter. Ich werde einfach die Weißen im Schatten auf das Weiß machen. Zieh das nach oben. Schön. Gehen wir zu einem von diesen, State 1 und State 2, oder? Sagen wir also, 2 wird so etwas sein. Aber der Standardstatus und das, das ist genug, oder? Es sollte so etwas sein. Scooby Voreinstellung, der Status auf diesem Fall geht in Schlagschatten. Mal sehen, was haben wir hier? Ein und aus. Das Dach sollte Deckkraft und 0 eingeschaltet sein. Schlagschatten. Ich werde es einfach irgendwo so ablegen. Dies ist also der Standard- und Normalzustand, um darauf zu klicken. Das Ion ist aus. Und klick einfach auf „ Aus“, schalte das ein. Es wird also rückwärts sein, aber die Farbe sollte diese Farbe haben. Das war's. Mal sehen, was wir getan haben. Alles klar, cool. Ich entferne einfach alles andere. Zieh das nach unten. Angeführt. Leg es hier hin bedeutet und sie sind gedreht. Steck es hier in der Mitte rein. Und das Gleiche hier. Es ist sehr einfach. Ich glaube, ich möchte das so etwas machen. Also den Rest davon werde ich das auch animieren, werde ich das auch animieren damit ihr sehen könnt, was passieren wird. Wenn ich zum Prototyp gehe und wenn ich darauf klicke, wird es einfach zu diesem kommen. Automatisch animieren. Hier ist eine Leichtigkeit und 6 Sekunden. Stellen Sie also sicher, dass dies nach links kommt. Das ist also die Farbe, die ihr machen müsst, ist zum Design zu gehen. Und die Farbe sollte verworfen werden. Der Rest liegt an dir. Lassen Sie uns den Designer, den Besitzer, die Gewohnheiten haben, alles ist da. Zieh das Gleiche hierher und lege es einfach nach hinten, das war's. Dann wird der Rest einfach für Sie sein , wenn Sie diese einfach durch diesen ersetzen und alles hinzufügen um sicherzustellen, dass Sie die Bestellung befolgen. Was ich für den Dunkelmodus getan habe, mach es einfach für den hellen Modus. Das war's. Es ist ein Buch. Sie können darauf klicken. Also lasst uns zu Port Civilian gehen. Wenn ich noch einmal darauf klicke, wird das Ganze einfach wieder hierher gehen. Mal sehen, was wir getan haben. Also, also ändert sich alles. Stellen Sie also sicher, dass Sie am Ende den Namen ändern. Also bewegt sich nicht alles. Das ist also die Animation , die ihr machen müsst. Also der Wechsel und das ist sehr einfach. Der Rest. Und es wird deine Aufgabe sein , gemessen zu werden, schicke es mir. Und ich werde nur sehen, wer von euch es am besten gemacht hat. Und ich zeige es nur den Design-Leuten. Es wird also auch so etwas sein. Lass es mich einfach mal anschauen. Ist der Standardstatus, dem der Standardwert „status“ ist. Das Design. Es sollte so etwas sein. Aber diese Schatten sind in diesem Eckenradius viel besser oder besser. Stellen Sie also sicher, dass dies auch schwarz ist. Und der Rest liegt daran, sich das nur anzusehen. Ihr werdet das Gleiche machen. Ich mag diese Farbe auch. Versuchen Sie also, die gleiche Farbe zu kreieren und machen Sie einfach weiter. 16. Anmeldung: Im Moment schaue ich mir diesen Fingerabdruck hier und wir können auch einen Anmelde-Button hinzufügen. Es wird sehr einfach sein. Klicken Sie auf eine davon, ziehen Sie sie hierher und ziehen Sie sie einfach hier ein und ziehen Sie es nach rechts. Stellen Sie sicher, dass es Zentrum ist. Ich tippe einfach hier ein, melde dich an. Stellen Sie sicher, dass die Farbe blau ist. Und es ist wieder gut. Das Zentrum. Wählen Sie es nun aus, machen Sie es zum Abgrund, halten Sie Alt fest und machen Sie es ein bisschen kleiner und besser. Ziehen Sie dies auf Alt und Umschalt nach oben und ziehen Sie dies nach unten. Es wird eine Anmeldung sein. Für die Anmeldung. Ich werde das in diese ändern. Mal sehen. Es wird hier produzieren. Zieh das hier hin, genau hier. Wählen wir diesen aus, löschen, wählen Sie es aus, ziehen Sie ihn nach links, klicken Sie mit der rechten Maustaste und senden Sie es zurück. Es wird „ Registrieren“ sein. Mach es weiß. Stellen Sie sicher, dass ich diesen auswähle. Habe ich die Steuerung klicke. Gehen Sie dazu und stellen Sie sicher, dass dies linear ist. Lass es uns noch einmal besprechen. Und das links, lasst uns das nach rechts legen. Es wird so etwas sein. Diese Seite wird sehr hell sein und entscheiden, dass es diese Farbe sein wird. Also lasst uns sehen. Unterschreiben, melden Sie sich an. Großartig. Wählen wir beide aus. Command Control C. Kommen Sie außer Kontrolle. Wir sagten, wir haben das vergessen. Und ich glaube, es ist erledigt.