Storyboards für UI/UX mit Adobe XD

1. Einführung: Hey, Leute, heute wird überlegen, wie man Storyboards und Adobe X'd erstellt. Wenn Sie noch nie von Storyboards gehört haben, sind sie ein Werkzeug, das von der Filmindustrie verwendet wird, um Aufnahmen zu inszenieren und eine Geschichte zu erzählen. Sie sehen typischerweise in etwa so aus. Sie sind in wie Quadrate oder Rechtecke unterteilt, und das Thema der Szene wird in jeder Box und in der Regel einige Notizen am unteren Rand erzählt , um zu erklären, was passiert. Und das ist eigentlich ein sehr effektives Werkzeug, um in der Produktentwicklung zu verwenden, weil wir im Wesentlichen dasselbe tun. Wir erzählen der Interaktion eines Benutzers mit diesem Produkt, also ist dies ein hilfreiches Werkzeug, um Customer Journeys, User Flows und Dinge dieser Art zu visualisieren . Aber wenn ihr so etwas wie ich seid, ist es sehr schwierig, die Visuals für diese zu erstellen. Es fällt mir schwer, der schlimmste Skizzenkönner aller Zeiten. Habe es schwer, diese rechtzeitig rauszubekommen. Das ist, was wir heute übergehen werden, ist, wie man ein Storyboard für die Produktentwicklung macht , aber wirklich schnell mit diesem Plug in, aber aufgerufen auf Draw. Es ist wirklich cool. Ihr solltet es auf jeden Fall überprüfen und es bitte herunterladen, um diese Klasse zu beenden. Aber dies ist ein Beispiel für die Art von schnellen Animationen und Storyboards, die Sie mit ihm zusammenstellen können . Und Sie sehen, es bringt wirklich alles sehr schnell auf eine sehr hohe Qualität, und das ist es, was wir wollen. Wir wollen den Menschen schnell Ideen über unsere Nutzer vermitteln, darum geht es in dieser Klasse und lasst uns loslegen. 2. Erstellen des Storyboards: , damit wir mit dem Öffnen von Adobe X T beginnen und wir können einfach gehen. Webb, 1920 von 10 80 ist eine neue Datei. Der Grund dafür ist, dass dieses Seitenverhältnis gut für Präsentationen ist. Also, wenn Sie jemals Ihr Storyboard erstellen und es teilen möchten, ist es wirklich einfach, dies mit diesem Seitenverhältnis zu tun. Also das erste, was zu überprüfen. nur sicher, dass ihr das unter dem Stecker habt. Sie können einfach gehen erscheinen, klicken Sie auf AB und suchen Sie dann unter aus. Stellen Sie also sicher, dass dies installiert ist, bevor wir anfangen. Das erste, was zu beachten ist, ist, dass ich eigentlich nie einfach in das Programm springen, um ein Storyboard zu starten , was ein wenig kontraintuitiv ist. Sie müssen immer Ihr Problem und eine Art Ziel Ihres Storyboards und was passiert. Also mache ich das normalerweise entweder auf Stift und Papier. Öffnen Sie einfach eine kurze Notizen und legen Sie einfach fest, welche Geschichte ich im Storyboard erzählen möchte . Und dafür wird man nur den Amazon-Versandprozess in Zukunft visualisieren. Und ich habe irgendwie eine kurze Aufschlüsselung der Szenen, die ich stattfinden möchte, und normalerweise kopiere ich diese einfach und füge sie in meine Datei ein. Also haben Sie das immer als Referenz, weil es ziemlich einfach ist, manchmal zu vergessen und einen Schritt zu verpassen , der zurückgehen und einige Sachen wiederholen muss. Wir werden also unseren ersten Schritt hier betrachten, und dieser Benutzer wählt Produkte online aus. Das wird also wie eine Online-Shopping-Art von Sache sein, so dass wir auf dro öffnen können, und Sie können entweder von dort oder in diesem Plug INS Panel gehen. So oder so macht Spaß. Dann wirst du es sehen. Hier haben wir eine Reihe von Illustrationen, die alle sehr, sehr gut sind , und sie sind alle Vektoren, so dass Sie sie bearbeiten und die Farben ändern können. Es gibt tatsächlich eine ziemlich anständige Menge zu. Also, wenn wir einkaufen, so gibt es eine Reihe von Optionen, die wir hier bekommen und lassen Sie uns diese eine der Online-Shopping ein nehmen und so Probleme, die Sie klicken Sie darauf. Es wird automatisch kopiert und wir gehen hier zurück und dann können wir V befehlen, und dann haben wir einen ersten Frame eines Storyboards. Und was großartig an diesen ist, dass sie gruppiert sind. Also, wenn wir uns Gruppe, können Sie sehen, alles ist jetzt in einem Individuum wie gefüllte Vektoren aufgeschlüsselt. Das ist eigentlich wirklich cool, dass Sie ihm so zustimmen können, weil es Ihnen erlaubt, Dinge zu bewegen und Größen wirklich leicht zu ändern, was hilfreich ist, wenn wir Animationen oder irgendetwas in der Zukunft hinzufügen möchten. Aber das ist eigentlich eine wunderbare Szene für Benutzer, die ein Online-Produkt auswählen. Also unsere ersten Szenen irgendwie getan, so war es wirklich so schnell. Also, was wir für die nächste tun können, ist, einfach kopieren und einfügen, und eins jetzt, beachten Sie, dass alles in der Gruppe ist. Nun, ich werde die gleiche Frau hier behalten, weil wir irgendwie dieselbe Person in jedem Frame haben wollen , weil die Storyboards über einen bestimmten Benutzer, also ist es in der Regel gute Praxis, die gleiche Person hier zu behalten. Also der nächste, den wir tun müssen, bestätigt und kauft. Also hat sie ihre Kleidung online ausgewählt, und jetzt wird sie sicherstellen, dass es an der richtigen Stelle ist, damit wir versuchen können, mein okay zu bestätigen, das funktioniert. Eigentlich sieht sie ziemlich ähnlich aus, also schnappen wir uns das und kopieren und einfügen es. Also stimmen wir dem zu, dass ich es ein wenig hinüberschieben werde. Ich werde die UN-Gruppe. Und obwohl diese Person aufgeregt ist und das eine nette Note ist, werde ich immer noch die gleiche Frau hier behalten. Also müssen wir klicken und jedes dieser Elemente löschen und Sie werden dies bemerken. Dieser Teil könnte ziemlich mühsam sein, weil es eine Reihe von Formen gibt, die hier los sind, so dass Sie einfach klicken und sehen können, ob Sie alle auf diese Weise greifen und dann versucht , so zu löschen . Und manchmal funktioniert das. Sie müssen nur wirklich vorsichtig sein, was ausgewählt könnte noch am Ende große Teile des Story-Boards führen . Das ist eigentlich ein wenig zu vage, also werde ich das nach unten ziehen, um ein wenig kleiner zu machen und dann vielleicht vorbei und eine Sache zu tun, damit wir Prototyp verwenden können, um unser Storyboard zu sehen. Also vertraglich wir uns. Es gab Hap-Übergänge. Gut. Wenn wir also eine Vorschau darauf sehen, sieht es ziemlich funky aus. Die Größen sind nicht aufeinander abgestimmt. Ich sehe, wir bekommen hier ein bisschen Verzerrung auf der Seite. Wir wollen wirklich nicht, dass diese ganze Szene hier ist, damit wir diesen Hintergrund kopieren und einfügen können damit er ein wenig einheitlicher aussieht. Werde das hier los. Los geht's. Jetzt werden wir den gleichen Hintergrund haben, was ein netter Hauch von Konsistenz im Storyboard ist. Und dann können wir reingehen und das nach hinten schicken und die Größe dieses Telefons ändern, damit es ein wenig besser ist. Also, als wir das in gebracht haben, sehen Sie, der Radius ist, was sich geändert hat, um nur sicher zu sein, dass die Re-Bearbeitung. Es gibt, wenn du eine Menge dieser Formen änderst und wir werden das jetzt wirklich größer machen , Großbritannien, das sieht gut aus. Es ist jetzt, wenn sie reingehen und in einem schönen zweiten Schritt eine Vorschau sehen, werde ich das tatsächlich ein wenig überstoßen. Es ist also ein wenig zentrierter auf die ursprüngliche Animation. Wir haben ein Stück verloren. Es gibt so, es ist immer nur sehr vorsichtig sein, kleine Stücke, die Sie auslassen könnten. Es ist super einfach zu tun, aber es ist immer noch sehr schön, alle Visa-Vektoren zu haben, und ich werde Ihnen später zeigen, warum das so ist. Okay, das sind also die ersten 2 Frames unseres Storyboards. Wir haben die Online-Kaufbestätigung und der nächste Schritt, den wir haben werden, ist die Bestellung bearbeitet. Also werden wir kopieren und einfügen. Ich gehe in und springe zum Vollbild, um Sie normalerweise nicht gerne im Vollbildmodus zu arbeiten. Ich mag es, viel zwischen den Fenstern zu springen. Aber um des Videos willen werde ich mich ändern. Also wird dieser löschen. Wir werden sie auch löschen, weil sie wahrscheinlich nicht in den nächsten Frame involviert sein wird, weil die Reihenfolge bearbeitet wird . Also ist es nicht etwas, das sie offen sehen und wieder zeichnen wird, und dann könnten wir vielleicht Pakete machen, Äh, das sieht gut aus. Es ist eine gute Kopie und Paste , und wir ernten wieder, weil wir diesen Kerl nicht haben werden, da ist die Zukunft von Amazons Versandservice. Also glaube ich nicht, dass wir einen Kerl haben, der Dinge manuell macht. Was ich dir eigentlich wollte, ist, dass wir einen Ertrinken haben. Tun Sie es. Mal sehen, ob Jeff Bezos das tatsächlich wahr wird. Hoffentlich wird aber ein Storyboard ausländische machen, wenn er will. Du gehst also zurück zu unter allem, was ich glaube, ich habe einen gesehen. Wir können den Raum tauschen. Okay, es gibt eine Menge, die Ihnen auffällt. Das ist ziemlich große Flexibilität mit diesem Zeug, wie in der Lage zu sein, zufällig wie ein Haufen Ertränken und ein paar Illustrationen dort für etwas. Hübsche Nische. Dies ist wirklich ein Rebus Plug in, und es ist einer meiner Favoriten in Adobe überschreiten. Also, Rex, wir werden das übergehen und wurden das nach oben geschleppt, weil ich wirklich nur aus ihm ertrinken will . Und ich will es nicht von all diesen gefüllten Formen hier unten vermischen. Also werden wir das löschen und sicherstellen, dass wir alle gefüllten Formen des Hintergrunds erhalten. Ich werde das hier gruppieren und es dann runterbringen. Die meisten leben das etwas runter. Ich glaube, unser Vorstand hat sich bewegt. Verfolgen Sie das wieder nach unten. Okay, also gehen wir ständig zum nächsten Spiel im Raubtipp-Übergang und spielen. Dann haben wir den Bestellprozess dort, und unser nächster Schritt ist die Bestellung versandt. So gut, eigentlich, gut. Und kopieren und fügen Sie diese Art Board, die letzte Illustration, die wir hatten, wird auch einen ziemlich guten Job für die Bestellung versandt machen, also werden wir wieder ertrinken und da gehen wir. Ich habe tatsächlich bis zum Essen diesen Kerl Copy and Paste hinein bekommen. Das ist fantastisch. Wir werden unseren Ertrunkenen durch die Luft fliegen, nachdem er verarbeitet wird. Was wir tun könnten, ist in der Gruppe das und wieder, wir werden diese Zahl hier löschen. Ich werde eine Weile dauern, weil ich mir vorstellen kann, dass da hinten viele Vektoren sind. Wir behalten den Schatten. Also die Sache an diesem, auch, es ist einfach so schön Zehe haben Illustrationen von dieser Qualität so leicht zugänglich. Viele Male müssen dafür bezahlen, oder sie sind nicht kostenlos für den Gebrauch. Sie können sie für Bildung überlassen, Dinge dieser Natur. Aber das ist diese sind eigentlich kostenlos für den Kunden und den persönlichen Gebrauch. Ich kann einfach nicht genug betonen, wie cool das ist zu haben. Dies ist ein Plug in der Lage sein, Dinge aus zu ziehen, weil sie wirklich erstaunliche Qualität sind. Wenn du es auch mal brauchst. Sie können auch gehen und ändern Sie die Farben, die wir wollten, wie eine andere Stadt Flucht oder so. So können Sie je nach dem, wofür Sie entwerfen, auf bestimmte Marken zuschneiden. Ähm, aber wir bleiben vorerst bei der Purpur. Ok. Gut. Und verbinden Sie diesen nächsten Frame unseres Storyboards. Ich habe einen hübschen Typ Jag, Betrüger. Nun, das sieht gut aus. Und dann sehen wir es noch einmal, Mann und Ertrunken. Ich gehe durch die Luft. Sieht gut aus. Was ist dann unser letzter Schritt? Erfolgreich geliefert. Okay, Su eine Kopie und fügen Sie das überall, tatsächlich. Mal sehen. Lassen Sie uns gehen Suchen Sie nach einer anderen Illustration würde Erfolg verwenden. Vielleicht. Eigentlich ist dieser ziemlich gut. Also, ähm, aber sie ist etwas anders als unsere ursprüngliche Schauspielerin hier drüben. Also, was benutzen Sie? Wir könnten hier einfach kopieren und einfügen, zurück. Habe es einfach. Es ist konsequent. Ich mag diese andere Illustration. Aber es ist immer besser, den gleichen Protagonisten im Schoen zu behalten. Was wir tun können, ist, einige dieser Hintergründe loszuwerden und verwenden Sie alle die gleichen Elemente, die in unserem letzten Schuss waren. Du merkst es. Manchmal haben Sie, wie, weiße Vektoren oder Dinge mit Kapazität. Es ist nur eine gute Übung, um sicherzustellen, dass diese Jungs entfernt werden. Spezies ertrunken, so dass die Drohne es abwirft. Aber in aller Wirklichkeit würde der Traum ihn nicht einfach abgeben. Sie würde eine Art Telefonausweis bekommen, um zu sehen, ob ich dieses kleine bisschen schnappen kann, damit wir wieder rüber gehen können und was wir einfach dasselbe Telefon wiederverwenden können, um zu kopieren, einzufügen, das zu verfolgen und dann werden wir das je nach Machen Sie Platz für unser Telefon. Kann ich darauf hinweisen, was an ihrem Ende vor sich geht, damit wir nicht nur einen zufälligen Ertrinkenden haben, der vorerst auftaucht . Vernunft. Und wir können verstehen, was sie aufpasst, und dann verbinden wir das. Alles ist verbunden. Also lasst uns durchblättern. Ich werde es mit der Front verbinden, damit wir es zweimal durchmachen können. So haben wir Online-Shopping, statt, ausgewählte Artikel, Bestätigung. Wir haben unsere Verpackung verarbeitet, die Drohne liefert, und dann bekommen wir hier am Ende eine Bestätigung. Und eine Sache, die ich Ihnen gerne antue, weil wir diese Notizen haben, ist, einfach einige Anmerkungen unten zu verwenden, genau wie das normale Filmstoryboard, um wirklich nach Hause zu fahren, was mit Ihrem Punkttext vor sich geht , damit ich es so ausdrücken könnte. Es ist auch schön, wenn Sie haben, wie eine Persona, die für Sie bereits erstellt wurde oder etwas, das Sie den Namen ändern können was auch immer der Name der Persona ist, fügen Sie einfach ein wenig Glaubwürdigkeit hinzu und gehen Sie dann einfach durch und an den Notizen hier Zeitraum. Das Gebiet hat sie eine Sekunde lang nicht dorthin geschickt. Es ist immer gut, diese Notizen zu haben, wenn Sie das Storyboard nicht präsentieren, nur um sicherzustellen, dass jeder versteht, was los ist. Denn auch wenn dies offensichtlich erscheinen mag, können einige Leute einige Fehlinterpretationen über die Schritte wie das kleine Stück dort tatsächlich diese Pflanzen wieder haben, werden wir ein wenig mehr in dieser Szene geschehen. Weißt du, diese Szene sieht etwas kahl aus, verglichen mit einigen dieser anderen. In der Regel haben sie diese, wie Pflanzen in ihnen. Das ist eine wirklich ziemlich schnelle Lösung. Begrüßen Sie nicht, dass mehr Krabben es hier unten zeigen. Behalten Sie einfach die gleiche Art von visuellem Stil. Ist das teilweise? Was diese so großartig macht, ist, dass sie einen ziemlich ausgeprägten Stil haben, also werden wir versuchen, das zu ehren, indem wir dies auch in diesen Elementen verwenden, falls das es mit ihren Notizen sehen würde. Okay, das ist also unser erstes Erstochen, ein Storyboard und waren etwas, das man tun kann und 10 bis 15 Minuten. Das ist eigentlich sehr gute Qualität und das Beste daran. Es gibt kein Skizzieren und nicht an künstlerischen Fähigkeiten teilnehmen beteiligt, aber es ist eigentlich eine sehr hohe Qualität, und das nächste, was wir beginnen können, ist, wenn Sie Zeit haben und es ist ein fertiges Storyboard, können Sie bekommen in Putting Animationen und ist ein Bogen und dann verwenden Sie sie für, wie, einen Brennpunkt und Präsentationen, das ist ziemlich einfach, und das ist die Sache wird beginnen, als nächstes zu tun. 3. Animieren des Storyboard I: Okay, Sobald wir unser Storyboard abgeschlossen haben, ist dies ein völlig optionaler nächster Schritt. Aber wir können tatsächlich einige Animationen zwischen diesen Frames hinzufügen, um die Qualität wirklich zu erhöhen. Und ich würde immer vorschlagen, das zu tun, wenn du dir ziemlich sicher bist, was dein Story Board angeht. Und es wurde abgeschlossen, weil Sie nicht die Mühe machen wollen, es zu animieren nur damit es sich in ein oder zwei Tagen ändern kann. Aber was wir tun können, ist ein wenig Animation zu jedem Frame hinzuzufügen. Es ist wirklich machen es ein wenig mehr visuell interessant durch das, was wir tun können, ist dies zuerst unser Board und duplizieren Sie es kopieren und einfügen, dass über und ziehen Sie ihn zurück auf etwa die gleiche Stelle. Wenn ich Dinge für dich animiere, mag ich Teoh normalerweise, gib mir viel Platz, also mache ich diese anderen Kunsttafeln. Nun, vielleicht haben sie sogar runter . Okay, also ist alles schon gruppiert, was gut ist. Das ist irgendwie das, was wir wollen Dio. Das erste, was wir tun werden, ist, dass wir diese Häkchen im nächsten Frame auftauchen, genau wie sie sie sie tatsächlich auswählt, damit wir reingehen und diese auswählen können, und wir wollen nicht, dass er einfach ein- und ausblendet. könnten wir ziemlich leicht machen. Nun, eigentlich, um ein wenig zu skalieren, also werden wir die Größe herunterlassen die Kapazität zum Ausschalten und dann diesmal auf unserem Prototyp, war gut in diesem und den meisten ausgewählten Autofeind. Ich glaube, dass er 0,3 rauskommt. Es ist in Ordnung. Wir werden spielen. Okay, das ist ziemlich subtil, aber es ist ein guter erster Schritt. Ich denke, das nächste, was wir hier tun können, ist, dass diese Kleidung auch die Farbe ändert, also können wir reingehen und vielleicht eine Reihe von Vektoren hier auswählen. Was ich gerne mache, ist, zwei Auswahlen zu treffen, also wähle zuerst alles hier aus und komm dann wieder runter. Und so haben wir nur das, was wir animieren wollen. Ausgewählt, was Dio wird. Es ist was? Lassen Sie die A Pass ity fallen. Wir werden es den ganzen Weg der Stadt fallen lassen, lassen, und dann machen wir das Gleiche hier kommen, greifen alle Elemente, das Hemd, das wir packen, etwas, das wahr ist. Versuchen wir es noch einmal. Kommen Sie zurück durch ihre angefangen und wir haben nur das Hemd und Sie das gleiche für diesen unteren Rock, den sie ausgewählt hat. Es ist ein wenig schmerzhaft, es auf diese Weise zu tun, aber es ist immer noch ziemlich schnell, wenn es darum geht, diese Storyboards Audio animieren zu können. Es fügt wirklich hinzu, in der Qualität, es auf diese Weise zu tun, so werden wir klicken. Dann bringen wir das zum Auftauchen. Da sind die Gegenstände, die sie ausgewählt hat. Keine Klasse das. Sagen wir also den nächsten Rahmen davon. Wir wollen, dass dieser Laden verschwindet, weil sie eine Bestätigung auf unserem Handy bekommt. Also, was wir tun können, ist nur das nach unten zu skalieren, stellen Sie sicher, dass alle diese Elemente ausgewählt wurden. Natürlich habe ich einige vergessen, weil es so viele gibt, ähm, mal sehen, was wir tun werden, ist, dass wir das herunterskalieren, die Kapazität ausschalten können , und dann werden wir hier schützen, klopfen Sie auf unseren Feind. Das ist in Ordnung. Sehen Sie, wie das aussieht, und dann wollen wir an seiner Stelle auftauchen, damit wir eine weitere Kopie und Einfügen dieses Kunsttafels machen . Aber dieser hier oben, nun, nun, wählen Sie tatsächlich alle diese Telefonelemente wieder aus. Wir bekommen wieder eine kleine Verzerrung, aber wegen des automatisierten Hauptteils ist es in Ordnung. Wir bekommen auch ein bisschen von dieser Pflanze. Es ist ein schöner Plan, aber wir werden ihn loswerden. Also, was wir hier tun werden, ist, dass wir eigentlich nur Zeit dazu gehen und dann die meisten zu dieser Zeit 20 und werden keine Dauer von Null auch tun. Also wird es sofort in den Bildschirm übergehen. Und die Sache ist, du solltest es nicht wirklich bemerken. Also, wenn wir tun, das war wie diese geboren gute Zeit Auto Feind. Und dann machen wir das bei 0,3 aus, genau wie die anderen Bildschirme. Also, was das uns geben sollte, die verschwinden würde und dann gefunden werden, erscheint an seiner Stelle. Dann schauen wir es wieder von oben an. Gosse-Elemente kommen rein, sie verschwinden. Sie bekommt diese Bestätigung und Sie bemerken, dass sich der technische Änderungstext ändert, zu dem nett ist. Dann arbeiten wir am nächsten Frame unseres Storyboards, das ist die Drohne, die hereinkommt. Und wenn Sie sich vorstellen können, werden wir diese Drohne definitiv fliegen lassen, weil das großartig ist. Also sieh mal, das wäre eine völlig andere Änderung des Storyboards, also haben wir sie nicht dabei, und wir werden einen anderen Hintergrund haben. Also gibt es keinen Grund, etwas Verrücktes zu machen. Jetzt lenken wir das ab. Nun, eigentlich, nur Sie oben und dann Übergang hier ist in Ordnung, nur weil wir nichts von dort nach hier animieren . Aber wir haben unsere Drohnengruppe Träne. Also, was wird eigentlich diese Kopie und fügen Sie diese Kunsttafel über, dann entgründet diese und Traube diese Drohne wieder? Also haben wir nur den Ertrinken dort und eine kurze Notiz, weil ich unde gruppiert und dann neu gruppiert hier. Ist es eigentlich ein anderes? Dies ist eigentlich ein anderer Gruppenname. Das ist also grün 14. Und dann, wenn ich hierher zurückgehe, ist das Gruppe 15, also wird es nicht wirklich automatisch zwischen diesen animieren. Also, was ich tun muss, ist, das einfach wieder zu löschen und dann zu kopieren und einzufügen. Das ist eine ziemlich einfache Sache zu vergessen, besonders wenn Sie bemerken, dass wir Hunderte und Hunderte von Pfaden haben und Sie können definitiv eine Menge von Gruppen haben, die auf diese Weise animieren. Es ist also nur eine gute Übung, um sicherzustellen, dass das das gleiche Zeug auf jedem unserer Bretter ist. Also werden wir diesen Raum tatsächlich zum Fliegen bringen, also skalieren wir ihn, schalten die Kapazität aus und wir ziehen den Prototyp über animieren um, er ist raus. Das ist in Ordnung hier, also spielen wir das. Das war eigentlich ein bisschen zu schnell. Amazon hat einen Job dort zu gut gemacht, also müssen wir wieder reingehen und lassen Sie uns Dio, wir werden versuchen, zweite aus, um zu sehen, wie das funktioniert. Das funktioniert für mich. Sie könnten hineingehen und mit einigen der Lockerung spielen und sehen, was am besten aussieht. Wir versuchen Saison und jetzt hier. Okay, ich denke, das wird gut für das, wofür wir es brauchen. Und dann kopieren und fügen wir das noch einmal ein. Und was wir wollen, ist, dass die Drohne das Paket abholt und damit zurückfliegt. Und wir skalieren ein wenig, weil er weiter in der Ferne kommt. Wir schalten die Kapazität wieder aus. Unser Feind ist drin und es ist in Ordnung. Wir werden sehen, wie das aussieht. Und lassen Sie uns alles von oben nehmen, nur um sicherzustellen, dass alles richtig verbunden ist und sie bekommen würden. Bisher sieht alles gut aus. Das nächste, woran wir arbeiten können, ist die Drohne dazu zu bringen, durch die Stadt zu fliegen 4. Animieren des Storyboard II und Exportieren: Okay, also für unseren nächsten Schritt, schwächen wir unser Paket, das geliefert wird. Ich übernehme das einfach und fange mit der nächsten Schiene an. Also haben wir immer noch unseren gleichen Ertrinken hier. Und was wir tun können, ist, dass wir ihn über die Skyline gehen können. Was? Ich werde nur sehen, wenn wir das hier löschen können, lassen Sie das Paket und kopieren Sie es einfach und fügen Sie es von der letzten gepanzerten. Nur ein wenig einfacher, es in diesem Frühjahr zu greifen, das ist, was Kopieren und Gesicht dieser Art und legen Sie es hier, und wir werden tatsächlich machen ihn den ganzen Weg über den Bildschirm zu gehen. Nur eine schnelle Jetzt werden wir eigentlich nicht automatisch animieren zwischen diesen beiden sind Boards. Wir werden nur einen Übergang machen. Und der Grund, warum man zählt, weil ich die gleiche Trommel kopiert und eingefügt habe. Es würde von dieser unsichtbaren Drohne, die wir hier haben, automatisch animieren wollen. Also nur eine kurze Notiz, dass das ein Übergang dort sein sollte. Lesen Sie mehr über. Ok. Also haben wir einen ertrinkenden Start auf dieser Seite, dann kopieren wir das und fügen es an Bord ein, und dann wollen wir ihn. Er wird sich ziemlich schnell bewegen. Es wird ihm eine kleine Neigung geben und er wird hierher fliegen. Es ist ziemlich enger. Kein Feind. Und er fliegt einen langen Weg. Also machen wir dir eine Sekunde und 1/2 hier. Keine Pflichten und ankündigen. Sehen Sie, wie das aussieht. Ehrfürchtig. Sieht ziemlich gut aus. in der ersten Spur ziemlich gut funktioniert. Dieses Buch war aus der Vorschau. Und dann das nächste, was wir tun können diesen Prototyp unsere Paketlieferung. So wollten wir enden. Also mache ich diese Kopie und füge das ein und schleppte uns hierher. Also wollen wir ertrinken, um wieder von oben rechts reinzukommen. Er bekommt weitere Wege, wird etwas kleiner machen, die Kapazität ausschalten, und wir werden uns verbinden. Diese beiden sind wieder Bretter, die keine automatische Animation verwenden. Nur damit wir keine ertrinkenden Aktionen bekommen, die hier passiert. Aber das erste, was wir wollen, ist eigentlich, dass die Telefonbenachrichtigung auftaucht. Also werden wir das nach unten skalieren und dann werden wir die Hartfaserplatte wieder aufspüren. Ich mache nur noch eine Kopie davon. Eigentlich werde ich tatsächlich dieses Ertrunkene von diesem Medium Art Board kopieren und einfügen, das ertrunken wir früher auf diesem einen hatten löschen . Dann animieren wir dies automatisch, um das Pop-up zu finden, weil sie eine Benachrichtigung erhält bevor sie erhält. Okay, das war komisch schlaff. Also werden wir dio ist nur das wahrscheinlich wieder 0,3 sein. Und wir wollten nur ausnützen. Schauen wir uns das noch einmal an. Okay, also erhält sie die Benachrichtigung, und dann wollen wir, dass unsere Drohne reinfliegt. So ziemlich eng, das letzte auf unserer intimen Und da es fliegt, wird ein zweites Jahr tun, sondern auch zu verwenden und und für Sie, dass und sie sind die Ertrunkenen liefert das Paket, und wir werden eine weitere Folie hinzufügen, nur um die Deutsche fliegen weg. Aber es wäre ziemlich genial, wenn sie gerade ein freies ertränkt mit jedem Paket. Also schnappen wir uns diesen Kerl und wir werden sie auf die gleiche Weise fliegen lassen, wie du reingekommen bist. Wir skalieren es ein wenig, schalten die Kapazität im Prototyp zwischen den beiden auf der Arena aus. Mayhew ist draußen. Wenn Sekunden feine Riesen hereinkommt, geht es und wer fertig war. Also wurde die Paketidentifikation gesendet, das Paket zugestellt wurde. Also zurück hier raus, nicht maximieren wird es schließen. Also lassen Sie uns es noch einmal von oben betrachten. Sie ist also immer noch X Produkte online. Ruft einen bestätigten Kauf ab. Paket wird verarbeitet. Paket wird geliefert. Es ist eine Benachrichtigung. Es wird immer abgelassen handlich Leaves sagte. Da gehen wir. Das war's für unser Storyboard. Und so ein paar Optionen, um dieses zu teilen. Sie könnten immer einfach zu jedem Frame einen Export gehen, und Sie erhalten zu wählen, welche wählen, wie Sie bei Web P und G I exportieren werden Weston Android Was ich mag. Haben Sie vermisst? Die Zeit ist tatsächlich mit einem Weblink teilen auf so teilen für die Überprüfung. Du kannst gehen. Wir nennen es Amazon Storyboard. Nun, das ist in Ordnung. Tolle Verbindung. Die Männer werden schnell, um diesen Link zu sehen, und so bekommen Sie tatsächlich hier ist die Option. Teilen Sie einfach einen Web-Prototyp Ihres Story-Boards, was auch wirklich hilfreich ist. Nur eine super einfache Möglichkeit, dies zu teilen und auch Menschen eine Chance zu bekommen, es mit all den Animationen zu betrachten , denn diese zeigen sich im Web-Browser als auch. Das ist also eine Möglichkeit, es zu teilen. Und wenn Sie jemals brauchen, um diese Art von Sache in eine Präsentation zu setzen, können Sie immer nur Vollbild gehen und dann nur Bildschirm aufnehmen. Und dann durch ein Video in der Präsentation gibt es ein paar verschiedene Optionen. Es gibt in der Regel schlank auf die gemeinsame Nutzung des Web-Prototyps. Es ist super einfach, einen Link um diese Art von Spaß zu senden, so dass es in Organisationen und so weitergehen kann . Aber das schließt sich ziemlich für dieses Tutorial ein. Bitte hinterlassen Sie Kommentare, wenn Sie Feedback und Danke haben.