Erstelle eine animierte Welt der Gefühle mit Invision Studio | Nicole Wolf | Skillshare
Drawer
Suchen

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Erstelle eine animierte Welt der Gefühle mit Invision Studio

teacher avatar Nicole Wolf

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:28

    • 2.

      Einführung

      7:52

    • 3.

      Entwerfen des Designs

      8:53

    • 4.

      Introduction

      7:55

    • 5.

      Animation in Emotion World

      10:10

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

992

Teilnehmer:innen

3

Projekte

Über diesen Kurs

In diesem Kurs zeige dir, wie du eine animierte emotion für einen Online-Shop erstellen kannst. Erlaubnis nicht erforderlich. Ich zeige dir, wie du die Tools von InvisionStudio nutze Du lernst auf der ersten Seite eines Online-Shops wichtig ist und auch, was nicht notwendig ist. Dieser Kurs richtet sich an alle, die sich für UI-Design interessieren, besonders für ein benutzerfreundliches Design, interessieren wollen.

Was du lernen wirst

  • Mit InvisionStudio. Denn InvisionStudio ist der meiner Meinung nach die beste Wahl, um eine Präsentation wie dein Design aussehen wird. Mit dieser Schritt-für-Schritt-Anweisungen kannst du schnell lernen, wie du die besten Präsentationen für dein Design erstellen kannst. Es ist wichtig, einen Überblick über welche Programme dich zum Erfolg bringen.
  • Erstelle ein UI-Design In diesem Schritt zeige dir, wie du einen Header einer Seite erstellst und auch, wie du Symbole erstellst. Ich werde Schritt für Schritt machen und detailliert, was ich mache und wie du mit dem Aufbauen arbeitest und wie du es arbeiten kannst. Die Fähigkeiten, die du in diesem Kurs lernst, denn es dir helfen wird, ein gute UI-Designer.
  • Emotion World + Inhalt der ersten Ansicht der Seite, nachdem wir den Header + Symbole Ende beenden Wir werden uns anschauen, was auf der ersten Sicht wichtig ist. Wir werden besprechen, was dein your Frage
    kommt.

  • Erstelle eine Animation mit InvisionStudioI
    Schritt für Schritt Außerdem gebe ich dir ein paar Tipps, wie du coole tips erzielst

Triff deine:n Kursleiter:in

Teacher Profile Image

Nicole Wolf

Kursleiter:in

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

Vollständiges Profil ansehen

Skills dieses Kurses

Design UX/UI-Design
Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo und willkommen zur muskulösen Anteilsklasse. Mein Name ist Nick Evolve. Ich bin 21 Jahre alt. Ich lebe zusammen mit meinem kleinen Katzenbild in Paderborn, Deutschland. Ich arbeite bei acht Meilen. Wir sind auf Onlineshops spezialisiert. Wir arbeiten dort mit dem E-Commerce-System-Shop und doch in unserer Agentur ist es alles um sich herum. Nur anfänglich in meiner Agentur. Ich arbeite als Front-End-Entwickler. Und du entwerfe ich mit meinem Team. Gemeinsam konzentrieren wir uns darauf, wie man einen Onlineshop entwirft und wie man diesen in meinen Autos entwickelt . Ich werde Ihnen die Grundlagen aus dem vorgestellten Studio vorstellen und wie Sie einen Freund erstellen. Du, ich entwerfe Du brauchst keine Erfahrung. Wir konzentrieren uns auf den praktischen Workflow und ich werde Ihnen zeigen, wie Sie es auf Ihre tägliche Arbeit anwenden . Wenn Sie auch eine emotionale Welt für Ihren Online-Shop entwerfen werden, zeige ich Ihnen, wie Sie Ihre Emotion Welt gemacht haben Im ersten Teil wurden wir auf das Design konzentriert und ich kann Dann werde ich Ihnen zeigen, wie Sie ein Projekt und seine Struktur auf das Ende dieser Ursache werden Sie in der Lage sein, zu erstellen und vollständige Design mit Animationen auf dem vorgesehenen Studio, so bleiben Sie dran und lassen Sie uns beginnen. 2. Einführung: Hallo und willkommen zur ersten Lektion meiner Klasse. In diesem ersten Teil zeige ich Ihnen vorstellende Studios, Interface und einige Abkürzungen. Wir beginnen jetzt mit der Erklärung des Begrüßungsbildschirms. Hier ist der Willkommensbildschirm, den Sie hier haben. Die Version hier ist Ihr letztes Projekt. Oder Sie können einige aus der Cloud hinzufügen, die Sie hier haben einige Geräte, die Sie verwenden möchten, wie die Marke. Nein, es ist die Größe, die Sie machen wollen. Hier haben wir. Die Ressource ist, wo Sie vom Studio-Support lieben oder Feedback geben können. Und hier haben Sie die Tutorials, wo Sie Nein können. Und hier können Sie Ihr Studio öffnen sind auch wichtig. Dein Skizzenfeuer. Im nächsten Teil werden wir das Gerät öffnen, das ich mache. Aber jetzt öffnen wir einfach die Determiner-Animationen. Wir öffnen einfach das Animation-Tutorial. Und jetzt sehen Sie, hier sind zwei Kunsttafeln und einige Gruppen von den Kunsttafeln. Sie haben hier die Einführung in, wie Sie bei der Animation können. Aber jetzt schauen wir nur auf das, wie man die Animation. Und dann gehen wir zu einem leeren in mit und ich werde Ihnen zeigen, wie Sie mit InVision Studio arbeiten. Wir wählen die Gruppe eins aus dem Flughafen und klicken auf den Donner und auf die Animation Toe Art Buch. Dann benutzen wir einfach den Auslöser, wischen nach rechts und Emotion und jetzt speichern wir es und das war's. Das ist die Animation. Und hier können wir auf der Play-Schaltfläche befindet. Also, wie Sie sehen können, hier ist die erste sind Teil. Und wenn ich richtig fegte, sehen Sie, wie die Animation funktionieren wird. Obwohl dies die erste Einführung ist, wie Sie Animationen verwenden können Aber ich werde Ihnen im Detail in den nächsten Lektionen zeigen, wie Sie beliebige Nationen hinzufügen können . In Ordnung jetzt, zurück zum Blanken war, wo ich Ihnen einige Einführungen zeigen werde. Wie benutzt man Invasion Studio. Wir können mit dem Ende re Kribbeln ziemlich einfach beginnen. Sie wählen nur Luft und Kendrick es. Wie groß er will auch bearbeiten die re Verwirren mit diesen Ebenen und auch andere Formen gerne Kreis oder mit einigen Bader Radios unter der rechten Seite. Sie können sehen, was Sie mit Ihren Ebenen tun können, wie zum Beispiel, indem Sie es in der Mitte in der Mitte von Ihrem Kunstboard setzen. Dann spürst du die Conners. Lassen Sie sie einfach. Sie betrachten die Farben, die Sie einen Rand oder Schatten oder in einem Tierheim hinzufügen können. Und hier haben Sie alle, So haben die Interaktionen für die Animationen. In Ordnung, dann können Sie bei einigen anderen. Ähm, dann können wir Werbung machen. Das ist es hier. Dann können wir etwas Text hinzufügen. Sie können es einfach hier auswählen, oder drücken Sie einfach Fernsehen? Und dann kannst du Oh, ich kontaktiere so etwas wie: Ja, Ja, lass uns etwas Besseres tippen. Pizza ist die beste. Schön. Also, ja, Sie können hier sehen, dass es behoben ist. InVision Studio. Sie haben zwei Größen, die Sie verwenden können Oh, so ist es nicht reaktionsschnell oder verwenden Sie fixiert. Dann ist es eine Reaktion auf die Größe, die Sie sie wollen. Das ist ziemlich cool. Jetzt können wir es. Die Größe ist die Linie. Haith Weg kann machen mutig verändert die obere Stadt. Es ist, als könntest du alles sehr einfache Grundlagen für dich tun, um zu verstehen, wie und Regime funktioniert. Es ist das gleiche, dass Sie in Skizze oder in 60. Okay, es ist, lasst uns weitermachen. Sie sehen auf der linken Seite, die Arche Teil und die Seiten können Sie auf einigen verschiedenen Seiten. Zum Beispiel, wenn Sie im Flow sind und Sie mehr Seiten haben, wie über uns oder die eine Seite überprüfen und dann können Sie zu einer anderen Seite wechseln. Und hier haben Sie den Außenborder von der ausgewählten Seite. Jetzt kannst du und du kannst nicht Die Kunst gebracht, also zum Beispiel, das wäre meine Vorderseite, mein Jemeni, meine Gefühlswelt. Und dann fahren wir mit der Auflistung fort. Der Schock ist ziemlich einfach. Zehe fügt mehr Außenbordflächen hinzu. Sie können von beiden wechseln, und das Coolste, was dies nach außen ist, dass Sie Animationen hinzufügen können, aber ich werde es Ihnen in der nächsten Liste zeigen. Zeigen Sie nun, wie Sie in der Gruppe, die Sie auswählen können. Also machen Sie einfach Befehl G. und jetzt ist es eine Gruppe. Du bist auch in der Gruppe. Sie können auch alles markieren und zu einer anderen Gruppe, und Sie gehen für eine andere und eine andere. Und wenn Sie Namen ändern möchten, können Sie einfach auf den Namen doppelklicken und ihn wie Peter benennen, und dann können Sie bei jedem eingeben und die Gruppe hat sich geändert. Aber wenn Sie jede Gruppe ändern möchten, können Sie darauf doppelklicken und dann mit Tippen wie Pizza zu unserem Pizzabaum gehen. Ich hoffe, du verstehst, was ich ihm sagen will. Wenn Sie also mit unseren Umbenennungen fertig sind, setzen Sie einfach das Enter-Ende ein. Es ist sicher. Das sind die Grundlagen. Wie können Sie einige re Verwicklungen hinzufügen, wie Sie in Element setzen. Jetzt werde ich Ihnen nach Hause zeigen, dass ich Bilder umsetze und wir dimensionieren sie, oder? In Ordnung. Ich lösche einfach alles im Ark Park, weil ich jetzt den großen Rückzahlbar mache und dir zeige wie man ein Bild umsetzt. Richten Sie einfach ein Bild in dieser Datei. Und wie Sie sehen können, ist das Bild wirklich groß und passt nicht nach oben. Sie können es einfach nach unten ziehen. Und jetzt ist es auf der rechten Seite. Aber Sie können auch, was ich durch eine Maske auf der Wieder Gewirr wie diese tun würde. Ein anderes Bild passt in die Maske, so dass Sie keine Aufnahme in Entscheidungen, die Sie wollen, und Sie können jetzt gerichtet Position, wie Sie wollen. Und es ist perfekt für Ihre Seufzer. Nein, ich kopiere und füge unser Boot ein. So haben Sie einen Lederlauf und wenn Sie ein anderes Bild wollen, sind die Größe ist die gleiche wie das Bild, das Sie hier haben. Sie können einfach auf Füllungen gehen und trinken und wählen Sie das andere Bild. Das wird dir nicht gefallen. Und wie Sie sehen können, ist eine Wissenschaft jetzt die gleiche uns das erste Bild. Und jetzt kannst du es. Wenn Sie eine Platte wie Sie wollen, würde ich es tun. Und in Ordnung, Leute, ich hoffe, mit dieser kleinen Vorstellung könnte ich euch zeigen, wie ihr es gebrauchen könnt. Stellen Sie sich vor. Und jetzt fangen wir an. Und in der nächsten Lektion werden wir die Kopfzeile und den Schieberegler erstellen. Wir sehen uns in der nächsten Lektion von 3. Entwerfen des Designs: Wir kommen zurück in meine Klasse. Jeder, Wir werden jetzt das Design schaffen. Wir werden mit dem Header beginnen. Ich werde Ihnen sagen, warum ich dieses Design wähle. Wir werden die Schieberegler-Überschrift mit den Produkten erstellen. Und am Ende werden wir die Animation aus diesem Design erstellen. Also lasst uns anfangen. Ich schaffe jetzt und du Seite und erstelle den Getter für den Außenborder. Sie können wählen 12 Spalten, aber ich mag auch das Raster zu verwenden, weil das Sie besser machen können. Die Leerzeichen zwischen den Elementen. Ich fange jetzt mit dem lokalen unter der linken Seite an. Ja, ich fange mit Logo an. Der Fonds, Familie, Sommerherzen und, ja, Waas, ein bisschen größer, denke ich. So wie das. Äh, ja. Also und legen Sie es so in die Spitze. Dann werden wir hier Navigation erstellen. Ich benutze den Lichtfonds aus Treibsand und von Fonds seufzt weg. Ja, es. Dann wird es in den Untergrund stellen, dass alles auf der Linie ist. Na gut, dann. Ich habe die Shop-Navigation gemacht. Ich habe schon einige vorbereitet, die ich kann, was auch wirklich cool in Vision ist, du musst dein ich formen, wenn es ah ist, Wie für G, kann ich so kann ich jetzt eine Gruppe daraus machen und die Größe ändern, wie ich ein wenig mehr Platz zwischen die Navigation wie diese, nachdem ich die Einkaufskarte machen. Nicht so dass du mein Design sehen kannst, die Menge, und das wird ja sein, das wird so sein. Okay, das ist, was klein sie ich denke. Und, ja, lege es in die Mitte, und wir werden die anderen icanns hinzufügen, wie der Benutzer, den ich kann. Sie machen auch eine Gruppe davon. Nennen Sie es Hughes er, und Sie passen es zu Desai wie eine Einkaufskarte. Okay, ich denke, es ist ein bisschen größer. Also entscheide ich das noch mal? So wie das? Nein, ich habe mich bei der Suche beworben. Ich kann die ID auch gruppieren und benennen. Ähm, dann passen Sie es auf die Größe an, die Sie uns brauchen. Sieh mal, es ist in der richtigen Körnung. So sieht es ähnlich wie die anderen aus. Und der Header von der Seite ist fertig. Ich habe versucht, den Header viele Mühle zu machen, denn wenn die Kozma kommt auf die emotionale Welt, der erste Flügel, den er sieht, ist der große Schieberegler. Wir wollen uns unter den Blickfang konzentrieren und das ist das große Produktbild der Kunden, damit die Kunden sehen können, was er verkauft. Erstellen Sie die großen Schieberegler. Ich habe dir schon gezeigt, wie ich Bilder impliziere. Ich habe zuerst eine Lektüre fallen lassen. Nein, ich denke an diese Größe. Und ich sah jetzt, dass ich vergessen, eine, die ich unter auf der rechten Seite Menü ist Miss IFOR Gruppe es . Dann können wir die Größe ändern. Alles klar, zurück zum Wieder Tango. Ich denke, diese Größe waas schon gut und ich konzentriere mich darauf, es ein wenig mehr linke Seite zu machen , denn auf der rechten Seite wird hier der Titel und das Produkt sein. Zuerst erstelle ich die Gruppe aus der Shop-Navigation in der College-Navigation und dann auch eine Gruppe außerhalb der Hauptnavigation. Und jetzt können wir fragen, machen eine weitere Gruppe in College-Header und wir haben Bild mit dem Phil angewendet und in der Wahl gezogen . Und jetzt können Sie sehen, es ist dann erstellen wir die Unterseite aus dem Schieberegler, so dass wir unsere Kunden durch die anderen Bilder navigieren können . So wie das. Ja, dann brauchen wir die Farbe. Ich parade sie schon hier. Jetzt kann ich nur wieder Verwirren auswählen und die Farbe verwendet, die ich will. Wir brauchen auch die Hintergrundfarbe und es sollte diese Farbe geben. Jetzt brauchen wir die Pfeile begann gerichtete Fehler in der Konstruktion und ändern Sie sie mit der Größe, die Sie wollen. Gruppieren Sie sie und nennen Sie sie Pfeil und wir drehen es und machen die Farbe von den Formen weiß und kopieren Sie den Pfeil und drehen Sie ihn wieder. Nein, wir erstellen die Navigation aus dem Schieberegler. Machen Sie es ein wenig größer, damit der Kunde sehen kann, dass er es auch breit füllen kann. Dann haben wir einen anderen Einzelhändler mit dieser Farbe nackt unter der einen. Alles klar, dass wir uns gruppieren und es eine Delegation nennen können . Und dann erstellen Sie eine weitere Navigation. Ja, so. Und unter der rechten Seite. Es gab auch eine kleine gescrollt nach unten. In Ordnung, zwei Schieberegler, kein Rot. Und jetzt werden wir auf der linken Seite erstellen. Hat Text und machen entscheidet, um die größte Wie dies, Ich denke und auch schaffen die erhabene Holen Sie sich zurück zu Ihren Wurzeln. Ordnung, da wieder Lebensgröße und zwei sollten klein sein, aber kleiner und auch nicht und ich war normal. Ja, das sieht gut aus. Dann erstellen wir die aktive Navigation, die der Kunde auf welchen Seiten sieht. Jetzt implementiere ich das erste Produktbild. Ich habe sie bereits vorbereitet, schieben Sie es wieder und ändern Sie es so. In Ordnung? Ja, so. Dann erschaffen wir Wir werden unter der rechten Seite die große Überschrift, die es Drill nennt. Auch gereizt und zersplittert. Jetzt fügen wir ein weiteres erhabenes auf der rechten Seite hinzu. Justin Beispiel, das nimmt Sie verwenden können Es gab die anderen Juden Bild und dann machen es ein wenig größer. Also denke ich so. Ja, das ist der Entwurf. Nun, wie Sie sehen können, haben wir einen großen Schieberegler für den Kunden. Wir haben die Navigation. Wir haben zwei Produkte. Haben Sie einige detaillierte Beschreibungen. Wir haben die großen gebunden an und auch die Produkte Indien. In der nächsten Lektion werden wir Animationen für dieses Design erstellen. So sehen Sie die nächste Lektion von 4. Introduction: Hallo und willkommen zurück in meiner Klasse In dieser Lektion werden wir uns die Animationen ansehen. Ich habe bereits pro Brot ein Design für Sie. Was wir gemeinsam schaffen werden. Wie Sie sehen können, summierte ich den Auslöser auf den Titel. Wenn der Kunde also auf alle klickt, wird er die Animation sehen. Werfen wir einen Blick darauf. Sie können die Vorschau immer aus Ihrer Animation sehen, wenn Sie hier auf den Wiedergabe-Button rechts oben klicken . In Ordnung. Jetzt, wenn ich auf alle klicke, können Sie den Titel Fates in der Mitte sehen. Aus der Seite und Lächeln Detailtext verblasst von der Schaltfläche aus der Seite. Jetzt werden wir diese Animation erstellen. Ich habe nur alles von der Kunst gelogen, aber weil wir jetzt zusammen entwerfen und ja, Ich wähle das Gerät iPhone X. Ich beginne mit der Schaffung re tunggal wie diese und füllen Sie es mit ah, hex Code F sieben. Dann erstelle ich eine andere re Verwirrung, etwas Design-Optionen, die wir auch jeden Kumpel auf dort. Ich habe den Sechskantcode vom Auto genommen. Oh, ich habe in der Vorschau so verwendet A. Es ist ein bisschen kleiner. Jetzt beginnen wir mit Text hier. Ich werde einen Textblock mit Hallo erstellen. Dann wählen wir die Größe. Ich würde 25 Pixel wählen und die Farbe wird nicht schwarz sein, aber ah, ein bisschen dunkler wie diese. Und wie wir wissen, reagiert das nicht. Und ich habe es in die Mitte gesetzt. Und doch machen sie mit jedem einen weiteren Textblock. Und hier wähle ich die Fondsfamilie schnell und mache sie kahl. Alles klar, dann mache ich es etwas größer. Ja, so glaube ich. In Ordnung. Auch in der Mitte, abseits der Seite, so. Und ja, okay. Um das coole Aussehen aus dem Hintergrundbild im Text zu machen, gehen wir auf Füllungen und dort können Sie zwischen Phil Wächtern wählen. Dann können Sie auch Ihr Bild hier trinken. Ich würde es tun Jetzt ziehst du es einfach runter. Und jetzt sehen Sie, es ist da im Tutorial, Ich wähle die Mo-Kachel und skaliere sie ein wenig nach unten, so dass wir den Titel wieder lesen können, dann einen weiteren Text. Haben Sie einen tollen Tag. Oh, ich hoffe, ihr werdet jetzt alle einen tollen Tag haben. Wir skalieren es einfach auf alles. 18 Pixel sind genug und auch zentriert. Es ist angekommen. Texas Nein fertig. Ich habe alles in die Gruppe gelegt und nenne es Titel. Dann werden wir die Beschreibung unten erstellen, nach links ausrichten, ein wenig mehr Platz machen. Jetzt ist das erste Design, und jetzt werde ich Ihnen zeigen, wie wir die Animation replizieren können. Die Kunst gegossen in 2. 1 Alles klar, wir haben das Design erstellt, und jetzt werden wir die Animation erstellen. Zuerst. Wichtige Informationen. Envision Studio arbeiten mit unseren Ports für Animationen. So können Sie nicht nur einen Außenborder haben und ihr jedes Tier machen. Das wird nicht funktionieren. Ich ändere einfach die Größe des Titels, so dass Sie sehen können, wie die Animation sein wird. Arbeitstitel. Und jetzt habe ich den Titel auf die zweite Art Board ausgelöst. Und jetzt, wenn ich auf den Play-Button klicke und auf den Auslöser klicke, wird jeder, den du siehst, die Größe des Spaßs verändert. Und so funktionieren die Animationen im Studio im Grunde. Und wenn Sie etwas auf der zweiten Art Board ändern, wird das erste Art Board auf die 2. animiert 1 Was ist auch wichtig? Sie müssen die gleichen Gruppennamen haben, damit er weiß, dass dies beide zusammen ist und er die Größe auf die 2. 1 ändern kann Alles in Ordnung, lasst uns mit der realen Animation beginnen. Also in meiner Rezension das Titelfeld, Waas und die Zentren. Also zentrieren wir es in der zweiten Diese waas etwas höher und kleiner und dieser Titel war nicht da. Also müssen Sie es hier sagen und machen Sie das Gegenteil e off. Nein. Also, wenn wir auslösen, dann kommt es von unten nach oben und sagt, es ist mit Upper City drin. Dann haben wir die Titel geändert. Dieser eine Waas alle so ein bisschen kleiner, denke ich noch und ich werde dir einen weiteren Bach-Tipp von mir zeigen. Sie können bessere Animationen hinzufügen. Sie erstellen re Verwirrung und füllen Sie es mit nichts. Und dann werden Sie es dem Erhabenen hinzufügen und eine weitere Maske zu diesem engen wie diese erstellen. Jetzt Sie bei einem anderen Titel, der auf dem zweiten Arch Board sein wird, und wir müssen es machen, ist in der Lage. Und wenn wir auf alle klicken, wird es geändert. Äh, beide Masken auf der anderen Seite. Bert, lass uns eine Gruppe daraus machen. Ich nenne es Untertitel und veraltete IDs für die andere, dass wir das verlassen können und das große geändert haben. Haben Sie einen tollen Tag nach oben und Sie sind cool Machen Sie es in der Mitte von der Ebene und gehen unter Animation und fügte die Timeline hinzu, so dass wir Lubin Look machen können, Howard wird aussehen, lassen Sie es ein wenig länger machen, damit Sie es sehen können. Es ist nicht so perfekt jetzt, Aber im ersten Teil die obere Stadt aus dem Ihre cool muss auch bei Null sein. Und hier das zweite auch auf Null. Also lassen Sie uns und nicht einen Blick darauf. Alles klar, das sieht jetzt besser aus, so dass es so funktionieren Animationen. Du siehst, wie sie im zweiten Teil verblassen, siehst du , wie der Text in cool verblasst und ja, ich denke, du musst mit dem Animationen, um in die Animation zu gelangen Im nächsten Teil werden wir die Animation für die emotionale Welt erstellen und sehen uns in der nächsten Lektion von 5. Animation in Emotion World: alle und willkommen zurück zum Muskulatur-Klasse. Und diese letzte Lektion werden wir die Animationen zu diesem Design erstellen. Ich zeige Ihnen ein paar Tipps für Sie. Verbinden Sie mehr Leben in Ihrem Design, wie Sie Ihr Design aussehen Qualität hoch und teuer. Wie sich der Kunde mit diesem Design verbindet. Und doch denke ich, lasst uns anfangen. Zuerst werden wir den Schieberegler erstellen. Wenn der Kunde also auf diese Leiter klickt, bekommt er ein anderes Bild und alles rund um das Design wird sich ändern. Und doch, zuerst haben Sie für sich selbst, um sicherzustellen, was Sie wollen, um Hass zu präsentieren, was Sie wollen jedem gemacht, was der Hingucker sein wird. Was kann der Kunde die Socken herausbringen, wie Chairman sagen würde. Und ja, ich denke, zuerst und begann mit jeder Paarung dieser Produkte, wir können auf einen Auslöser, dass, wenn die Kozma klickt auf den nächsten Schieberegler, diese Produkte verblasst. Wir konnten sie nicht so machen, und in der anderen werden sie verblasst. Werfen wir einen Blick darauf, wenn wir Zehe ausgelöste Schieberegler wollen. Also, wenn der kosmische auf das Bild klickt, geht er zum anderen Außenborder, indem er darauf klickt. Dann haben wir die Timeline hinzugefügt, um zu sehen, ob es Arbeit ist . Und doch, wie Sie jetzt sehen können, werden die Produkte verblassen. Dann wollen wir das Bild und die Titel ändern. Ankunft möchte die Animation auf dem Titelfeld erstellen. Wir werden ein weiteres Chaos schaffen gerne ohne jede Farbe wieder verwirren und Maske machen. Und wir brauchen einen anderen Titel. Brutalität erschossen. Machen Sie es ein bisschen größer. Keine Maske muss größer sein. Jetzt müssen wir diesen Teil replizieren und ihn in die andere Tafel wie folgt setzen , damit wir den ersten Titel löschen und jetzt auf der Oberseite setzen und es gegenüber Null setzen können. Und jetzt können wir jetzt militärischen Auslöser. Außerdem legen wir es in den Boden. Also, wenn der Kunde geht auf den Schalter, kommt dies von der Taste und zu einem wird nach oben gehen. So wird es eine kleine Dia-Effekte, um eine Kapazität Null zu machen und zog l normal uns. Es sollte in Ordnung sein, jetzt können wir die Zeitleiste wieder ändern. Und schauen Sie, wie die Animation funktionieren wird. Es gibt kein Schicksal, weil wir den Titel geändert haben, oder? Nicht auf den richtigen Namen. Wir müssen es mit dem gleichen Namen machen, wie wir es kopiert haben. So stellen Sie sich vor, Studio kann sie beide verbinden, und Nase ist das gleiche Element. Und dann kann er es verblassen und, wie Sie sehen können, kann es jetzt wieder schleifen und es ein wenig kleiner machen. Und jetzt können Sie sehen, die Animation gut geht nach oben und die zweite kommt von unten. In Ordnung, jetzt können wir den Schieberegler ändern, mit einem anderen Bild füllen und jetzt können wir uns die Animation ansehen. Ja, das Bild verblasst nur, also sieht es schon cool aus, aber wir können es ein bisschen besser machen, das Bild zu machen. Auch animieren wir müssen beide Füllungen Indian einfügen die Wieder Ausschreibung und ich werde es zweite Folie nennen . Und auch brauchen wir die Sekunden, die auf der ersten Art Board gelogen wurden. Jetzt können wir die Größe des Bildes ändern und machen es nicht auf der linken Seite und veränderte Kapazität auf Null und unter der ersten Wieder Gewirr Wir Ja, wir müssen es dort machen Und dann haben wir diese Größe von rechts geändert auch Zehe Deckkraft ändern . Und jetzt können wir einen Blick darauf werfen. In Ordnung. Nichts hat sich geändert, weil ich glaube, wir brauchen eine Verbindung. Legen Sie uns. Okay, jetzt lösche ich die eine Emotion und wieder daran, denn wenn du etwas änderst, könnte es sein, dass er nicht den Auslöser macht. Also nein, sieh mal an. Und doch, wie Sie sehen können, macht es kleine Stücke, die sind, wie Sie sehen können, es verblasst jetzt und sieht wirklich gut aus. Der eine Punkt, was ist ein wenig jetzt, wenn wir, wenn wir den Schnitt geändert, die Bilder. Sehen Sie, das zweite Bild verblasst mit dem Text, so dass es ein bisschen wie ein Fehler aussieht. Also reparieren wir sie jetzt. Also, um die Animation auf diesem leichter zu machen, besser müssen wieder verwirren und Maske wie diese machen. Wir erstellen die Maske. Wir müssen das Wieder Gewirr von ein wenig kleiner wie diese machen, Ich denke auf unterdimensioniert auch. Ja, und ich kopiere es und füge es darauf ein. Jetzt können wir einen weiteren Blick auf die Animation nehmen und jetzt können Sie sehen, wie die Animation ist nur in der Wieder Gewirr, aber wir haben vergessen, es auszufüllen, damit wir nicht sehen. Wir wollen die Farbe nicht sehen. Und jetzt wieder, und jetzt verblasst es. Großartig. In Ordnung jetzt haben wir die Animation für den Text erstellt. Sie müssen Textzeilen und ein Mex krank und auch hier zu Textzeilen und einer Maske. Nun werfen wir einen Blick auf es neu jetzt lösen die Textänderung. Ordnung, lasst uns diese winzige Animation ein bisschen weich machen, oder das machen wir weiter und kopieren sie einfach in die Sekunde. Pace es auf die erste, und dann haben wir die erste kopiert. Ist es auch Tudor zuerst? Jetzt können wir es einfach ein wenig auf den Boden und die entgegengesetzte ID Null und die zweite auch ein wenig unter unten und auch unsere Vergangenheit Null machen. Jetzt können wir es uns ansehen und sie haben sich verändert. Sind wir schaffen eine andere Wieder Gewirr und nicht eine Maske für die Bullen? Jetzt hat kein Kopieren Tempo wieder zu verwirren, um den ersten Außenborder und jetzt legen Sie die eine das erste Zeichen auch auf dem Boden. Alles klar, Leute, wir sind jetzt fertig. Die Animation, die wir uns ansehen können. Wenn wir jetzt auf Slider Reloaded klicken und es erneut ansehen, können wir hochladen. Kennen Sie unser Projekt auf envision Studio Und da können wir auch und sonst die Präsentation anbringen. Herzlichen Glückwunsch zum Beenden dieser Klasse. Ich hoffe, Ihr Wissen und Ihren Workflow zur Verfügung gestellt. Danke, dass Sie diese Kosten gesehen haben.