Adobe Xd Animation - Komplette Anleitung von Icons zur Benutzeroberfläche

1. Kurs-Einführung: Sie zu animieren. Re weißes Design ist wichtig, weil es zeigt, dass Sie denken Prozess besser als nur ein statisches Bild, das Ihre Kunden animiertes Design zeigt, wird ihnen helfen, es besser zu verstehen und den Prozess dramatisch zu beschleunigen. Animieren in Adobe X'd ist einfach, weil die App kostenlos ist, einfach zu erlernen und alles in 12 Hallo gibt. Mein Name ist Alex und Discourse. Sie haben Unterschiede zwischen den Nationen gelernt, wie Zehe Symbole, Böden, Formulare, Textregler, Sharps Effekte animieren Böden, Formulare, Textregler, Textregler, und mehr als dieses Wissen anwenden, um Drahtrahmen bei Bildern zu planen, zu zeichnen und zu erstellen, -Symbole und Schatten. So erstellen Sie einen Entwurf. Verwenden Sie die Techniken, die Sie gelernt haben, um Prototypen zu erstellen. Teilen Sie die Arbeit mit Ihren Kunden, um Feedback zu erhalten und schließlich, wie Sie Ihre Assets exportieren. Für Entwickler ist dieser Kurs für alle gedacht, egal ob Sie gerade erst anfangen oder ein Profi sind, der nach zusätzlichen Tipps in Adobe X'd sucht . Ich hoffe, Sie sind bereit, Adobe X'd in fantastischen Animationsfunktionen zu lernen. Es hat zu bieten, und wir sehen uns in der Klasse 2. Kurseinführung: Hey, da. Und willkommen auf dem Kurs. Mein Name ist Alex, und in diesem Kurs erfahren Sie alles, was Sie über Animationen innerhalb von Adobe X'd wissen müssen, sowie wie Sie diese Animation mit Ihren Kunden und mit Ihren sozialen Medien teilen können . Was wir in diesem Kurs tun werden, ist, dass wir 60 verschiedene Videos mit 60 verschiedenen Effekten in acht verschiedenen Kategorien durchlaufen werden. Also gehen wir durch Symbole, Unterteile, Formulartexte, Formulartexte, Bildschieberegler, Diagramme, Effekte und andere Effekte, die Sie dann einfach auf unsere Design-Arbeit anwenden können. Nun, wie das alles aussieht, lassen Sie mich es Ihnen schnell zeigen. Also gehen wir durch Symbole gehen und Sie werden eine Eier defile separate Datei für jeden dieser verschiedenen acht Abschnitte erhalten . , Wie Sie hier sehen können,haben wir verschiedene Symbole, von einfacheren bis hin zu komplexeren Symbolen. Dann werden wir gehen und gehen zu verschiedenen Tasten, so werden wir durch grundlegende Tasten sowie aber Tasten und so eine gehen. Dann gehen wir durch Formulare. Von grundlegenden Anmeldeformularen wurden also zwei komplexere E-Mail-Formulare und so weiter einige Texteffekte von grundlegenden Zählereffekten bis hin zu einigen verschiedenen Effekten durchlaufen . Überlagerungen und so weiter gingen durch Bildschieberegler von einfachen Schiebereglern bis hin zu komplexeren. Mit mehr Bildern im Inneren, werden wir durch verschiedene Diagramme gehen und wie sie animieren sowie mit einigen verschiedenen Effekten. So von Lader, Zehen-Flipping-Effekte bis zum Ende der Zehen-Parallax-Effekte. Und schließlich gehen wir durch einen anderen Song. Große, sicher, verschiedene Schieberegler unterschiedlich, dass Bars, Bild, Pop-Upside-Menüs und jemand. Und schließlich werden wir durch unser Projekt kommen, wo Sie Fuß gehen, erhalten einen Designbrief. Wir werden ein paar Projekte durchlaufen. Exploration sowie einige Drahtrahmenzeichnungen wurden durch unsere Styleguide gehen , wie Sie erstellen können, warum es wichtig ist und was in den Styleguides enthalten ist . Dann entwerfen wir Drahtrahmen mit unseren rechten Papierrahmen als Referenz. Dann gehen wir weiter, um auf verschiedene Bilder, Schatten, verschiedene Farben zu entwerfen , um das Design Pop zu machen. Wie die Kunden gerne sagen, wir gehen und entwerfen verschiedene Menüs, Profilbildschirme und so weiter. Und schließlich werden wir zum Prototyp weitergehen, wo wir einige Animationen auf diese verschiedenen Designs anwenden würden mehrere Zustände von den gleichen Bildschirmen erstellen und verschiedene Effekte hinzufügen, die gehen , um unsere App zu machen entworfen wirklich interessant und wirklich modern aussehen sowie machen den Kunden leicht verstehen unser Design, Unsere Absicht hinter allem, was im Designprozess entworfen wird, sowie die Entwickler, die Fuß leicht verstehen, welche Effekte müssen sie später in der Kälte anwenden? Und wie sollten sie diese Effekte verwenden und wie sollten sie eine Schuldendateistruktur verwenden, die Sie für ihre Entwicklungszwecke erstellt haben. Also freue ich mich sehr, all diese Informationen mit Ihnen zu teilen. Ich hoffe wirklich, Sie innerhalb des Kurses zu sehen, und ich hoffe wirklich, dass Sie alles, was Sie in diesem Kurs gelernt haben, in Ihre eigene Zukunft anwenden werden. Du habe ich Arbeit entworfen, so dass ich dich in der Klasse sehen werde 3. Warum animieren: Hauptgrund waren animiert. Sind Sie klug, den Punkt zu unserem Betrachter zu bekommen, damit sie unser Konzept besser verstehen können , wenn Sie mit dem Kunden arbeiten, nur weil Sie es im Kopf haben? Wie sich einige Elemente bewegen und miteinander interagieren, bedeutet nicht, dass der Kunde dieses Design auf die gleiche Weise versteht, wie Sie es tun. Es ist einfacher für sie zu verstehen, wie die CD-Animationen statt nur statisches Bild, weil das ist, wie die App schließlich aussehen wird. Wenn Sie die Dateien an Entwickler senden,ist es einfacher für sie zu verstehen, was sie haben, um Zitate zu animieren, wenn sie die Referenzanimationen haben, anstatt zu denken, welche Animation gut auf welchem Wenn Sie die Dateien an Entwickler senden, ist es einfacher für sie zu verstehen, was sie haben, um Zitate zu animieren, wenn sie die Referenzanimationen haben , und welche Interaktion für welches Element besser ist. All dies beschleunigt den Prozess von Design in Adobe X'd, weil Sie in einem Schritt in der Lage sind Prototypfreigabe zu entwerfen, Feedback zu erhalten und schnell zu löschen, ohne externe APS oder andere Software zu verschmelzen 4. Verschiedene UI-Animationen: die meiste Zeit, wenn Sie Ihr Sie animieren y, werden Sie auf verschiedene Animationen stoßen. 1. 1 ist für die großen Elemente. Also für die Schieberegler, zum Beispiel, und wenn wir dieses Beispiel überprüfen, können Sie sehen, wie das aussieht. Wenn ich hier rechts klicke, wenn es geladen wird, werden Sie diese Beispiele für dieses schöne große Schieberegler sehen. Sie können alle diese verschiedenen Elemente und einige kleinere Elemente sehen. Also, zum Beispiel, diese Schrittleiste, das ist, was es Mikro-Interaktion genannt wird. So konzentrieren Sie sich nur auf einen kleinen Teil aus der gesamten U Y Zehe animiert und zeigen Sie ihm Zehe potenzielle Träger, wie es aussehen wird und Zehe zeigen, dass es sinkt. So können sie all diese verschiedenen Elemente besser verstehen. Denn wenn Sie ihnen dies nur als ästhetisches Bild gezeigt haben, werden sie es nicht wissen. Damit sie Ihnen vielleicht ein paar Fragen stellen. Zum Beispiel, kann ich das ändern, wenn Sie darauf tippen? Wie wird das aussehen, wenn Sie hier klicken, was wird als nächstes passieren? Also, zum Beispiel, müssen Sie dann erstellen Ich weiß nicht für dieses ein vielleicht 56 10 verschiedene Bilder nur um diesen Effekt zu zeigen. Es ist also viel einfacher, Animationen von Anfang an zu erstellen und diese Animation dann an Ihre Kunden zu senden . Und sie können dann diese Animation iterieren und Ihnen sagen, zum Beispiel, ich mag nicht, wie sich das dreht. Vielleicht können wir einen Schlagschatten hinzufügen, sobald er angeklickt ist. Vielleicht können Sie den Abstand ein wenig ändern und Ihnen einfach ein richtiges Feedback geben. Das wird viel besser für Sie sein, so dass Sie ihnen ein besseres Design liefern können. Ziehen Sie sie ab, damit sie ihr Konzept und ihre Zeichnungen und ihre Ideen besser verstehen können, und schließlich an Entwickler, um alles zusammenzufassen, weil sie verstehen können, wie all diese verschiedenen Elemente interagieren untereinander. Und was sollten sie in ihren Mantel legen, um das zu imitieren, damit sie wissen, welche Technologie sie verwenden sollten. Also, zum Beispiel sollte JavaScript verwenden, sollte eine andere Technologie verwenden, nur damit sie diese Animation richtig aussehen lassen können , und sie können dieses Konzept besser von Ihrem innerhalb von Code darstellen. Deshalb animieren wir R u Y. Und das ist, warum es ein paar verschiedene von Ihnen Animationen gibt. Aber die Mehrheit der Male. Sie werden mit diesen kleineren Interaktionen arbeiten, und Sie werden dann zeigen, wie die verschiedenen Bildschirme untereinander übergehen. Es spielt keine Rolle, ob es sich um eine mobile App handelt. Wenn es sich um eine Website handelt, wenn es sich Art Dashboard-Design oder so etwas handelt, werden Sie immer an einigen dieser kleineren Sie Animationen und diese Mikro-Interaktionen arbeiten. So werden Sie diese Häkchen zeigen und dies'll, Gerüche und Flaschen, die Farben ändern, diese Elemente fliegen aus allen entscheidet und so weiter. Das ist es, was Sie für die Mehrheit der Zeit tun werden. Und das ist, warum Eier sind großartig, denn in nur wenigen unseren Häfen, können Sie all diese Konzepte gut zeigen, und dann können Sie sie an Entwickler schicken, und sie können innerhalb der Entwürfe zurück sehen, die Wir werden ein bisschen später abdecken. Mit Ihrem, was sollten sie verwenden? Sie können CSS sofort exportieren. Sie haben auch einige Plug Ins, und sie können HTML exportieren, wenn das etwas ist, was sie brauchen, und sie können sofort mit ihrem Job beginnen . Und das ist das Wichtigste hier. Sie sparen Zeit für sich selbst, weil Sie tun müssen, Ah, weniger Interaktionen wie diese. Sie sparen Zeit für die Kunden, weil sie Ihr Konzept, das Sie versuchen, schneller verstehen . Und es ist einfacher für Entwickler als auch, weil sie sofort wissen, was sie versuchen sollten , Zehe innerhalb des Zitats zu erreichen. Welche Technologien sollten sie einsetzen und wie sollten sie dieses Design in die Kälte umsetzen ? Denn jetzt wissen sie, wie all diese verschiedenen Elemente miteinander interagieren . 5. Adobe Xd: Xd's: in diesem Video wollte ich Eier die Prototyping-Funktionen abdecken, aber nicht im Detail. Deshalb haben wir den Rest des Kurses. Ich wollte Ihnen nur zeigen, wie alles aussieht, wo sich alles befindet und was Sie von diesen Prototyping-Funktionen erwarten können. Also, genau hier an der Spitze, haben wir in diesem Teil entworfen, den Sie Ihre ey entwerfen. Sie entwerfen alle Ihre Bildschirme Elemente, setzen Bilder, Schatten und so weiter. Und wenn Sie mit diesem Design fertig sind und Sie etwas Bewegung hinzufügen möchten und einige Animationen, dann klicken Sie auf diese Registerkarte Prototyping und rechts, haben Sie einige Optionen. Aber zuerst möchten Sie auswählen, was die Benutzer klicken, was passieren wird und nach jedem Mal und so weiter. Wenn ich also auf dieses klicke, hast du diesen blauen Griff und wenn du diesen blauen Griff von Bildschirm zu Bildschirm verschiebst, wird das auftauchen und Interaktion wird passieren. Also genau hier können Sie Ihre Auslöser auswählen. Also, was wird Benutzer aufgrund von Triggern und dieses Verhalten als nächstes haben Sie Aktion. Welche Aktion wird also passieren, wenn dieser Trigger aktiviert wurde. Sie haben die Bildlaufposition beibehalten. Wenn Sie die Bildlaufposition vom Bildschirm zum nächsten Bildschirm beibehalten möchten, haben Sie das Ziel. Stellen Sie sich vor, Sie haben 200 oder 300 dieser verschiedenen Häfen. Dann können Sie hier einfach auswählen, aus welchen auch, welche diese Interaktion passieren wird. Wir haben die Animation oder genau hier, und Sie können aus der Vielzahl von verschiedenen Animationen wählen, die wir Lockerung haben. Also, wie der Effekt zwischen diesen beiden Ports passieren wird, geht zu Fuß. Erleichterung wird sofort passieren. Geht Zehe verblassen oder verblassen und so etwas. Und schließlich haben wir die Dauer. Wie lange wird dieser Effekt dauern? Und schließlich haben wir beim Scrollen eine feste Position. Wir haben also feste Positionen, zum Beispiel für einige Elemente für die Header, für die Flaschenmenüs,so etwas wie das kriechen für die Flaschenmenüs, . Stellen Sie sich vor, Sie haben die Website genau hier, und Sie haben das Hauptmenü oben, das wird fixiert bleiben. Dann klicken Sie hier. Und dieses Element wird fixiert bleiben, während Sie den Rest Ihres U y scrollen. Also lasst uns schnell durch einige von ihnen laufen. Wir haben Wasserhahn. Wenn der Benutzer also tippt, entweder mit dem Mund oder mit dem Finger, ist das so, und das ist, wo die Interaktion beginnt. Wir haben den Drag, also im Grunde die gleiche Sache, aber Sie müssen klicken Sie halten und dann ziehen Sie entweder mit dem Mund oder dem Finger. Wir haben Schlüssel und Spiel schlecht, was im Grunde ist, wenn Sie entwerfen und Prototyping für Spiele, können Sie X-Box-Controller, zum Beispiel, oder PS-Controller, und dann mit -Steuerelemente können Sie auswählen, welche Interaktionen nur welche Befehle ausgeführt werden. So können Sie diese Befehle mit diesen Gate-Tasten und Spiel-Pads einschließen. Und endlich haben wir die Stimme. Dies ist zum Beispiel, zum Beispiel, wenn Sie pro Snapping für einen muslimischen Alexa, oder für Google oder so etwas, und Sie verwenden Ihre Stimme, um verschiedene Befehle für einige Interaktionen ausgeben. Zehe passieren. Als Nächstes haben wir Maßnahmen, also haben wir einen Übergang, nur einen regelmäßigen Übergang. Wir haben Auto-Animate, das sind Eier, diese erstaunliche Funktion, und sie haben viel an dieser Funktion gearbeitet, und sie verwenden künstliche Intelligenz und maschinelles Lernen, um diese Interaktionen zu schaffen weil sie versuchen zu verstehen, wie einige Elemente miteinander und Main interagieren werden. Ein wichtiges Schlüsselmerkmal für diese Auto-Animate-Funktion ist, dass Sie Ihre Layer richtig benennen und die gleichen Ebenen grundsätzlich in unseren beiden Ports haben. Das ist, wenn Exit versucht, den Unterschied zwischen jedem unserer Ports und den Ebenen zu suchen, die sich geändert haben. Also haben sie sich in der Größe verändert? Haben sie sich in der Farbe in einem pastösen und so weiter geändert? Und es wird versuchen, Zehe auch animieren. Grundsätzlich sind diese Änderungen zwischen unseren Häfen. Wir haben das Overlay. Alles a wird meist in dir verwendet. Ich besonders in Adobe X'd für die Menüs. Stellen Sie sich also vor, haben Sie das Seitenmenü oder das obere Menü oder so etwas, oder Sie möchten ein aufstrebendes überlagern oder von etwas, das Sie diese Funktion verwenden können und nur enthalten, und es wird oben aus überlagern. Das sind Häfen. Wir haben Sprachwiedergabe. So können Sie zum Beispiel, wenn Sie Stimme von hier aus verwenden, haben Sie diese Sprachwiedergabe und es wird diese Sprache wiedergeben. Eso, zum Beispiel. Sie können es eine Frage stellen. Sie können ihm eine Antwort geben, und wenn Sie fragen, es eine Frage. Es wird Ihnen diese Antwort geben. Und das ist nützlich. Van, den Sie als Set für Amazon Alexa entwerfen, zum Beispiel. Und du hast gesagt, okay Alexa, wie ist das Wetter heute? Und Sie geben ihm, dass Sprachwiedergabe und es wird Ihnen zeigen und Ihnen Schulden Sprachwiedergabe sagen . Und schließlich haben wir vorherigen Flughafen, die gerade gehen, um die vorherige unser Hafenziel zu übergehen. Sie können wählen, welches Ziel und gehen Sie zu gehen. Und wie gesagt, stellen Sie sich vor, haben 100 oder 200 Bildschirme. Dann wird es zu den Zielen, die Sie wählen, genau hier haben wir Animationen. Also haben wir nur einige grundlegende Animationen Wir haben sich aufgelöst, was im Grunde ein Fading oder Fade Out ist. Wir haben Rutsche nach links, rechts, rutschen nach oben und unten. Wir haben geschoben, links, rechts, oben und nach unten gestoßen, und wir haben keine. So können Sie sogar wählen, nicht, wenn Sie keine Übergänge zwischen diesen Bildschirmen wollen und es wird einfach sofort von einem Bildschirm auf die nächste Erleichterung, die wir haben, ist in out Lockerung und ist aus Snap, Wind up und Bounce. Und das alles ist ein bisschen anders. Also ist er aus dem Willen, offensichtlich ist aus der Animation ist in wird Gegenteil tun. Einfach. Jetzt wird es reichen. Boat Snap wird tun, was es sagt. Wind up wird im Grunde einige sein. Eine Art Kombination zwischen Snap und dem Bounce und den Grenzen ist im Grunde so . Es wird an Ort und Stelle springen, wenn Sie klicken, dass schließlich haben wir die Dauer, die wirklich wichtig ist, und Sie können diese Werte ändern. Also, zum Beispiel kann ich drei percenter eingeben, und es wird für drei Sekunden dauern. Und das ist, wenn Sie wirklich anpassen können, wie all diese verschiedenen Elemente aussehen, Offensichtlich, wenn Sie den Übergang wollen, Toby kürzer, Sie werden scharf die Zeit von hier aus wählen. Wenn Sie länger und länger als eine Sekunde sein wollen, können Sie zum Beispiel vier wählen . Und es wird für vier Sekunden dauern. Schließlich, wenn Sie wollen, dass Zehe etwas hinzugefügt, jeder es zu Premiere. Sie werden diese Desktop-Vorschau verwenden und dieses Fenster wird angezeigt, und Sie können deutlich sehen, wie Ihre Übergänge werden wie in diesem Bildschirm aussehen . So können Sie in einem Klick direkt hier ändern. Sie können sehen, geändert zu diesem Kunstport. Aber wenn ich hier klicke und diesen Pfeil zurückbringe, können Sie sehen, dass er alle gleich in Richtungen in all den gleichen Elementen bewahrt, die wir von hier zu gehen gewählt haben . Hier wird jetzt nur die gleichen Interaktionen verwendet, um zu diesem vorherigen Bildschirm zurückzukehren. Und deshalb ist Adobe so großartig, weil es sich an all die verschiedenen Elemente erinnert, die Sie hier ausgewählt haben. Und das ist besonders wichtig, wenn Sie zum Beispiel 100 verschiedene unsere Boards haben zum Beispiel und Sie wenige Interaktionen haben, so können Sie sich vorstellen, dass Benutzer auf dieses Bild klicken kann. Sie können auf diesen Titel klicken. Sie können auf diesen Text klicken. Vielleicht gibt es hier einen Boden. Vielleicht gibt es ein Menü, das ich anrufe, so dass Sie sich nicht an all diese verschiedenen Übergänge erinnern können. Sie haben 50 Bildschirme in eingeschlossen, und Sie müssen dann zurückgehen und kopieren Sie sie und fügen Sie sie ein. Aber wenn Sie dieselben Interaktionen verwenden, können Sie diesen kleinen blauen Griff einfach auf den nächsten Bildschirm ziehen, und es wird die gleichen Interaktionen beibehalten, die Sie für dieses und mit jedem Update ausgewählt haben und sie versuchen, monatlich zu veröffentlichen Updates, und bisher haben sie einen fantastischen Job mit diesen Updates gemacht. Mit jedem Update wird Ecstasy intelligenter und intelligenter. In ein paar Jahren wird es einfach erstaunlich sein, was es tun kann und was es an den Tisch bringen kann , wenn es um Sie geht. Ich entwarf eine neue Animationen, so dass ich es wirklich für sie, weil in diesem oben können Sie Design-Prototyp-Anteil tun . Sie können mit Ihrem Kunden und Ihren Entwicklern zusammenarbeiten. Sie können Designs senden, Packs können Sie Prototypen senden, Kommentare erhalten, alles verpacken, alles exportieren, alles schön speichern alles ist Videos. Also haben sie wirklich an alles gedacht. Und sie haben wirklich dieses nette kleine gleiche System für uns geschaffen. Toe wirklich genießen unseren Designprozess, weil es macht es viel einfacher und, wie sie sagen, der Geschwindigkeit des Denkens entworfen. 6. Icon 1: in diesem Video erstellen wir dieses Häkchen, das Sie auf Ihrer Website APS-Bestätigungsschaltflächen verwenden können, um Ihren Benutzern mitzuteilen, dass sie die Aufgabe, die Sie für sie anfordern, erfolgreich abgeschlossen haben. Also lasst uns anfangen. Also fangen wir mit einer Art vier oder 500 mal 500 an. Und wenn Sie nicht wissen, wie Sie es erstellen, können Sie nach Hause gehen. Und hier auf der benutzerdefinierten Größe, können Sie 500 mit 500 drücken, eingeben oder zurückkehren, und Sie werden hören, dass wir das mentale verwenden werden. Klicken Sie also darauf. Klicken Sie hier, dann hier ist er entkommen, um aus dieser Wahl zu entkommen und klicken Sie hier auf die Runde gehalten weil wir wollen, dass unsere Kanten um sein, erhöhen Sie die Größe des Schlaganfalls auf 10 percenter und dann werde ich einfach über sie schweben rechts hier und klicken Sie irgendwo hier toe Fügen Sie einen weiteren Punkt hinzu und ich werde toe klik Irgendwo außerhalb ausgewählt. Drücken Sie diese mittlere, diese mittlere, um es unten in der Mitte zu platzieren, klicken Sie und doppelklicken Sie, damit Sie Luft in diesen Bearbeitungsmodus gelangen können. Klicken Sie auf dieses und verschieben Sie es einfach nach hier. Klicken Sie dann auf dieses und verschieben Sie es zu einigen hier, so dass Sie dieses Häkchen Markieren Sie ausgewählte Stellen in der Mitte so erstellen können . Und jetzt, was Sie tun werden, ist, dass wir ein paar Kopien machen. So zoomen Sie ein wenig Hit Control D und in D noch einmal heraus. Jetzt werden wir diese Kopien verwenden, die Zehe alles animieren. Also werden wir von dem No-Punkt auf diesem hier beginnen. Ich werde verdoppeln, klicken, klicken Sie auf dieses, ziehen Sie es den ganzen Weg hier, bis sie in der Mitte hier treffen und klicken Sie dann auf dieses und verschieben Sie es, bis Sie diesen Kreis wie so bekommen und ich werde ihre senken Basisdatum nach unten auf Null. Nun, diesem zweiten Zustand, wollen wir es hier erweitern. Aber nicht zu hören. Also DoubleClick noch einmal, und dann einfach diese eine Zehe hierher bewegen, bis Sie diesen Kreis so bekommen. Und auf der 3. 1 geht es um die Ausdehnung. Und schließlich, auf der letzten, werde ich darauf klicken und 02 mal tippen, oder Sie können einfach den Schieberegler verwenden. Es wird über die eine pastöse bis auf Null. Und jetzt lassen Sie uns alles animieren. Also klicken Sie hier, verwenden Sie Prototyp, dann ziehen Sie einfach diesen Pfeil Zehe hierher. Verwendete Zeit animiert auch, und wir werden verwenden, ist in out auf diesem. Klicken Sie auf diesen einen Drachen, und statt Leichtigkeit in out, wir werden Snap verwenden, weil wir von Disposition zu Disposition schnappen wollten und dann schließlich klicken Sie hier, Dann ziehen Sie diesen Pfeil zu diesem letzten. Und statt Snap, lassen Sie uns verwenden ist 0,3 Sekunden, weil wir auf Null verblassen wollten. Und schließlich können Sie diesen einen alten Weg hierher ziehen und die gleichen Einstellungen jetzt verwenden, um eine Vorschau anzuzeigen. Klicken Sie auf diesen 1. 1 Klick spielen und dieses schöne Häkchen wird angezeigt, so dass es wirklich einfach ist, es zu erstellen. Wie Sie sehen können, ist es nur eine einzige Zeile, aber mit diesen Punkten herumspielen und neu positionieren, um diese Form zu erhalten und dann einfach animiert. Und das ist das Ergebnis, das du bekommen wirst, also sehe ich dich im nächsten Video 7. Icon 2: in diesem Video werde ich Ihnen zeigen, wie Sie dieses Herzsymbol animieren können. So ein neuer Hahn auf es geht Zeh erscheinen, wie Sie etwas gefallen haben. Das ist offensichtlich Inspiration von Instagram . Also, wenn Sie diese sortieren aus Lichtstrahlen springen aus diesem Herzen, um anzuzeigen, dass es Licht ist . Und ich werde Ihnen auch in diesem Video zeigen, wie Sie die Farbe ändern können. Also ist es großartig. Aber wenn Sie darauf klicken, wird es rot. Also lasst uns anfangen. Also habe ich dieses Herz-Symbol Ich werde auf den Unser Port klicken wieder ist 500 mal 500. Ich werde hier auf die Große klicken und ich werde wählen Quadrat. Wenn Sie ein Layout wie so haben, klicken Sie einfach hier und ändern Sie es zurück in Quadrat. Nun, was ich tun werde, ist den Bleistift zu benutzen. Ich werde ein wenig vergrößern, klicken Sie rechts hier und vielleicht einige hier treffen Escape, klicken Sie rechts hier, um die Kappe zu runden und vielleicht erhöhen aufgrund von 10 percenter und lassen Sie es ein bisschen besser neu positionieren, also gehe ich es zu haben Vielleicht ist das in Ordnung. Also werden wir diese zwei Quadrate nach oben haben und vielleicht ein leeres Quadrat haben, so vielleicht so, weil das Herz hier besetzt ist. Drücken Sie die Kontrolle der duplizierten klicken Sie hier, um es zu drehen und positionieren Sie es hier. Also noch einmal, wir wollen eine haben. Nun, weil das Symbol ein bisschen weißer ist. Es wird irgendwo hier sein. Nein, wählen Sie aus. Beide hatten die Kontrollurkunde erneut dupliziert, und klicken Sie dann rechts hier, um sie vertikal zu spiegeln. Halten Sie Ihre Umschalttaste und Pfeil nach unten bewegt ihn nach unten. Und wenn Sie Ihre Umschalttaste ausgewählt haben, bis sie so gefangen sind, werden Sie wissen, dass Sie genau den gleichen Abstand zwischen alten haben. Also werde ich Kontrolle D treffen und die noch einmal kontrolliert. Und was wir jetzt tun werden, ist, dass wir Fuß gehen, alle auswählen und eins nach dem anderen klicken, um diese Quadrate zu entfernen, weil wir sie nicht mehr brauchen . Nun, auf dieser 1. 1 gehen wir mit einem Doppelklick auf diese Linie, dann klicken Sie auf diesen Punkt und bewegen Sie ihn, bis er sich hier trifft. Klicken Sie hier, Machen Sie das gleiche. Klicken Sie also hier und bewegen Sie sich mit nach oben in Richtung Herz. So wie so. Und ich werde auf die 1. 1 ganze Schicht klicken. Klicken Sie auf den letzten. Sie klicken auf meine Null, oder Sie können Ihre Bay City direkt hier senken. Nun, was wir in diesem 2. 1 tun werden, ist klicken Sie auf das Herz, halten Sie Shift, Ault und Linksklick, so dass Sie es vergrößern können. Also irgendwo hier und dann endlich auf unserer 3. 1 gingen die Zehe. Haben sie hier Ausdehnung. Also klicke ich hier und mache im Grunde das Gegenteil. So normal mit in dieser Richtung, bis sie sich im Kreis wie so treffen und schließlich das gleiche für diese letzte tun . So wie so. Klicken Sie dann auf die erste Lochverschiebung, klicken Sie auf die letzte und senkte Ihre Basis auf Null. Jetzt müssen wir ihn so schnell animieren. 1. 1 und ich werde auf mein Herz klicken, weil wir wollen, dass die Leute dieses Herz klopfen. Ändern Sie es in Prototyp von Design, ziehen Sie es hier. Wir wählen „Step Auto“. Animieren ist in 0,2 Sekunden, und dann werden wir auf diese klicken. Ziehen Sie es Zehe hier, und wir wollen Zeit anstelle von Tippen verwenden. Also für diese 1. 1 haben Sie einen Wasserhahn verwendet. Aber für diese 2. 1 werden wir Zeit oder Zehe animieren. Und vielleicht ist er draußen mit einer besseren Wahl. Mal sehen, was wir uns ausgedacht haben. Sie können auf diese 1. 1 Klick spielen klicken, und wenn Sie tippen, können Sie sehen, wie es aussieht. Wenn Sie also denken, dass es zu viel ist, können Sie natürlich dasselbe tun. Aber lassen Sie uns über den Witz aus diesen Zeilen, so dass Sie ihn von hier und einfach überall auf sie hier auswählen können . Also vielleicht fünf percenter und tun Sie das gleiche für dieses, so dass Sie alle von ihnen auswählen können. Klicken Sie hier fünf und Sie können sehen, dass wir sie senken und schließlich das gleiche für die letzte tun . Also wählen Sie alle von ihnen Q fünf, und was wir in diesem letzten Beispiel tun werden, ist, dass wir das Herz so endgültig unseren Port wählen wollen . Wir wollen es ziehen, um zu starten Wählen Sie Zeit ist aus 0,2 Sekunden, weil Sie möchten, dass es zurück zu diesem 1. 1 so klicken Sie, wenn dieser ein Klick spielen und wenn Sie darauf tippen Dies ist, wie es jetzt aussieht Und ist es Kreise zurück zum 1. 1 Jetzt endlich, Lassen Sie mich Ihnen zeigen, wie Sie die Farben ändern können. Also, wenn die Leute auf das Herz klicken, wird es rot werden. Und Sie können das einfach tun, indem Sie zurück in die Zone wechseln. Wählen Sie Ihr Herz, klicken Sie hier. Wählen Sie die richtige Farbe, die wir wollen. Vielleicht dieser eine Wählen Sie diesen letzten Klick rechts hier und dann rechts hier Zehe verwenden die gleiche Farbe springen zurück zum Prototyp und wenn Sie klicken, wird es rot und weil es zurück zu diesem 1. 1 Wie Sie sehen können, ging es von rot zurück zu groß. Und wir wollen auch die Strahlenfarbe ändern. Also lassen Sie uns sie hier auswählen und klicken Sie rechts hier, um einen Picker anzurufen und das Gleiche für alle von ihnen zu tun . Also, so und Sie können wissen, Kreis zurück zum Prototyp und sehen, wie es aussieht. So, wie Sie sehen können, ist es jetzt auch rot. Und es geht von groß nach rot und wieder zurück zu grau. Das war's also für diesen. Und wir sehen uns im nächsten Video 8. Imbis: in diesem Video wir dieses pulsierende Punktsymbol erstellen, das zum Beispiel verwendet werden kann , wenn etwas s Streaming oder jemand live ging und Sie dieses Symbol entsprechend der Farbe verwenden können . So zum Beispiel gelesen werden, kann es zum Beispiel gelesen werden,um anzuzeigen, dass die Person Leben ist oder dass das Streaming live geht. Das ist also, was du in diesem Video erstellen wirst. Also lasst uns anfangen. Also benutze ich unseren Port oder 500 mal 500. Das Gleiche wie bei allen anderen Videos. Ich wähle den Kreis aus. Trockener, gequälter Großkreis vielleicht 100 mal 100 verwendet. Drücken Sie die Eingabetaste positioniert in der Mitte und in der Mitte. Klicken Sie hier, Kontrolle. Siehe, um diese Farbe zu kopieren. Klicken Sie hier. Control V drücken Sie die Eingabetaste, und ich werde die Grenze für diesen Kreis entfernen. Als Nächstes wähle ich es aus. Drücken Sie die Kontrolle D und ich werde eine Kopie machen. Ich gehe mit den Zeh. Vergrößern Sie es ein wenig. Umrandung einschließen. Entfernen Sie den Film und für die Grenze. Vielleicht kann ich 60 von der Dicke einschließen und sie dann einfach unter unseren ersten Kreis bewegen. Ich werde eine Verschiebung alten und linken klicken, damit ich es in der Mitte und über der Größe positionieren kann , wie so und weil es in der Rückseite ist, es wirklich egal, weil es von diesem ersten Kreis verborgen ist. Ich werde den Flughafen auswählen, drücken Sie Kontrolle de zu duplizieren und wählen Sie dann Eclipse zwei und drücken Sie Shift alt und Linksklick Zehe Vergrößern Sie es so einige um hier und reduzierte Randgröße toe ein Drücken Sie eingeben. Und wie Sie sehen können, sieht es so aus. Und ich werde auch ihre geklebten auf Null senken, und das ist es im Grunde. Jetzt ist es animiert. Klicken Sie auf diesen einen Hit Prototyp ziehen, und wir werden Zeit verwenden. Übergang wird automatisch animieren ist in out, und die Dauer wird eine Sekunde sein. Und lasst uns die Verzögerung benutzen. Eine Sekunde so gut, weil es uns ein bisschen Zeit zwischen diesen beiden geben wird. Klicken wir nun auf die 2. 1 ziehen Sie es den ganzen Weg zurück, und wir werden die Zeit noch einmal verwenden. Aber im Moment entfernen wir diese Verzögerung nicht und haben es eine Null sein. Aber Sie müssen 0.0 eingeben. Drücken Sie die Eingabetaste, damit er weiß, dass Sie Null sein möchten. Klicken Sie hier, tun Sie das Gleiche. Also 0.0 drücken Sie die Eingabetaste, also wird es Null sein. Aber statt Aktion oder zu animieren, Sie gehen, um Übergang zu wählen und es wird wie pro üblichen Klick aufgelöst werden hier , Kinder spielen. Und wie Sie sehen können, haben wir jetzt diese schöne, pulsierende Animation, und Sie werden sie als Set für Streaming verwenden, wenn jemand live geht. Oder wenn Sie die Aufmerksamkeit von Ihren Benutzern ziehen wollen, toe eine bestimmte Sache in Ihrem Sie ich arbeite. Wenn Sie denken, dass dieser Hintergrundkreis ein wenig weiß herausgeht, können Sie es reduzieren, indem Sie die Größe hier in diesem zweiten unser Port reduzieren. Aber es liegt im Grunde auch an dir. Sie können die Farben ändern Wenn Sie also gelesen werden möchten, können Sie sowohl die Farbe aus diesem Kreis als auch den Hintergrundkreis ändern. Mach das gleiche in diesem, und das ist es im Grunde für dieses Video. Wir sehen uns in der nächsten 9. Icon 4: in diesem Video werden wir ein einfaches Hamburger-Menü-Symbol erstellen, so dass, wenn Sie darauf klicken, wird es eine Zeile werden und dann die Zehe X wechseln, so dass Sie es schließen können. Wenn Sie also auf X klicken, wechselt es zurück, Zehe eine Zeile und wechselt dann wieder zum Menü. Also, hier geht's. Noch einmal können Sie darauf klicken. Es wird X-Klick auf das X, und es wird wieder Menü-Symbol. Also lasst uns anfangen. Lassen Sie uns damit beginnen, unsere Linie zu erstellen. Ich werde das Mental noch einmal benutzen. Klicken Sie hier. Ganzes Verschieben klicken Sie hier. Er ist geflohen, um da rauszukommen. Klicken Sie hier und geben Sie 20 ein. Also, das ist unsere dicke wütende Menge hier, so dass wir um Gap herum haben. Positionieren Sie es in der Mitte. Also ausgewählt klicken Sie hier, dann rechts hier und wir werden Duplikate davon machen. Das wird also Nummer zwei Hit Control D Halten Sie einen Pfeil nach oben verschieben. 123456 So etwas. Dann klicken Sie noch einmal auf die 2. 1, drücken Sie Control D und es wird unser 3. 1 Und das wird unser 1. 1 Also doppelklicken Sie auf den Namen Pressezentrum. Und auf der 3. 1 halten Sie Shift und Pfeil nach unten. 123456, um es zu positionieren, Toby. Grundsätzlich das gleiche wie die oberste eine ganze Schicht. Wählen Sie alle aus. Hit Kontrolle G, um sie langweilig zu gruppieren. Klicken Sie hier, geben Sie Menü-Moderator ein. Und dann klicken Sie hier und dann rechts hier, um sie in der Mitte zu positionieren. Klicken Sie hier. Drücken Sie Control de, um den gesamten Port zu duplizieren. Und jetzt, was du tun wirst, ist, dass wir sie nach unten in die Mitte bewegen, so dass du die Kontrolle drücken und auf diese 1. 1 klicken kannst , um in sie zu klicken. Halten Sie die Umschalttaste gedrückt, bis sie so rastet. Machen Sie dasselbe für diese 3. 1 Halten Sie die Umschalttaste gedrückt und bewegen Sie sie mit der Maus hierher. Und dann endlich, was wir tun müssen, ist hier klicken, Hit Control D und klicken Sie rechts hier auf dieser 2. 1 wir werden Dupay City reduzieren 20 Und auf diesem 1. 1 werden wir es drehen, so dass Sie hier auf diesen Grad klicken können. Geben Sie 1 35 wie so, klicken Sie auf gestörte ein und klicken Sie hier und tippen Sie 45 wie so und jetzt haben wir unser X. Also was wir jetzt tun müssen, ist dieses eine Kontrolle D zu duplizieren und schließlich diese eine Kontrolle de duplizieren, weil wir gehen aus dem Menü Abschlepplinie , Toe X, zurück die Linie und dann wieder zurück zu diesem. Lassen Sie uns also anfangen, sie zu animieren. Ich werde die Kontrolle Null treffen. Um an Ort und Stelle wie diese geändert den Prototyp klicken Sie auf dieses Menü, und das ist, warum wir es gruppiert, so dass wir darauf klicken können, zog diesen Griff zu hören Sie gehen Sie auch Schritt animieren. Und statt Snap, werden wir verwenden ist in out und vielleicht 0,4 Sekunden. Klicken Sie nun auf diese unsere Port gezogen, um hier, und wir werden Zeit zu verwenden oder zu animieren. Und statt ist in out. Wir werden Snap jetzt wieder benutzen. Wir werden das gleiche verwenden, also gehen wir Schritt zu verwenden oder zu animieren ist in out. Klicken Sie also auf das X ziehen Sie es Zeh hier, so tippen Sie oder animieren statt Snapper. Wann zu verwenden ist in out und verwenden Sie Nullpunkt für überall, nur so dass wir die Dinge einfach halten und schließlich das gleiche für hier tun können . Klicken Sie hier, um zu sehen, was wir getan haben. Also haben wir Zeit oder zu animieren und zu schnappen. Klicken Sie also hier, um dieses auszuwählen. Ziehen Sie es, so dass wir Zeit haben oder zu animieren und wir haben Snap wie so Und schließlich, um zurück zu hier einfach gezogen den Griff zu diesem 1. 1 Wir werden Zeit statt Snap verwenden . Wir werden keines verwenden, weil wir von diesem Symbol zurück zu diesem im Grunde gleichen Symbol . Und wir werden das auf 0,2 senken. So warten Sie. Die Zeit ist niedriger. Also lassen Sie uns jetzt eine Vorschau darauf. Ich werde hier klicken, und Sie können auf Ihr Symbol tippen und Sie können sehen, wie es aussieht. Klicken Sie hier, um es wieder zu ändern, und klicken Sie hier, um das gleiche zu tun. Im Grunde noch einmal. Nun, eine Sache, die wir vermisst haben, ist, wieder zum Design zu springen. Wir gehen hier auf den Klik. Wählen Sie die Nummer zwei und alle über die Fettleibigkeit nach unten auf Null und auf die gleiche, Diese. Also auf die Zahl, um Sie im Grunde nach unten zu senken, und jetzt ist es eine Vorschau wie so und jetzt können Sie es nicht sehen, wenn es verschwindet, wie Sie sehen können, Also das ist im Grunde es. Wir haben mit der Erstellung unseres Menü-Symbols fertig und Sie können sehen, dass es wirklich einfach und wirklich einfach ist, und ich werde Sie im nächsten Video sehen. 10. Icon 5: in diesem Video. Wir möchten dieses Download-Symbol erstellen, damit Sie sehen können, wenn Sie darauf klicken. Dieser Pfeil wird die Zehe hinuntergehen. Geben Sie an, dass der Download gestartet wurde, und Sie können dies in Ihre Schaltflächen, auf Ihrer Website oder in Ihrer App integrieren . Wenn die Leute also herunterladen, können sie sicher sein, dass das NAL erst begonnen hat. Sie können auch die Farbe ändern. Wenn sie also darauf klicken und den Download startet, kann dieses nächste Symbol sowohl die Farbe als auch dieses Endergebnis ändern. Also lasst uns anfangen. Also wieder mal meinen Hafen bei 500 mal 500. Und ich habe auch dieses Pfeilsymbol und lassen Sie uns die Linie am unteren Rand erstellen. Saw Ali war der mentale Klick irgendwo hier herum und halten Shift, Klicken Sie irgendwo hier herum, Hit Flucht noch einmal getroffen Runde Kappe und traf 15 wie, so Jetzt werden wir in ein wenig näher zu zoomen. Wählen Sie beide wie so getroffen in den mittleren Kreis, positionieren Sie sie in der Mitte und positionieren Sie den Pfeil hier herum, bis er mit der oberen Linie aus dieser unteren Zeile trifft , im Grunde so und was wir jetzt tun werden, ist gezogen seine unten. Nennen Sie es Zeile wie so und wir werden sie so zu positionieren, drücken Sie Kontrolle G, um sie zu gruppieren, positionieren Sie sie in der Mitte wie so rechts Klicken Sie auf Gruppe und Sie gehen, um unseren Pfeil zu duplizieren . Also traf Control de in Position. Es ist irgendwo hier. Es ist gut. Nun gruppieren Sie die Pfeile drücken Kontrolle G wenig klicken Sie hier. Geben Sie Bean Pfeile wie so ein und wir werden das Rechteck-Werkzeug verwenden. Und du wirst ein Rechteck wie dieses zeichnen und ruinieren, um unseren unteren Pfeil zu bedecken und bis zum Rand zu gehen . Also verbrauchen Sie es viel näher, um es schön zu vertuschen. Also, wie das und ging, um die Grenze zu entfernen, und Sie werden diese Moschee nennen und sehen, wie wir es gemacht haben . Ich denke, wir müssen es nur ein wenig nach oben verschieben, damit du deine, äh, oberste Pfeiltaste drücken kannst äh, , wenn deine Tastatur und du dich in diesem unteren Schubkasten bewegen kannst . Und jetzt, was wir tun werden, ist, dass wir die Moschee auswählen, halten Shift Selector, Pfeile Ordner und Rechtsklick und Juden Moschee mit Form. Oder Sie können Shift Control em oder Shift Drüse verwenden. Und wenn Sie auf einem Mac sind, um es zu maskieren und im Grunde haben Sie diese Form. Klicken Sie nun rechts hier, drücken Sie, steuert die, um es zu duplizieren. Und jetzt, was wir tun müssen, ist springen Insider-Maske, klicken Sie auf unsere Pfeile. Halten Sie die Umschalttaste gedrückt, halten Sie die linke Maustaste gedrückt, klicken Sie und positionieren Sie diese Gruppe nach unten. Und Sie können auch Ihre Pfeile irgendwo hier herum verwenden, so dass wir es sehen können. Und wenn du draußen klickst, wirst du das bekommen. Also, das ist es im Grunde für den Design-Teil. Lassen Sie uns jetzt Prototyp und so klicken Sie rechts hier. Klicken Sie auf Prototyp und was wir tun werden, ist, dass wir im Grunde hier tippen, damit Sie den Griff aus ziehen können. Das Ganze ist gelangweilt. Also gingen wir, um einen Tap zu wählen oder zu animieren. Lockerung wird einfach in out und Dauer von einer Sekunde und jetzt auf der 2. 1 ziehen Sie es Zehe hier statt Tapper, wenn Zeit zu verwenden. Einfache Notiz und hier werden wir in 0.0 Sekunden eingeben und es wird sein, ist in der gleichen. Und stellen Sie sicher, dass Sie die Verzögerung von Null haben, und Sie sollten es standardmäßig haben. Klicken Sie hier, Hit, spielen. Und wenn du hier irgendwo klickst, passiert das. Und dann wird es von dieser 2. 1 zurück zum 1. 1 Also, wenn Sie darauf klicken, wird es im Grunde genau das gleiche aussehen, weil es die Verzögerung ausgeschaltet hat. Null Sekunden von 2. 1 bis 1. 1 wird sofort zur 1. 1 wechseln, so dass Sie weiter klicken können , und es wird Ihnen dies weiterhin zeigen. Und schließlich werde ich Ihnen den zweiten Trick zeigen, der ist? Es ging, um im Grunde diesen zweiten Pfeil zu färben , der dieser zu einer anderen Farbe ist. Also, zum Beispiel, es ist einfach blau oder so etwas. Vielleicht weiß ich so etwas nicht, vielleicht ein bisschen leichter, , und wenn Sie hier klicken, drücken Sie die Vorschau. Wie Sie sehen können, hat die geschuldete Puppe begonnen. Also, wenn Sie wollen, können Sie einen anderen unseren Port erstellen, und dann stellen Sie sicher, dass das Blau bleibt blau auf der 2. 1 und dann zurück zum 1. 1 Wenn Sie wollen, aber ich denke, es ist nicht notwendig, dies überhaupt zu tun, weil Menschen werden wissen, was Sie getan haben, weil Sie ihnen gezeigt haben, dass dieser zweite Pfeil nach unten bewegt. Also im Grunde, wenn sie darauf klicken und die zweite sehen, werden sie sofort wissen, dass der Dollar begonnen hat. Das war's also für dieses Video, und ich werde dich im nächsten sehen. 11. Icon 6: in diesem Video werden wir dieses Bell Benachrichtigungssymbol zu erstellen, so dass, wenn Sie darauf klicken, wird es zwei Mal klingeln, rechter Kreis wird auftauchen und eine Zahl aus Benachrichtigung wird von der Seite abprallen . Also lassen Sie mich es Ihnen noch einmal zeigen. Offensichtlich wird das nicht passieren. Dieser Schrittauslöser wird einen Zeitauslöser haben, wenn Sie in Ihre App oder auf eine Website implementiert haben, da er nach einer bestimmten Zeit angezeigt wird, dass Benutzer Benachrichtigungen haben. Aber ich wollte dir nur zeigen, wann es am Wasserhahn implementiert ist, weil es einfacher ist, das auf dem Video zu zeigen. Also noch einmal, wenn Sie darauf treten und zwei Mal klingeln, wird dieser rote Kreis auftauchen und Nummer drei wird von der Seite kommen. Also lasst uns anfangen. Also hier habe ich dieses Glockenbenachrichtigungssymbol, und ich werde einen schnellen Kreis erstellen, damit Sie sehen können, dass wir den unteren und den oberen Teil haben. Also werden wir einen Kreis auf nur gehen, um meine Umschalttaste zu halten und wo es sagt ich werde direkt dort klicken und treffen basierend, und ich werde diese Farbe e b fünf f 67 drücken Sie die Eingabetaste und entfernt dann den Rahmen weil ich Ich brauche es nicht, wirklich. Und wie Sie sehen können, ist es eine wirklich schöne rote Farbe. Sie werden erhöhen, dass auf 50 machen es um schön und sauber, und ich werde es ein bisschen schöner Zehe hier positionieren, bis es mit der richtigen Berührung aus dem Zauber trifft und bis es mit der rechten oberen Kante von diesem Gürtel als auch trifft. Treten Sie gleich hierher. Nennen Sie es Circle wie so und verwenden Sie mich Textwerkzeug. Klicken Sie irgendwo in Top 3, zum Beispiel, weil wir die Zahlen aus Benachrichtigung verwenden möchten, können Sie eine beliebige Zahl verwenden, die Sie wollen. Ich werde offene Sense 24 verwenden, positionieren Sie es in der Mitte wie so und so So ist es eine Position richtig, und Sie können auch auf die Nummer ihrer gesamten Schicht klicken. Klicken Sie auf den Kreis, um beide auszuwählen. Klicken Sie hier als hier, und es wird sie in der Mitte sowohl horizontal als auch vertikal positionieren. Also werde ich diese beiden in unsere Glocke aufnehmen, so und dann sind die Position Bell wie So, um perfekt in der Mitte zu sein. So wie es ist, ich benutze Art Board 500 von 500. Das Gleiche wie in allen anderen Videos. So können wir jetzt mit unserer Animation beginnen. Erste Dinge zuerst. Nehmen wir ein paar Änderungen vor. Also gehe ich Zeh, springe hinein und klicke auf die Nummer. Halten Sie Shift und positionieren Sie es einfach hier herum. Also ist es nicht sichtbar Doppeltippen, um es zu gehorchen Stadt bei Null, weil das ist unsere erste Stufe für den Kreis. Ich möchte nur eins mit eins verwenden, also ist es extrem klein. Es ist irgendwo hier, und Sie können es hier lassen, wenn Sie wollen, oder Sie können positionieren. Es ist irgendwo hier. Wenn Sie scheinen wollen, dass es sie aus der Mitte kommen, können Sie Null Doppelmal und senken Sie die Obey City 20 Und im Grunde ist das unsere erste Stufe. Also, was wir als nächstes tun wollen, ist, nach innen zu springen und dann die Glocke von selbst zu gruppieren. Also kontrolliere G mit beiden Schichten ausgewählt und Qualitätsgürtel, weil wir es von diesen beiden Elementen getrennt sein wollen , und im Grunde ist das unsere erste Stufe getan Hit Control D auf diesem, unser Port und er würde die eine weitere Zeit kontrollieren. Was Sie für diese 1. 1 tun wollen, ist wählen Sie die Glocke wie so und drücken Sie 10 rechts hier, wo es sagt Rotation drücken Sie eingeben Dann klicken Sie auf die 2. 1 auf dem Gürtel noch einmal getroffen minus 10 weil wir in die andere Richtung gehen wollten. Dann duplizieren Sie diese eine Hit Control in der und schlagen Sie noch einmal auf die Glocke und geben hier Null ein, weil wir zur ersten Stufe gehen wollten. Nun, endlich, was wir wollen, ist Kontrolle d noch einmal, um es noch einmal zu duplizieren. Und jetzt wollen wir, dass der Kreis erscheint. Also werde ich hineinspringen, auf unseren Kreis klicken, Dubay City Toe 100 ändern Sie es zurück auf 50 und 50 genau hier. Und ich werde es dort positionieren, wo es so ausgerichtet war, mit der oberen Kante neben der Glocke sowie mit der rechten Kante vom Gürtel. So wie so. Und jetzt endlich können wir hier reinspringen, unseren Text finden, Ihre Pay-City Toe 100 erhöhen und dann einfach wieder in die Mitte schieben. Also, es wird Zeh erscheinen komplett hier. Wie Sie sehen können, haben wir, wie maney zwei für sechs verschiedene unsere Häfen für diesen einen. Aber wenn Sie es schön und sauber aussehen lassen wollen, dann brauchen wir so viele Kunsttafeln. Also lasst uns mit unserem Prototyping beginnen. Nein, für diese 1. 1 als Show, Sie werde ich Schritt verwenden. Also werde ich es einfach hierher ziehen. Tippen Sie für die Lockerung. Lassen Sie uns verwenden ist in, weil es die Leichtigkeit in die Animation für die 2. 1 geht, werden wir Zeit verwenden und alles so lassen, wie es ist. Sie können einfach so einfach und aus, um es schön und einfach zu machen, ist in out. Lassen Sie es gleich aussehen und glauben Sie es einfach so. Und für diesen letzten wollte ich mich so verbeugen, weil ich diese Nummer 32 Grenzen von rechts nach links will, wenn sie an diesem Ort ankommt. Also lassen Sie es uns testen. Klicken Sie hier. Schau gemeine Logik. Dies ein wenig, wenn Sie darauf klicken, wird Zehe Bounce von links nach rechts Kreis wird erscheinen. Und dann Nummer drei geht Zeh wieder erscheinen, lasst es uns noch einmal testen. Wie Sie sehen können, erscheint der linke rechte Kreis und dann Nummer drei Bounces und Sie können diese Nummer drei Toby oben ändern , so dass es von oben nach unten springen kann, weil es hier weiß ist. Und diese ganze Ikone ist weiß. Es kann von links springen. Es kann von unten mit Maske springen oder wie Sie wollen. Aber ich denke, das sieht schön aus, damit wir es so lassen können. Oder wir können es einfach von diesem ersten unseren Hafen leiden lassen. Sie können einfach diesen Griff hier ziehen und von hier nach hier mit der Zeit gehen. Jetzt, wenn Sie es in der Vorschau sehen, wird es sofort einspringen und Ihnen diese Benachrichtigung zeigen, eine Benachrichtigungsanimation. Aber noch einmal, wie gesagt, verwende ich gerne den Tap Trigger, weil es viel einfach sein wird, das Ihren Kunden zu zeigen, weil sie auf diese Weise die Animation so sehen können, wie sie beabsichtigt war, aber nicht nur die endgültige Produkt. So hat es noch einmal getestet. Lassen Sie mich groß es, wenn Sie darauf klicken, wird von links nach rechts Zahl prallen wird Zehe von rechts erscheinen und an Ort und Stelle springen. Das war's also für diesen hier. Und wir sehen uns im nächsten Video. 12. Imbis: in diesem Video, werde ich Ihnen ein paar Tage zeigen. Drei Punkte Animation wie die, die Sie in sozialen Medien sehen, vor allem auf dem Messenger APS. Also Facebook Messenger, wenn Sie Viber verwenden, was ist los und so weiter? Sie können diese sehen, wie Menschen tippen und Sie warten auf die frühen Neugierigen. Hier ist, was im Grunde, Sie sehen. Also diese drei Punkte, um Sie wissen zu lassen, dass die andere Person tippt, so dass Sie ein wenig warten können , um ihre Nachricht zu erhalten. Also, ohne weiteres, lasst uns anfangen. Also wieder, wie immer, ich habe 500 mal 500 unseren Hafen. Ich werde den Ellipse Hocker benutzen, halten Sie einfach meine Umschalttaste gedrückt und zeichnen Sie einen Kreis. Und es kann jede Größe haben, die Sie wollen. Lasst es uns benutzen. Zum Beispiel 70 mit 70 und ich werde hier klicken. Drücken Sie die Kontrolle C, damit ich diese Farbe kopieren kann. Klicken Sie hier. Kontrollieren Sie die zweite basierte es. Und schließlich werde ich die Grenze entfernen. Klicken Sie hier, damit ich meinen Kreis in der Mitte positionieren kann, dann drücken Sie die Kontrolle D. Sie können auch die Wiederholung verwenden. Toll, aber ich fand das ein bisschen einfacher. Ich werde leere Pixel auseinander positionieren, Hit Control die noch einmal. Und schließlich haben wir auch 30 hier. Ich werde hier doppelt klicken und diesen Kreis anrufen. Und das ist Nummer drei. Das ist Kreis Nummer zwei. Und schließlich ist das Kreis Nummer eins. Es ist wichtig, dass Sie Ihre Layer benennen, da auch animierte Feature nicht funktioniert. Nun, wenn Sie Ebenen sind anders benannt. Also werde ich diese etwas anders positionieren. Also Nummer eins wird nach oben und Nummer drei nach unten kommen. Ich gehe nach Hause eine Shift-Taste, drücke Kontrolle G, so dass ich sie gruppieren und rief dies, zum Beispiel Kreise. Ich werde hier klicken, dann genau hier, Toe. Positionieren Sie sie perfekt in der Mitte und dies wird im Grunde unser erster Zustand für unseren zweiten Staat sein. Ich werde auf Hof klicken, arbeiten Sie es Kontrolle durch duplizierte und Hit Control. Klicken Sie so, dass ich auf den Kreis eins klicken kann. Halten Sie die Umschalttaste und den Aufwärtspfeil zweimal gedrückt, damit ich mich mit 20 Pixeln nach oben bewegen kann. Klicken Sie hier. Hit control de noch einmal drücken Sie die Kontrolle, klicken Sie auf den zweiten Kreis und hält Shift einen Pfeil nach oben vier Mal. So 1234, so dass Sie mit 40 Pixeln nach oben bewegen und klicken Sie auf die 1. 1 drücken Sie Umschaltpfeil ein, auch, so dass Sie es wieder in die ursprüngliche Position bringen können. Klicken Sie rechts hier, Hit control D und wir gehen, um den Kreis zu bewegen zwei Mal nach unten oder verschieben Pfeil nach unten zwei Mal. Aber dieses Mal werden wir umziehen. Eingekreist 3 40 Pixel nach oben. Also Schicht 1234 und schließlich auf Kontrolle D. Ich werde das hier runterbringen. Also Schicht 12 und Verschiebung 12 und das ist es im Grunde. Sie sollten vier Kunsttafeln wie diese haben, denn dies ist unser Anfang des Staates. Punkt Nummer eins wird sich nach oben bewegen. Dann 2. 1 drehte sich dann eins. Und während der 3. 1 herabkommt, sie alle schon herabgekommen. Also lassen Sie es uns animieren. Ich werde Prototyp wählen, klicken Sie hier auf den blauen Griff, ziehen Sie ihn hierher, und wir werden Zeit verwenden, weil alle von ihnen zeitbasiert und für die Aktion. Lassen Sie uns Foto Feinde Lockerung verwenden. Wir werden keines benutzen. Und für die Dauer, lassen Sie uns 0,2 Sekunden verwenden. Ziehen Sie einfach diesen alten Weg nach hier und schließlich auf diesem letzten. Ziehen wir es den ganzen Weg nach vorne und verwenden Sie die Verzögerung von 0,2 Sekunden, weil wir wollen, dass diese letzte Zehe warten nur ein wenig, bevor es den ganzen Weg in den Anfangszustand geht . Also lasst uns hier klicken. Klicken Sie auf unsere Vorschau und Sie können sehen, wie es aussieht. Also, im Grunde geht dieser letzte Fuß. Warten Sie nur ein wenig, bevor es den ganzen Weg zu diesem 1. 1 geht Aber ich mag wirklich nicht, wie es aussieht, denn lasst uns hier klicken, dass entfernen und Zeitverzögerung. Also werde ich auf 0.0 klicken. Drücken Sie die Eingabetaste, weil ich von diesem zu diesem warten wollte, nicht von diesem zu diesem. Also lasst uns auf diese 2. 1 klicken und darauf, verwenden wir die Verzögerung und drücken Sie die Vorschau noch einmal. Und jetzt, wie Sie sehen können, sieht es viel sauberer aus, denn wenn es zu diesem kommt, ist der erste Zustand gehen Zehengewichte 0,2 Sekunden und dann starten Sie die Animation wieder von vorne. Und jetzt macht es viel mehr Sinn als für sein Zehengewicht von diesem einen Zeh der 1. 1 Vielmehr geht es Zehengewicht vom 1. bis zum 2. 1, so dass Sie sehen können, dass es sehr glatt aussieht weil wir keine Lockerung gewählt haben, denn für diese spezielle Animation, wenn Sie eine von diesen Lockerungen wählen, werden diese Punkte nicht natürlich aussehen, und sie werden hüpfen und aufziehen und in Position schnappen. Aber wir wollen, dass sie so natürlich wie möglich sind. Wie Sie sehen können, sind sie in diesem Fall. Das war's also für dieses Video, und wir sehen uns im nächsten. 13. Icon 8: in diesem Video, werde ich Ihnen dieses Suchsymbol zeigen schließen. Wenn Sie also auf das Suchsymbol klicken, Sprünge innerhalb von Umdrehungen im Schlepptau X ausrichten, und wenn Sie auf, wird das X schließen und zurück zur gleichen Position springen und dann die Möglichkeit geben, die Animation noch einmal zu machen. Also noch einmal, wenn Sie darauf klicken, wird es in Kleidung verwandeln. Wenn du näher kommst, geht es zurück zur Suche, und dieser Kreis wird ein wenig verzerren. Also lasst uns anfangen. Also, wie üblich, habe ich meine bei 500 von 500 gegossen. Ich werde die Ellipse benutzen. Zeichnen Sie immer noch einen schönen großen Kreis. Geben wir ihm 240 Wochen, 200 für die Höhe. Positionieren Sie es in der Mitte wie so und für die Grenze. Lassen Sie uns zum Beispiel fünf verwenden . Ich denke, das funktioniert gut. Sie können mehr verwenden, wenn Sie möchten. Wenn Sie das Symbol vielleicht ein wenig attraktiver aussehen lassen möchten, vielleicht ein wenig attraktiver aussehen lassen möchten, aber ich benutze normalerweise fünf. Aber was du in diesem Fall stehst, lass uns sehen, wie das aussieht. Ich werde diesen Kreis anrufen. In Ordnung, also werde ich meinen Bleistift benutzen, der hier in der Mitte klickt. Zeichnen Sie auch. Also, wir sind hier, er würde entkommen. Klicken Sie hier, um die Kappe zu runden. Und wenn ich in 10 tippe, wie Sie sehen können, wird genau das gleiche wie dieser Kreis aussehen und Sie können es auswählen und dann in der Mitte positionieren. So werden wir diese Linie nennen, ein Kind Kontrolle D und rief an, aber einer ausgerichtet, um so zu mögen , und ich werde diese beiden Zeilen gruppieren. Also steuern G nennen es ausgerichtet und gruppieren Sie die ganze Sache und nennen Sie es Symbol wie so. Also für diese 1. 1 lasst uns unser Suchsymbol erstellen. Also werde ich mir die Zeilen schnappen und ich werde hier schweben. Drehen Sie sie nur ein wenig zu jemandem hier herum und positionieren Sie diesen Zeh hier herum. Dieser Zyklus sieht aus, als ob es gut aussieht und Sie können das Symbol so in der Mitte positionieren , und schließlich, was ich will, ist, die Steuerung zu treffen, klicken Sie in den Kreis DoubleClick will wieder und bewegen Sie irgendwo hier herum so dass ich noch einen Punkt hinzufügen kann. Also lasst uns das nochmal machen. Verwenden Sie den Kreis, doppelklicken Sie nach innen und Sie können auf diese Punkte klicken und dann einen weiteren Punkt hinzufügen, um irgendwo hier herum, weil dies der Bereich ist, der zu verzerren wird, wenn diese Linie in Sichtweite aus unserem Suchsymbol gehen wird. Das war's also für die ersten Staaten. Also der ursprüngliche Zustand verwenden wir eine 2. 1 Also kontrollierte er die beiden duplizierten. Jetzt werden wir diese Linien auswählen und wir werden sie nur Einblick in irgendwo hier positionieren . Mal sehen. Und noch einmal ging ich zum Klick auf den Kreis Klicken Sie auf diesen neu erstellten Punkt, den wir gerade erstellt und einfach verzerrt irgendwo hier herum. Sie können mit diesem Winkel herumspielen, wenn Sie wollen. So zum Beispiel erstellt, können Sie zum Beispiel erstellt,um etwas dramatischer zu so etwas zu sein. Wenn du willst. Ja, das sieht gut aus. Ich werde diesen Klick hier schließen. Drücken Sie die Kontrolle D Nun, was Sie mit den Linien tun werden, ist, dass wir das öffnen, verwenden Sie die Linien, halten Sie unsere Schicht, halten Sie, und dann positionieren Sie sie einfach in der Mitte von unserem Symbol zu sein. Aber bevor wir das tun, müssen wir diesen ersten Kreis auswählen, der einfach von hier ausgewählt wurde. Hit Control C schließen Sie diesen Sprung in Sicht. Löschen Sie diesen Kreis und drücken Sie Kontrolle V, weil das geht zu Position, um in der genau der gleichen Position wie diese 1. 1 Wir gehen Zeh, bewegen Sie es zurück So die Linien sind im Fokus und jetzt werden wir beide auswählen. Klicken Sie hier, dann rechts hier, um unsere Linien in der Mitte von diesem Symbol zu positionieren. Das ist es also für diese Stage Control de, es noch einmal zu duplizieren. Und jetzt haben wir Zehe drehen diese Symbole, um ein schließendes Symbol zu machen. Also lassen Sie uns diesen Orangensaft 25 oder wählen Sie 135 wie so und auf der 2. 1 Lasst uns 45 verwenden und im Grunde das ist es für die Schöpfung, die wir haben oder sind alle unsere Staaten. Und jetzt im Grunde, was wir tun werden, ist hier klicken, Control de drücken, um dieses zu duplizieren. Klicken Sie hier, steuern Sie DE, um es zu duplizieren, und dies wird ein erster Zustand sein. Dies wird unser Endzustand sein, weil wir ein schließendes und schließlich aus der Nähe der Zehe hinteren Zehe dieses Symbol erstellen wollen , werden wir die Schleife haben und wir können wieder auf dieses Symbol klicken und dann alle diese Symbole später erstellen. Also lasst uns mit dem Prototyping beginnen. Also lasst uns hier klicken. Wählen Sie aus. Unsere ersten sind schlecht, aber wir gehen, um das Symbol gezogen einen blauen Griff wählen, um für die Übergangsschuhe oder Zehe animieren Schritt . Er ist von hier aus und macht 0,2 Sekunden, weil wir alles schön, sauber und schnell für diesen einen aussehen lassen wollen . Wir werden Zeit nutzen, also sind nicht arm, um hier zu sein. Wir werden jetzt einfach 0.2 verwenden und einfach von hier auf diese gehen. Wir werden den Wasserhahn verwenden, weil wir genau die gleichen Einstellungen wie diese für diese haben wollen . Wir werden Zeit nutzen und schließlich, für diesen, werden wir auch Zeit nutzen. Also lassen Sie es uns überprüfen. Klicken Sie hier in großen es ein wenig. Wenn ich darauf klicke, können Sie sehen, dass diese kleine Verzerrung passiert. X wird angezeigt, wenn Sie auf die Kleidung klicken und Sie können sehen, dass der Laden es wieder passiert. Klicken Sie hier. Und wie Sie sehen können, ist es sehr subtil, aber es sieht auch schön aus, also ist das im Grunde Ihre Ikone. Sie können dieses Symbol verwenden, um Ihre Suchfelder zu animieren .Wenn Sie also ein Suchfeld auf Ihrer Website oder in Ihrer mobilen App haben, können Sie es aufdiese Weise verwenden, nur um ein wenig mehr Aufmerksamkeit auf das Feld zu lenken und nur ein Wenn Sie also ein Suchfeld auf Ihrer Website oder in Ihrer mobilen App haben, können Sie es auf diese Weise verwenden, nur um ein wenig mehr Aufmerksamkeit auf das Feld zu lenken und nur ein etwas mehr Interesse an diesem Feld. Also, wenn Benutzer darauf klicken, können sie in der Lage sein, den Unterschied zwischen nur regulären, so dass es gefüllt und die mit der Website-Animation zu bemerken . Das war's also für dieses Video, und wir sehen uns im nächsten. 14. Icon 9: in diesem Video werde ich Ihnen zeigen, wie Sie dieses ansprechende Symbol erstellen können, das vom Telefon zum Tablet auf den Desktop und zurück zum Telefon geht. Sie können dies auf Ihrer Website oder in Ihrer mobilen App verwenden, nur um Ihren Benutzern zu präsentieren, dass Ihre App oder Website reagiert und dass sie sie auf allen Geräten verwenden können . Also lasst uns anfangen. So wie üblich, habe ich 500 mal 500 unseren Port, und lassen Sie uns das Rechteck-Werkzeug verwenden. Sie können Ihre Umschalttaste halten, um ein Rechteck zu zeichnen und lassen Sie sie irgendwo hier herum gehen, machen Sie den Eckenradius 20 und machen Sie die Grenze mit fünf, nur so dass wir eine schöne große Grenze Zehe spielen mit haben können . Sie können das runter und machen es nur ein bisschen kleiner, weil wir gehen, um vom Telefon bis zum Tablet gehen. Und was wir hier wollen, ist eine kleine Schaltfläche zu erstellen. Verwenden Sie also die Ellipsenspitze und erstellen Sie so vielleicht können Sie den Randstrich mit auf zwei erhöhen . Ich finde, das sieht gut aus. Positionieren Sie es in der Mitte, stellen Sie sicher, dass Sie auf der Linie mit dieser unteren Form sind. Drücken Sie die Umschalttaste einmal und oben, Pero, so dass Sie es 10 Pixel nach oben verschieben können. Und schließlich, lassen Sie uns noch einmal ein Rechteck-Werkzeug verwenden und ein schönes großes Rechteck zeichnen. Ich werde hier klicken, kontrollieren, sehen, sehen, damit ich diese Farbe kopieren kann. Klicken Sie hier, Kontrolle V und geben Sie so, dass Huhn fügen Sie es in und ich werde Zehe entfernen Sie die Grenze, und wenn wir schnell zurück auf das Rechteck, das wir erstellt haben, können wir sehen, es ist um fünf. Also werde ich auf diese Form klicken, die wir erstellt haben und für die Höhe, verwenden Sie fünf, so dass wir die gleiche Höhe haben können, wie diese Grenze ist Stick und schließlich klicken Sie auf diese Hintergrundform und Sie können sehen, es ist 136 in Witz, so kann ich klicken diese und geben Sie in 136 Reihe Mitte drücken Sie hier, um in der Mitte zu sein , mit dem Kreis für eine Verschiebung und Top-Ära einmal, so dass wir es gleichmäßig von unten und dem Kreis positionieren können . Jetzt nennen wir sie. Wir werden das hier eine Linie nennen, diese eine Unterseite und schließlich diese, die wir jetzt Form nennen werden. Was wir auch wollen, ist, zwei weitere zusätzliche Linien zu erstellen, um hier nach unten zu gehen, weil wir Auto-Animate verwenden werden und mehrere Male in diesen Videos erklärt hat , müssen Sie genau die gleiche Ebenenstruktur haben, um für Auto Feind Toe richtig So können Sie in dieser Zeile zweimal duplizieren, indem Sie Kontrolle D treffen. Dies wird eine Mittellinie sein und schließlich wird dies ein Endergebnis für unseren Desktop sein. Und wir werden diese beiden Linien nach unten bewegen, bis sie sich mit dem Boden von unserer Form treffen und beide unter die Form bewegen. Und für den Witz können wir so etwas wie 50 verwenden und sie alle in der Mitte positionieren, so. Und Sie können alle drei verwenden und rechts hier klicken, damit es alle von ihnen in der Mitte so positioniert . Jetzt kannst du sie alle begrapschen. Hit control, G Kontakt Informieren Sie sich wie so und noch einmal, stellen Sie sicher, dass es in der Mitte ist. Wie so ist es so können wir Steuerung D drücken, um ein Tablet zu erstellen, so was Sie gehen, um in diesem Fall zu tun , ist einfach vergrößern es. Also werde ich ausschalten reaktionsschnell, sehr Größe, weil wir es nicht brauchen und Sie gehen, um Shift Bolzen und Linksklick in einer der Ecken zu verwenden . Vergrößern wir es auf irgendwo hier. Ich denke, es ist gut, und wir werden einige dieser Elemente neu positionieren, damit es hineinspringen kann. Klicken Sie auf den Boden und positionieren Sie ihn hier die Zehe. Verschieben Sie unsere Pere einmal und schließlich tun Sie das gleiche für die Linie von Heroin ausgeliefert einmal und jetzt, lassen Sie uns einfach schnell überprüfen, ob etwas zu Quicken Form geändert hat, können Sie sehen, die Sehenswürdigkeiten ist immer noch fünf, und ich kann auf die Linie klicken und sehen, dass die Zeilenhöhe beträgt nun sieben. Also ändern Sie es zurück zu fünf und machen Sie die Bewegung noch einmal. Also verschieben will ein Fass, und das ist es im Grunde. Und wir können dasselbe für diese beiden tun. Wenn Sie fünf treffen wollen und nur sicherstellen, dass sie in der unteren Kante von dieser Form sind. Aber weil unsere Form eine weiße Farbe Whitefield hat, ist es wirklich egal, weil sie unten positioniert sind. Das war's also. für unser Tablet und lassen Sie es so in der Mitte positionieren. Und schließlich, lassen Sie uns einen Desktop erstellen, damit er tief kontrollieren und was ich tun möchte. Hier können Sie auf Einsicht klicken, und ich möchte unsere Schaltflächen ausblenden. Klicken Sie also einfach hier. Oder noch besser, Sie können senken. Basieren Sie es nach unten. Also verachtest du 02 mal oder bewegst den Schieberegler ganz nach links, und was wir in diesem Fall wollen, ist die Zehe. Vergrößern Sie diese Form sowie die Linie, damit Sie die Strg-Taste gedrückt halten können. Wählen Sie zwei davon aus. Klicken Sie auf, wenn Sie alte Schlüssel sind, und klicken Sie dann auf einen neben den Websites. Also geh hier irgendwo hin. Ich denke, es ist gut. Und schließlich schieben Sie diese beiden Zeilen nach unten. Also Celik, beide hatten Schicht 12 und trafen Schicht 12 für diesen Teil eins. Nun wird dieser Teil von einem, weil es ein Stand sein wird, ein bisschen größer sein. Also statt 68 lassen Sie uns etwas wie 90 drücken Sie Enter oder noch besser, 120, nur um es viel größer zu machen. Und schließlich können Sie es neu positionieren, um in der Mitte so zu sein und es gibt es. Wir haben unseren Desktop. Also werden wir es in der Mitte so positionieren. Und jetzt haben wir alle unsere drei Formen bereit zu gehen. Nun, was wir tun können, ist klicken Sie direkt hier, wählen Sie Prototyp. Ziehen Sie einfach und wählen Sie die Zeitverzögerung. Wir können eine Sekunde wählen Auto animieren und Sie können einfach jetzt einfach in, was Sie wollen und tun Sie das gleiche für diese ein verwenden . Stellen Sie einfach sicher, dass Sie auch hier verzögern müssen. Also wollen wir es Zehe Warten Sie eine Sekunde zwischen jeder Animation, damit Benutzer sehen können, was es tatsächlich ist und was es tatsächlich tut, damit er eine Vorschau sehen würde, um zu sehen, wie das aussieht. Und Sie können sehen, dass es schön vergrößert wird und diese Schaltfläche verschwindet und der Linienstrich bleibt konsistent in diesen Symbolen. Und wie Sie sehen können, sieht alles sehr schön und sauber aus. Keine letzte Sache, die wir tun können. Wie Sie sehen können, sind diese Symbole um sie herum. Aber diese beiden Quintessenzen sind es nicht. Damit wir das ändern können. Wählen Sie einfach beide aus oder klicken Sie nacheinander und wählen Sie dann Strich, vielleicht 20 oder vielleicht sogar 50, nur um es ein bisschen klarer zu machen. So etwas. Es funktioniert gut und lassen Sie uns es noch einmal überprüfen. Wie Sie sehen können, ändert es sich in Telefon zu Tablet. Und wie Sie sehen können, sind diese beiden Linien jetzt schön um sie herum, so dass es das ist. Grundsätzlich, für dieses Video, ich hoffe, es hat dir gefallen. Und wie Sie sehen können, ist es wirklich einfach, diese Übergänge zu erstellen. Nur müssen Sie das Symbol erstellen. Wir haben den Übergang im Sinn gemacht. Wie Sie gesehen haben, müssen Sie alle Ihre Layer-Namen konsistent halten und Sie müssen sie entsprechend ändern . Sie passen also zwischen jedem Übergang und stellen Sie sicher, dass Sie die Zeitverzögerung zwischen jeder Animation in einer Sekunde belassen , so dass Sie etwas mehr Platz haben und Benutzer dann bestimmen können. Okay, das ist also ein Telefon. Dies ist ein Tablet, und schließlich ist dies ein Desktop-Computer, also das ist es für dieses Video, und ich werde Sie im nächsten sehen 15. Icon 10: in diesem Video werde ich Ihnen zeigen, wie Sie dieses Play-Pause-Symbol erstellen können. Also, wenn Sie auf, wird das Spiel gehen, um Zehe eine Zeile zu wechseln und dann aufgeteilt in zwei Schaffung Gegensymbol. Und wenn Sie auf das Pose-Icon klicken, springt es zurück, Zehe eine Zeile und wechselt dann zurück zum Plattensymbol. Also lasst uns anfangen. Also wieder sind wir bei 500 mal 500 für die Flughafengröße. Ich werde die Ellipse Tal ziehen einen schönen großen Kreis. Verwenden wir 200 mal 200. Dieselbe Flüssigkeit es. In einigen der vorherigen Beispiele verwenden Analysten fünf für den Schlaganfall mit Now. Was du tun wirst, ist, dass wir ein bisschen näher heranzoomen, und du wirst den Bleistift benutzen und wir werden einen einfachen Teil zeichnen. So ist er entkommen. Klicken Sie hier und tippen Sie fünf und klicken Sie hier, um das Camp zu laufen und machen es schön und um. Jetzt wählen Sie es aus und positionieren Sie es in der Mitte wie so, und ich werde es auch ein wenig nach rechts positionieren. So wie so. Wenn du denkst, dass es zu hoch wird. Doppelklicken Sie einfach darauf. Klicken Sie hier, um es nur ein bisschen so zu senken, und positionieren Sie es dann so in die Mitte. Nun, das wird unsere erste Zeile sein, also können wir es einfach Zeile auf Linie 1 Hit Control D nennen und das eine weitere Mal kontrollieren. Das wird also belügen und schließlich wird das drei lügen. Und schließlich machen wir zwei weitere Kopien aus dieser ersten Zeile. So steuerte er die und steuerte die noch einmal Dies wird Linie zu sein und Sie können diese beiden Treffersteuerung G und genannt Dispose gruppieren. Und diese drei rufen bitte wie So jetzt können Sie den Pfosten verstecken oder einfach unten unten unter Platte und verwendet eine Linie eins und Linie, zum Beispiel, und wir können sie einfach drehen. Also, wenn Sie den Mauszeiger über dicht, Sie können diese beiden Pfeile sehen und Sie können einfach ein Drehen es wie so, und Sie können es nach oben wie dieses Ende der gleichen für die Linie positionieren, aber in die andere Richtung. Also so etwas und positionieren Sie es nur, um sicherzustellen, dass es so an der Ecke ist. Und jetzt können Sie diese beiden einfach neu positionieren, so dass Sie doppelklicken und es so machen können . Zum Beispiel führen Sie geschwächt diese und am Ende so verbunden. Und da gehen wir. Wir haben unser Spielsymbol, und wenn es nicht so aussieht, wie Sie es wollen, können Sie diese beiden einfach senken. Oder Sie können nicht auf diese 1. 1 klicken und vielleicht machen es viel näher wie diese und eine wahrscheinlich bedingte auf, so dass Sie wirklich mit ihm herumspielen können. Und eine weitere Möglichkeit besteht darin, dies einfach auszuwählen. Wählen Sie also den Kreis aus und lassen Sie uns in Kreisen gehen und zeichnen Sie einfach eine Richtlinie von hier in die Mitte wie folgt, und Sie werden sehen, dass, wenn es in der Mitte ist oder nicht. Also, weil es nicht ist, lassen Sie uns doppelklicken auf seinen Analysten, positionieren Sie ihn so und klicken Sie dann auf die 2. 1 und lassen Sie uns es so positionieren, bis sie verbunden sind. Und jetzt können Sie sicher sein, dass es richtig Dreieck ist, so dass Sie diese Linie entfernen und lassen Sie es ist wirklich an Ihnen. Aber das ist die erste Etappe für unser Design. Fertig. Sie können hier klicken. Kontrolle Detail eingepfählt unseren Hafen. Und jetzt werden wir einige Änderungen vornehmen. Verwenden Sie also Zeile Nummer eins, doppelklicken Sie darauf und Sie können diesen Punkt bewegen, bis er sich hier trifft. Sieh auch hier aus. Bewegen Sie diese Linie hier, bis sie in der Mitte trifft, und stellen Sie sicher, dass sie in der Mitte ist. So auch. Stellen Sie sicher, dass sie alle richtig wie so aufgereiht sind und bewegen Sie einfach nur ein wenig Zeh rechts so, bis Sie im Grunde eine gerade Linie haben. Und jetzt, was Sie tun werden, wird bewegen, spielen und Pause Symbole in der Mitte, so dass wir wählen können. Der Kreis ist gut positioniert, alles in der Mitte so, und jetzt springen wir hinein und schaffen einen anderen. Also steuert er D und springt schnell zurück auf diesen. Und wenn Sie spielen drücken, können Sie Ihre Bay City nach unten wie so senken, und Sie können auf die Platte klicken und senken Sie Ihre Bay City nach unten als auch und jetzt ungestört ein. Lassen Sie uns den Beitrag verwenden, und Sie können sie sortieren teilen, so dass Sie auf Linie klicken können einen Hit Shift und linke Pfeiltaste eins zum Ende der gleichen für die Zeile auch eins, um nur sicherzustellen, dass Sie den gleichen Abstand haben , wenn Sie sie erstellt haben Angenommen, Symbol. Also, was wir jetzt tun müssen, ist diese 11 weitere Male zu duplizieren, um Kontrolle D zu treffen , und das ist es im Grunde, weil es von hier nach hier gehen wird, tippen Sie und dann hier, zurück nach hier. Also lassen Sie es uns testen. Und was wir tun werden, ist, dass wir es Prototypen erstellen, damit Sie hier den Prototyp anklicken können . Wir werden das wählen, ebenso wie die Anfangsphase. Also werden wir diesen Handle fahren Sie Schritt für den Übergang. Wir würden keine Auto-Animate verwenden. Welche Verwendung ist in out und 0,3 Sekunden. Das ist gut für diesen hier. Wir werden Zeit verwenden, statt Top 0.3 Lockerung. Und für diesen, wir werden noch einmal tippen, so tippen oder zu animieren, einfache Notiz. Und für diesen hier werden wir Zeit nutzen, weil sie auf die 1. 1 zurückgehen wird, so dass es schnell getestet wird. Sehen Sie, wie es aussieht. Wenn Sie also darauf klicken, wie Sie sehen können, ist es schön und glatt. Wenn Sie auf sie wieder klicken, wird vor in der Mittellinie zu zwei Linien für die Pose springen und noch einmal für von der Mittellinie zurück zum Dreieck. Wieder einmal können Sie mit verschiedenen Einstellungen herumspielen. Sie können verschiedene Erleichterungen wählen. Sie können hier Bomben verwenden, wenn Sie wollen, aber wenn Sie nicht wollen, können Sie es einfach lassen, wie es so kommt aus Leichtigkeit in zwei in verschiedenen Zuständen. Aber wenn du willst, kannst du das auch tun. auch Wenn Sie möchten, können Sieauchdie Farben aus diesen Strichen ändern. Zum Beispielsollte dies eine Farbe sein, und wenn Sie darauf klicken, ändert essich in Pause und in diesem bestimmten Moment, also bleibt in dieser Phase gleich. Zum Beispiel sollte dies eine Farbe sein, und wenn Sie darauf klicken, ändert es sich in Pause und in diesem bestimmten Moment, Aber in diesem Stadium ist ändert Farbe, so kann es blau sein, zum Beispiel, und auf dieser Bühne wird zurück auf die ursprüngliche Farbe zu springen und es wird ursprüngliche Farbe in diesem Stadium als auch sein . Wie Sie sehen können, ist es wirklich schön, einfach, einfach, saubere Animation. Wirklich, es gibt nicht zu viel los, aber es wird wirklich würzen Sie Ihre Sie Warum, vor allem, wenn Sie teilen, zum Beispiel, eine mobile App mit Ihrem Client und sie werden in der Lage sein , um zu sehen, zum Beispiel können Sie zum Beispieleine animierte Leiste direkt hier in der oberen Animal Fortschrittsleiste erstellen. Und wenn sie darauf klicken, wird die Fortschrittsleiste an diesem bestimmten Punkt anhalten, wenn sie getroffen werden. Spielen Sie noch einmal geht weiter und gehen Sie zum Ende, so dass Sie wirklich Ihre Arbeit so aufpeppen und ein bisschen mehr visuelles Interesse für Ihre Benutzer erstellen können. Also, das ist es für dieses Video, und ich sehe dich im nächsten 16. Icons Xd Datei: in diesem Video. Ich wollte Ihnen nur zeigen, wie Sie die Symbole verwenden können. Eier verundigen sich hier. Wie Sie sehen können, haben wir alle unsere Symbole, die ich bereits in diesen Videos abgedeckt. So können Sie mitverfolgen, wenn Sie wollen. Oder Sie können es später oder vor dem Start überprüfen, nur so dass Sie einige dieser Animationen überprüfen können . Und wenn Sie möchten, können Sie die Animation sehen. Und wenn es Ihnen gefällt, können Sie dem Video folgen. Oder wenn nicht, können Sie dieses Video überspringen und so weiter. Sie können auch überprüfen, ob Sie etwas verpasst haben, weil , ah, oft Leute zu mir zurückkommen und mir Fragen stellen. Aber hier können Sie die Originaldatei auschecken und sehen, ob Sie alles richtig haben. Wenn Sie einige davon in einer Vorschau anzeigen möchten, können Sie einfach auf das erste Kunstbrett klicken. Er würde gleich hier spielen. Die Animation wird beginnen und Sie können es überprüfen und sehen Sie selbst innerhalb von Theodore B X D Datei für dieses bestimmte Symbol, das ich während der Videos erstellt, so dass Sie sie auschecken können , können Sie zurück und vorwärts gehen. Sie können sehen, wie sie aussehen, und Sie können eine Vorschau davon anzeigen, nur damit Sie sehen können, mit was Sie arbeiten. Eine weitere Sache können Sie eines dieser Symbole verwenden, die wir für Ihr bestimmtes Projekt erstellt haben. Sie können sie für persönliche oder kommerzielle Projekte kostenlos nutzen. Weil wir, wie Sie gesehen haben, wie Sie gesehen haben,fast alle von Grund auf neu erschaffen haben. Und wenn ich es nicht erschaffen habe, habe ich von Free genommen. Ressource ist, die ich im letzten Video aus Diskurs verlinken werde, und Sie werden in der Lage sein, alle diese Symbole für Ihre Projekte herunterzuladen und sie kostenlos für persönliche und kommerzielle Projekte zu verwenden . Das war's also. Schauen Sie sich diese Datei an, spielen Sie damit herum. Er würde auf einigen dieser Symbole spielen und sehen, wie die Animation aussah, und ich ermutige Sie, ihn für sich selbst zu testen und sie für sich selbst zu erstellen. Im Anschluss an diese Videos, 17. Button 1: in diesem Video werden wir sein unteres Menü erstellen, das Sie in den meisten APs finden können. Also haben wir diesen Boden in der Mitte, und wenn Sie darauf klicken, wird es von Plus zu drehen. Dennoch wird X alle diese Symbole nach oben ausspucken, und wenn Sie in der Nähe drücken, wird es geschlossen und drehen sich zurück zu Plus. Also noch einmal, wenn Sie darauf klicken oder X spucken alle aus diesen Symbolen, dass oben, wenn Sie auf sie wieder klicken wird zurück zur Mühle springen, hüpfen alten Weg nach unten und drehen Sie zurück zu plus. Also lasst uns anfangen. Also hier ist, was ich hier habe ich diese drei unteren Symbole, also wenn ich auf einige von ihnen klicken, können Sie sehen, dass wir zu Hause haben. Wir haben unsere Werbung und Klamotten drinnen. Wir haben hinzufügen oder schließen Symbol und als auch wir haben diesen Hintergrund Kreis, und schließlich haben wir dieses Brieftasche Symbol den ganzen Weg. Es rechts und oben haben wir drei Symbole, die nur ein wenig kleiner sind als diese drei unten, weil diese Luft Primärsymbole und das sind sekundäre Symbole und sie sind nur ein bisschen kleiner, so dass sie aufnehmen, um innerhalb dieses Kreises zu sein. So haben wir ein Kamera-Icon, Bild-Icon sowie Video. Ich kann hier nicht. Also, was ich zuerst tun möchte, wählen Sie bitte diesen ent schließen. Ich werde diesen Kreis duplizieren und Sie werden diese Dateien bekommen, damit Sie dieses ganze Video verfolgen können und ich werde diesen Kreis duplizieren und ihn irgendwo hier positionieren . Ich werde noch zwei Kopien machen. Also würde er De Control wieder kontrollieren und ich werde sie trennen, wie „So Now“, endlich werde ich die Zehe gehen. Fügen Sie alle diese Symbole zu den Kreisen hinzu. Also werde ich das Bild direkt über diesen mittleren Kreis ziehen. Ich werde darauf klicken, stellen Sie sicher, dass es in der Mitte ist. Ist es, und ich werde den Fuß einfach hier bewegen. Wählen Sie das Bild mit der Steuerungstaste Hit control G, um dort zu gruppieren. Nein, schnell hier. Geben Sie Bild wie So als nächstes werde ich diesen Kreis für die Kamera verwenden. Ich habe die Kamera gefunden. Hier ist es. Ziehen Sie es nur über den Kreis Hit Control G und rufen Sie diese Kamera, und schließlich haben wir das Video als Ende, und ich werde es direkt hier positionieren. Es kontrollierte G nannte dieses eine Video wie So jetzt, obwohl Bild in der Mitte ist und es in der Mitte rechts zwischen Kamera und Video sein sollte , werde ich es an der Spitze lassen, weil es zuerst auf den Fuß springen und dann von dahinter . Diese beiden werden auftauchen. Also lasst uns zuerst alle gruppieren, so hat es G. kontrolliert und ich werde sie nennen, zum Beispiel oben Aiken, weil sie nach oben gehen, um diese unteren Symbole. Als nächstes werde ich alle Symbole auswählen und ihre Farbe ändern. Also halten Sie meine Kontrolle, G klicken Sie hier. Klicken Sie auf die weiße Hintergrundfarbe. Und jetzt, endlich, werde ich die Zehe gehen. Positionieren Sie sie einfach Toby in der Mitte, so werde ich das gleiche für diese Kamera tun und schließlich das gleiche für dieses Video tun. Also wähle ich beide aus und schlage hier, um sie Toby in der Mitte zu positionieren. Und das ist es im Grunde für den Erstellungsprozess aus diesem Video. Was ich als nächstes tun möchte, ist, diesen Ordner zu öffnen, wählen Sie alle drei in klicken Sie rechts hier, damit ich sie in der Mitte positionieren kann. Klicken Sie dann rechts hier, damit es perfekt in der Mitte wie dieses Symbol sein kann und bewegen Sie es einfach den ganzen Weg nach unten, bis es sich trifft. So, bis es perfekt hinter diesem Ad-Close-Symbol ist. Also, das ist es im Grunde für unseren Design-Teil. Ich klicke hier auf den Flughafen, Hit Control D, Hit Control D, und du kannst sie duplizieren, während du weitergehst. Also zuerst, was wir tun werden, ist in dieses Ad-Close-Symbol klicken, wählen Sie dieses Plus und gedrehte Art und Weise halten Verschiebung auf etwa 90 Grad oder minus 90 Grad , so dass wir dieses X als nächstes haben können. Ich werde es schließen. Drücken Sie die Kontrolle DE, um noch einmal zu duplizieren. Und was ich jetzt tun möchte, ist, diese Stop-Symbole nach oben zu verschieben, so dass Sie eine Verschiebung in unserer Gefahr halten können , um sie über dann linierte Beule wie diese Hit Shift und Bekleidung auf 234 mal , zum Beispiel, so dass Sie es bei 40 Pixeln höher als dieser. Als Nächstes, was? Wir werden tun, ist die Kontrolle de noch einmal, springen in diese und wählen Sie dann die Kamera. Halten Sie die Umschalttaste auf den linken Pfeil gedrückt, wählen Sie Video, ganze Verschiebung und Pfeil nach rechts ein paar Mal und verschieben Sie sie dann, zum Beispiel. Lassen Sie uns sie bei 40 Pixeln haben. Also irgendwo hier und mit dem gleichen für diesen. Also, wenn wir ein wenig verkleinern, drücken Sie die Kontrolle Null, um zu sehen, was wir getan haben. Also fangen wir mit diesem Zustand an. Als Nächstes werden wir in diesen Zustand umziehen. Sobald eine Person hier klickt, dann werden diese Symbole hinter diesem X-Symbol springen, und sie werden in drei geteilt und zeigen dieses Symbol. Nun, was wir auch brauchen, ist eine rote Farbe, so dass wir zeigen können, dass die Leute dieses Mex-Symbol schließen können . Also habe ich schon eine Farbe. Ich werde Einsicht springen und drücken Sie mich Steuerungstaste. Klicken Sie hier. Und anstelle dieser blauen Farbe werde ich dieses Rot verwenden. Also ist es e 53 c 85 percenter, und ich werde das gleiche für dieses tun. Klicken Sie hier. Steuern Sie Weizen basierend genau die gleiche Farbe. Nun, was Sie als nächstes tun werden, ist, in diesem Zustand fertig zu werden. Also müssen wir das hier kopieren. Also kontrolliere D und kopiere schließlich diese 1. 1 so kontrollierte die noch einmal. Also werden wir den ganzen Kreis von hier bis hierher gehen, und wir können dann auf die Zehe klicken zu diesem zurückkommen. Also, jetzt werden wir mit dem Prototyping beginnen und etwas Bewegung hinzufügen. Also lassen Sie uns hier klicken für diese 1. 1 Wir werden auf die Schaltfläche klicken, ziehen Sie diesen blauen Griff werden wir Schritt auch animieren verwenden. Wir werden diese in out verwenden und 0,3 Sekunden ist in Ordnung. Als Nächstes wählen wir die Zeit für diesen, weil wir für eine bestimmte Zeit erscheinen wollten . Also werden wir Zeit verwenden Auto jedes Fleisch und statt ist in out. Wir werden Wind up benutzen, weil wir diesen Zehenwind nach oben wollen. Nur ein bisschen für diesen hier. Wir werden auch Zeit nutzen, aber wir werden ein wenig Verzögerung haben, also werden wir 0,4 Sekunden haben, und anstatt zu landen, werden wir Bounce verwenden. Also hier ist es, direkt unten und wir werden es nur ein wenig auf 0,6 verlängern, weil wir wollen Zehe nur ein wenig warten, wie es hier ankommt, bevor es in drei geteilt wird. Und wir wollten auch hüpfen, also werden diese beiden äußeren Symbole an Ort und Stelle springen. Als Nächstes gehen wir zu diesem, aber wir werden die Zeit nicht nutzen. Vielmehr werden wir Schritt verwenden. Also werden wir auf diese Schaltfläche klicken, weil es Zehe nahe geht, um ihre Treffer auf sie zu verwenden . Gleiche Flüssigkeit es mit diesem 1. 1, um es in erster Linie zu öffnen. Also gehen wir zu Ihnen Schritt Auto, animieren. Und anstelle von Bounce werden wir Snap und 0,3 Sekunden verwenden, damit Sie es hier 0,3 percenter eingeben können, um die 0.3 zu haben , weil wir wieder in das ursprüngliche Symbol einrasten wollten, nicht hüpfen oder aufziehen oder so etwas wie das, weil wir wollte in diese mittlere Position einrasten. Und schließlich, was wir hier haben, werden wir fahren. Dieser brach Griff und was wir tun werden, ist, dass wir Zeit verwenden und für die verzögerten , werden wir 0,4 Sekunden verwenden, weil wir nur ein wenig Verzögerung haben wollten, bevor es auf die X geht. ,werden wir 0,4 Sekunden verwenden, weil wir nur ein wenig Verzögerung haben wollten, bevor es auf die X geht. werde auch animieren und anstelle von Snapper ging zu verwenden, ist in out. Und anstelle von 0,3, werden wir 0,6 Sekunden verwenden. Und schließlich wollen wir von diesem letzten gehen den ganzen Weg zurück zur 1. 1 Also werde ich das gesamte sind Teil auswählen . Ziehen Sie es hier. Wir werden Zeitverzögerung 0,4 Sekunden verwenden und wir werden Snap verwenden. Schließlich können Sie dies bei 0,3 haben, nur damit wir ein wenig mehr Konsistenz haben können. Also lassen Sie uns Vorschau treffen. Ich werde auf seinen ersten 1 Klick hier klicken. Ich werde es nur ein wenig vergrößern, so dass, wenn Sie darauf klicken, wird es drehen, spucken Sie alle diese drei an der Spitze. Sie werden in drei Grenzen aufgeteilt, wenn Sie auf X klicken, wie Sie sehen können, gibt es nur ein wenig von einer Verzögerung, bevor sie nach unten gehen. Und schließlich wird dies wieder zu blauer Farbe, wie es ursprünglich. Waas. Also lasst uns das machen. Wieder einmal können Sie darauf klicken, wie Sie die Bomben an Ort und Stelle sehen können, wenn er in der Nähe ist und sie gehen um wieder zurück zu plus springen. Das war's also für dieses Video, und wir sehen uns im nächsten. 18. Button 2: in diesem Video. Wir werden diesen Boden erstellen, und wenn Sie darauf klicken, wird es von einem Text zum anderen ändern, und eine leichte Reflexion wird von links nach rechts gehen, nur um die Dinge ein wenig aufzupeppen . Wenn ich es also wieder zurückschalte, wenn du darauf klickst, kannst du sehen, wie es aussieht. Also lasst uns anfangen. Also hier Havenaar Portable 500 von 500. Gleich wie in allen anderen Beispielen werde ich meinen Text verwenden. Ochlik, genau hier. Bean hat eine Nachricht gesendet. Vergewissern Sie sich, dass es in der Mitte ist. Ich ging offen Sinn frei kühlen Front zu verwenden, wenn es wie zu platzieren. Also als nächstes werde ich Rechteck-Werkzeug gezeichnete Augen verwenden. Großes Rechteck Matthews 2 bis 5 mit 70 und lassen Sie uns 50 für die abgerundeten Ecken verwenden. Doppelklicken Sie auf den Layer-Namen und nennen Sie es VT und Position direkt unten sind Nachricht senden und stellen Sie sicher, dass es auch in der Mitte ist. Als Nächstes werde ich ohne Grenze verwenden. Ah, fühlen Sie Farbe aus drei e. C. Sechs ff-Moderator, und ich werde weiß für unseren Text verwenden, gehen Sie einfach hier klicken, und ich werde diese beiden gruppieren und rufen Sie diesen Knopf wie so weiter oben. Was ich tun möchte, ist, dieses Textsteuerelement zu duplizieren D. Ich werde mich verstecken und sehen einen Teil, und ich gehe Zehe Tipperfolg wie so und stelle sicher, dass es in der Mitte ist, wie es jetzt ist . Und während ich tun werde, ist hoch das. Zeigen Sie das und ich werde ein weiteres Rechteck hier in der Mitte erstellen, etwas genau hier, zum Beispiel, und nennen Scheibenmoschee, weil dies unsere Moschee für den Text sein wird. Ich werde es in der Mitte positionieren, wie so in der Mitte, wie so entfernt die Grenze. Und was ich auch tun möchte, ist, dass Sie es einfach so lassen können, wie es ist, oder Sie können Ihre Pay-Stadt senken, wenn Sie wollen, nur damit Sie Ihren Text sehen können. Aber lass uns nein, nein, nein. Lassen Sie es auf Null und sehen, wie das funktioniert. Und was ich jetzt tun möchte, denn der Erfolg ist, es direkt über die Moschee zu bewegen. Irgendwo hier, mal sehen. Ja, denn wenn ich hier mit meiner unteren Pfeiltaste schwebe. Sie können sehen, dass es die obere Markierung von unserer Moschee trifft. Lasst es uns also dort lassen. Also vielleicht nicht nur ein Pixel so hoch. Und was ich tun möchte, ist wählen Sie alle drei und klicken Sie mit der rechten Maustaste und wählen Sie Moschee mit Form. Oder Sie können Shift verwenden, steuern Sie em oder Shift, Befehl ihnen Moschee mit Form. Und wie Sie sehen können, hat die Moschee geschaffen. Aber was passiert ist, dass dieser Erfolg von oben verschwindet, und wir werden nur den gesendeten Nachrichtentext sehen. Also schauen wir uns nicht genau hier an und rufen Sie Disc, Schreibtisch, Textmoschee so an. Und was ich wissen möchte, ist, ein Rechteck über alles wie zu erstellen , also werde ich es direkt über unseren Ordner verschieben, und wir werden diese eine Reflexion wie so, und ich werde sein Gewicht zu irgendwo hier reduzieren entfernt die Grenze, weil wir es nicht brauchen, und ich werde darauf doppelklicken. Ich werde diese beiden Punkte oben auswählen, meine Shift-Taste gedrückt halten und sie einfach auf die Zehe irgendwo hier bewegen, und ich werde auf diesen klicken, Shift 1 halten, um es nur ein wenig einzugrenzen. Klicken Sie auf diese eine ganze Schicht 12, um sie ein wenig mehr einzugrenzen, und das ist es im Grunde. Wir haben unsere Reflexion geschaffen. Du kannst so viel spielen, wie du willst, aber ich fand, dass das gut genug ist. Also, was ich jetzt tun möchte, ist, diesen Knopf zu duplizieren, damit er D steuert und ihn direkt über unserer Reflexion platziert . Und was wir auch wollen, ist, diese zu wählen, um Rechtsklick und Moschee mit Form und dies geht , um Moschee sind Reflexion. Was Sie an dieser Stelle tun können, ist, dass Sie die Deckkraft von dieser Reflexion senken können, oder Sie können sie bei 100% belassen. Es liegt wirklich an dir. Und lassen Sie uns diese eine Moschee so nennen, also in diesem ersten Zustand, was Sie wollen, ist, die Reflexion aus dem Boden zu bewegen, also werde ich darauf klicken, meine Shift-Taste halten und sie einfach nach draußen bewegen, um irgendwo hier herum. Und dann, was wir wollen, ist, diese unsere Leiterplattensteuerung D und für diese zu duplizieren. Wir wollen, dass die Reflexion den ganzen Weg über gehen und gehen außerhalb Angebot Taste wie so, und wir wollen auch die Taste Farbe ändern. Also werde ich eine schöne grüne Farbe wie 55 d 466 verwenden. Wieder einmal werden Sie alle diese in den Übungsdateien haben, so dass Sie sie so viel verwenden können, wie Sie wollen. Und was wir an dieser Stelle wollen, ist, diese Nachricht außerhalb zu entfernen. Also werde ich Schicht im unteren Araber halten. Ich werde ein paar Mal drücken, bis es dir verborgen ist. Und ich werde den Erfolg hier in der Mitte von unserem Knopf platzieren, damit Sie ihn so halten , verschieben und positionieren können , . Und wenn Sie draußen klicken, können Sie auf Lee Erfolg sehen. Also als nächstes müssen wir es animieren. So ist es auch. Sie können sehen, wir haben nur zu unseren Ports, so werde ich auf Prototyp klicken, klicken Sie auf eine Schaltfläche und ziehen Sie es Zehe hier und nur einen Schritt. Außerdem ist jedes Fleisch drin. Und für die Dauer, lassen Sie uns etwas wie 0,6 Sekunden verwenden, oder Sie können eine Sekunde verwenden. Es liegt wirklich an dir. Also, wenn Sie rechts hier klicken, können Sie Roger, nur ein wenig, wenn Sie darauf klicken. Wie Sie sehen können, kommt eine schöne Reflexion über, und dieser Erfolg kommt von oben. Also schauen wir uns noch einmal an und Sie können sehen, wie das aussieht. Ich denke, es sieht wirklich sauber und einfach aus, und es zeigt wirklich den Punkt, weil es von blau zu grün und sowie von senden Nachricht zum Erfolg geht . Das war's also für dieses Video, und wir sehen uns im nächsten. 19. Button 3: in diesem Video. Wir werden diese Schaltfläche erstellen. Also, wenn Sie darauf klicken wird, um den Text zu ändern, ändern Sie dieses Symbol und ändern Sie das Symbol und den Text wieder und im Grunde gehen von animierten Zehe warten. Wie Sie sehen können, wird dies geladen und schließlich aktiviert. Also lasst uns anfangen. Also, was ich hier habe, ist der Kunstport oder 500 von 500 gleichen Michael in allen anderen Videos bisher , und ich werde den Button erstellen. Ich habe auch diese beiden Symbole, weil sie uns nur ein wenig Zeit sparen werden. Also werde ich die Farbe von drei e c. Sechs FF Zentrum verwenden. Ich werde die Grenze entfernen. Was ich will, ist geerdete Kanten 50 haben. Und für die Größe, lassen Sie uns 2 bis 5 Weizen 70. Also werde ich diesen Knopf in der Mitte positionieren, ihn hier in Bt und Mitte anrufen, ihn unten verschieben, und ich werde mein Textil verwenden und Tippaktivierungen wie, also stellen Sie sicher, dass es von links ist. Ich werde es so positionieren, dass es so in der Mitte ist, und ich werde es zum Beispiel verschieben . Aber siehe 12345 Allergien, 50 von dieser Kante, oder wir können es vielleicht sogar 60. Ich denke, das ist gut. Lassen Sie uns weiße Farbe dafür verwenden. Kontrollierte die beiden duplizierten. Ich werde das hier verstecken. Ich nenne das „Warten“. Und schließlich für die Schildkröte. Lassen Sie uns das duplizieren. Verstecken Sie warten. Und für die 3. 1 nennen wir dies aktiviert wie so. Und ich werde im Grunde alle drei auswählen und ihn nach unten bewegen, so. Und ich werde all diese Wärmeregler G und kalt wählen, diesen Knopf so. Und jetzt müssen wir eine Moschee schaffen. Um das zu tun, kann ich das Rechteck verwenden, und ich kann eine schöne große Moschee zu so etwas zeichnen, und ich werde es so in der Mitte von unserem Knopf positionieren. Ich werde die Grenze zu entfernen, Laden Sie eine Stadt 20 Ich werde diese Moschee wie nennen, so bewegen Sie es innen aus unserem Ordner, Wählen Sie alle vier und rechts klicken und Juden Moschee mit Form. Ich werde diese Moschee nennen und schließlich, lassen Sie uns diesen Text bewegen, also zuerst wird aktiviert und der letzte wird aktiviert werden. Also brauche ich Zeh auf Gruppe der Moschee, nur damit ich das tun kann. Ich werde nach oben aktiviert zu bewegen, weil aktivieren wird ein 1. 1 Warten wird ein 2. 1 und aktiviert wird wird unser dritter und endgültiger sein. Also wählen wir sie jetzt aus. Jules Moschee mit Form. Rufen Sie diese Moschee so an und ich werde diese beiden schnell aus dem Weg bringen. So bewegen Sie sie zum Beispielnach oben zum Beispiel . Und wie Sie sehen können, haben wir jetzt nur noch aktiviert und wir werden jetzt diese anderen Elemente erstellen. Also lass uns einen Kreis erstellen, den ich werde, ist eine Lippenstola mit so etwas wie hier. Es ist eine gute Position, um in der Mitte zu sein, nannte es Kreis, und wir werden die Grenze von Weißen und drei wie so haben, und ich werde es irgendwo positionieren wie 123 Also Dritte Picks ist von links. Dies wird unser Kreis sein, und wir werden dieses Symbol verwenden, um es einfach hier zu positionieren. Ich mache dieses Symbol blau und lass es uns bewegen, um in der Mitte von allem wie diesem zu sein . Ich finde, das sieht gut aus. Und vielleicht können wir es etwas kleiner machen. So etwas wie hier. Als nächstes werde ich das Häkchen kurz darüber positionieren, und ich werde es hineinziehen und sicherstellen, dass sie ungefähr die gleiche Größe haben. So etwas, denke ich, funktioniert gut. Als nächstes werden wir dieses Häkchen in der Mitte positionieren, so stellen Sie sicher, dass der Pfeil auch in der Mitte ist. Und dieses Häkchen wird eine andere Farbe haben. Also werde ich diese Farbe jetzt schnell testen, also werden wir eine schöne grüne Farbe haben. Also werden wir diese Farbe verwenden, die 55 D 466 Drücken Sie Enter und ich ging, um all das schnell zu verbergen, und was ich jetzt tun möchte, ist, dass in diesen Kreisen in ihren separaten Gruppen sind. Also, was ich will, ist, dieses zu duplizieren, Also Kontrolle D und wir werden dieses Häkchen gruppieren Markieren so kontrolliert G und dieses Häkchen aufrufen . So wie so. Und ich werde sinken. Zahlen Sie City 20? Wir werden die 2. 1 für den Pfeil haben. Also kontrolliere G, das wird unser Araber sein, und wir werden sie positionieren, während sie sich damit bewegen. Also werde ich den Kreis noch einmal duplizieren, und ich werde den Kreis direkt unter unserem Pfeil positionieren, so dass ich den Pfeil für den Moment schnell verstecken werde , denn was wir wollen, ist, diese Form zu schaffen, die gehen wird um. Also, was ich dafür will, ist vielleicht, dass wir es so nennen können und was ich will, ist, die Füllfarbe zu entfernen und wir werden einen Strich von 50 und Lücke von 50 als auch hinzufügen. So wie so. Und wir werden um Gap klicken, weil wir wollen, dass diese Kanten im Grunde liegen. Das ist es also für den Erstellungsprozess. Jetzt ist es Zeit, alles zu animieren. Also werde ich den Pfeil zurück einschließen. Ich werde die Form verstecken, die ich hier klicken werde, drücken Sie Kontrolle D und für den zweiten Zustand. Was ich will, ist, den Pfeil ein wenig nach oben zu bewegen, damit die Illusion entsteht, dass er nach oben geht. Und wir werden auch gehen, um Sie zahlen Stadt von diesem Pfeil zu reduzieren und wir gehen Zehe umfassen eine Form im Grunde, aber im ersten Zustand Form sollte nicht versteckt werden. Das ist mein Fehler, dass Shape unter einer Stadt von Null haben sollte. Also im Grunde , wenn sich das nach oben bewegt, wird diese Form erscheinen, und genau hier statt aktivieren. Wir werden es unten verschieben, aber wir werden warten so, stellen Sie sicher, dass sie an der gleichen Stelle wie so sind und einfach bewegen, aktivieren und unten. Das wird also unser zweiter Staat sein. Und in diesem Zustand geht im Grunde Zehe Warten, äh, ein bisschen. Und dann im Sturtz-Staat wird sich das nur ein bisschen drehen. Also werden wir diese Form verwenden und wir werden sie drehen, so dass Sie Ihre Umschalttaste halten und drehen können , um so etwas, zum Beispiel, und wir werden einen weiteren Zustand haben. Aber anstatt dieses zu duplizieren, werde ich diese 1. 1 so duplizieren und schließlich, was wir brauchen, ist der endgültige Zustand. Also hier drin werden wir diese grüne Farbe haben. So 55 D 466 wie so, anstatt zu warten, werden wir aktiviert haben. Stellen Sie also sicher, dass Sie es unten bewegen, bis es in der Mitte trifft. , dass Stellen Sie sicher, dassSie nach unten warten und was wir für diese wollen, ist, dass wir die Form ausblenden wollen, aber wir wollen das Häkchen wieder so einschließen. Und wie Sie sehen können, haben wir fünf verschiedene unsere Boards, wie Sie sollten, und es ändert sich von aktivierter Zehenwartung. Warten Sie ein bisschen. Dies wird sich drehen, und es wird schließlich am Ende mit einem grünen Farbknopf aktiviert zeigen. Also nein, es ist Zeit, es zu animieren, und ich werde Ihnen zeigen, wie Sie das tun können. Also ist es wirklich einfach. Sie können auf den Prototyp klicken, sogar auf den Button klicken, diesen blauen Griff direkt hier gezogen. Wir werden Wasserhahn haben. Auch animieren für den Übergang ist in Out und Dauer von 0,6 Sekunden. Jetzt für den zweiten Zustand, Sie werden Zeit verwenden, also wählen Sie Zeit und für die Verzögerung, wir werden 0,6 Sekunden wählen. Lockerung wird einfach und aus und die Dauer wird ein 0,6 Sekunden sein. Tun Sie dasselbe für diesen und tun Sie schließlich dasselbe für diesen. Und schauen wir es uns an. Mal sehen, was wir erschaffen haben. Also, wenn Sie darauf klicken, wird das Warten ändern. Dies wird sich nach links und rechts drehen, und es wird angezeigt, betätigt, also ist es wirklich einfach. Es ist wirklich einfach. Sie können ein bisschen mehr damit machen. So, zum Beispiel, wir können vielleicht, wenn Sie auf diese klicken, es wird Zehe verstecken in diesem Pfeil, wenn Sie eine Moschee gerade über der gleichen Flüssigkeit es für den Text erstellen . Also wird es den Pfeil verstecken, und dann können Sie diesen Kreis Togo von Dreck, Farbe zu Strich ändern . Und dann wird diese Form auftauchen, so dass Sie diesem Design etwas mehr Variation hinzufügen können . Aber ich denke, das ist wirklich ein guter Ausgangspunkt für Sie. Es ist wirklich schön, sauber, einfach, einfach zu erstellen, und Sie können dann hinzufügen, von hier aus können Sie sogar Moschee diese Form, so kann es von hier erscheinen . Sie können zurück springen, Zehe Icahn Abschnitt aus Diskurs und Sie können sehen, dass wir dieses Symbol erstellt haben und Sie können Animation in diese Schaltfläche Animation einfügen, so dass es wirklich darauf bauen kann. Und Sie können etwas ganz anderes als das, was ich in diesem Video erstellt habe, erstellen . Das war's also für dieses Video, und wir sehen uns im nächsten. 20. Button 4: in diesem Video. Wir werden dieses Dropdown-Menü erstellen und Sie haben diesen Pfeil innerhalb des Kreises, und wenn Sie darauf klicken, wird es zu erweitern und der Pfeil wird Zehe X drehen, so dass Sie es schließen können. Und Sie haben diese Menüpunkte in dieser Box. Also, wenn Sie auf die Kleiderbox klicken, wird wieder in Kreis zusammenbrechen und das X wird wieder den Pfeil nach unten drehen. Also lasst uns anfangen. Also, wie üblich, habe ich das Kunstbrett bei 500 mal 500. Lassen Sie uns einen schnellen Kreis erstellen. Ich werde diese Farbe Hit Control Control Gewicht basierend in verwenden und ich werde die Grenze entfernen , weil wir es nicht brauchen. Und wir werden die Größe von 54 mal 54 verwenden. Ich Sache, die gut funktioniert, ich werde es hier positionieren und nennen es Kreis wie So Now lasst uns unseren X Mann erschaffen. Lassen Sie uns hier und dann direkt hier mit dem mentalen klicken. Ich werde Fluchttier treffen, um den Kreis zu verstecken, damit du sehen kannst, wie es dafür aussieht. Mal sehen, was wir tun können. Wir können die Größe von drei so verwenden, und wir können um Kip verwenden, damit wir es herum können. Es nennt sich diese Zeile, so dass er die und untere kontrollierte. Wir rufen eine Leitung zur Aktie an. Eins. Wir können um 1 35 drehen, wie so und was wollen? Lassen Sie uns um 45 drehen, und wir können ein nettes X haben und wir können Kontrolle G drücken, um sie zu gruppieren und so nah zu nennen . Und wir können den Kreis zurückdrehen und wir können nicht die Farbe von diesen Linien Zehenweiß ändern. Habe ich so? Und wir können das auch gruppieren. Aber bevor wir es tun, können wir hier klicken, dass genau hier Zehe, machen sie in der Mitte. Du kannst das sogar entschärfen, wenn du willst. Es liegt wirklich an dir. Aber lasst uns die Gruppe halten und das so nahe nennen. Und wir werden diese beiden gruppieren und es wieder schließen nennen. Mal sehen. Ja, das sieht gut aus, jetzt müssen wir ein Rechteck erstellen. Also, was ich eigentlich tun werde, ist in diesem Kreis duplizieren oder noch besser. Lassen Sie uns ein Gehirn neues Rechteck erstellen und lassen Sie uns Größe von 235 mit 235 wie so werde ich die Grenze entfernen. Fügen Sie die gleiche Füllfarbe ein. Und für diese abgerundeten Rechtecke, lassen Sie uns 30 für den Eckenradius verwenden, und ich werde mich auf diesem Rechteck bewegen Das ist gut. Das bewegt sich unten, und was ich eigentlich tun werde, ist es mit diesem Kreis auszurichten, so dass Sie zum Beispiel drei treffen können , nur damit Sie Ihre Zahlungsstadt davon senken und es Toby positionieren können, richten Sie sich an der oberen Kante des Kreis sowie mit der rechten Kante. Was ich jetzt tun möchte, ist, etwas Text hinzuzufügen. Also, was zum Beispiel bei der Hauskontrolle ist, Hauskontrolle ist, die A. Lasst uns die alte Prinzessin benutzen, wie wir es getan haben. Was Sie tun können, ist, dass Sie es mit dem Kreis ausrichten können, so dass Sie sich hier aufstellen. 1234 und 1234 Vielleicht können Sie verwenden, um so steuern D und bewegen Sie diese untere und lassen Sie uns diesen einen Shop nennen, zum Beispiel, so, und stellen Sie sicher, dass es bei 40 ist, wenn Sie denken, es ist zu viel. Lasst uns 20 benutzen, damit wir die Dinge einfach halten können. Bewegen Sie das hier nach unten. Das wird Blawg so schlagen, und stellen Sie sicher, dass es ein 20 ist. Es ist, und was wir jetzt tun wollen, ist, all das unten zu bewegen, drücken Sie dort auf Ihrer Tastatur oder erhöhen Sie Ihre Pay-Stadt. Alles klar, und was ich tun will, und jetzt ist die Kontrolle zu treffen. D und ich möchte diese eine Moschee nennen, weil es die Moschee für die ganze Sache sein wird . Also werde ich auf die ganze Schicht klicken. Klicken Sie auf das Rechteck klicken Sie mit der rechten Maustaste und Moschee mit Form. Wie Sie sehen können, im Grunde nichts passiert. Ich werde diese Moschee nennen, und auf dieser Moschee werde ich nur ein wenig über deine Basishinuntergehen, und das wird alles sein, hinuntergehen, und das wird alles sein, im Grunde für unseren Entwerfungsteil. Und wie Sie sehen können, haben wir jetzt diese Moschee und wollen endlich tun, ist es, die Farbe aus diesem Text toe weiß wie so zu ändern, und das ist im Grunde es für den Erstellungsprozess. Stellen Sie sicher, dass alles schön ausgerichtet ist, wie es ist, und Was Sie tun können, ist Gruppieren Sie diese beiden und verschieben Sie sie einfach in der Mitte. Runter von unseren Häfen. Ich gehe mit den Zeh. Entpacken Sie sie jetzt und das wird unser Endzustand sein, im Grunde. Also werde ich die Kontrolle auf dem Flughafen treffen. Ich werde es so für den zweiten Staat belassen. Und für den ersten Zustand, alles, was Sie wirklich tun müssen, ist, nehmen Sie Ihre Moschee, halten Sie Ihre Shift-Taste gedrückt und machen Sie es einfach viel kleiner, bis sie im Grunde genau hier in diesen Kreis passt . Und dann klickst du irgendwo draußen. Wie Sie sehen können, hat es diese Moschee versteckt. Was ich als nächstes tun möchte, ist ein Doppelklick hinein und sie werden noch einmal auf diese Zeile klicken . Einen, den ich in Position bringen werde. Es ist irgendwo hier, sagen wir mal, warum habe ich auf die Linie geklickt und sie positioniert, bis sie sich so in der Mitte treffen ? Damit Sie diese schöne Pfeilform haben können und schließlich möchte ich sie in der Mitte vom Kreis so bewegen, und das ist es im Grunde für den Schöpfungsteil. Jetzt ist es animiert. Sie können Prototyp treffen und Sie können darauf klicken, ziehen Sie den blauen Griff können wir tippen große Nachrichten verwenden. Auto animiert, welche Verwendung in out ist und vielleicht 0,6 Sekunden und verwenden Sie die gleichen Eigenschaften für die Rückseite. Also lassen Sie uns hier klicken, und wenn Sie darauf klicken, wie Sie sehen können, springt es heraus. Pfeil dreht Zehe X, und wenn Sie auf ihn zurück klicken, springt er zurück in den ursprünglichen Zustand. Das war's also für dieses Video. Ich hoffe, es hat dir gefallen und wir sehen uns im nächsten. 21. Button 5: in diesem Video werden wir diese schöne schwebende Taste zu erstellen, so dass, wenn Sie darauf klicken, wird Zehe X drehen und dieses Menü wird auftauchen und wenn Sie darauf zurück klicken, wird es die Zehe zurückdrehen und die Farbe ändern und geh in die Mitte. Und wenn ich noch einmal darauf klicke, können Sie diese leichte Animation sehen, wie die Elemente kommen in stattfand. Und wenn Sie es schließen, haben Sie die gleiche Animation wieder. Also lasst uns anfangen. Also, um ein wenig Zeit in diesem Video zu sparen, werde ich Ihnen nicht zeigen, wie ich alles erstellt habe. Weil Sie das im vorherigen Video überprüfen können, weil wir die gleiche Größe für diesen Boden haben . Wir haben diese ex a t genau so erstellt wie im vorherigen Video. Wir haben diesen Hintergrund. Wir haben diese Moschee im Inneren, und dieses Rechteck hat genau die gleiche Größe wie im vorherigen Video. Ich habe gerade einen weiteren Artikel hier für den Kontakt hinzugefügt, und ich habe diese Symbole direkt hier eingefügt. Und wenn ich sie alle auswähle und dir den Abstand zeige. Wenn wir also Shift und Pfeil nach links drücken 12 können Sie dort bei 20 Pixel vom linken Rand sehen und für den Text, wenn es eine Verschiebung auf ihre 20 Pixel von diesem Symbol hatte. Alle diese Symbole sind in der Mitte positioniert, da das Zuhause das größte Symbol ist. Und all diese befinden sich in der Mitte, neben dem Home-Icon. Wir haben diese Moschee oben. Also im Grunde die gleiche Moschee, die wir im vorherigen Video verwendet. Also im Grunde, ich duplizierte diese erecting Schicht, legte sie oben, wählte alles richtig, klicken Sie Ebene mit Moschee und alles ist jetzt innen von dieser Moschee. Und schließlich haben wir offenbart. Also im Grunde, wie gesagt, genau das gleiche eingerichtet wie im vorherigen Video, so können Sie es sehen und lernen, wie ich alles erstellt. also im Grunde Das wirdalso im Grundeunser Endzustand sein, und wir müssen unseren ersten Staat schaffen. Also, um das zu tun, werde ich die Kontrolle treffen. D. Wie ich schon sagte, ist dies unser Endzustand. Das ist unser erster Staat. Also werde ich Zehe Trefferkontrolle und klicke auf Insight. Ich werde hier klicken, drei e so drei e c sechs ff Moderator eingeben, um diese schöne blaue Farbe zu haben und was eigentlich damit zu tun ist, ich werde es drehen. Also werde ich bei minus 45 Pressezentrum halten, um dieses Plus-Symbol zu bekommen. Und was ich auch tun werde, ist hier zu klicken, dann genau hier, Zehe positionieren Sie es direkt in der Mitte unseres Hafens. Als nächstes auf dem Fuß Fuß, verstecken Sie es schnell, so dass ich Ihnen zeigen konnte, was ich mit diesen Gegenständen gemacht habe. Also, wie Sie sehen können, sind alle diese Gegenstände jetzt an der Stelle an zweiter Stelle unseres Hafens. Aber in der ersten Startplatine werden wir sie nur ein wenig ausräumen, damit wir diese schöne Animation haben können, wenn sie an Ort und Stelle kommen. So können Sie auf die 1. 1 klicken, die der ganze Michael ist. Und noch einmal, Sie werden all diese in den Übungsdateien bekommen und Sie können mit ihm herumspielen, so dass Sie alles auswählen können . Aber ich werde nicht alle Michael und zu Hause bald zu wählen gehen Zehe Halten Sie meine Steuertaste. Klicken Sie auf und klicken Sie, damit ich sie de auswählen kann und auf dem Rest von ihnen kann ich Shift in unteren Pfeil halten 1234 zum Beispiel. Wie eine ganze kontrollierte Zehe, die ausgewählten diese zu verschieben beide Mark 1234 und kontrollierten die Auswahl dieser beiden und schließlich verschieben 1234 nur, so dass ich ein wenig mehr Abstand zwischen jedem dieser Elemente haben könnte . Und jetzt, was ich tun muss, ist, dass ich alle auswählen werde. Also werde ich auf das Home-Icon klicken. Ich werde auf den Kontakt klicken, und was ich auch tun werde, ist im Grunde schieben sie alle nach unten und die Schwere ab. Dein Effekt hängt davon ab, wie stark du sie nach unten drückst. Also werde ich sie nicht wirklich den ganzen Weg nach unten schieben. Ich werde ihn zumBeispiel hier platzieren Beispiel und endlich für die Moschee. Es ist inklusive der Kleidung zurück. Ich werde auf die Moschee klicken. Ich werde Shift halten alt und links klicken, und ich gehe einfach die Zehe rüber, entscheidet, hier, und wenn Sie irgendwo draußen klicken, wird alles versteckt werden, wie Sie hier sehen können. Also, das ist es im Grunde für unser Design. Ich werde das schließen und zum Prototyp übergehen. Ich werde auf unseren Knopf klicken und den Zeh hier gezogen. Wir gehen zu Ihrem Schritt oder Fuß animieren Easy ein out und Dauer 0,6 Sekunden. Wenn Sie möchten, dass diese Zehe länger hält, können Sie zum Beispiel 0,8 oder eine Sekunde verwenden zum Beispiel . Was? Ich fand, dass dies gut funktioniert und den gleichen Griff zurückziehen. Und wenn ich hier klicke, um es in der Vorschau zu sehen, und Sie können sehen, wie es aussieht, so dass alle von ihnen an Ort und Stelle springen. Sie können hier klicken, und wie Sie sehen können, kommen alle an der gleichen Stelle und Sie haben diese schöne Animation, und dieses Plus dreht Zehe X und ändert die Farbe jetzt schön. Eine letzte Sache, die ich vergessen habe, zu erwähnen, ist, dass ich einen leichten Schatten hinzugefügt habe. Also, wenn ich in den Kreis innerhalb dieser Nähe klicke, haben Sie diesen Schatten. Also ist es bei 036 und wenn ich hier klicke, benutzt es diese 000 so im Grunde schwarze Farbe bei 16%. Oder zahlen Stadt, und um Ihre Basen zu reduzieren oder zu erhöhen, können Sie einfach dieses Feuerzeug bewegen, aber lassen Sie es zurück auf 16%. Also, das ist es im Grunde für dieses Video. Ich hoffe, es hat dir gefallen, und wir sehen uns im nächsten. 22. Button 6: in diesem Video werden wir diesen Kippschalter erstellen, so dass wir das X genau hier haben, und wenn Sie darauf klicken, wird die Farbe ändern und gehen Sie zu markieren. Wie Sie sehen können, verwandelt es sich irgendwie in Häkchen Markierung, und wenn Sie darauf zurück klicken, ändert es sich zurück Zehe X. Also wieder einmal von X zu Häkchen von Jack Mark zurück zu ex, alle Änderungen Anrufer als auch. Also lasst uns anfangen. Also, wie üblich, habe ich meinen Port bei 500 mal 500, wenn man den mentalen Klick hier benutzt und dann gleich hier, werde ich die Flucht treffen. Er benutzte drei für die Größe und klicken Sie rechts hier, um den runden Kep hinzuzufügen. Wenn wir etwas näher heranzoomen, können Sie sehen, wie das aussieht. Und ich werde es Line 1 Control de nennen, und das wird eine Linie zum ersten Mal sein. Verwenden wir 135 auf der 2. 1 Lassen Sie uns 45 wie so verwenden, und ich werde Zeh machen einen schönen Kreis oder 54 von 54. Also, so , so werde ich es Kreis so nennen, und ich werde sicherstellen, dass alles in der Mitte so ist. Ich gehe auf diese beiden Linien in der Mitte bewegen, so. Und was ich eigentlich tun werde, ist wählen Sie diese Farbe Hit Control C klicken Sie auf das Feld Control V, und ich werde die Grenze von den Linien entfernen. Ich werde die Farbe von Weiß so wählen, und ich werde alle von ihnen gruppieren und sie Kreis wie so nennen. Und was ich jetzt tun möchte, ist sicherzustellen, dass es in der Mitte ist, und ich werde das Rechteck-Werkzeug verwenden. Und für die Höhe werden wir 54 verwenden, also im Grunde die gleiche Höhe wie der Kreis. Also für die Höhe wie diese und für den Witz, lassen Sie uns doppelt verwenden. So verwenden Sie 108 wie so und wir werden Ecke, Radius oder 50. Das funktioniert gut, positionieren Sie es in der Mitte und nannte es, aber kein Biggie, so. Und für diesen ersten Zustand werden wir es so an diesen linken Rand bringen, bis das Fleisch hier ist, also das ist im Grunde unser erster Zustand. Wir werden die Kontrolle Dion Yard schlecht treffen, um einen zweiten Zustand zu schaffen. Und für diese für die Kreisfarbe, lassen Sie uns drei pc six f f drücken Mitte und was ich jetzt tun möchte, ist ein wenig so gedreht , zum Beispiel, so. Und ich werde es den ganzen Weg an den Rand so bewegen. Und was wir jetzt tun wollen, ist ein bisschen tiefer zu sterben und ein Häkchen zu setzen. Also werde ich auf diese Zeile doppelklicken. Ich werde es hier irgendwo hin bewegen. Ich werde es auch nur ein bisschen verlängern. Also irgendwo hier, lassen Sie uns so etwas in einer Weise sehen, um Leck zu sprechen, wenn diese andere Linie sicherstellen, dass sie sich in der Mitte so treffen, und ich werde auf diese Zeile klicken und sie einfach auf irgendwo hier reduzieren. Ich denke, das sieht gut aus, und ich werde beide Formen auswählen. Stellen Sie sicher, dass sie so in der Mitte von unserem Kreis sind, und wenn Sie es nicht mögen, können Sie es ändern. Sie können sicherstellen, dass Sie die gewünschte Form auswählen und verschieben können. Diese Punkte sind ungefähr so viel, wie Sie wollen, aber ich denke, das sieht gut aus. Jetzt. Lassen Sie uns animieren. Ich kann auf den Prototyp klicken, auf meinen Totalschalter klicken und den Griff direkt hier ziehen. Sie gehen zu Ihnen Schritt oder zu animieren für den Übergang. Jetzt einfach, und wir können 0,6 Sekunden verwenden, und wir können die gleiche Aktion verwenden, um zurück zu gehen und sehen, wie das aussieht. Also, wenn Sie darauf klicken wird, um die Farbe zu ändern und zurück zu morphen, schleppen Sie dieses Häkchen-Symbol, und wenn Sie wieder darauf klicken, es geht Zehe mehr von hinten auf die X. Jetzt können Sie mit verschiedenen Moscheen spielen, und zum Beispiel zum Beispiel können Sie hier eine Hintergrundmosche-Zehe erstellen, so dass es sich ändern wird, wenn Sie dies ändern. Also lasst uns das schnell machen. Und zum Beispiel zum Beispiel können wir die Farbe Toby die Farbe aus diesem und für den Kreis wählen. Wir können die Rahmenfarbe aus Weiß verwenden, zum Beispiel , und für diesen Kreis werden wir auch Rahmenfarbe aus weiß verwenden. Aber für diesen, lassen Sie uns diese Farbe verwenden, damit Sie sie schnell von hier und für die Grenze abtasten können. Sie verbrauchen Plett als auch, wenn Sie mögen, wie das aussieht und jetzt lassen Sie uns schnell Vorschau Wald, so dass, wenn Sie darauf klicken, können Sie Änderungen der Farbe sehen, wenn das etwas ist, was Sie wollen. Wenn nicht, können Sie sogar die Hintergrundfarben ändern. So zum Beispiel können Sie zum Beispieldiese Toby eine hellere Farbe ändern, und dann kann es von hellerer Farbe zu dieser weißen Farbe gehen. Aber es liegt wirklich an dir und du verurteilst Experiment damit, also das war's für dieses Video, und ich sehe dich im nächsten. 23. Button 7: in diesem Video werde ich Ihnen zeigen, wie Sie diesen Button machen, der sagt Zahlung machen und diese blaue Farbe hat. Wenn Sie darauf klicken, ändert es die Farbe. Dieser Text erscheint, wobei sich diese Punkte ändern und schließlich die Farbe wieder zum Erfolg ändert . Lassen Sie uns das noch einmal sehen. Wenn Sie also darauf klicken, ändern sich diese Punkte. Wie Sie sehen können, ändert es die Farbe erneut, und es ändert Stapel zum Erfolg. Also lasst uns anfangen. Also wieder habe ich meine Häfen bei 500 mal 500 eingerichtet. Lassen Sie uns eine Schaltfläche erstellen. Ich werde Rechteck-Werkzeug verwenden, Dragon Eye Rechteck und wir werden 2 zu 5 Gewicht 70 sagen, wie in allen anderen Beispielen. Und für die Eckreadies, lassen Sie uns 50 verwenden Lassen Sie uns die Grenze entfernen und diese Farbe verwenden. Also sehen Sie, wenn er will, will er schöne graue Farbe, und wir werden es Bt nennen und jetzt, dass den Text und für den Text verwenden. Lassen Sie uns etwas schreiben wie Zahlungen machen, stellen Sie sicher, dass es von der Mitte geht. Es ist eine 20 offene Sinn scheinen wie in unseren anderen Beispielen, werden wir die Farbe des Textes Weiß ändern, und Sie werden es in der Mitte positionieren, wie so stellen Sie sicher, dass sie langweilig Boot in der Mitte sind . Also, jetzt im Grunde, haben wir diese beiden. Wir haben Knopf und wir haben den Text. Jetzt verstecken wir den Text für einen Moment und lassen Sie uns an unserem Boden arbeiten, damit wir ein paar Kopien davon machen werden. Also lasst uns Kontrolle D benutzen, um eine mittlere Kopie zu machen und ich nenne diese Knopf-Moschee. So wie so. Und für diese beiden. Lassen Sie uns diesen blauen Knopf so nennen und ich werde meinen alten Schlüssel halten und ihn nur ein wenig vergrößern . Und das wird unser blauer Knopf sein. Also werden wir die Farbe drei e c sechs f f Pressezentrum verwenden. Und wie Sie hier im Hintergrund sehen können, ist es jetzt blau. Ich mache noch eine Kopie davon und nenne diesen grünen „So grünen“ Knopf. Und für diese grüne Farbe, lassen Sie mich schnell meine Farbe überprüfen. Wir werden diese Farbe so verwenden 55 D 466 Und noch einmal werden Sie dies in Ihren Übungsdateien haben . Aber wie Sie sehen können, ist es genau hier. Jetzt werde ich alle von ihnen auswählen und was ich tatsächlich tun werde, ist alles auszuwählen und die Kontrolle zu treffen. G zu machen Hauptgruppe So unten Nr. Ich wähle alle unsere Schaltflächen aus. Richtig. Klicken Sie in Juden Moschee mit Form oder Verschiebung. Steuern Sie em oder Shift. Befehlen Sie sie, wie Sie wollen. Und ich werde diese untere Moschee so nennen. Und was wir eigentlich tun werden, ist, dass wir Fuß gehen, ich glaube, die Hauptfarbe, Toby Blue. Also lassen Sie es hier und ich werde die grüne Farbe hier oben bewegen. Also irgendwo hier, und dann klickt es draußen. Sie können sehen, wir haben diese schöne blaue Farbe. Jetzt lasst uns an unserem Text arbeiten. Also haben wir Zahlung machen, ich werde eine weitere Kopie Control D machen und ich werde diese Verarbeitung so nennen, und lassen Sie uns unsere drei Punkte erstellen. Also werde ich machen einfach schönen großen Kreis entfernt die Grenze und rief den Kreis ein Hit Control. De nannte diesen Kreis auch, und traf die Kontrolle. De nannte diesen Kreis drei wie also werde ich diese beiden bewegen und ich werde sie um fünf sein lassen, wie Sie sehen können und schließlich das gleiche mit Nummer drei tun. Also, wenn wir diese Nummer drei mit meiner linken Pfeiltaste bewegen, so 12345 Wie Sie sehen können, es fünf Pixel von diesem Rahmen, sowie fünf Pixel von diesem Rahmen. Also werde ich all diese Kreise bewegen und direkt unter der Verarbeitung. Wählen Sie die Verarbeitung sowie die Kreise und stellen Sie sicher, dass sie in der Mitte von unserem Boden sind , wie sie sind, und stellen Sie sicher, dass sie in der Mitte wie folgt sind und stellen Sie sicher, dass alle diese Kreise in der Mitte sind , wie sie sind. Nun, gut. Oder wenn du es nicht tust, kannst du sie Toby irgendwo hier bewegen. Also im Grunde nur am unteren Rand unseres Textes, denke ich, das funktioniert ein bisschen besser. Und schließlich, lassen Sie uns sie vielleicht auf etwas wie 10 oder 20 Pixel verschieben. Mal sehen, was besser funktioniert. Ja, bewegen wir sie. Es ist zehn. Wählen Sie, uh nochmal und stellen Sie sicher, dass es in der Mitte wie so ist Jetzt endlich, lassen Sie uns all dies verstecken, so dass wir diese Make payment hit control de wieder sehen können, positionieren Sie es ganz oben oben, verstecken Sie sich zu machen Zahlung und dies wird unser Erfolg wie so sein und sicherstellen, dass der Erfolg in der Mitte ist. Gleiche wie all diese anderen. Also, was wir jetzt tun werden, ist alles zurück und wir werden tatsächlich gehen, um eine neue Form direkt darüber zu schaffen, wird unsere Moschee sein. So können Sie es eine Moschee wie so nennen und sicherstellen, dass die Form in der Mitte unseres Kreises ist , so. Also, was ich eigentlich mit der Moschee machen werde, ist hoch die Grenze, das Feld zu verstecken, weil wir es nicht brauchen. Ich werde die Moschee auswählen, Shift halten, alles andere unten auswählen, Rechtsklick und Moschee mit Form. Ich werde diese Textmoschee so nennen. Und was eigentlich tun wird, ist alles zu entfernen, außer Zahlungen zu leisten. Also werde ich die Umschalttaste und den Pfeil nach oben halten. Nein, nicht alles außerhalb unserer Moschee. Und wenn ich draußen klicke, können Sie sehen, dass wir nur mit diesem Zahlungstext links sind. Das ist genau das, was wir wollen. Also, was wir jetzt tun werden, ist dieses unsere Tafel zu duplizieren, also werde ich darauf klicken, es Kontrolle und D, und jetzt werden wir anfangen, diese Änderungen vorzunehmen. Also innerhalb der Textmoschee, müssen wir die Verarbeitung als auch diese Kreise im Mittelkreis verschieben unten Pfeil positionieren , bis sie in der Mitte so treffen und einfach bewegen. Machen Sie die Zahlung unten, bis es außer Sichtweite ist. Und für die untere Moschee, lassen Sie uns blaue Farbe verwenden. Wir werden es ganz unten so entfernen. Und wenn ich draußen klicke, sind wir jetzt mit diesem tollen Knopf links. Das war's also für diesen Zustand. Und wir werden noch einen und einen anderen haben. Also in diesem 1. 1 werden wir diese Punkte drehen. Also werde ich Kreis Nummer zwei und Nummer drei finden, Boot von ihnen auswählen. Mauszeiger hier mit meinem Mausklick namens Meine Shift-Taste und drehen Sie sie wie so, so vollen Kreis. Sie können dies schließen und jetzt in unserem letzten hier, können Sie das gleiche wieder tun. Also innerhalb der Textmoschee. Aber jetzt kreisen wir eins und kreisen auch, auch, also gehe ich nach Hause eine Shift-Taste, drehe sie den ganzen Kreis so. Ich werde das schließen und endlich einen endgültigen Zustand machen. Das wird also unser grüner Knopf sein, so dass Sie alles öffnen können Text, Moschee, klicken Sie auf den Erfolg, positionieren Sie es in der Mitte wie so Und jetzt werde ich Verarbeitungskreise auswählen und verschieben sie aus Anblick so. Und schließlich öffne ich die Moschee und klicke auf den grünen Knopf und positioniere ihn in der Mitte wie ich. Wenn ich draußen klicke, können Sie sehen, dass wir jetzt diese grüne Farbe haben, und das ist es im Grunde. Also, jetzt müssen wir alles Prototypen erstellen. Also, was ich tun werde, ist klicken Sie auf unsere Schaltfläche und ziehen Sie es hier. Und von hier aus möchte ich Auto-Animationen wie verwenden, so werde ich Leichtigkeit in 0,6 Sekunden wählen. So, jetzt für diese nächsten drei Zustände. Ich meine, vier Staaten, eigentlich werden wir Zeit nutzen, also ziehen Sie so. Verwenden Sie jetzt Zeit für die Verzögerung, wenn 0,6 Sekunden verwendet werden sollen. Einfach und raus. Also ist alles so, wie es sollte. Und für die Dauer können Sie es bei 0,6 Sekunden belassen. So können Sie hier klicken, ziehen Sie die blaue Kerze hier klicken, die blaue Kerze wieder in diesen letzten Zustand gezogen. Und wenn wir die Vorschau hier drücken, wenn ich sie vergrößern und darauf klicke, können Sie sehen, dass wir diese schöne Animation haben und es zeigt nun Erfolg am Ende. Also, wenn ich noch einmal klicke, können Sie sehen, dass wir diese schöne Animation haben und es hat Erfolg am Ende. Das war's also für dieses Video, und wir sehen uns im nächsten. 24. Button 8: in diesem Video, werde ich Ihnen zeigen, wie Sie diese Anzeige unten erstellen können, und wenn Sie darauf klicken, es geht Toe im Grunde in vier Teile aufgeteilt, und wir werden mit diesem X in der Mitte gelassen werden. Und wenn Sie klicken, wenn das X alles wieder zusammenbricht im Schlepptau, eine Taste und das X wird wieder zu Plus wechseln. Also lasst uns anfangen. Also, was ich hier habe, ist, dass ich vier verschiedene Icons habe, im Grunde die gleichen, die ich vorher benutzt habe. Und ich habe dieses Plus in der Mitte, im Grunde das gleiche Plus wie wir zuvor im vorherigen Video verwendet haben. Also, wie Sie sehen können, haben wir diese beiden Linien und ich werde sie etwas später drehen und wir haben den Kreis. Und für einen Kreis haben wir 80 mit 80 und für diese anderen Kreise gibt es ein bisschen kleiner. Also 72 von 72. Also gehen sie auf die Zehe. Fügen Sie hinzu, dass ein wenig mehr von diesem visuellen Interesse, wenn sie von diesem Hauptkreis geteilt, so positionierte ich sie 20 Pixel nach oben, so verschieben 12 Wie Sie in alle Richtungen sehen können und wir werden anfangen, alles zu animieren. Nun, wie üblich, haben Sie dies in Ihrer Übungsdatei, damit Sie die Übungsdatei öffnen und diese Symbole für Ihre anderen Projekte verwenden können. Unser Experiment mit ihm ein bisschen mehr. Ich werde hier klicken, Steuerelement und D für diesen zweiten Zustand drücken. Und für diesen ersten Zustand im Grunde werde ich im Grundealle diese Symbole auswählen. Klicken Sie also auf die 1. 1 genannt Shift Klicken Sie auf die letzte und klicken Sie hier und dann hier, um sie alle in der Mitte zu platzieren. Und sie sind alle hinter dieser Anzeige unten, im Grunde. Und in diesem zweiten Zustand werden sie sich hier ausdehnen. Aber was wir jetzt tun werden, ist, dass wir die Deckkraft von diesem Kreis senken, und wir werden unsere Linien drehen, so stellen Sie sicher, dass Sie die Deckkraft einschließen, bevor Sie von plus toe X wechseln, so, und wir werden Ändern Sie die Rahmenfarbe von diesem extra blau wie so. Und jetzt werden wir die Deckkraft senken, und das ist es im Grunde für den Design-Teil. Und für den Prototyp Teil, können Sie einfach hier klicken, ziehen Sie es Schritt. Verwenden Sie die automatische Animierung, die Sie verwenden können, ist in out. Und zum Beispiel zum Beispiel funktioniert 0,6 Sekunden gut und schließlich für den Rücken. Lassen Sie uns die gleiche Schaltfläche verwenden, und es wird die gleichen Einstellungen beibehalten. Wenn ich also rechts hier klicke, auf Vorschau klicke und innen klicke, kannst du sehen, dass es sich in vier verschiedene Schaltflächen aufteilt, die der Benutzer klickt, oder wenn er nicht klicken möchte, oder wenn er nicht klicken möchte,klicke direkt hier, und es ist gehen, um zurück zum ursprünglichen Boden zu springen. Du kannst damit herumspielen. Sie können diese drehen, wenn Sie möchten, also wenn sie hinter diesem blauen Knopf auftauchen, werden sie sich ein wenig drehen. Machen Sie zum Beispieleinen vollständigen Kreis zum Beispiel und dann ein Land in genau dem gleichen Raum wie dieser. Damit du wirklich mit ihm herumspielen kannst. Sie können einige weitere Effekte machen. So zum Beispiel können Sie zum Beispieldiesen Zeh verlassen, einen Rahmen haben, und dann können Sie diesen Rahmen erhöhen, zum Beispiel, diese Wartezeit hier, aber nicht der gesamten Schaltfläche aber außerhalb des Kreises selbst. So verwenden Sie den Rahmen, verwendet die gleiche Farbe aus diesem ausgeschlossen, gefüllt und dann erhöhen Sie die Größe. Zum Beispiel, so dass Sie alle von ihnen kombinieren können, zum Beispiel, Und dann mal sehen, wie das aussieht. Also vielleicht kann ich dann alles dahinter positionieren , und mal sehen, wie das funktioniert. Wie Sie sehen können, teilt es sich irgendwie im Schlepptau für verschiedene Symbole und bricht dann im Grunde wieder im Schlepptau zusammen. Ein Symbol, damit Sie diese Art von Änderungen vornehmen können, wenn Sie möchten, aber ich denke, das funktioniert gut genug auf im Grunde, ich denke, es zeigt die Absicht hinter diesem Knopf. Also, das ist es im Grunde für dieses Video, und ich sehe dich im nächsten. 25. Button 9: in diesem Video, werde ich zeigen, wie Sie erstellen können Donald Bottom. Und wenn Sie darauf klicken, können Sie diese Art von grünem Fortschritt und das Häkchen am Ende sehen, um anzuzeigen, dass der Donald abgeschlossen ist. Und wenn ein Spieler wieder einmal zurück, können Sie sehen, wie das aussieht. Also lasst uns anfangen. Also, wie üblich, beginnen wir mit einem Port von 500 x 500 Ich benutze dieses Symbol. Ich werde das Rechteck-Werkzeug Drachen verwenden, ich spreche Rechteck, und wir werden zu verwenden scheinen, wie wir für alle vorherigen Schaltflächen getan haben. Also werden wir zu fünf mit 70 wie so verwenden. Und ich werde den Eckenradius von 50 verwenden und ich werde es in der Mitte Dragon unten genannt sein Bte Dan so positionieren und ich werde ein Duplikat machen er es. Also werde ich Control d rufen diese grüne Farbe wie so und Hit Control de wieder genannt diese eine Moschee und für diese grüne Farbe, Ich habe die Farbe bereits ausgewählt, so lassen Sie mich schnell kopieren. Also wird es diese Farbe sein, so 55 D 466 Und wenn ich vorgehe und die Moschee verstecke, können Sie sehen, wie das aussieht. Also in dieser Moschee werden wir die Grenze und das Feld verstecken. Und für diese grüne Farbe werden wir die Grenze so verstecken, und wir werden diese auswählen, um Rechtsklick und Moschee mit Form, wie so, um diese Moschee zu nennen. Und was ich für diese grüne Farbe tun möchte, ist meine alte Taste zu drücken und einfach die Seiten zu verlängern ging meine Shift-Taste in tiefer es halten den ganzen Weg nach unten wie so. Und wenn ich irgendwo draußen klicke, kann man sehen, dass diese Moschee geschaffen wurde. Jetzt, da die Unterseite abgeschlossen ist, müssen wir ein Häkchen erstellen. Also lasst uns zuerst alle diese Elemente gruppieren, um sie diesen Button so genannt zu bekommen. Und ich möchte ein schönes großes Häkchen erstellen. Also werde ich vielleicht einfach diese Formen kopieren oder meinen Stift benutzen, um irgendwo hier herum. Vielleicht ist es entkommen. Ich gehe Zehe um Kep für die Größe und reduziert auf, und das ist im Grunde lässt es sein Häkchen so nennen, und ich werde es positionieren, um in der Mitte zu sein. Also gehe ich auf die Zehe, mache es so. Es ist hoch, diese jetzt zu laden. Es ist also nicht verwirrend für uns. Positionieren Sie es so in der Mitte. Und das ist es im Grunde für dein Design. Wir werden das Häkchen direkt unten verschieben, um es herunterzuladen. Wir gehen zu Fuß, reduzieren die Deckkraft so. Aber vielleicht können wir die Grenze Toby White einschließen, weil dieses Häkchen tatsächlich weiß wird, sobald es offenbart wird. Also, das ist es im Grunde für 13 Designprozess. Jetzt werde ich diese Schaltfläche schließen und ich werde eine schnelle Kopie machen. Und in diesem hier, was ich tun will, ist, einfach über Haben Sie City auf dieser Donald-Ikone auszahlen? Wir können wieder die Kontrolle de treffen. Was ich in diesem hier tun möchte, ist, diese Farbe zurückzubringen, also werde ich sie wieder aufnehmen. Also klickt es so auf, und ich werde es so in der Mitte positionieren, dass es so ist. Wie Sie sehen können, ist unten jetzt grün, und was ich auch will, ist, Kontrolle D zu treffen Und jetzt lasst uns an einem Häkchen arbeiten. Also in diesem Stadium werden wir doppelklicken und wir gehen vielleicht nicht einmal bearbeitet im Moment . Also lassen Sie uns zuerst duplizieren Sie es Control De. Also im Grunde wird das unser Tante Staat sein, und das wird ein mittlerer Zustand sein. Also, jetzt werde ich wissen, Klicken Sie darauf. Ich gehe Zeh, bringe diesen Punkt hierher. Und auf diesem 1. 1 können wir es auch für jetzt zeigen, Doppelklick, und wir werden diese beiden Punkte bis zum Anfang bringen, bis Sie den Kreis bekommen, werde ich Ihre Pay-Stadt auf Null senken. Und was ich möchte, ist, diese Ebene zu kopieren. Also werde ich Kontrolle C treffen. Ich werde das schließen und ich werde Zeh grundsätzlich auf allen anderen Ebenen basieren, so dass wir die gleiche Ebene haben. So geht es unter den Download, so dass, wenn wir anfangen, es zu animieren, es in allen Zuständen trill d wie so richtig funktioniert Und lassen Sie uns schnell überprüfen, ob wir alles richtig haben , sollten Sie fünf unsere Boards haben. Wie Sie sehen können, haben wir fünf davon. Also jetzt lasst uns mit dem Prototyping beginnen. Also werde ich auf einen Prototyp klicken Sie hier. Ich werde es hierher ziehen und für diesen hier. Was wir wollen, ist, dass wir den Hap-Trigger benutzen. Es würde kein Fleisch benutzen. Wir werden einfach und einfach so verwenden und wir werden 0,3 Sekunden für diesen zweiten Zustand verwenden . Wir werden die Zeit nutzen. Und für die Zeit hier, werden wir die Verzögerung von 0,6 Sekunden verwenden. Auch animieren. Lockerung und Richtung wird eine Sekunde dauern, weil wir ihm etwas Zeit geben wollen bis es sich ausfüllt. Und es enthüllt diese grüne Farbe. Jetzt für diesen nächsten Zustand. Wir wollen auch die Zeit 0.6 als Verzögerung verwenden. Einfach und raus. Aber hier werden wir 0,4 Sekunden verwenden. Und schließlich, für unseren weniger Zustand, was wir wollen, ist es auch, Zeit für die Verzögerung zu nutzen. Wir werden 0,0 Sekunden gebrauchen. Also im Grunde Null Sekunden einfach. Eine Out und Dauer von 0.4. Also lassen Sie uns eine Vorschau eine Fortsetzung bekommen. Es sieht so aus, als hätten wir unseren Hintern. Ich werde darauf klicken. Es wird verschwinden. Es wird sich füllen. Und jetzt haben wir dieses Häkchen. Also lassen Sie uns sehen, dass noch einmal ausfüllen wird. Und wir haben dieses Häkchen, um anzuzeigen, dass die Puppe alt fertig ist. Also, das ist es im Grunde für dieses Video, und ich sehe dich im nächsten. 26. Knopf 10: in diesem Video werden wir diesen Social Share unten erstellen Wenn Sie also darauf klicken, wird es erweitert und diese Symbole werden erscheinen. Und wenn Sie es wieder schließen möchten, können Sie hier klicken, und es wird wieder schließen und zeigen, um zu teilen Symbol wieder. Also lasst uns anfangen. So wie üblich, haben wir unseren Hafen oder 500 mal 500. Und um etwas kurz zu schneiden, habe ich es auf der Grundlage. Einige dieser Symbole im Schlepptau erhöhen unsere Geschwindigkeit. Erste Dinge zuerst, Lassen Sie uns einen Kreis erstellen. Also werde ich den Ellipse Hocker wählen. Ich gehe die Zehe. Platzieren Sie es bei 80 mal 80. Stellen Sie sicher, dass es vollständig in der Mitte wie so werde ich die Grenze enthalten gefüllt blaue Farbe drei d sechs c sechs ff Pressezentrum entfernen und ich werde im Grunde bewegen Sie es hier. Ich werde es einen Kreis nennen, und ich werde das Share-Icon in Sicht zu platzieren, und ich werde sicherstellen, dass sie in der Mitte sind wie so Weiter werde ich die Farbe aus dem Share-Icon auf diese weiße Farbe ändern . Ich werde sie gruppieren und rufen Sie diesen einen Knopf wie so oder Sie könnten Share-Button gehen , wie Sie als nächstes wollen, wir das X erstellen. also irgendwo hier um irgendwo hier herum würde Escape treffen Das wäre eine Drei. Oder vielleicht ist es auch. Ja, zwei sind gut rund um Kep. Ich werde diese eine Zeile ein Control De nennen und auf diesem Grund fragen, wann man die Linie zu beiden verwenden sollte weiß sein und vereinbart, einen Anteil für jetzt zu verbergen Wenn diese 1. 1 Verwenden wir 135 Und auf der 2. 1 Lassen Sie uns 45 wie so verwenden Und ich werde sie positionieren in der Mitte wie diese und so. Also, um perfekt in der Mitte dieses Kreises zu sein, werde ich den Anteil einschließen, den ich zurückkomme, setzen Sie ihn oben und ich werde Zehe reduzieren Ihre bezahlte Stadt von dieser Axt vorerst. Als Nächstes werden wir unser Rechteck erstellen, das alle diese Symbole umlaufen wird. Und um das zu tun, werden wir Rechteck-Werkzeug verwenden und wir werden wieder auf unsere Schaltfläche überprüfen und sehen Kreis ist 80 von 80. Also müssen wir 18 Höhe Serie sein und für die wir können Sie im Wesentlichen 3 20 oder so etwas . Wir können 50 für den Eckenradius und für die Farbe verwenden, lassen Sie ihn schnell diese bereits erstellte Farbe wählen. Es ist also eine schöne, weiche graue Farbe und es ist B E B E B E. Als nächstes werde ich es irgendwo hier positionieren, bis es mit dem linken Rand von unserem , äh, Knopf trifft , äh, . Es wird es beachy nennen, wie so positionieren Sie es unter allem, und was ich jetzt tun möchte, ist, zum Beispiel, können wir mit 40 Pixeln, so wählen Sie alle diese Social Media Icons. Halten Sie Shift. 1234 Die D Select Facebook tun das gleiche für diesen. So 1234 wählen sie Twitter und tun schließlich das gleiche für diesen. Also 1234 und das ist es im Grunde. So können wir jetzt unseren zweiten Zustand beginnen. Aber bevor wir seine erste Gruppe machen, alle diese zusammen steuern G genannt diese Symbole so. Und wenn Sie denken, dass diese Farbe ein bisschen zu dunkel ist, können Sie Ihre pastöse senken. Aber was ich gerne mache, ist einfach meine Symbole so zu wählen, dass sie weiß sind, und jetzt funktioniert alles so, wie es sollte. Und natürlich können Sie alles so positionieren, um in der Mitte zu sein. Aber in diesem ersten Zustand, lassen Sie uns das zuerst so verwenden und ändern. Hit control D Und jetzt lassen Sie uns unseren zweiten Zustand erstellen. zu hören ist also ein zweiter Zustand. Aber stellen Sie sicher, dass alles in der Mitte ist, die es ist. Und stellen Sie sicher, dass Sie alles richtig auf dieser Linie ausrichten. Und auf der 2. 1 werden wir die Zeilen zurück einschließen, und wir werden Ihre Pay-Stadt von unserem Aktien-Icon reduzieren, so dass das im Grunde unser Endzustand ist . Und für diesen ersten Zustand werden wir den Boden so in die Mitte legen. Und was wir auch wollen, ist, die Deckkraft von diesen Symbolen so zu reduzieren und dieses BG-Symbol in der Mitte von unserem Kreis irgendwo hier zu bewegen , damit es egal ist, welche Art von Form Sie haben, also wenn ich das verstecke, Sie können sehen, dass es kein vollständiger Kreis ist. Es spielt wirklich keine Rolle. Aber es ist wichtig, dass es in der Mitte von dieser Ikone versteckt ist, im Grunde. Also jetzt Lasst uns schnell alles Prototyp machen. Also, was ich tun werde, ist auf einen Prototyp klicken, auf das Symbol klicken, ziehen Sie es hier. Wir werden Schritt benutzen. Wir werden Auto-Animate verwenden, einfach und von hier aus Belebung von 0,6 Sekunden. Und wir werden die gleiche Interaktion für hier verwenden. So Teppo, um Easy jetzt in 0,6 Sekunden zu animieren. Also jetzt, wenn ich hier zurück springe, klicken Sie auf Vorschau, klicken Sie rechts hier. Sie können sehen, wie es aussieht. Also offenbart es sich im Grunde. Ändert Toe X zurück, und wenn Sie klicken, um zu schließen, wird es wieder in Freigabe geändert. Das war's also für dieses Video, und wir sehen uns im nächsten. 27. Buttons Xd: in diesem Video wollte ich Ihnen die Buttons zeigen. Exe die Datei. Dies ist die Datei, in der alle Animationen enthalten sind. Also auf Emissionen von allen Videos in diesem Abschnitt aus dem Kurs, und Sie können schnell nach innen springen. Überprüfen Sie, ob Sie alles richtig haben. Sie können Symbole aus dieser Datei kopieren, wenn Sie sie nicht haben oder wenn Sie sie nirgendwo anders herunterladen möchten , können Sie sie von hier aus für persönliche und kommerzielle Projekte verwenden. Sie können diese Animationen kopieren und einfügen und dann später Änderungen in Ihre eigenen Dateien . Und Sie können sie auch in Ihrer U Y oder UX Arbeit verwenden. Es liegt wirklich an dir. Aber ich gebe. Ich gebe Ihnen die volle Erlaubnis, diese Datei zu verwenden, wie Sie wollen, im Grunde für Ihre persönliche und kommerzielle Arbeit. Und was ich Ihnen auch zeigen möchte, ist das. Also habe ich diese Vermögenswerte direkt hier erstellt. Also diese Luft alten Farben wurden in diesem Abschnitt aus dem Kurs verwendet, so dass Sie schnell auf diese Farben zugreifen und sie von hier kopieren können , fügen Sie sie in Ihre eigene Arbeit. Wenn Sie diese gleichen Farben in Ihr eigenes Design und schließlich, was ich mit Ihnen teilen möchte , ist, können Sie auf eine dieser klicken. So, zum Beispiel, dieses und Sie können hier auf Play klicken, um eine Vorschau, wie es aussieht, so können Sie darauf klicken und Sie können die Animation sehen und erinnert werden, die wir in diesem Abschnitt aus dem Kurs erstellt . Im Grunde für jede dieser können Sie für jede dieserAnimationen schnell auf diese Animationen zugreifen und überprüfen, ob Sie alles richtig haben. Und wenn Sie sie benutzen wollen, können Sie von hier aus tun. Das war's also für dieses Video, und wir sehen uns im nächsten. 28. Formular 1: in diesem Video. Wir werden dieses Anmeldeformular erstellen, wenn Sie auf das E-Mail-Feld klicken, wird die E-Mail ausfüllen und dann, wenn Sie auf das Abonnieren klicken wird sagen abonniert und ändern Sie die Farbe grün. Also lasst uns anfangen. So haben hier in unserem Port aus 800 mit 800 Ich werde schnell die Eingabe erstellen. Lassen Sie uns 300 mit 70 verwenden, die es Eingabe genannt wird. Das wird unsere Eingabe für die E-Mail sein. Nehmen wir, sagen wir, acht für den Eckenradius. Er würde D kontrollieren und das wird unser Knopf und für die Bots sein. Und wir sind 2 bis 5 mit 70 benutzt und wir werden es schnell nach oben bewegen. Wir gingen, um die Füllfarbe von drei E C. Sechs f für den Boden zu verwenden , und Sie werden die Grenze zu entfernen gehen, um sie ein wenig näher zu machen. Hit Shift. 1234 auf der rechten Seite, Wählen Sie beide, gruppiert sie und dann in der Mitte positioniert Hier. Hassgruppe. Jetzt für die Eingabe. Wir werden Ihre E-Mail so eingeben, dass wir 20 und Open Sense verwenden, wie so. Positionieren Sie es in der Mitte, verschieben Sie seine Verschiebung nach rechts 20 Pixel. Und wir werden D d d d d Presenter verwenden, weil das eine Art von dieser hellgrauen Farbe sein wird . Ich werde es duplizieren, verschieben Sie es hier, stellen Sie sicher, dass es von der Mitte geht und tippen. Abonnieren? Ich glaube schon. Und ich ging, um die weiße Farbe dafür zu verwenden und sie in der Mitte zu positionieren. Aus dieser Taste drücken Sie erneut Control de. Und auf diesem, werde ich nur de hinzufügen, weil es sagen wird, abonniert wie So. Dann gehe ich auf die Zehe. Bewegen Sie diese beiden so nach unten und machen Sie ein Duplikat aus dieser Schaltfläche. Ich werde diesen einen grünen Knopf und diesen unteren Knopf nennen. Sie können es so lassen, oder Sie können es einen Blasenknopf nennen. Und schließlich werde ich sie alle gruppieren. Rufen Sie diesen Knopf an und wir werden eine Moschee erstellen. Verwenden Sie einfach normales Rechteck. Zeichnen Sie ein Rechteck entfernt Rahmen, und Sie können Ihre Pasty auf Null reduzieren. Doppelklicken Sie rechts hier genannt diese eine Moschee wie so und Sie gehen, um den Text und die Moschee, Rechtsklick und Moschee mit Form zu wählen und die Moschee, . Sie können auch Shift Control Amolsch verwenden, wenn sie loben, und wir gehen Zeh genannt diese eine Moschee wie. Also schließlich werden wir die Moschee öffnen und den abonnierten Text verschieben, einen Pfeil nach oben aus dem Weg schiebt. Und wir werden nur mit diesem Subscriment-Text und für die Eingabe bleiben. Lasst uns das schnell schließen. Ich werde Control DE drücken, um diesen Text zu duplizieren, und lassen Sie uns diese Farbe dafür verwenden. Also werde ich nur diesen Farbdoppelklick kopieren und einfügen, und ich werde tippen, , zum Beispiel Designer bei email dot com. Lüge so und wir werden auch eine Moschee dafür schaffen. Ich werde es einfach schnell irgendwo hier in Moschee machen. Mal sehen, ich werde diese eine Moschee so nennen, und ich werde die Grenze so entfernen. Ich werde diese beiden Rechtsklick-Moschee mit Form auswählen, und weil es so etwas nicht getan hat, lassen Sie uns schnell diese eine Moschee so nennen. Was Sie tun werden, ist tatsächlich verschieben Sie diese Moschee nach links, also irgendwo hier herum und bewegen Sie den rechten Rand den ganzen Weg nach hier. Und wie Sie sehen können, verbirgt es jetzt den Text. Also gehen wir animiert, um hierher zu gehen, und dann wird es unseren Text enthüllen. Also, wenn Sie draußen klicken, wird es zu verstecken und E-Mail Text, und wir werden dieses Treffer-Steuerelement G gruppieren und nennen es E-Mail wie so. Und schließlich, was Sie tun werden, ist aufhören, ein Text hier zu sein. Also kopiert es wirklich den Text von meinem anderen Hafen und du wirst ihn verschieben. Nehmen wir an, Sie wollen 34 60 Pixel nach oben, und es wird offener Sinn bei 28 sein. Es wird also nur ein bisschen größer sein als unser Originaltext hier. Und das ist es im Grunde für den Design-Teil. Jetzt machen wir eine erste Kopie, Heat Control tief und was Sie in diesem Exemplar tun werden. Wir werden auf Ihre E-Mail klicken und wir gehen zu senken und Sie zahlen Stadt auf Null , weil das passieren wird, wenn jemand hier klickt, um Dear Bay City davon zu senken , und jetzt müssen wir noch eine Kopie machen, und in dieser Kopie werden wir die E-Mail offenbaren. So, als ob jemand Typen in seiner E-Mail hat. Also bewegen Sie einfach diese Moschee nach rechts, wie, so Fuß, so Fuß, enthüllen Sie die gesamte E-Mail. Und schließlich, in diesem letzten Exemplar, werden sie auf diesen Button klicken. Also müssen wir den endgültigen Zustand machen. In diesem hier werden wir diese Moschee öffnen, den abonnierten Text unten verschieben, bis er mit unserem ursprünglichen Abonnentext übereinstimmt und abonnieren. Wir werden den ganzen Weg unten bewegen, aus dem Weg. Und schließlich gehen wir Zehe mit diesem grünen Knopf zurück. Aber was ich eigentlich vergessen zu tun, ist, dass ich vergessen habe, die Farbe von diesem grünen Knopf. Also werde ich das jetzt tun. Schnell. Also, was ich eigentlich tun werde, ist wählen Sie diesen grünen Knopf und ich werde die Farbe verwenden . Mal sehen, was ist die Farbe aus dem Bildschirm. Also ist es 55 D 466 Ich werde drücken Enter und ich werde die Zehe tiefer. Bezahlen Sie die Stadt oder sie? Also lassen Sie mich schnell rechts, klicken Sie auf Kopie, und ich werde Ihre Basisstadt senken. Ich werde meine Kontrolle halten und schnell in Rechtsklick basiertes Aussehen, und ich werde Ihre im Grunde nach unten Rechtsklick basiertes Aussehen niedriger senken. Haben Sie es nach unten und mit der rechten Maustaste klicken basiert Aussehen und es wird bei 100% sein. Also all diese drei sind bei Null. Und bei diesem letzten ist es bei 100%. Lassen Sie uns schnell überprüfen, ob alles korrekt ist. Ich glaube, das ist es. Also lassen Sie uns schnell alles so schließen und jetzt ist es Zeit, es zu Prototyp, Also werde ich auf den Prototyp klicken. Der erste Benutzer muss auf dieses E-Mail-Feld tippen, weil er seine E-Mail eingeben möchte. Also ziehen wir es raus. Wir werden den Wasserhahn und für den Übergang benutzen. Lassen Sie uns Auto-Feinde Lockerung und 0,4 Sekunden jetzt auf der 2. 1 Wir wollen die Zeit nutzen weil wir etwas nach einer bestimmten Zeit passieren wollen, so dass wir eine leichte Verzögerung von 0,4 Sekunden haben. automatische Animierung ist aktiviert, und die Dauer wird jetzt um eine Sekunde betragen. Schließlich möchten wir, dass jemand auf die Schaltfläche „Abonnieren“ klickt, weil er seine E-Mail eingibt und abonnieren möchte. Wir werden also auf den Abonnieren Sie Schritt oder Zehe animieren klicken. Abonnieren. Er ist draußen. Und schließlich, was wir für das Timing wollen, ist 0,4 Sekunden. Also lassen Sie uns Vorschau drücken und sehen, wie alles aussieht. Also, wenn Sie hier rechts klicken wird warten offenbaren die E-Mail und dann, wenn Sie klicken , abonnieren wird die Farbe ändern und über diesen abonnierten Text über das abonnieren. Lassen Sie uns das noch einmal sehen. Also, wenn Sie hier klicken, kommt E-Mail heraus, wenn Sie klicken. Abonnieren, heißt es abonniert. Das war's also für dieses Video, und wir sehen uns im nächsten. 29. Formular 2: in diesem Video erstellen wir dieses Unterschriftsformular. Wir haben E-Mail und das Passwort, und schließlich eine Schaltfläche unten. Wenn Sie auf die E-Mail klicken, wird es die E-Mail fühlen und diese Zeile wird grün werden. Wir haben das Passwort wird das Gleiche für das Passwort tun. Und schließlich, wenn Sie klicken, geht dieser Anmelde-Button zu Fuß. Halten Sie dieses Häkchen, um anzuzeigen, dass Sie eine Site in haben, und dann können Sie sich vorstellen, dass der Übergang nach dem Bildschirm zum nächsten passieren wird . Also lasst uns anfangen. Also haben wir in unserem Hafen von 800 mal 800. Und lassen Sie uns etwas Text hinzufügen, jemanden zum Eingeben, Anmelden , verwenden Sie Open Sense direkt hier. Wie so und für die Größe. Lasst uns 28 ich selbst benutzen. Oder vielleicht können wir sogar 30 gebrauchen. Es ist gut. Stellen Sie sicher, dass es von links geht. Als nächstes gehen wir Zehe Trefferkontrolle tief, dupliziert und ziehen diese untere Kopie unten, und jetzt werden wir ein Feld erstellen. Also lassen Sie uns zuerst Text erstellen, indem Sie Ihre e-Mail ausgewählt schreiben. Lassen Sie uns 20 dafür und für die Kolonisten verwendet DDT-Moderator. Jetzt müssen wir unsere Linie erstellen. Also lassen Sie uns eine Zeile unten erstellen. Lassen Sie uns es bei 400 für die Farbe haben, die diese Farbe verwendet hat, also verwendet es für den Film. Entfernen Sie den Rahmen. Und für die Höhe, lassen Sie uns ein Pixel oder vielleicht sogar zwei verwenden. Einer ist nur zu 10 und wir können alles in der Reihe auswählen. Alles links darf so benutzt werden. Dies wird eine Zeile sein, und wir werden sie direkt unter unsere E-Mail ziehen. Und lasst uns es positionieren, zum Beispiel 40 20. Ich denke, es ist gut genug. Jetzt lassen Sie uns Ihre E-Mail duplizieren. Er würde D. kontrollieren. Ich werde die Oberste verstecken. Und auf dieser 10.1, Ich werde in Designer eine Frau eingeben, die nicht kommen, zum Beispiel, und Sie werden diese Farbe für die Feldfarbe so verwenden. Und schließlich lassen Sie uns unsere Moschee erstellen. Also lassen Sie uns zum Beispiel eine Moschee wie diese verwenden. Aber lassen Sie uns dieses Rechteck nur ein wenig ausdehnen, oder wir können es sein, zum Beispiel, es 10 Pixel, die Shift und linken Pfeil halten können, nur so dass wir wissen, wie weit wir es erweitert . Das wird unsere Moschee sein, und wir können die Grenze entfernen, wenn wir nicht wollen, und Sie werden sie genau hier platzieren. Als nächstes werden wir den Hocker, Rechtsklick und Moschee mit Form auswählen . Und das wird unsere Moschee sein und schließlich scheinen wie im vorherigen Video, wir werden nur diese Moschee auf den linken Zeh verschieben, den Text verstecken und wir werden Ihre E-Mail unter dieser Moschee positionieren und schließlich schwächen. Gruppieren Sie alles so zusammen. Hit control G. Und Sie werden diese E-Mail Hit Control Detail nennen, um diesen Ordner namens Shift und Bottom Arrow zu bekommen , und wir können es hier positionieren 1234, so dass wir es bei 40 haben können. Und das hier. Wir werden es bei 60 positionieren, nur damit wir hier ein bisschen mehr Platz haben. Nennen Sie diesen ein Passwort wie so und öffnen Sie sich. Und statt Ihrer E-Mail geben Sie Ihr Passwort ein, wie so und schließlich innerhalb der Moschee, können Sie Ihr Passwort für jetzt verstecken, Sie Condell klicken hinein und drücken Null. Lassen Sie mich zuerst ausgewählt, so traf Punkt Raum, dass Raum Lord Raum, nicht Raum. Und ich werde alles auswählen Hit Control C, weil ich faul Hit Control V bin, so dass ich acht Schüsse hintereinander habe. Patrol E und ich werde 44 hier auswählen. Und das wird im Grunde unser Mögliches sein. So können Sie irgendwo draußen klicken. Sie können Ihr Passwort sehen. Und schließlich, was wir brauchen, ist ein Knopf. Wählen Sie schnell aus. Wählen Sie das aus. Ihre mögliche SMS steuerte die zu duplizieren, und ich werde es außerhalb dieses Ordners verschieben. muss es nach unten verschieben und ich werde hier eintippen, weil das unser Text für den Boden sein wird . Jetzt für die Flasche selbst. Lassen Sie uns, mal sehen, vielleicht 2 bis 5 mit 70 wie so, verwenden Sie acht für den Eckenradius und für die Farbe können wir den Rand entfernen. Wir werden die Farbe von drei e c sechs ff-Zehe verwenden. Holen Sie sich diese schöne blaue Farbe. Rufen Sie diese eine Taste wie so mit gerade unten, und Sie werden es 60 von diesem Endergebnis zu positionieren. Also verschieben 123456 Sie werden die Unterzeichnung benutzen. Wählen Sie die weiße Farbe und positionieren Sie sie so in der Mitte von unserem Knopf, und wir werden es so gruppieren. Das so genannte Botsan. Und schließlich, was wir erstellen müssen, ist ein Häkchen. Also werden wir den Bleistift benutzen. Sie können irgendwo außerhalb der Umschalttaste klicken. So geht es bei 45 Grad, klicken Sie und klicken Sie dann noch einmal auf, entkommen. Und für die Farbe von dieser Grenze, wir weiße Größe zu verwenden, wird auch sein . Und schließlich, Boden gehalten. Also sind wir um unsere Ränder weg und es wird unser Häkchen wie dieses sein. Und schließlich möchte ich, dass Jack Mark irgendwo in der Mitte von unserem Knopf positionieren, damit Sie klicken können . Häkchen, klicken Sie auf eine Schaltfläche klicken Sie hier als rechts hier, um es in der Mitte zu positionieren. Und schließlich können Sie diese Unterzeichnung verstecken. Klicken Sie also auf das Häkchen. Klicken Sie auf diese beiden Punkte wie, so dass Sie sie auswählen und dann verschieben können. Silber hier draußen und wir gehen die Zehe. Grundsätzlich, haben Sie dies bei 0%, also doppelklicken Sie auf Ihren Nullschlüssel oder Sie können Ihre Pay-Stadt direkt hier senken , und das ist es im Grunde für unseren Design-Teil. Lassen Sie uns schnell einfach die Unterzeichnung einschließen. Und jetzt kommt der lustige Teil , der der Prototyping-Teil ist und was wir hier wollen, bevor wir den Prototyp starten. Lass uns alles reden, Kid Control G, die Gruppe, alles diese mittlere, diese mittlere. Und wir werden einfach nur mehr mit 10 Pixel auf der rechten Seite, denn wenn Sie sich erinnern, unsere Moschee erstreckt sich auf die linken 10 Pixel. Also lasst uns alles gruppieren. Jetzt haben wir unser Formular und wir werden steuern D Jetzt auf diesem 1. 1 wir werden unsere E-Mail verstecken , so dass Sie auf Ihre E-Mail klicken können und senken Sie es nach unten auf Null Hit Control de wieder, und in diesem werden wir offenbaren unsere E-Mail. Klicken Sie also auf die Moschee und erweitern Sie die Moschee bis hierher. Und schließlich werden wir auf die Linie klicken, und wir müssen ihr etwas Farbe geben. Also für die Farbe lässt Sie etwas Grün mit 55 d für 66% und das wird unsere grüne Farbe für diese Zeile sein , und ich kann einfach kopieren, weil Sie es ein bisschen später brauchen werden. Jetzt, wenn die E-Mail ausgefüllt ist, müssen wir auf Ihren Reisepass klicken. Also werden wir es so lassen für diesen Zustand Hit Control tief, weil wir auf es im vorherigen Bildschirm geklickt . Wir werden es in diesem verstecken. So Ihr Passwort einfach niedriger. Tun Sie einfach es und drücken Sie Control de noch einmal. Und in diesem werden wir es enthüllen. So finden Sie Ihre Moschee und erweitern Sie die Moschee hier, zum Beispiel. Und in diesem, wählen Sie die Farbe aus dieser Linie, so dass er eintritt. Und schließlich, wenn die Leute auf diese klicken, werden wir die Anmeldung im nächsten Bildschirm ausblenden. So lokalisiert die Unterzeichnung. Wir gehen Zehe tiefer die Basis Hier es und schließlich enthält unser Häkchen zurück mit unserem ersten Punkt und klicken Sie auf diesen noch einmal in diesem. Wir werden unser Häkchen erweitern, so dass Sie diesen Punkt auswählen können Vielleicht können wir sogar die Unterzeichnung in dieser einen verstecken , und es wird ein bisschen schwierig sein, aber Sie müssen darauf klicken und Sie müssen es im Grunde verlängern wie so Halten Umschalttaste zu irgendwo hier herum. Sie können ein wenig zu irgendwo so zoomen und nur sicherstellen, dass Sie alle von Ihrem Punkt ausgewählt Also so etwas wie diese Position es hier zu sein und schließlich er die eine weitere Zeit zu kontrollieren , weil wir gehen, um unsere endgültige Punkt Zehe nach draußen gehen zu verlängern. Wenn wir also unser Häkchen auswählen, können wir es so auswählen und sicherstellen, dass es außerhalb geht. Sie können Shift halten, es nur ein wenig ausrichten und einfach verkleinern und sehen, ob das gut aussieht. Ja, ich denke, das sieht gut aus. Jetzt kommt es an der Zeit, alles zu animieren. Klicken Sie also auf den Prototyp und wir können etwas näher heranzoomen. Wir können auf dieses erste Feld klicken. Sie werden den Wasserhahn Auto benutzen. Animieren ist aus und die Belüftung ist 0,4 Sekunden deaktiviert. Wenn dieser hier werden wir die Zeit haben. Verwenden Sie also Zeitverzögerung, die wir bei 0,4 Sekunden haben werden, zum Beispiel einfach ein Out oder Toe animieren. Also als nächstes haben wir die Spitze für diese so verwendet, um zu tippen oder zu versuchen, sich zu treffen. Bei diesem ist alles gleich. habe die Zeit so benutzt. Also in diesem nächsten werden wir den Wasserhahn auf der Unterseite verwenden, weil wir auf den Boden klicken und die Animation wird passieren. Also tippen oder zu animieren ist in 0.4 Sekunden. Und bei diesem hier werden wir Zeitverzögerung verwenden. Wir werden keine Verzögerung haben, also wird es 0,0 Dauer Nullpunkt ausländlich sein. Das ist gut für jetzt, aber wir werden es überprüfen und sehen, ob es gut aussieht. Heat Control Null und klicken Sie auf diese 1. 1 Klick spielen. Ich war ein bisschen groß. Wenn Sie auf klicken, geht Ihre E-Mail zu Fuß. Geben Sie eine E-Mail, und diese Zeile wird grün werden, wenn Sie auf den Pass klicken, wird im Grunde das gleiche tun . Und schließlich, wenn Sie auf die Schaltfläche klicken, wird dieses Häkchen zu zeigen. Also, das ist es im Grunde für dieses Video, und ich sehe Sie in der nächsten 30. Formular 3: in diesem Video werden wir dieses Unterschriftsformular erstellen, wenn Sie auf Ihre E-Mail klicken, wird aus und nach oben springen . Geben Sie Ihre E-Mail, dann wird das gleiche tun, wenn Sie auf Ihr Passwort klicken. Und schließlich, wenn Sie auf diese Schaltfläche klicken, wird in der Mitte springen, erweitern Sie den ganzen Weg aus und sagen, Willkommen zurück. Also lasst uns anfangen. Also, um loszulegen, haben wir auf unserem Port aus 800 von 800 gehen, um den Typ zu verwenden gesagt und Zeichen in Control E eingeben . Ich werde den offenen Sinn so verwenden, und ich werde die Größe von 30 so verwenden, und wir werden es duplizieren, damit er das noch einmal kontrollieren würde. Und bei diesem tippen wir Willkommen zurück. Also stellen Sie sicher, dass es von der Mitte geht und stellen Sie sicher , dass Sie die Farbe off white so wählen , und wir werden es in der Mitte und in der Mitte so positionieren und wir gehen Zehe reduzieren Sie im Grunde auf Null, weil das wird jetzt unser letzter Bildschirm für die Unterzeichnung sein. Lasst es uns vorerst hier lassen. Jetzt lassen Sie uns unsere Schaltfläche erstellen. Und für die Taste, lassen Sie uns sehen 2 bis 5 mit 70 Moderator und wir werden blau verwenden Also drei E C sechs ff für die Farbe und wir werden, sagen wir, ohne Grenze und sagen wir, für 50 für den Eckenradius, damit er schön und rund ist. Ich werde einfach schnell die Schaltfläche hier eingeben und einen Pfeil kopieren und einfügen, den ich bereits im Beispiel verwendet habe. Also werde ich sie so in der Mitte positionieren, dass sie so sind. Hit control G, um sie zu gruppieren, Rufen Sie diese Schaltfläche so an, bewegen Sie sie nach unten und Taste geht über unser Formular zu gehen. Aber es wird sich unter allem befinden. Aber es wird über unsere Form hier gehen, weil wir diesen blauen Sprung schaffen müssen , und das wird ganz oben auf alles sein. Also werde ich Ihnen ein bisschen später zeigen, und Sie werden in der Lage sein, das zu verstehen, desto besser. Also werde ich Control de beim Entwerfen treffen, um es zu duplizieren. Ich werde es nur ein bisschen runterschieben, und bei diesem. Wir nehmen mich in Ihre E-Mail und Sie werden es duplizieren oder begraben. Lassen Sie uns alles erstellen und dann werden wir das Feld selbst duplizieren. Jetzt wird dieser 20 Ende sein. Es wird im D. D so hell groß sein , also lasst es uns vorerst dort lassen. Jetzt lassen Sie uns ein Rechteck-Werkzeug verwenden und wir können, zum Beispiel, für Hunderte für den Verstand haben zum Beispiel, . Ich mag das auch für Höhen, und wir werden diese Farbe verwenden, also Kontrolle für das Feld sehen und wir werden den Strich überhaupt nicht verwenden . Ich werde es links positionieren, es wir zwei Texte ausrichten und ich werde es auf vielleicht 20 unten so platzieren. Als nächstes werde ich diese eine Zeile anrufen, und ich werde sie unter Ihre E-Mail verschieben, und ich werde sie gruppieren und diese eine E-Mail so nennen. Als nächstes werden wir Ihren E-Mail-Text duplizieren und Sie werden diesen oberen Teil verstecken, und wir werden dies nennen, zum Beispiel Designer bei gmail dot com. Das wird unsere E-Mail sein, und wir werden diese Farbe für die Feldfarbe so verwenden. Und schließlich, was wir brauchen, ist eine Moschee. Also werden wir ein Rechteck schön und groß zeichnen, so etwas wie dieses, und das wird unsere Moschee sein. So ist es eine hochwertige Moschee. Und endlich gehen wir auf den Fuß. Platzieren Sie es einfach auf den linken Rand hier. Ich werde die Schicht halten und vielleicht meine Linke benutzen. Es gibt zwei Male, und dann werde ich es unten verschieben. Wählen Sie diese aus, um Moschee mit Form zu treffen, genannt diese eine Moschee so, und ich werde die Moschee aus dem Weg zu bewegen, so. Und schließlich werden wir Ihre E-Mail verwenden, aber direkt unten bewegen, und das ist im Grunde unser E-Mail-Feld. Jetzt lassen Sie uns Kontrolltaten dupliziert treffen, und auf diesem nächsten, werden wir es Passwort so nennen und gingen, um es unten zu verschieben. So wie das Innere nicht gehen, um in Ihre E-Mail zu schreiben, aber Ihr Passwort so und schließlich, innerhalb der Moschee. Lassen Sie uns einen möglichen anstelle von Designer verstecken. Lassen Sie uns diese Moschee erweitern, damit wir sehen können, was wir tun. Anstelle von Designer, werde ich Punkte mit Abstand von Raum Punktbereich verwenden, zum Beispiel, Erstellen für Steuerung, Siehe? Duplizieren Sie ihn, kontrollieren Sie ein und erhöhte die Größe von 40. Nur damit sie nett und groß sind. Verschieben Sie die Moschee hier und fügen Sie Ihr Passwort zurück. Also, das ist es im Grunde für den Erstellungsprozess. Lassen Sie uns jetzt eine Bestellung beginnen. Alles oben. Also, was wir für diesen hier wollen, ist, dass wir es hier platzieren und dann absenken wollen. 80. So 12345678 Wie das Halten Shift in unteren Pfeil und tun das gleiche für diesen. Also im Grunde erweitert, um 18 so zu sein und schließlich den Knopf hier verschoben und wird bei 80 sein. Bringen Sie es einfach nach hier. Und das ist im Grunde unsere Form. Sie können alles so gruppieren, G. Aber lassen Sie den Begrüßungstext raus, weil er bleibt, wo er ist. Ich werde in der Mitte zu positionieren und drücken Verschiebung zweimal nach rechts, weil, wenn Sie sich erinnern, unsere Moschee ging 20 Stücke aus der linken. Wir gehen auf, gruppieren alles und lassen alles so, wie es ist. Also gibt es es im Grunde für den Design-Teil aus diesem Video und jetzt werden wir Prototyping-Teil verschieben, so dass Sie auf unseren Port Hit Control D klicken können und auf diesem 1. 1 werden wir diese Ihre E-Mail nach oben verschieben. Also, wo klicken? 1234 Nun, in diesem Stadium, werden wir warten. Also kontrolliert er D auf diesem Flughafen? Und jetzt, diesem Zeitpunkt, zudiesem Zeitpunkt,werden wir unsere Moschee enthüllen und unsere E-Mail so zeigen, und wir werden dasselbe tun. Also im Grunde, wir werden auf Ihr Passwort klicken. In diesem Stadium wird Ihr Passworttext herausspringen. Also 1234 und wir werden Zehengewicht. In diesem Stadium, tränken Sie es kontrolliert die eine weitere Zeit und jetzt werden wir unsere Passwörter offenbaren. Bewegen Sie einfach die Moschee nach rechts. Und noch einmal, wenn Ihr Computer über irgendetwas davon verwirrt, können Sie die Übungsdateien untersuchen und Sie können genau sehen, was ich getan habe, was ich erstellt habe. Und Sie können die gleichen Dateien für ihre persönlichen und kommerziellen Projekte verwenden. Also endlich, jetzt müssen wir auf die Schaltfläche klicken und wir wollen Control de certificated klicken. Also in diesem einen Benutzer wird auf der Unterseite klicken, jetzt wird der Knopf in der Mitte bewegen , wie so dass wir Fuß gehen, machen es Kreis. Also 70 mal 70 und der Pfeil wird so nach innen gehen und schließlich klicken Sie hier, um das direkt in der Mitte zu positionieren. Auf diesem nächsten, wir gehen Zeh, haben die Kontrolle auf D. Klicken Sie auf den Knopf und wir gehen Zehe halten einen Shiftbolzen und linken Klick auf eine der Ecken und erweitert den ganzen Weg hinaus, bis es fühlt sich alles. Und wir werden den Pfeil in diesem Stadium verstecken. Und schließlich müssen wir den Knopf über alles bewegen. Also im Grunde wird es willkommen sein zurück und der Button unten, also gehe ich einfach Fuß, klicke schnell auf alle und positioniere den Knopf über allem. Also lasst uns das schnell machen, weil wir diese blaue Farbe brauchen, um alles abzudecken, außer Willkommensseite, die oben sein wird, also wieder einmal , wenn sie klicken, wird es Kreis werden. Dann wird es aufwenden und schließlich, in diesem hier, werden wir zum ersten Mal unseren Willkommenstext enthüllt haben, also ist es im Grunde. Sie haben insgesamt 2468 unsere Häfen. Und noch einmal, wenn Sie über etwas verwirrt sind, können Sie die Projektdateien auschecken und alles für sich selbst sehen. Jetzt lassen Sie uns Prototyp so in Konflikt Prototyp. Also auf diesem 1. 1 werden sie auf Ihre E-Mail klicken. Also werden wir Schritt Auto Feinde verwenden und für die Lockerung Gesäßling ist in out. Und schließlich, lassen Sie uns 0,6 Sekunden verwenden. Zum Beispiel, bei diesem hier, werden wir Zeit verwenden. Also Zeit und Verzögerung lassen Sie uns 0,60 Punkt sechs auch für die Deklaration verwenden, und es wird hier auf zwei landen. Als Nächstes klicken wir auf Ihr Passwort. Also tippen Sie oder auf ein beliebiges Fleisch, gleiche Einstellungen. Und bei diesem hier fahren wir den blauen Griff. Wir werden Zeit nutzen, also im Grunde die gleiche Verzögerung und alles, bis es den Pass ausfüllt. Und schließlich werden wir tippen für diese eine einfache Notizen verwenden, und das wird Zeit sein. Also lasst uns die Verzögerung ein bisschen größer haben. Eine Sekunde, zum Beispiel, dass Sie 0,6, und auf diesem, lassen Sie uns 0.6 und 0.6 verwenden und sehen, wie das aussieht. Also werde ich auf diese erste Start-Board-Klick-Vorschau klicken. Also, wenn Sie klicken, wird Ihre E-Mail springen aus und der Designer wird Ihr Passwort offenbaren, wenn Sie klicken, wird es das gleiche tun. Und schließlich, wenn Sie auf den Boden klicken, wird in der Mitte springen, erweitern und wir gehen Zeh. Haben Sie diesen Willkommensrücktext. Das war's also für dieses Video. Und noch einmal, wenn Sie über etwas verwirrt sind, können Sie die Projektdateien auschecken und mehr über die Dimensionen, den Abstand und alles, was in dieser Projektdatei steckt, erfahren. Das war's also für dieses Video, und wir sehen uns im nächsten. 31. Formular 4: in diesem Video werden wir diese Formularfelder mit dem Selektor oben erstellen. Wenn Sie also auf eines dieser Felder klicken, gehen diese Felder zu erweitern oder zu reduzieren. Wie in diesem Fall und Text wird sich auch innerhalb des Bodens ändern. Und es wird mit dem übereinstimmen, was Sie oben angeklickt haben, so dass Sie sehen können, Signieren direkt hier. Dann melden Sie sich an und rennen Sie es Passwort. Also lasst uns anfangen. Also haben wir einen Flughafen von 800 von 800 Ich werde meinen Titel verwenden und ich werde eingeben, Anmelden und ich werde offen verwenden, sagt B 20 regelmäßig. Und ich werde die Kontrolle DE drücken, um dupliziert zu werden. Und bei diesem, werde ich eintippen, anmelden und schließlich werde ich noch einen haben, und dieser letzte wird für den Pass zurückgesetzt. Jetzt fangen wir an, unsere Felder zu erstellen. Also für das Feld, lassen Sie uns für 100 mit 70. So und für die abgerundeten Ecken. Lassen Sie uns so etwas wie Achter und schön und sauber, und ich werde dies in der Mitte wie so bewegen, bewegen Sie sich entscheiden alle von einem zu hören, melden Sie sich an. Lassen Sie es uns nah und die ganze Schicht bringen und vielleicht bewegen. Ich weiß nicht, 20 oder 40 Pixel. Lassen Sie uns 30 verwenden und schließlich zurücksetzen. Verschieben Sie diese Kante, duplizieren Sie sie und ziehen Sie sie nach unten und verschieben Sie sie direkt über das Rechteck. Hier. Wir werden Eingabe wie so eingeben und signieren, damit wir sie gruppieren und diese E-Mail aufrufen können so dass mehr alles unten und innerhalb des Signierungstextes mehr mit 20 Pixel nach rechts und wir werden in Ihrer E-Mail schreiben wie so weiter oben, wir Ich werde es duplizieren und dieses nach unten verschieben, so lassen Sie es bei 20 Pixeln sein, wie so Und das wird schreiben möglich, weil dies unser Passwort wie dieses sein wird und es das Passwort so umbenennen und schließlich, was wir brauchen, ist eine Wiederholung -Passwort. Also würde er D auf diesem und vielleicht mehr kontrollieren, was 20 Pixel nach unten so und wir werden dieses Wiederholungspasswort wie so nennen und niedrigen Klick drinnen und tippen. Wiederholen Sie es so. Und schließlich, was wir brauchen, ist ein Knopf. Also lasst uns das machen. Hit Kontrolle D, und wir werden das hier unten nennen, und wir werden es bewegen. Nicht 20 Pixel. Also wird es im Grunde dasselbe sein, im Grunde dasselbe sein, für alle von ihnen. Und in diesem hier. Erste Positionierung Toby zentriert, und Sie werden in so schreiben, dass für den Import. Wir werden es nach unten ändern, weil es unser Boden jetzt entfernt Grenze sein wird. Und für den Filter, wenn Juden drei e c. Sechs ff. so und das Signieren von Text wird weiß sein, dass schließlich positioniert sie in der Mitte so zu sein. Wir gehen auf die Zehe. Duplizieren Sie die Unterschriftenschaltung Control de Und auf diesem hier werden wir innen nach oben schreiben, weil das von oben so einspringen wird und sicherstellen, dass es in der Mitte ist. Wählen Sie also Anmelden, Halten Sie die Kontrolle. Wählen Sie die Schaltfläche aus. Stellen Sie sicher, dass es in der Mitte Hit Control de Verstecken Sie diese. Und schließlich für dieses Passwort zurücksetzen, werden wir für dieses Passwort zurücksetzen,weil das für unsere endgültige Auswahl oder Top sein wird . Das ist also ein Reset. Möglich es. Sie machen das gleiche, also stellen Sie sicher, dass es perfekt in der Mitte so ist und zeigen Sie alle drei. Verwenden Sie Rechteck zum Zeichnen. Ich spreche Rechteck. Nennen Sie es die Moschee. Sie können den Text von hier aus auswählen, Steuerelement C drücken und schließlich alles richtig auswählen? Klicken Sie auf und Moskau seine Form. Doppelklicken Sie in Control V und nennen Sie es einfach Moschee. Jetzt Endlich werden wir in den letzten möglichen bewegen und melden Sie sich außerhalb unserer Moschee wie so und wir werden einfach mit Anmelden ausgelassen werden. Schließlich brauchen wir ein Dreieck. Also werden wir ein schönes großes Dreieck wie dieses mit distal erstellen und für die Höhe, lassen Sie uns drehen, zum Beispiel, für den Film. Wir werden diese Farbe wie so verwenden, und schließlich können Sie es mit dieser Kante ausrichten, so stellen Sie sicher, dass es in der Mitte aus Unterzeichnung ist und auf diesem 1. 1 lassen Sie es einfach so lassen. Also lassen Sie uns diesen einen Selektor nennen, also in Position knapp unter unserem Text so. Und schließlich, was wir wollen, ist, den ganzen Text auszuwählen und vielleicht auf 20 zu positionieren. Also haben wir alles kohärent und schön aussehend. Schließlich wählen Sie alles, was seine Kontrolle. G positionieren Sie es in der Mitte wie so richtig. Klicken Sie auf und wachsen Sie Papageien. Und das wird unser Design abgeschlossen sein. Jetzt lassen Sie uns unseren Staat schaffen. Also werden wir drei Staaten brauchen, also werde ich die Kontrolle D zweimal treffen. Also haben Sie zwei Exemplare jetzt für diese 1. 1 Ich werde wählen. Melden Sie sich an. Halten Sie die Verschiebung. Wählen Sie aus. Zurücksetzen Klicken Sie hier rechts. Eingabe de de de presse ausgegeben, er Also werde ich es bei dieser hellgrauen Farbe sein. Und schließlich, was wir wollen, ist die Schaltfläche direkt über diesen Feldern zu positionieren. So und für die Unterzeichnung. Wir wollen nur Ihre E-Mail und Ihr Passwort, also werde ich zu Position. Schaltfläche „Anmelden“. Hören Sie einfach und wiederholen Sie möglich. Senken Sie die Bay City auf Null. Nun, bei diesem nächsten, werden wir den Selektor bewegen, um sich anzumelden, um so in der Mitte zu sein. Wir gingen zur Auswahl von Signieren und Zurücksetzen. Klicken Sie hier. D d d d percenter toe Machen Sie es leichter. Großartig. Jetzt, auf diesem Schild. Wir werden diese Felder wie diese haben, und schließlich werden wir dieses Zeichen im Text unten so verschieben. Aber wir werden positionieren Registrieren Sie sich in der Mitte so zu sein und dann bewegen Seite gerade unter Sie können die Moschee schließen und schließlich, lassen Sie uns in diesen gerührten Zustand springen. Also bewegen wir uns im Selektor, Toby in der Mitte aus dem Reset und wählen den Hocker aus. Klicken Sie hier, D d d drücken Sie die Eingabetaste und schließlich bewegen Sie die Taste, um genau hier zu sein, und wir werden es über allem positionieren. Stellen Sie sicher, dass Sie das mit jedem einzelnen tun. Es geht also um alle Felder. Und schließlich, für diesen, wir gehen Zehe verstecken, Passwort und wiederholen Pässe, die sie auswählen können und senken Sie Ihre Basis nach unten. Und auf diesem, was wir wollen, ist, in die Moschee zu springen und das Wiederholungspasswort den ganzen Weg nach unten in der Mitte wie folgt zu senken , und schließlich bewegen Sie die Unterzeichnung ganz nach unten und bewegen Sie Anmelden, so gut wie diese . Also ist das Wiederholungspasswort in der Mitte, also ist es im Grunde für unser Design und für den Prototyp. Es ist wirklich einfach. Klicken Sie also auf einen Prototyp und ich werde nur ein wenig näher hineinzoomen und was Sie tun möchten, ist alles zu verbinden, damit Benutzer zwischen diesen drei Bildschirmen klicken können . Also schließlich, lasst uns auf das Anmelden klicken. Es wird uns hierher bringen. Wir werden Schritt oder zu irgendeinem Fleisch benutzen. 0,6 Sekunden. Nehmen wir an, klicken Sie auf den Reset, tun Sie das Gleiche. Klicken Sie hier auf die Unterzeichnung wird den gleichen Effekt enthalten. Klicken Sie hier, um in den Reset zu springen und schließlich das gleiche für diesen zu tun. Dies ist also die Anmeldung, und diese 1. 1 ist das Anmelden. Also, das ist es im Grunde. Lassen Sie uns eine Vorschau. Alles, was groß ist, ist nur ein bisschen. Also, wenn Sie auf das Anmelden klicken, wird es Zehe erweitern. Ändern Sie den Text, um sich anzumelden. Klicken Sie auf den Reset wird Zehe zurücksetzen Passwort rechts hier und bewegen Sie alle Felder toe leer werden wie Anmeldung Anmeldung Anmeldung. Wie Sie sehen konnten, funktioniert alles korrekt und Sie können Ihre eigenen Details ändern und hinzufügen. So zum Beispiel können Sie zum Beispielin diesem Dreieck und diesen Feldern hervorheben. Wenn Sie möchten, können Sie diese anderen Farben machen. Sie können Schlagschatten im Hintergrund hinzufügen. Es liegt wirklich an dir. Sie können sogar die Hintergrundfarbe aus diesen Feldern ändern. So zum Beispiel sind sie zum Beispielweiß. Es ist dieser hier. Sie können sein, wie diese zu schaffen, die dunkel sein kann. Lesen Sie das hier. So ist es wirklich an Ihnen und höhere Struktur dieses Design. Also, das ist es im Grunde für dieses Video, und ich sehe dich im nächsten. 32. Formular 5: In diesem Video werde ich Ihnen zeigen, wie Sie dieses erstellte Passwort fehlgeschlagen erstellen können, das Sie dann in Ihre Formulare integrieren können. Also, wenn Sie auf erstellen Parse Wörter klicken wird verschwinden, dann wird es beginnen, Passwort einzugeben, und es wird Ihnen Stärke des Passworts zeigen, und diese Farben direkt hier unten werden mit allem übereinstimmen. Also, wenn ich auf einmal gespielt, können Sie sehen, dass es mit vier beginnt, dann sechs Zeichen und endet schließlich in acht und zeigt ein starkes Passwort mit einer grünen Farbe unten. Also lasst uns anfangen. Also, was wir hier haben, ist in unserem Hafen von 800 von 800 Ich ging schon voran und erstellt irgendwo. Also was? Hier haben wir mögliche Open erstellt sagt 20 und wir haben das Passwort in erfüllt. So haben wir eine Moschee erstellen Passwort versteckt, das ist dieses Symbol, und schließlich, in Eingängen und innen aus einer Moschee. Wir haben nur ein paar regelmäßige Gedanken, wie ich es dir schon gezeigt habe. Also, wenn ich die Moschee enthülle, können Sie sehen, wie es aussieht, und diese Punkte, die Sie bereits in einigen dieser vorherigen Videos gesehen haben. Also, das ist im Grunde unser Bereich, und jetzt werden wir die Informationen unten erstellen. Aber zuerst fangen wir mit dem Text an. Ich werde das duplizieren. Ich ziehe es hier unten, und ich werde es positionieren. Es ist so etwas wie 20. Ich werde es richtig machen. Also, um rechts ausgerichtet zu sein, gehen Sie zum rechten Rand und dieses werden wir in Woche schreiben, wie so mit unten, Kontrolle de zu duplizieren. Ich werde diesen Stopp eins verstecken. Das sollte schreiben, könnte stärker sein, und schließlich werde ich die Kontrolle De und auf dieser Unterseite bekommen. Das ist richtig. Starke Perspektiven, wie so, das sind unsere drei Etappen, und jetzt lassen Sie uns eine Moschee für sie schaffen. Es wird also ein Rechteck verwendet. Stellen Sie sicher, dass es so an den rechten Rand geht, und stellen Sie sicher, dass es in der Mitte des Textes so ist, denn es wird einfacher für uns sein , es ein wenig später zu positionieren. Und lassen Sie uns die Moschee Zeh hier bewegen, zum Beispiel können Sie Ihre bezahlte Stadt senken. Es ist wirklich egal, weil es so unsere Moschee sein wird. Und schließlich werden wir alles auswählen, oder? Klicken Sie auf Moschee der Form, oder verwenden Sie diese Verknüpfung. So Shift-Steuerung und große Windows oder sollte sie auf Mac befehlen. Nun, das wird unsere Moschee sein, und schließlich werde ich den ganzen Text so von unserer Moschee wegschieben und diese Moschee schließen. Und wie Sie sehen können, können wir hier nichts sehen. Endlich, was wir tun werden, ist, dass wir die Moschee gruppieren,und wir werden sie ein wenig später gruppieren und ich werde Ihnen zeigen, warum einfach alles so lassen, wie es ist. , die Moschee gruppieren,und wir werden sie ein wenig später gruppieren und ich werde Ihnen zeigen Wir brauchen das, um diese nach unten zu positionieren. Also fangen wir an, unsere Farben zu erstellen. Ich werde ein Rechteck-Werkzeug verwenden und ich werde so etwas schreiben. Also lasst uns das Gewicht abnehmen. 90 Höhen 19 Höhe aus. 11 Analysten verwenden Eckenradius von acht wie so und für die Farbe. Verwenden wir DDT so. Positionieren Sie es so und in der Mitte von dieser Moschee. Also, so. Deshalb brauchten wir die Moschee. Und jetzt kannst du diese Moschee noch einmal gruppieren. Also lasst uns alles auswählen. Aber wir müssen den Text zurück in die Mitte bringen, also ist es Witz. Lassen Sie es uns einfach hier bewegen, damit wir sehen können, was wir tun. So wie das hier. Und lassen Sie uns die Moschee hier oben bewegen, Rechtsklick und Moschee mit Form schließlich, und das wird unsere Moschee sein und schließlich in die Moschee springen und alles so außerhalb davon bewegen . Jetzt endlich, machen Sie zwei Kopien davon, aber zuerst nennen Sie es leer, die die Kontrolle de steuern. Nun, auf dieser 1. 1 können Sie Kontrolle G drücken, um es Qualität zu gruppieren, richtig, denn das ist unsere erste Farbsteuerung G. Nennen Sie es blau. Das ist unsere zweite Farbe und gewalttätige Kontrolle. G nannte dies eine grün so, und Sie können alle von ihnen öffnen, drücken Sie Control de und dann umbenannte sie als diese Farben, weil diese Farben gehen, um mit der Stärke des Möglichen entsprechen. So kontrolliert. Das Ende nannte es schließlich grün. Jetzt für die Farben für das Rot. Lassen Sie mich diese Farbe schnell kopieren. Also für die Roten, Sie werden E 53 c 85 für das Blau verwenden, wir werden 366 f f f verwenden und schließlich für das Grün würde in der Regel wählen Sie diese Farbe als auch. Wir werden diese Farbe haben. Also endlich, lassen Sie uns jetzt verschieben, so dass Sie diese auswählen können, um Shift und Pfeil nach rechts zu halten und ihn irgendwo wie vielleicht 10 positionieren . Es ist gut und schließlich das gleiche für das Grün tun, so halten Sie es ein 10. Das ist gut. Nein, lassen Sie uns einige Änderungen vornehmen. Also alle von ihnen werden die Woche frei haben, weil wir beginnen und sie dann wie so erweitern und überfällig pasty auf Null für alle drei. Sie können all das schließen, und das ist es im Grunde für unser Design. Wie Sie sehen können, ist es wirklich einfach und einfach zu machen. Nun, fangen wir an, ein paar Kopien davon zu erstellen, damit er das Jetzt in diesem zweiten Zustand kontrollieren würde. Wenn jemand auf dieses Feld klickt, wird das Passwort erstellen verschwinden. Also lassen Sie uns die apace es Sie es senken. Aber bevor wir es tun, lassen Sie uns zuerst einige dieser Ebenen bestellen, bevor wir andere Änderungen vornehmen. Also, was wir haben, haben wir sehr möglich und möglich an der Spitze. Dann haben wir diese drei und schließlich eine Moschee auf der rechten Seite. Jetzt können wir es kopieren. Also kontrollierte er die Und auf dieser ersten Stufe, wie sie sagten, wir werden die apace City absenken, schaffen möglich zu schreiben und auf diesem zweiten Zustand, das ist kein Sprung in Sicht und verbrauchen diese Moschee und wir können erweitern Sie es auf vier Punkte. Zum Beispiel, Für diesen ersten Zustand für diesen zweiten Zustand, werden wir sie auf sechs erweitern. Und auf der 3. Zehe acht. Das war's also für das Passwort. Lassen Sie uns wählen rote Fettleibigkeit als 100 können Sie hier klicken und sehen, der Witz ist 90. Also musst du das Gleiche für hier tun. So 90 wird ausfüllen und schließlich für die Moschee. Was wir brauchen, ist der Text, der zu schwach sagt. Positionieren Sie es in der Mitte wie so nächste geht Zeh. Warte ein bisschen. Dann hat er kontrolliert. Der Benutzer geht sofort rein. Zwei weitere Charaktere mögen es, und wir werden dasselbe für das Blau tun. So 100 bei 90 so und wir müssen den Text noch einmal ändern. Also zwei Wochen gehen zu gehen, oder Sie können es verlassen und schließen könnte stärker in der Mitte sein und dann nach draußen bewegen, weil es einfacher für uns ist, es auf diese Weise auszurichten und schließlich Control D zu treffen und wir werden die Moschee den ganzen Weg erweitern an den Rand wie so und schließlich die grüne Farbe. Also sind es 90 und 100 für die Deckkraft. Und schließlich, für die Aufgaben, die Sie ein starkes Passwort einschließen können und könnte stärker sein, können Sie es nach unten verschieben. Also, das ist es im Grunde für den Schöpfungsteil. Sie sollten diese fünf unsere Häfen haben, und jetzt werden wir einen Prototyp machen. Es ist ein Klick hier. Klicken Sie auf dieses Feld. Also, wenn Benutzer tippt, wird automatisch animieren passieren und wir können wählen, zum Beispiel, 0,6 Sekunden, ich denke, das wird jetzt ganz schön für diese 2. 1 Lassen Sie uns es zeichnen, und was wir wollen, ist haben die Zeitverzögerung von 0,6 Sekunden oder um 0.6 zu animieren ist gut und er ist in out. Wir können es dabei belassen, nur dafür sorgen, dass Sie eine Lockerung haben, also werde ich es auch hier ändern. Nein für gestörte. Lasst es uns hier rausfahren. Wir werden die Zeit haben. Also wieder einmal bewegen wir es einfach so. Zeitverzögerung wird also eine Sekunde und einfache Noten und schließlich auch hier eine Sekunde sein . Nun, bei dieser letzten, in die wir hier hineinziehen werden, werden wir im Grunde die gleichen Einstellungen verwenden, also wenn eine Sekunde entspannt und eine Sekunde auch. Nun, es ist jetzt getestet und sehen, was wir getan haben. Also werde ich auf diese 1. 1 Klick spielen klicken, vergrößern Sie es nur ein wenig. Wenn Sie also drinnen klicken, geht es in die Höhe, erstellen Sie Passwörter, zeigen Sie diese vier Punkte, dann sechs und das alles geht weiter. Also, wenn ich es noch einmal verschieben, wenn Sie drinnen klicken wird zu verstecken, dann für Punkte zeigen, dann sechs und schließlich acht und all dies unten folgt. Denken Sie nun daran, dass Sie dies nur als einen Balken erstellen können und dann zum Beispieleinen Grady int einschließen zum Beispiel und dann denselben Text verwenden, wie wir es in diesem Beispiel getan haben, aber gerade den Grady int und dann denselben Text verwenden, wie wir es in diesem Beispiel getan haben, entlang der Linie so Hintergrund aus diesem Feld sollte ein hellgrau sein. Also dd die gleiche Farbe wie ich in diesem Beispiel verwendet. Aber für das Grady int können Sie es Toby zum Beispiel bei drei positionieren zum Beispiel . Und dann kannst du das hier mitbewegen und es dann grün sein oder einfach machen, was immer du willst. Sie können zum Beispiel auch diese Eingabe Toby Greene färben, um diesem zu entsprechen und auch die Farben aus dem Text zu ändern . Jeder Text entspricht also jedem aus diesen Feldern. Es liegt also wirklich an Ihnen, wenn Sie zusätzliche Änderungen vornehmen möchten. Das sind nur einige meiner Ideen, und Sie können auch ein anderes Beispiel online erkunden. Und schließlich können Sie die Farben des Kunden einbeziehen, damit Sie sie den Zyklus nennen können. Zum Beispiel, Destexhe hier, obwohl diese Änderungen, die ich Ihnen hier gezeigt habe. Also wirklich Optionen sind endlos, wenn Sie an einem Projekt arbeiten und es liegt wirklich an Ihnen, Ihrem Kunden und Ihrer Phantasie Zehe setzen all dies in Schlepparbeit. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 33. Formular 6: in diesem Video werde ich Ihnen zeigen, wie Sie dieses Formular erstellen können. Also, wenn Sie auf den Namen klicken wird blau zu werden, es wird das gleiche für den Namen E-Mail und schließlich, Nachricht direkt hier zu tun . Und schließlich, wenn es fühlt sich aus allen Feldern, wenn Sie auf gesendet klicken, wird es verschwinden und dann schnell zeigen Sie Ihnen danke, und wir werden Sie bald Nachricht. Und so wissen Sie, dass Sie die Nachricht gesendet haben. Also lasst uns anfangen. Also hier habe ich den Flughafen von 800 mal 800, um ein bisschen Zeit zu sparen, bereits erstellt das Design so schnell durchlaufen mit Ihnen. Aber so etwas haben wir bereits in einem ihrer vorherigen Videos erstellt. Also jedes dieser Felder aus ihrem Namen, E-Mail und Nachricht hat genau das gleiche eingerichtet. Wenn ich also etwas näher heranzoomen, haben wir die Moschee. Also, wenn ich die Moschee öffne, haben wir im Namen für diese besondere. Sie werden also die Moschee auf der rechten Seite aufwenden, um den Namen zu enthüllen, wie wir es in einigen unserer vorherigen Videos getan haben . Wir haben Ihren Namen, der verschwinden wird, und schließlich haben wir diese Linie, die, wenn jemand darauf klickt, wird sie blau werden. Dann wird der Text vollständig austippen und dann wird er zu seiner ursprünglichen Farbe zurückkehren . Das haben wir also für diese drei Felder. Und schließlich haben wir diesen Boden unten. Also, wenn ich es öffne, haben wir nur den Duft und den Boden, der bei 2 bis 5 mit 70 gleich ist wie alle unsere anderen Tasten. Schließlich haben wir Kontakt mit uns, die offen ist, sagt bei 30 alle aus der Rest des Textes ist bei 20 und schließlich müssen wir Ihnen danken. Also, wenn ich alle diese niedrigen früheren Basisität wähle, wählen Sie das Dankeschön und erhöhen seine Deckkraft. Also, was wir drin haben, haben wir das Häkchen. Also haben wir den Kreis bei 70 mal 70 und nennen wir ihn Kreis. Also und schließlich haben wir dieses Häkchensymbol innen, einfach in weiß gefärbt. Also nichts ganz Besonderes. Darunter haben wir Dankeschön Text, der offen ist, einige robust. Und schließlich haben wir uns in Kürze bei Ihnen melden. Offene Sauce 20 bei dieser helleren Farbe. Genau wie die Farbe in unseren Feldern. Also gehe ich überall in der britischen Stadt. Wählen Sie alle anderen aus, und der Grund, warum ich die apace Stadt davon abgesenkt habe, ist, dass sie in unserem letzten Bildschirm erscheinen wird, also wird es Zehe vollständig sichtbar im Endzustand dieser Animation. Also lasst uns mit unserem Prototyp beginnen. Erste Dinge zuerst. Ich werde auf den Flughafen klicken, Control de drücken, um zu duplizieren. Und auf dieser 1. 1, wenn jemand hier klickt, wird der Name verschwinden. Also lasst uns eine Stadt 20 laden und die Linie wird blau Sercan werden. Klicken Sie einfach hier, um die blaue Farbe auszuwählen. Also, das ist es für den ersten Zustand für den zweiten Zustand, ich werde Zehe Kind Kontrolle und Klick Zehe Sprung direkt nach innen. Wir werden die Farbe wieder auf diese tolle Farbe ändern, also lassen Sie uns schnell sehen, welche Farbe es ist? Es sind also 70 70 70. Also diese Art von dunkel groß und schließlich werden wir die Moschee wie so zu offenbaren, nur so, um den Namen weiter oben zu enthüllen. Wir werden hier für Ihre E-Mail klicken, also lassen Sie uns den Kunstport duplizieren. Lassen Sie uns nach innen klicken und senken Sie Ihre E-Mail-Deckkraft und ändern Sie die Linienfarbe toe blue wie so . Und das war's für diesen Staat. Und im nächsten Zustand werden wir die Linienfarbe wieder ändern. Also werde ich diese auf dunkelgraue Farbe wählen und die Moschee öffnen, damit wir die Designer-E-Mail in diesem Fall so offenbaren können . Und schließlich wird jemand hier klicken, und wir gehen über die Deckkraft Ihrer Nachricht auf diesem. Also verlangsamte es dein Tempo Stadt. Rufen wir sie in der Zeile blau an, um anzuzeigen, dass jemand tippt. Und schließlich duplizieren wir diesen für unseren endgültigen Zustand für den Text. Lassen Sie uns in der Linienfarbe zurück zu diesem dunkelgrau ändern und erklärt einige unserer vorherigen Videos. Sie können diese Hex-Codes einfach kopieren und einfügen, wenn das einfacher für Sie ist, oder Sie können einfach dieses Farbwähler-Tool verwenden und einfach wählen, welche Farbe Sie wollen. Also, das ist es im Grunde für unseren Erstellungsprozess, alles auf diesem letzten Zustand Benutzer wird auf diesen gesendeten Boden tippen und was wird als nächstes passieren? Wir werden jetzt die Kontrolle über D. bekommen . Wir werden alles auswählen. Außer dem Dankeschön Ordner. Wir werden ihre Lohnstadt auf Null senken. Und schließlich, für unseren letzten Zustand, werden wir die Deckkraft des Textes an der Spitze erhöhen. Also, das danke. Wir werden die gehorchte Stadt nur so vergrößern. Also, das ist es im Grunde für den gesamten Erstellungsprozess. Wie Sie sehen können, gibt es ziemlich viele Felder, die Toby erstellt hat. Aber alles ist wirklich ganz einfach. Alles ist im Grunde gleich. Du wiederholst nur diese Schritte. So blauer blauer Schlag und dann wirklich, wirklich gut, im Grunde, das war's. Und schließlich nutzbar klicken Sie auf den Boden. So fing es an, Prototypen zu entwickeln. Wir werden auf unsere 1. 1 springen und wir werden auf dieses Feld klicken. Wir gehen zu Ihnen Schritt oder zu irgendeinem Fleisch ist in out n 0,6 Sekunden wird gut für diese Verhaftungen von den Feldern funktionieren . Sie können für einige von ihnen Schritt, wenn Sie wollen, aber Zehe erhöhen die Geschwindigkeit aus dieser Interaktion. Ich werde nur die Zeit nutzen. Anstatt zu tippen, werden wir Zeit verwenden. Wir werden die verzögerte bei Null Verwendung Auto animieren lassen, einfach ein Out und 0,6 Sekunden, so dass wir genau das gleiche eingerichtet haben. Also werde ich nur diese blauen Griffe ziehen, weil es einfach die gleichen Einstellungen kopieren und einfügen wird, die wir für die 1. 1 verwendet haben und es wird nur alles für uns ausfüllen . Jetzt. Schließlich, diesem letzten Zustand, gehen wir zu Ihnen Schritt auf den Sende-Button, so dass wir gehen, um es einfach zu ziehen. Animieren Sie jetzt einfach 0,6 Sekunden. Und in diesem letzten Zustand werden wir nur Zeit brauchen. Animieren Sie auch, erleichtern Sie es, oder Sie können Fades verwenden, oder Sie können verwenden, was Sie wollen. Vielleicht können wir Grenzen verwenden, um zu sehen, wie das aussieht oder zu schnappen. Aber ich denke, das sieht wirklich nett aus und nur die Verwendung ist in heraus, nur um die Konsistenz zwischen allen zu haben . So ist es schnell auf den ersten 1 Klick spielen. Ich werde es nur ein bisschen vergrößern und mal sehen, wie das aussieht. Also, wenn Sie klicken, wird Ihr Name blau werden, scheitern Schlag Gefühl auf alles. Und schließlich, wenn Sie auf den Sende-Button klicken, wird verblassen und dann diese Dankeschön Text verblassen . Das war's also für dieses Video und wir sehen uns im nächsten. 34. Formular 7: in diesem Video werde ich Ihnen zeigen, wie Sie dieses einfache Kontaktformular erstellen. Wenn Sie also auf den unteren Rand klicken, springt das Bild in diesem Text mit einem Job-Titel aus dem Weg nach oben, um die E-Mail und die Nachrichtenfelder anzuzeigen . Wenn Sie also auf die E-Mail klicken, wird das Feld alles ausfüllen und dann, wenn Sie klicken, wird Nachricht per Flip von Nachricht zu Nachricht gesendet, und es wird diese Felder grau, um Sie wissen, dass Sie tatsächlich hat die Nachricht gesendet. Wenn ich also noch einmal darauf klicke, kannst du sehen, wie alles aussieht. Und schließlich wird es in Nachricht gesendet schreiben. Also lasst uns anfangen. Also benutzen wir den Flughafen von 800 mal 800. Das Gleiche wie in allen anderen Videos, und was ich hier habe, ist das entworfen, um ein bisschen Zeit zu sparen. Also lassen Sie uns mit Bild starten. Dieses Bild wird von einem Splash Dot com befreit und seine bei 80 große 80 So perfekter Kreis und schließlich hat es einen Schatten, nur einen grundsätzlich vollen Schatten von 03 und sechs und die Farbe ist voll schwarz bei 16%. Gleiche wie in einem der vorherigen Videos. Also haben wir diesen Text und Job Titel. Also dieser Haupttext ist offener Sinn und 20. Also im Grunde das gleiche Texas, das hier nur ich benutze die dunklere Farbe. Also das ist D D. D. D. Und das hier ist 70 70 70 70 und es ist nur ein bisschen nach oben positioniert. Also 10 Pixel hoch von diesem Job-Titel. Ein Insider-Job-Titel. Wir haben das Titel-Tag, was ist es? 80 von Turkey. Und schließlich haben wir Sie, I Designer-Text, die offen Sinn wieder bei 10 und nur grundlegende blaue Farbe ist. Die beiden sind also lokalisiert. Wenn ich also auf Shift 1234 klicke, befinden sie sich 40 Pixel rechts neben diesem Bild, und sie befinden sich in der Mitte. Also, wenn ich eine Shift-Taste wie diese mit meiner linken Maustaste zu Hause, können Sie sehen, dass sie in der Mitte aus sind. Dieses Bild und Bild selbst ist 20 Stück von diesem Feld entfernt positioniert. Also das Feld haben wir E-Mail und die Nachricht, aber das erste, was zuerst. Die Reihenfolge aus all diesen Elementen. Also zuerst haben wir Bild oben, und dann haben wir Designer auf der rechten Seite. Dann haben wir den Boden, weil diese beiden E-Mail und Nachricht werden hinter dem Boden springen . Daher ist es wichtig, alles richtig zu positionieren, bevor Sie Ihre Animationen erstellen damit alles richtig funktioniert. Jetzt haben wir E-Mail ist ein sagte. Wir haben Ihre E-Mail, die offen ist, sagt 20 bei D DD volle Kapazität von 100. Und wir haben diesen Client und E-Mail, wenn ich das über die Deckkraft bei Null verstecke, also im Grunde den gleichen Text. Aber bei 70 70 70 Offen sagt 20. Also im Grunde das gleiche wie Ihre E-Mail, und wenn ich etwas näher heranzoomen, können Sie sehen, dass es nur ein Unterschied in der Farbe ist. In diesem Zustand ist es also eine niedrigere D-Deckkraft bei Null. Wir haben dasselbe für die Nachricht getan. Also haben wir diese, und wir haben in diesem hier hinten so im Grunde den gleichen Deal wie die oben. Jetzt für die Felder an sich ist diese Eingabe bei 400 mit 70 und die untere ist bei 400 mit 1 80 Und wie sie mehrmals in diesem Kurs gesagt haben, erhalten Sie die Übungsdateien und Sie werden mit ihm spielen und Sie können Machen Sie einige mit Ihren eigenen. Sie können verschiedene Farben einschließen. Wenn Sie diese speziellen Designs für unsere Kunden verwenden möchten, können Sie ihre Farben wählen und so weiter. Aber ich wollte nur den Prozess in der Logik dahinter erklären. Endlich haben wir den Boden. Also, wenn ich den Boden öffne, haben wir die Maske Einsicht. Also innerhalb der Maske, wenn ich etwas näher heranzoomen, haben wir Kontakt oben. Senden Sie eine Nachricht direkt hier und Nachricht direkt unten gesendet. So ist diese Moschee im Grunde auf die gleiche Weise wie alle anderen Moscheen in diesem Kurs erstellt, so wird nicht in zu viele Details darüber gehen. Also lass uns Control de treffen, um dieses unser Boot zu duplizieren. Aber weil das unser zweiter Staat sein wird, wir an diesem ersten Zustand arbeiten. Beginnen wir also mit diesem Bild. Es wird bei 1 20 mit 1 20 sein, also, so dass Sie es einfach hier vergrößern können und ich werde es perfekt positionieren Zehe aufstellen. Wit und dieser Stopp Rand aus im E-Mail-Feld, und ich werde einfach hier klicken, um es in der Mitte zu positionieren. Als Nächstes öffnen wir den Ordner „Designer“. Verwenden Sie den Namen Shift und klicken Sie mit der linken Maustaste, bis er sich in der Mitte befindet. Davon abgesehen bist du Designer. Positionieren Sie dann alles so in der Mitte und bewegen Sie es dann direkt unter das Bild. Und jetzt werde ich es positionieren. Also verlagern Sie sich. Unterer Pfeil. 1234 Also vielleicht bei 40 alt lassen Sie uns einfach die Dinge einfach halten, weil wir 20 Pixel Lücken zwischen allem haben . Also haben wir hier 20 Pixel Lücke und 20 Pixel Lücke hier, also lasst es uns auch hier bekommen. Lasst es uns da lassen. Und schließlich müssen wir E-Mails und Nachrichten aus dem Weg bringen. Deshalb haben wir die Flasche oben. Also, als ich ihn bewegt habe, können Sie sehen, dass sie hinter dem Boden gehen, nicht darüber. Deshalb wird die Animation richtig funktionieren. Also lassen Sie uns zuerst alles bewegen 80 Pixel. So verschieben Sie in den unteren Pfeil. 12345678 und dann können wir die Nachricht auch verschieben, also 12345678 Und wenn du willst, kannst du sie noch weiter verschieben. So 12345678 auf alles. Und schließlich, wenn beide ausgewählt sind, senken Sie einfach die Deckkraft auf Null. Und dann im nächsten Zustand , der dieser ist. Wenn sie auf diese Schaltfläche klicken, geht es zu Fuß. Erscheinen Sie hier. Nun lassen Sie uns diese Texte ändern, wenn Sie die Treffersteuerung gehen und klicken Sie auf Insight auf diesem 1. 1 wird in Kontaktieren Sie mich schreiben, damit ich es senken kann und ich werde Zehe Hit auf Nachricht senden und es aus dem Weg unten wie so bewegen. Und ich kann es mit dieser Nachricht versandten Text als Null positionieren. Also, was können wir als nächstes tun? Da wir unsere beiden Zustände erstellt haben, können wir unsere Animation starten, damit wir zuerst unsere Bildschirme erstellen oder Animation wie diese starten können , Aber lassen Sie uns zuerst unsere Bildschirme erstellen. Also werde ich die Kontrolle treffen. In der Tat, um dies unseren Hafen zu duplizieren und auf diesem 1. 1 Menschen gehen, um hier zu klicken. Beginnen wir also von Anfang an. Sie werden klicken. Kontaktieren Sie mich dies wird erscheinen, und dann werden sie direkt hier klicken, wo es Ihre E-Mail sagt. Nun, diesem zweiten Zustand, gehen wir über die Deckkraft Ihrer E-Mail und erhöhen Ihre Zahlungsstadt ab. Uh, dieser E-Mail-Text als nächstes sie auf Ihre Nachricht klicken, damit Ihre Nachricht bei Null oder Pacenti ist, und wir werden sie duplizieren. Und im Inneren waren dabei, das Tempo von diesem Text zu erhöhen und schließlich hier drin, werden sie auf gesendete Nachricht klicken. Also lassen Sie es uns noch einmal duplizieren. Und diese beiden Texte werden die Farbe ändern. Also im Grunde werde ich die beiden auswählen mit Gedankenkontrolle halten und ich werde hier klicken , die D d drücken Mitte, um die Farbe zu ändern. Und schließlich muss ich den Text im Inneren ändern. Also wird der Text in Nachricht schreiben,wie folgt gesendet, wie folgt gesendet, positionieren Sie ihn in der Mitte und senden Sie eine Nachricht. Wir können es so aus dem Weg bringen. Also gibt es es im Grunde. Wir haben drei verschiedene Texte in unserem Button. Wir haben zwei verschiedene Texte für jedes dieser Felder, und wir haben diese beiden gerade aus dem Weg gebracht. Beginnen wir also mit der Animation. Ich werde auf den Prototyp treffen. Zoomen Sie ein wenig näher, damit die Leute auf diese Schaltfläche tippen. Also gingen wir zu dir. Schritt orto. Jedes Fleisch ist in out und 0,6 Sekunden für den Übergang. Als Nächstes können wir das gleiche für dieses tun, so dass wir Ihre E-Mail so direkt hier klicken, um die Animation zu initiieren . Also gehen wir zu ein oder zwei Schritten. Irgendwelche Fleisch, Genau die gleichen Einstellungen? Nein, von hier bis hier werden wir Zeit nutzen, weil sie alles für uns so Zeit oder zum Animieren spüren wird. Jetzt einfach. Und Sie können 0,8 Sekunden verwenden, wenn Sie möchten, dass die Animation nur ein wenig länger ist. Und schließlich werden sie auf Nachricht senden klicken, so gezogen Tap oder Turnier ist in N 0,6 Sekunden, so dass wir Konsistenz mit allen von ihnen haben können. Also lassen Sie uns auf die 1. 1 Klick spielen Ich kann größer, nur ein wenig, und wenn Sie hier klicken, können Sie sehen, wie das aussieht. Wenn wir also zurückspringen, können Sie sehen, dass dieses Bild die Zehe 88 80 schrumpft. Und das bewegt sich nach rechts, genau in der Position, die wir es überhaupt geschaffen haben . Und diese beiden Felder springen von unten nach oben und gehen in ihre ursprüngliche Position sowie dieser Text ändert sich unten, so dass Sie sehen können, dass es wirklich schön , sauber und glatt aussieht , , wie so. Und schließlich, wenn sie hier klicken, wird alles austippen und wenn Sie klicken, senden Nachricht wird die Textnachricht gesendet ändern, und es wird diesen Text grau, um Sie wissen zu lassen, dass Sie in der Tat die Nachricht gesendet haben . Das war's also für dieses Video, und wir sehen uns im nächsten. 35. Formular 8: in diesem Video werde ich Ihnen zeigen, wie wir dieses einfache Kontaktformular erstellen können. Also, wenn Sie auf Ihren Namen klicken, wird ausfallen, wenn Sie auf klicken, Ihre E-Mail wird füllen Sie diese Nun, schließlich, wenn Sie auf Ihre Nachricht klicken, wird die Nachricht ausfüllen. Und dann, wenn Sie auf diese Schaltfläche Symbol klicken wird verschwinden, Blau wird zu erweitern und Sie erhalten eine Dankeschön Nachricht. Also lasst uns anfangen. So wie üblich, haben wir den Hafen von 800 mal 800 Toe sparen uns ein wenig Zeit. Ich habe das Design bereits aufgenommen, also um es ein wenig zu inspizieren, und noch einmal werden Sie es an den Eiern bekommen, verunreinigt und Sie können es kopieren. Sie können damit tun, was Sie wollen, im Grunde verwenden Sie es für persönliche oder kommerzielle Arbeit, und in dieser Datei werden Sie in der Lage sein, es etwas genauer zu überprüfen, wenn Sie möchten, so überprüfen Sie die Abstände, um den Text zu überprüfen Größen und so weiter. Also lasst uns anfangen. Schicken Sie mir eine Nachricht ist offen, sagt 30. Ich komme zu früh zurück. Es ist möglich, ist offen, sagt 20. Irgendwelche für zu Hause? Eine Umschalttaste, ein Pfeil nach oben. Sie können seine Position 20 Pixel aus Schicken Sie mir eine Nachricht. Und dieses ist 40 Pixel unten von diesen beiden Feldern für die Felder, die wir E-Mail und die Nachricht genannt haben , und alle drei haben genau das gleiche eingerichtet. Und du hast das schon in diesen Videos gesehen. Also, was wir hier haben, ist eine Moschee zeigt den Namen. So werden wir den Namen wie so zu offenbaren und unten, dass Sie Ihren Namen sehen können , der wird verschwinden, sobald Sie darauf klicken. Und es ist im Grunde die gleiche Geschichte für alle drei. Jetzt für die Größen. Die Eingabe ist 300 mit 70 und wir haben 20 Pixel Abstand zwischen ihnen. Das Gleiche gilt für Ihre E-Mail und für die Nachricht direkt unten. Wenn ich auf die Eingabe klicke, können Sie sehen, es ist 6 20 mit 1 50 wir haben die Nachricht in grundsätzlich zwei Zeilen. Wenn ich die Maske so verbringe, dann ist es für diese Einrichtung. Und schließlich haben wir den Boden unten. Wir haben nur ein normales gesendetes Symbol mit ah weißer Farbe und der Boden ist 70 mal 70 und der Boden ist Position. Wenn ich einfach schwebe. Es sind 40 Pixel von all diesen Feldern und Text entfernt. Und schließlich, was wir oben haben, ist ein Dankeschön Text, der am Ende erscheinen wird, weil er weiß ist. Lassen Sie mich schnell probieren. Es ist zu einem Schlag geworden, damit du sehen kannst, dass es danke ist. Ich werde mich so schnell wie möglich bei Ihnen melden und wenn ich hineinspringe, danke. Text ist ein 30 Ich werde zu einem bald wie möglich bei 20. Also mache ich es einfach wieder weiß. Senken Sie die Deckkraft Null. Und was das Setup betrifft, so sieht es aus. Also dieser weiße Dankeschön Text ist oben, weil er im Endzustand aus erscheinen . Diese Animation unten ist knapp darunter, weil dieses Dankeschön gerade über der blauen Farbe von unten erscheinen wird. Deshalb ist der Knopf genau hier. Dann haben wir mir eine Nachricht geschickt, Al, komm zu schnell wie möglich zurück und dann diese in Ordnung. Also lasst uns anfangen und bei dieser 1. 1 gehe ich nur auf die Zehe. Erstellen Sie schnell eine Kopie. Also kontrolliere Andi. Und auf diesem, Leute werden auf Ihren Namen klicken direkt hier. Es wird also von hier verschwinden, und die Moschee geht zu Fuß. Enthüllen Sie es selbst, also wird es den Namen zeigen. Dann werden sie auf Ihre E-Mail klicken. Also lasst uns noch eine Kopie machen. Also Ihre E-Mail, wir werden die Bay City 20 senken und wir werden die Maske so etwas zeigen . Dann werden sie auf Ihre Nachricht klicken. Also werden wir Ihren Nachrichtentext verstecken, und wir werden unsere Moschee so enthüllen. Und schließlich werden sie in diesem Zustand auf diese Schaltfläche klicken. In diesem Zustand werden wir das Symbol einfach irgendwo hier nach draußen verschieben und die Deckkraft auf Null senken . Wenn es sich also außerhalb des Kreises bewegt, wird es so schnell wie möglich auf Null senken, und dann werden wir einen anderen Zustand haben. Und in diesem Zustand werden wir die Größe von diesem Kreis vergrößern. Also werde ich mich öffnen und den Boden wählen, und du könntest Shift alt und Linksklick auf deine Maus halten und sie einfach so vergrößern bis es alles ausfüllt und wenn es einfach alles darunter auswählt, wie es mit deinem Umschalttaste und ein Liebhaber tun nach unten auf Null eingefügt. Also, wenn es sich erweitert, um den gesamten Bildschirm auszufüllen, wird der Rest der Informationen verschwinden, im Grunde, wie es sich bewegt Zehe blau und schließlich auf der letzten Zustandsverschiebung nd und ich werde die Deckkraft von diesem Dank erhöhen Sie schreiben Toe 100. Und das ist unser letzter Zustand und unsere Botschaft. Das ist es, was sie erhalten werden, wenn sie alles spüren. Beginnen wir also mit dem Prototyp. Also, wenn ein Benutzer auf Ihren Namen klickt, gehen wir zu Schritt Auto. Animate ist von hier aus und 0,6 Sekunden. Es ist gut genug, und es wird alles ausfüllen. Als Nächstes klicken sie auf Ihre E-Mail, und wir werden die gleichen Einstellungen verwenden. Als Nächstes klicken sie auf Ihre Nachricht. Also im Grunde wieder die gleichen Einstellungen, und schließlich werden sie auf diese Schaltfläche klicken, so werden wir Schritt oder 20 Fleisch verwenden. Gleiche Einstellungen. Aber zwischen diesen beiden werden wir den Zeitauslöser wie so haben und wir werden 0,8 von hier aus wählen . Der Rest der Einstellungen bleibt gleich. Und schließlich werden wir einfach alles ziehen, um es zu hören. Aber entfernen Sie die Verzögerung. Also 0.0 Moderator. So erhalten Sie Null für die Verzögerung und ist in 0,6 Sekunden, so dass alles gleich bleibt. Also, warum haben wir das getan? Wirklich? Also im Grunde, wenn die Leute hier klicken, wird dieses Symbol in Leerraum verschwinden. Es geht Zeh, warten Sie ein wenig, dann erweitern Sie diese blaue Farbe und schließlich, dass dieser Text wird Fuß Fuß erscheinen oben. Also lasst uns mal nachsehen. Ich werde Play drücken, um alles in der Vorschau zu sehen und es ein wenig zu vergrößern. Wenn Sie also direkt hier klicken, wird Ihr Name verschwinden und der Name geht hier oben und sagt, sagt, wenn Sie für die E-Mail klicken, die sagt, wenn Sie für die Nachricht klicken und schließlich, wenn Sie hier klicken, Symbol verschwindet. Blau wird es ausgeben und tanken. Text wird wieder erscheinen, also lassen Sie es uns noch einmal überprüfen. Also dein Name, deine E-Mail, deine Nachricht und schließlich, genau hier. Das Symbol verschwindet. Blau wird erweitert und Tanking Text erscheint Jetzt, offensichtlich, offensichtlich, wie wir alle von diesen anderen Beispielen, können Sie dies mit Ihren Kunden Farben tun. Sie können Clients einschließen. Ein Logo. So, zum Beispiel, verschieden. Sie lokal können von hier aus erscheinen, es kann von oben springen. Es liegt wirklich an Ihnen, Ihrem speziellen Projekt und Ihrer Vorstellungskraft, dieses Beispiel gut zu nutzen und es gut zu nutzen. Grundsätzlich, wenn Sie es zurück an den Client senden, ist dies nur für Sie, um die Mechanik und die Logik dahinter zu verstehen und die Struktur zu verstehen, wie ausgegeben Struktur alle Ihre Elemente, so dass Sie erreichen Sie die perfekte Animation. Das war's also für dieses Video. Und wir sehen uns in der nächsten 36. Formular 9: in diesem Video, Ich werde Ihnen diesen schnellen und schönen Übergang zwischen Kontaktieren Sie mich und Nachricht mir zeigen. Also, wenn der Benutzer auf Kontakt mit mir klickt, wird mir Nachricht im Grunde zusammenbrechen und alle diese Informationen über den Benutzer oder das Unternehmen, das sie kontaktieren möchten, offenbaren . Und wenn du auf Nachricht klickst, geht es zu Fuß. Erweitern Sie diese Nachrichtenfelder, und sie können dann ihren Namen und ihre Nachrichteingeben ihre Nachricht und dann die E-Mail senden. Also nochmals, wenn du mich kontaktierst, wird das alles zusammenbrechen. Und wenn du klickst, melde mir eine Nachricht. All das wird zusammenbrechen. Also lasst uns anfangen. Also hier haben zu unseren Häfen 800 von 800. Und ich werde Ihnen nur das fertige Design zeigen, weil wir nur zu unseren Häfen haben. Also auf dieser 1. 1 lassen Sie mich schnell ein wenig näher heranzoomen. Was wir haben, ist ein Telefonsymbol und dann kontaktieren Sie mich. Also, Prinzessin, bei 30 jeder gebrochenen Verschiebung und Pfeil nach links, können Sie seine Position 20 Pixel nach rechts sehen. Das haben wir also hier. Dann haben wir eine Nachricht, weil es direkt darunter erscheinen wird. Wie Sie in diesem zweiten Zustand und innen sehen können, haben wir im Grunde die gleiche Einrichtung. Also haben wir E-Mail-Symbol und Nachricht mir Text, der Open Science bei 30 als auch ist. Also, wenn ich es zusammenbreche, haben wir Kontaktinformationen und wir haben maskiert Einsicht so hoch tat dies. Wenn ich etwas näher zoomen, können Sie sehen, also habe ich all diese Steuern. Also ist es offen, sagt 20. Also nur ein bisschen kleiner, dass in diesen Titeln und wir haben alle von ihnen einfach so angelegt und schließlich habe ich die Maske so weiße Farbe mit Rand gelegt. Oder Sie können eine Maske ohne Farbe ohne Rand platzieren. Wirklich, es spielt wirklich keine Rolle und ich habe die Maske direkt über alles gelegt, wie Sie hier sehen können . Also alle diese Textebenen sind unten und die Maske wird oben platziert, wie Sie in mehreren Videos vor diesem eine gesehen haben . Und schließlich wählte ich alle von ihnen, Rechtsklick und Juden Moschee mit Form. Und so bekam ich diese Moschee und schließlich unten. Wir haben die Moschee für die Namensnachricht und die Knöpfe. Also im Grunde all das, was du hier siehst. Und ich tat genau das Gleiche wie bei der Kontaktinformationsmoschee. Also habe ich diese Felder zuerst erstellt. So wie wir es in allen vorherigen Videos gemacht haben. Also das Feld für den Namen eins für die Nachricht und schließlich nur die regulären Schaltflächen. Also, wenn ich sie erweitern, können Sie sehen, wir haben Ihren Namen Eingabe, Ihre Nachricht Eingabe und gesendet und unten blauen Tasten im Grunde alle aus der gleichen eingerichtet wie eine Show tun in früheren Videos. Gerade in diesem ist die Eingabe bei 6 20, nur um die Nachrichteneingabe darunter zu entsprechen. Also ist es mit dem gleichen Witz wie dieser. Und für den Grund müssen wir mit 70 kämpfen. Also im Grunde das gleiche wie alle anderen Böden. Und wie gesagt, ich habe die Moschee fast alle platziert. Und in diesem ist die Moschee zusammengebrochen, wie Sie hier sehen können. So ist es direkt unten und in dieser eine Moschee wird erweitert. Wenn ich darauf klicke, können Sie die gesamte Moschee sehen. Soto verstecken Sie es auf, einfach gehen, um einfach fallen die Moschee nach unten, wie es im ersten Zustand genau hier ist, und wenn Sie draußen klicken, es ist einfach nur gehen, um alles zu verstecken. Und wenn man es ausdehnt, wird alles enthüllen, was in der Moschee ist, und auf diesem ist man in Kontaktinformationen sehen. Wir haben genau das Gegenteil, so dass die Moschee zusammengebrochen ist und wenn ich in die Moschee klicke und erweitern Sie sie nach unten, können Sie sehen, dass es wird, um den Text zu zeigen. Also, das ist es im Grunde für das Design. Wir haben diese beiden Moscheen, die genau die gleiche Art und Weise arbeiten und im Grunde genau das Gleiche tun . Aber einer von ihnen ist gerade oben positioniert und einer von ihnen ist unten positioniert jetzt ist für die Schicht. Organisation ist, dass Sie sehen können, wir haben Kontakt mit mir an der Spitze, weil es immer an der Spitze bleibt . Dann haben wir eine Nachricht, weil wir es brauchen, um diesen Text zu decken, wenn er hier in diesem zweiten Zustand sprang und schließlich haben wir Kontaktinformationen, die hier ist, nur weil wir Nachricht mir oben drauf haben, und es geht , um dies in den zweiten Zustand zu decken, und dann diese Moschee, die diese Moschee für die Felder ist gehen Zehe erweitern nach oben. Das ist der Grund, warum ist unten. Wenn ich also beginne, sie zu animieren, wenn ich auf Prototyp klicke, können Sie sehen, dass wir diese beiden Zustände haben. Aber ich werde sie einfach zusammenbrechen. Also, wenn Sie klicken, kontaktieren Sie mich wird diese erweitern, wenn Sie klicken. Nachricht mich wird das erweitern. Also müssen wir auf die Nachricht mich klicken, damit sie dies zeigt. Ich ziehe einfach zwei hierher. Wir werden Schritt oder Fuß animieren einfach jetzt 0.6. Und schließlich klicken wir auf Kontaktieren Sie mich, ziehen Sie es hier und verwenden Sie die gleichen Einstellungen. So einfach ist es, dieses Ding zu verdrahten. Wenn Sie also Preview drücken, werde ich es nur ein wenig vergrößern, wie Sie sehen können, wenn Kontakt mit mir geklickt wird. Diese Informationen werden angezeigt, wenn auf Nachricht mich geklickt wird. Wie Sie sehen können, dehnt es sich nach oben aus. Verstecken Sie den Text des Kontakts und enthüllen Sie all diese Informationen. Dann, wenn Sie mich kontaktieren könnten, wird alles unten schieben und enthüllt diese Informationen und umgekehrt für Nachricht mich. Das war's also für dieses Video. Und wenn Sie nicht wissen, wie ich diese Informationen gemacht habe, wird sie in der X-Defile enthalten sein, die Sie für diesen Abschnitt des Kurses erhalten werden. Ercan springen rein. Sie können Abstände für sich selbst überprüfen. Wenn Sie etwas wie eine Farbe oder die Textgröße oder eine andere verpasst haben, können Sie das überprüfen und kopieren und in Ihr eigenes Design einfügen. Sie können diese auch für Ihre persönliche oder kommerzielle Arbeit verwenden. Sie können dies zum Beispiel tun. Lassen Sie mich Ihnen ein kurzes Beispiel geben. Also, was es sagt, Kontaktieren Sie mich. Sie können ein Hintergrundbild dahinter setzen, und wenn es „Nachricht mich“ sagt, können Sie das Bild dahinter setzen. Also im Grunde wird es zwei Bilder nebeneinander zeigen. Genau hier. Sie können auch eine andere Hintergrundfarbe verwenden. So zum Beispiel können Sie zum Beispieleine grüne Farbe für den Hintergrund wählen. Kontaktieren Sie mich und blaue Farbe für den Hintergrund hinter. Nachricht mir, so dass Sie im Grunde diese beiden Farben nebeneinander zusammenbrechen können, so dass eine übereinander, und Sie können das tun, um dieses Design ein wenig zu würzen. Ich wollte dir nur die nackten Knochen in der Mechanik dahinter zeigen. Und dann ist es wirklich an Ihnen, Zehe setzen Sie es in jedem Design, das Sie haben oder Sie im Sinn haben, zu arbeiten. So funktioniert es für Sie in Ihrem speziellen Projekt. Das war's also für dieses Video, und wir sehen uns im nächsten. 37. Form 10: in diesem Video werden wir dieses Formular erstellen. Wenn der Benutzer klickt, wird Ihre E-Mail verschwinden und geben Sie dann eine E-Mail und markieren Sie das Eingabefeld das grün wird. Das Gleiche wird mit dem Passwort passieren. Und schließlich, wenn sie das Passwort wiederholen müssen, machen sie einen Fehler. Also wird es schütteln, springen zurück zu Charakteren, und dann, wenn sie korrigiert, wird es grün werden, weil es diesem entspricht, möglich es oben. Und schließlich, wenn sie auf Konto erstellen klicken, wird es ihnen Erfolg zeigen. Also lasst uns anfangen. Also, wie üblich, haben Sie den Flughafen bei 800 mal 800 und sie sind alle wirklich die entworfen, um ein bisschen Zeit zu sparen . Also an der Spitze haben wir Count erstellt, das ist offener Sinn bei 28. Dann haben wir diese drei Felder, und schließlich haben wir eine Schaltfläche unten. Also für die Felder, wenn ich etwas näher heranzoomen, haben wir den kleineren Text oben. Geben Sie Ihre E-Mail ein. Es ist ein offener Sinn. Und 14 wir haben eine Moschee, die die gleiche Maske ist, im Grunde, wie Sie in den vorherigen Videos gesehen haben, vor allem im Abschnitt des Kurses. Also haben wir diese Moschee, die wir später enthüllen werden. Und darunter haben wir natürlich den Text . Aber unter der Moschee haben wir Ihre E-Mail, die offen Sinn an der DDT Licht, graue Farbe ist . Und schließlich haben wir den Eingang, der in diesem Fall bei 400 mal 70 liegt. Also, wenn ich ein wenig herauszoomen, haben wir diese beiden Felder im Grunde genau das gleiche wie diese 1. 1 Und schließlich haben wir erstellen Konto unten, die eine Moschee und zwei Tasten hat. Im Grunde. Also haben wir den blauen Knopf , der diese grundlegende Taste ist Wir haben den grünen Knopf mit der Deckkraft ein gesenkt, und die grüne Farbe ist diejenige, die wir während des Diskurses verwendet haben. Oder es ist 55 D 466 Und wie ich mehrmals in diesem Kurs gesagt habe, werden Sie diese wilde drinnen von dieser zusätzlichen Datei bekommen. Sie können dann alle diese Elemente inspizieren und Katzen kopieren. Koji fühlen sich wie diese Farben, um sie in Ihrer Arbeit und schließlich in den Boden zu verwenden. Wir haben die Moschee ging, um Text im Inneren, so im Grunde das gleiche, wie ich Ihnen in einigen der vorherigen Videos gezeigt. Also haben wir First State, das ist Konto erstellen und Final State, was Erfolg sagt und es wird von Disposition zu Disposition gehen. Also lasst uns anfangen und wir werden diese unsere Port Hit Control de duplizieren. Und auf dieser 1. 1 werden wir einfach krank über die Obey Stadt von Ihrer E-Mail den ganzen Weg nach unten. Dann werden wir die Kontrolle noch einmal drücken, weil auf diesem ersten Zustand Benutzer werden klicken, um ihre E-Mail eingeben. Dann wird Ihre E-Mail verblassen. Und dann werden wir in diesem Zustand die Farbe von dieser Eingabe ändern. Also lassen Sie mich schnell öffnen, und wir werden die grüne Farbe von denen unten verwenden, so dass wir schnell den grünen Kragen von hier auswählen können . Also werde ich einfach auf Steuerelement C klicken, um die Farbe zu kopieren und wo es Eingabe sagt . Sie können hier auf der Grenze klicken, nicht auf den Film drücken Control V, um es einzufügen, und wir werden unsere Moschee zeigen, dass die E-Mail eingegeben wurde und korrekt eingegeben wurde , wie Sie hier sehen können, weil diese Formulare kann erkennen, ob Sie zum Beispiel Distel am Charakter verpasst haben oder Sie falsch schreiben, zum Beispiel Gmail oder Sie haben die Tochter verpasst. So etwas wie das. Sie können das erkennen und in Rot zeigen, dass Sie einen Fehler gemacht haben. Oder wenn Sie es nicht richtig tun, können sie grün angeben, dass Sie es richtig gemacht haben. Dann werden sie direkt hier auf Ihr Passwort klicken. Also im Grunde das gleiche wie für die E-Mail. Also werden wir die Kontrolle ein D treffen und auf dem Pass gingen die Zehe da drüben basierend es unten, treffen die Kontrolle noch einmal und dann drinnen werden wir die Moschee enthüllen, und diese Punkte sind offene Sets bei 40 und wir werden tun Sie das Gleiche für den unteren später. Und schließlich haben wir toe basiert die Farbe vom Eingaberand. Dasselbe wie mit dem vorherigen. Als nächstes werden sie das Passwort wiederholen, also werden wir das duplizieren. Wenn sie also klicken, wird ihr Wiederholungspasswort überall in ihrer Bay City nach unten gehen. Grundsätzlich werden wir die Kontrolle über das noch einmal bekommen und jetzt in diesem wird rot werden und sie werden anfangen, ihren Pass einzugeben. Also zuerst, lassen Sie mich das ein wenig vergrößern. So gut Hit 40, um es das gleiche zu machen. Also für diesen hier werden sie anfangen, ihren Pass so einzugeben. Und es wird ein Rot für die Eingabe zeigen und die Bedrohung Farbe ist e 53 C 85 wie so. Also geht es im Grunde zeigen, dass sie ihren Pass verpasst haben, weil sie ihn hier eingegeben haben und dann haben sie es nicht richtig hier wiederholt. Also werden wir diesen einen Hit gesteuert duplizieren und jetzt auf diesem einen, was wir wollen, ist, diese Eingabe zu lokalisieren, und wir werden Shift und linken Pfeil drücken, um es zu bewegen. 10 Pixel in der Zehe links. Dann werden wir die Kontrolle treffen, oder ? Noch ein Mal. Und bei diesem hier bewegen wir es im Grunde zurück in die Mitte, so. Verschieben Sie also 10 Pixel nach rechts, und dann werden wir es im Grunde noch ein Mal verschieben, oder Sie können es so lassen. Also, wenn Sie in beide Richtungen schütteln wollten. Sie können es direkt von hier aus tun Wenn sie also mit der Eingabe beginnen und mit der Eingabe fertig sind, wird es rot. Dann wird es links schütteln, dann wieder in Position. Oder du kannst es einfach rüber bringen. Es liegt wirklich an dir. Wie willst du diesen Shake zeigen? Wirklich? Also in diesem nächsten, werden wir das senken. Also diese Moschee können wir um drei Zeichen unten wie so senken und in der nächsten, wenn sie wieder zu tippen beginnen, wie so, wie so, wir werden die Eingabefarbe Zehe ändern, die grüne Farbe, so dass Sie einfach wählen können diese Farbe. Stellen Sie sicher, dass es ja ist. 55 D 466 Also ist es im Grunde die gleiche Farbe wie alle diese anderen, und schließlich werden sie klicken, Konto erstellen. Es kontrolliert D. Und in diesem letzten Zustand, was wir wollen, ist, dass diese Flasche grün wird und diese Moschee wird Erfolg zeigen. Also stellen Sie sicher, dass sie auf der gleichen Linie sind wie sie sind, und wir werden bewegen, erstellen Konto unten unten unten unten. Also, das ist es im Grunde für unsere Staaten. Und jetzt ist es Zeit für uns, es zu Prototypen zu entwickeln, also werde ich die Kontrolle bekommen. Zero und ich gingen, um ein bisschen näher zu zoomen. Ich wähle das ganze Feld aus. Benutzer werden tippen. Wir werden Auto benutzen. Animate ist in out und sagen wir 0,6 Sekunden. Ich denke, es wird jetzt bei diesem nächsten gut genug funktionieren. Wir wollen Zeit haben, weil es auf den Übergang geht. Grundsätzlich sind zwischen diesen beiden Boards und für die Zeit, die wir verwenden, sagen wir, Zeitverzögerung 0,8 Sekunden. Animieren Sie auch, lockern Sie sich. Und schließlich, lassen Sie uns 0,8 Sekunden verwenden, damit wir ein bisschen Konsistenz haben. Jetzt auf diesem nächsten, werden sie hier klicken. Also werden wir Schritt Autonomie TZ Note 0,8 Sekunden verwenden. Bulletin, schnell. Überprüfen Sie diese 1. 1 Wir haben 0,6 Sekunden verwendet. Lassen Sie uns 0,8 auf alle von ihnen verwenden, so dass es wirklich an Ihnen ist, wenn Sie möchten, dass es kürzer oder länger ist. So 0.8 oder toe animieren. Nun, bei diesem hier, wirst du Zeit nutzen. So Zeit 0.80 Punkt acht Einfach. Ein draussen auf diesem. Sie werden so mit dem Zeh klopfen, oder zu irgendeinem Fleisch, das sich entspannt. Und schließlich, was wir für diese wollen, denn jetzt werden sie anfangen zu zittern. Wir werden Zeitverzögerung von Null Sekunden verwenden, weil wir sofort zu diesem springen wollten . Dann werden wir Zeit Delay 0.8 verwenden. Aber wir werden Bounce anstelle der Leichtigkeit in out so verwenden und auf diesem gut, in ist die gleichen Einstellungen. Also mal wird es 10.8. Oder vielleicht können wir Yeah benutzen, um zu sehen, was es tut Bounce 0.8. Und schließlich, für diesen hier, gehen wir nicht zu seiner Sprungkraft. Du wirst einfach ein Out benutzen, weil es im Grunde an der gleichen Stelle wie dieser ist. So wird wieder in seine ursprüngliche Position springen. Wir werden stymieren, und Delay lässt Sie 0.8 sehen, wie das aussieht. Und schließlich werden wir auf die Schaltfläche klicken, ziehen Sie seine Sie gehen, um Foto-Feind Schritt, einfache Note und 0,8 Sekunden. Jetzt, wo wir alles verdrahtet haben, schauen wir es uns an. Sehen Sie, wie es aussieht, wie er in großen spielen Es klicken Sie rechts hier wird verschwinden. Geben Sie eine E-Mail ein und werden Sie grün für das Passwort wird verschwinden. Geben Sie eine E-Mail aus, werden Sie grün. Wiederholen Sie das Passwort. Wie Sie sehen können, springt es zurück in Position und jetzt zeigt es ursprüngliche Punkte. Jetzt haben wir hier einen kleinen Bug , den ich beheben werde. Aber schauen wir uns das zuerst an. Und schließlich haben wir Erfolg. Wie Sie sehen können, ändere ich die Größe von diesen Punkten später, wenn sie aufgedeckt werden. Aber nicht davor. Deshalb haben wir diese seltsame Sumpfform für den Sprung wieder, die die gesamte Animation zeigt. Also haben wir das hier. Wir haben dies und jetzt überprüfen Sie dies, weil diese bei 40 sind und diese Worte ein bisschen niedriger sind . Also, wenn Sie hier rechts klicken, wie Sie die Sortierung aus erweitern von der ersten Position Zehe diese letzte Position sehen können . Also werde ich jetzt reinspringen und das reparieren. Also werde ich auf das Design zurückgreifen und sehen, wo sie sind. Also hier sind alle um 40 Uhr, ich werde hier reinspringen. Moschee Punkte. Und wir werden hier klicken. 40 wie so. Und ich werde dasselbe im Grunde tun, für alle außerhalb der anderen, unsere Häfen. Genau hier in der Moschee, 40. Danke. Also können wir vielleicht mit der rechten Maustaste klicken und dann auf Kopieren klicken. Klicken Sie mit der rechten Maustaste auf diese einen Treffer basierte Erscheinung. Und wie Sie sehen können, ändert es sich auf 40 genau hier. Du kannst das Gleiche hier machen, oder? Klicken Sie auf die basierte Darstellung ändert sich zu 40. Sie müssen also nicht jedes Mal tippen. Also einfach hier, rechts, rechts, klicken Sie auf Basis. Und auf dieser 1. 1 Rechtsklick basiert. Deshalb sage ich, dass Sie während Ihres Designs die gleichen Einstellungen haben müssen. Also in all Ihren Häfen und Sie haben Schlepptau, im Grunde benennen Sie Ihre Ebenen richtig, damit alles richtig funktioniert. Sonst wird es einfach nicht so funktionieren, wie du solltest, wie du es mir vorhast. Also lassen Sie es uns schnell überprüfen. Genau hier. Das sieht schön aus. Klicken Sie hier, Waits enthüllt. Klicken Sie hier. Und wie Sie jetzt sehen können, sieht es richtig aus, es wird zurückspringen, ein paar Punkte zurückbringen, als wieder austippen. Wie Sie es sehen können. Werden Sie grün und verletzen. Erstellen Sie einen Kontoerfolg. Das war's für dieses Video. Ich hoffe, es hat dir gefallen und wir sehen uns im nächsten. 38. Formulare Xd: in diesem Video wollte ich Ihnen Formulare X'd Datei zeigen. Und das sind alle Formen, die wir in diesem Abschnitt aus dem Kurs erstellt haben, Sirkin, schnell springen, einige Elemente inspizieren und mehrmals in diesem Abschnitt des Kurses erwähnt. Und innerhalb dieser Videos, können Sie wirklich alle von ihnen für Ihren eigenen Erstellungsprozess überprüfen. So zum Beispiel vergessen, Sie zum Beispiel vergessen,wie groß die Botanik ist. Du kannst hineinspringen. Sie möchten die gleiche Farbe verwenden, können Sie sie kopieren, wenn Sie die gleiche Vorderseite oder die Telefongröße verwenden möchten. kannst du auch tun. Für dieses spezielle Beispiel, wo wir Bild verwenden. Vielleicht erinnern Sie sich nicht, wie einige Übergänge funktionieren. Sie können schnell auf Prototyp klicken, und Sie können zwischen ihnen klicken und sehen Sie, zum Beispiel. Okay, Wirst du Schritt gehen oder animieren? Einfach jetzt 0,6 Sekunden. Wenn Sie also eine Vorschau erhalten, können Sie sehen, wie das aussieht, damit Sie all diese Dinge in dieser Datei erledigen können. Sie können diese Formulare kopieren und in Ihre eigenen Designs einfügen, und dann können Sie sie für Ihre persönlichen und kommerziellen Kunden verwenden. Und schließlich möchte ich Ihnen dieses Assets-Panel zeigen. Also, wenn ich hier klicke, haben Sie alle Farben genau hier. So können Sie mit der rechten Maustaste klicken und diese Farbe kopieren, zum Beispiel, wenn Sie es in ihr eigenes Design verwenden möchten und schließlich, wenn Sie es irgendwo hier ändern möchten. So zum Beispiel haben wir zum Beispieldieses Blau in den meisten Designs, die Sie mit der rechten Maustaste bearbeiten können und zum Beispiel möchte ich diese lila Farbe verwenden. Wie Sie sehen können, wird es sich überall auf jeder einzelnen Instanz ändern, in der wir diese blaue Farbe haben. Es liegt also wirklich an Ihnen, was Sie mit dieser Datei machen möchten. Sie haben meine volle Erlaubnis, diese Formulare in anderen Elementen dieses Kurses in Ihren persönlichen und kommerziellen Projekten zu verwenden. Und was die Links betrifft, zum Beispiel für das Bild und die Vorderseite, werde ich alle Links in der letzten Lektion aus Diskurs lassen, wo ich Ihnen die Videodatei zeigen werde, die Sie auch eine Inside erhalten diese pdf-Datei. Alle Links werden den Download finden und alle diese re Quellen verwenden, die für den persönlichen und kommerziellen Gebrauch kostenlos sind . Also sehe ich dich im nächsten Video 39. Text 1: in diesem Video werde ich Ihnen diesen Gegeneffekt mit dem Text zeigen. Wenn Sie also auf aktuell oder nach einer bestimmten Zeit klicken, geht es durch den gesamten Text und landet dann auf einer bestimmten Zahl. Also lasst uns anfangen. Also werde ich in unserem Port von 800 von 800 auf verwenden, wenn der Typ erzählt zu verwenden. Klicken Sie irgendwo draußen und wir werden open cess bei 90 verwenden. Ich werde im Null-Presse-Center tippen. 123456789 Also, wenn ich irgendwo draußen klicke und verkleinere, können Sie sehen, wie das aussieht, als würde ich doppelklicken, ein Steuerelement steuern, sehen? Klicken Sie dann auf den Text, bewegen Sie den ganzen Weg nach unten drücken, geben Sie basierend ein und drücken Sie dann Venter und basiert erneut. Also, wenn ich den ganzen Weg nach unten zoomen, können Sie sehen, dass wir drei Reihen von Zahlen hören, die von Null gehen. Also das ist unsere 1. 1 Und ich werde einfach schnell ein Rechteck-Werkzeug verwenden. Jemand wie dieser, und ich werde es hier oben positionieren, also perfekt in der Mitte zu sein, und dann werde ich das direkt über diesem Rechteck positionieren. Also vielleicht irgendwo hier, dann werde ich den Text kopieren, damit er D kontrollieren würde Verschieben Sie ihn nach rechts. Sagen wir, 20 Pixel wie so Und er hatte das noch einmal kontrolliert und die 1 20 Pixel nach rechts verschoben . Dann werde ich den Text gruppieren, damit er G kontrolliert, ihn in der Mitte verschieben kann, so dass ich ihn gruppieren kann, dann benutze dieses Rechteck und reduzierte Verstand auf so etwas wie hier. Ich werde diese Moschee anrufen, und dann werde ich nur den Text bestellen. Das ist also 1/3 1 von links nach rechts. Dies ist die 1. 1 Dies ist die mittlere. Dann wähle ich sie alle mit meiner Umschalttaste aus, richtig? Klicken Sie und Moschee mit Form. Ich werde nur diesen Moschee Zähler nennen, und das wird unser erster Staat sein. Dann werde ich Control de treffen, um das unseren Port zu duplizieren. Ich werde in den Text springen und ich werde Shift halten und diesen ersten Text auf diese Nummer sieben verschieben . So etwas wie das. Stellen Sie sicher, dass Sie versuchen, alle diese Zahlen nach oben zu ziehen , also so etwas, , also so etwas, dann werde ich die 2. 1 verwenden und jetzt werde ich nicht in der ersten Nummer sieben verwenden. Also nicht diese, sondern die zweite Nummer sieben. Scrollen Sie einfach weiter, bis Sie Nummer sieben erreichen und versuchen, es mit dieser 1. 1 wie so auszurichten . Und schließlich werden wir dasselbe für diesen Scheißhaufen tun. Aber wir werden die dritte Nummer sieben benutzen, also gehen Sie nach unten zur dritten Nummer sieben. Also die letzte in diesem Zähler und hier ist es, so dass Sie nicht die gleichen Zahlen verwenden müssen. Sie können Zufallszahlen verwenden. Also lassen Sie uns zum Beispiel 78 Nacht verwenden zum Beispiel . Also im Grunde, es ist wirklich zu Ihnen geholfen, welche Zahlen Sie wählen und stellen Sie sicher, dass Sie sehen, ob sie alle aufgereiht sind, sie sind vielleicht nur diese Nummer neun nur acht gebunden. Jetzt nur ein Ted. So etwas wie das funktioniert, denke ich, denke ich,gut. Ja, dieser Prozess ist ein Trick. Du kannst Guides benutzen, aber ich versuche, dir das in sonst wenig estar Zeit zu zeigen. Es ist möglich. Nein. Lassen Sie uns Prototyp des Wärmeprototyps. Ich werde Schritt verwenden, was auch immer Sie Zeit verwenden können. Nach einer gewissen Zeit wird das passieren. Also lasst uns Zeitverzögerung verwenden. Ich werde nur eine Sekunde gebrauchen. Auch animiert. Dauer der ausgewählten Option „Einfach“ beträgt drei Sekunden. Mal sehen, wie das aussieht. Also, nachdem eine Sekunde beginnt und 789 jetzt erreicht, können Sie auch zurückgehen, wenn Sie wollen, und es wird den ganzen Weg auf Null zählen. Sie können so viele Zahlen haben, wie Sie möchten. Stellen Sie einfach sicher, dass Sie durch sie fahren oder wenn Sie einen nach dem anderen Zyklus möchten, dann können Sie sie haben. Zum Beispiel, wir wollen eine 789 Sie müssen nicht durch drei Zeilen Text Zyklus, wie wir es in diesem Video getan haben . Sie können es mit nur einem tun, aber Sie werden keinen anderen Effekt erzielen. Das ist also im Grunde die Basis für Sie und Ihre Projekte. Bauen Sie sich also von hier aus auf. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 40. Text 2: In diesem Video werde ich Ihnen zeigen, wie wir diesen Texteffekt erstellen können, den Sie normalerweise in Kopfzeilen sehen, zum Beispiel, oder in Websites oder in einigen Bereichen außerhalb der Website, wo Sie die Aufmerksamkeit lenken möchten. Wenn ich also auf klicke, wird es ein wenig näher an das Bild heranzoomen und den Fokus auf das Bild in den Fokus bringen . Es ist also dieses Reh in diesem Fall, also wenn ich es noch einmal zurücktausche, tippen Sie darauf. Du kannst sehen, wie das aussieht, also lasst uns anfangen. Also hier haben Sie den Flughafen bei 800 von 800, wenn Sie den Titel verwenden, klicken Sie auf Bean Nature, wählen Sie alles und wählen Sie offenen Sinn von hier und für die Größe. Lassen Sie uns etwas wirklich Großes wählen, zum Beispiel auf 50 und in der Mitte positioniert. Stellen Sie sicher, dass es in der Mitte so ist, und anstelle von regulären, können Sie zusätzliche Bolzen verwenden, so dass wir diesen wirklich fett Texteffekt erreicht. Als nächstes müssen Sie mit der rechten Maustaste darauf goto Teil, dann umwandeln Zehenteil, weil ich ein Fotoshop mag, wo Sie nur Moschee diese innerhalb Ihrer Ebenen Panel. Sie können das in Adobe X'd bisher nicht tun, zumindest nicht bei der Herstellung dieses Videos. Das ist also positionieren Sie es in der Mitte. Nein, und vielleicht in der Zukunft Update werden sie Zehe gehen. Fügen Sie diese Option hinzu. Aber wie gesagt, vorerst können Sie dasvorerstnicht tun. Also musste ich es in Pot umwandeln. Nennen wir diese Teile Text wie So als nächstes werde ich schnell Drachen ein Bild von meinem Computer. Ich werde es in der Packung positionieren, und ich werde dieses Bild so nennen und ich zoomen, zum Beispiel, zum Beispiel, etwas wie hier. Und lassen Sie uns schnell Moschee Day bücken, so dass Sie beide auswählen können. Klicken Sie ganz Moschee mit Form oder Ihre Verschiebung. Steuern Sie em oder Shift Commander auf dem Mac, und Sie können sehen, jetzt sind sie maskiert. Jetzt lassen Sie uns ein Duplikat machen, damit er die kontrollieren würde und auf diesem, lassen Sie uns unsere Shift und die linke Pfeiltaste verwenden. Bringen Sie nicht die Größe und senken Sie so viel und Sie kondensieren oder die Ungehorsam besser. So, zum Beispiel, irgendwo wie dieser, so dass wir den Kopf des Hirsches so sehen mussten, und auf diesem 1. 1 gehen wir wirklich, wirklich groß, wirklich groß, so dass Sie auf das Bild klicken können Hit, Shift Control und links, klicken und vergrößern Sie es so viel, wie Sie wollen. So, zum Beispiel, etwas lächerliches wie dieses, und schließlich, und schließlich, Zeit funktioniert wirklich gut mit diesem Auslöser. Aber ich habe Ihnen gezeigt, wie es mit Schritt funktioniert, so dass Sie darauf klicken können, unser Port ziehen Sie einen Griff. Und anstelle der Top-Nutzungszeit, werden wir eine Verzögerung von 0,8 Sekunden Übergang haben oder zu animieren, Lockerung und Dauer. Sie können es bei drei Sekunden so einstellen, dass er spielen konnte. Es wird Zehe warten ein wenig und dann wird in ein wenig näher zu zoomen Zehe den Hauptfokus aus diesem Video. Also, das ist es im Grunde für dieses Video, und ich sehe Sie in der nächsten 41. Text 3: in diesem Video werde ich Ihnen zeigen, wie es diesen Ladetext der Tat erstellen kann. Also, wenn ich darauf klicke, wird es beginnen, Gewicht zu laden und dann den Text vollständig zu offenbaren. Also kämpfst du bitte nochmal. Sie können sehen, dass es beginnt, stoppt und dann enthüllt den Text vollständig. Also lasst uns anfangen. Also, wie üblich, beginnen wir mit dem nicht Port off 800 von 800. Ich werde auf das Textil klicken. Und so habe ich geladen, so dass ich es offenem Sinn machen werde. Und für Dis Ice, wählen wir etwas Großes wie 1 20 und anstelle von regulären, wählen wir einen zusätzlichen Bolzen wie diesen, stellen Sie sicher, dass es in der Mitte ausgerichtet ist, und stellen Sie sicher, dass Sie es in der Mitte positionieren wie So Now für die Farbe, Wir werden diese blauen Farben oder drei E C. Sechs ff. und schließlich, lassen Sie uns Bleistift verwenden, weil wir nur eine schöne, einfache Form zeichnen . Beginnen wir also mit folgendem Ergebnis. Halten Sie einfach Shift und vielleicht kann ein Auto wie dieses erstellen. Also einfach klicken und halten und dann irgendwo wie hier freigegeben, und dann können wir vielleicht auftreten, wie dies und Sie können technische damit bekommen. Sie können auf viele Details gehen und so viele oder so wenige von diesen Kurven erstellen, wie Sie möchten, nur damit Sie den Effekt erzielen können, den Sie tatsächlich wünschen. Also, zum Beispiel, gerade hier, wo wir erstellt haben, dass Teile, wie man es nennt, zum Beispiel, Form wie so Und lasst uns Moschee, beide, um unseren Sercan zu bekommen, wählen sie Rechtsklick und Moschee mit Form, und was ich tun werde, ist auf die Form klicken und einfach senken Sie es so und wir werden diese Moschee nennen. Das ist also unser erster Zustand. Lassen Sie uns Control DE drücken, um unseren zweiten Zustand zu erstellen, so dass Sie ihn auswählen können und wir werden diese Form ein wenig verschieben. So kann Shift halten und verschieben Sie es irgendwo wie hier. Und Sie können nach draußen klicken und sehen. Rufen Sie Ihre Form sieht aus wie. Wenn Sie also einige zusätzliche Änderungen vornehmen möchten, können Sie und schließlich unseren dritten Status erstellen. Und in diesem Zustand werden wir unseren Text enthüllen. Aber nicht nur das. Wir werden diese Form ein wenig ändern, also werde ich doppelklicken. Damit ich hineinspringen kann und einige dieser Punkte herumziehen kann. Also, zum Beispiel, dieser und ich können ziehen. Es ist zu irgendwo wie hier. Ich kann das auch nach draußen ziehen. Also vielleicht irgendwo wie dieser ziehen Sie diese 12 hierher und stellen Sie sicher, dass alle anderen folgen. So etwas ist gut. Also ist alles im Grunde enthüllt und man kann den gesamten Text sehen. Also, nein, lassen Sie uns einen Prototyp erstellen. Sie können klicken und wählen Sie tippen oder Zehe alle Treffen, Lockerung und Dauer ALS. Geben Sie eine Sekunde für die 2. 1 Lassen Sie uns Zeit verwenden. Also Zeitverzögerung. Wir können eine Sekunde verwenden oder einfache Note und eine Sekunde für die Dauer animieren. Und lassen Sie uns eine Vorschau auf das, was wir geschaffen haben. Also, wenn ich hier rechts klicke, können Sie sehen, dass es beginnt und dann den gesamten Text enthüllt. Also, wie ich in diesem zweiten Zustand sagte, wenn ich noch einmal hinein springe, ist es wirklich an Ihnen, wie Sie den Spot erstellen können und Sie ihn nach Belieben bearbeiten können. Du kannst das sogar direkt machen. Wenn wir zum Beispieldas Rechteck wählen,können Sie ein Rechteck wie dieses erstellen und es dann oben offenbaren und den gesamten Text zeigen, wenn Sie möchten. zum Beispiel Wenn wir zum Beispieldas Rechteck wählen, können Sie ein Rechteck wie dieses erstellen und es dann oben offenbaren und den gesamten Text zeigen Aber ich denke, es ist viel interessanter, wenn Sie mentale verwenden, um diese Formen zu erstellen, und ich denke, es gibt ihm viel mehr Wert. Zum Beispiel können Sie sogar Logos verwenden und Client-Logos in dieser Ladeanimation kombinieren. So, zum Beispiel, wenn es fertig zu laden oder so wie hier gemacht, können Sie Logo auf der Rückseite bringen. Sie können das Logo mit dem Ladetext enthüllen. So, zum Beispiel, Logo kann hier oben sein, und es liegt wirklich an Ihnen, wie Sie dies erreichen können. Aber es ist wichtig, dass Sie in diese Moschee aufgenommen haben. Also, wenn Sie zum Beispiel das Logo hinzufügen möchten, können Sie es vielleicht direkt hier unterhalb dieser Form oder oben setzen. Es spielt wirklich eine Rolle, und dann, wenn Sie alles enthüllen, wird das Logo genau hier an der Spitze kommen. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 42. Text 4: in diesem Video werde ich Ihnen diesen Morphing-Text zeigen , der von einem Bild zum Hintergrundbild geht und wieder an Ort und Stelle verwandelt. Und wenn Sie es noch einmal sehen, können Sie sehen, wie das aussieht, und Sie können diese für Header verwenden. Wenn Ihre Website oder mobile Runden können Sie sie verwenden, um Aufmerksamkeit auf einen Teil des Designs zu lenken, der mehr Aufmerksamkeit benötigt als die anderen und so weiter. Also lasst uns anfangen. So haben einen Flughafen von 800 durch 800 ging Textiltyp in den Bergen und nützliche Einwilligungen zu verwenden . Vielleicht etwa 20, vielleicht sogar 100, wenn er zu viel sein könnte. Und wir können so etwas wie extra Bolzen von der Mitte gehen, positionieren Sie es in der Mitte. Ich kann mit der rechten Maustaste darauf klicken, dachte konvertiert zu einem Teil und dann einfach so positionieren, so dass Sie Text wie diesen auswählen können. Und schließlich brauche ich ein Bild von einem Drag & Drop in Bild. Dieses Bild ist von Splash dot com, und ich werde es positionieren und es auf irgendwo hier senken. Ich werde dieses BG-Bild nennen, weil es unser Hintergrundbild sein wird. Ich werde es für Hit Control D. duplizieren und das ist nur unser Bild, das wir mit diesem Text in die Moschee gehen. So, wie beide von ihnen, Rechtsklick Moschee mit Form. Und wie Sie sehen können, ist hier wirklich nichts passiert. Aber jetzt kommt der lustige Teil. Das ist also unsere erste Zustandskontrolle D. Dies wird unser zweiter Zustand sein, also können Sie das auf viele Arten tun. Sie können es auf annehmen. Vergrößern Sie es. Sie können zum Beispiel zum Beispiel so tun oder einfach nur die Zehe auf dem Bereich von leichter bewegen. Konzentriere dich auf. Vielleicht könnte man so sehen, wie das aussieht, und das ist es im Grunde für den Design-Teil. Lasst uns den Prototyp bringen. Klicken Sie also auf seine 1. 1 Sie können Zeitverzögerung eine Sekunde wählen. Der Übergang ist automatisch animiert. Erleichtern Sie sich von hier aus und schließlich Dauer buchstäblich drei Sekunden. Zum Beispiel, klicken Sie auf die zweite 1 gezogen zurück behandelt. Es wird die gleichen Effekte enthalten, also wenn Sie rechts hier klicken,wird es Zehengewicht, wird es Zehengewicht, dann zeigen Sie diesen Text und offenbaren im Grunde und dann wieder an Ort und Stelle gesprungen. Sie können es größer oder kleiner machen, kommen von innen oder außerhalb Drillers Materie, und Sie können sogar die apace Stadt verwenden. Also auf diesem 1. 1 eine Stadt aus, der Text kann Null sein, und auf der 2. 1 kann es 100 sein, so dass es wirklich zum Effekt hinzufügen kann, und Sie können es verwenden. Wie ich bereits in Ihren Headern oder in den Bereichen der Website oder mobilen App sagte, möchten Sie mehr Aufmerksamkeit in. So zum Beispiel können Sie zum Beispielin den Produktnamen schreiben und Sie können das Produkt selbst innerhalb dieses Textes platzieren und dann das Produkt offenbaren, wie zum Beispiel Benutzer blättert oder wenn sie irgendwo klicken, und der nächste Zustand dieser Clique sollte das Produkt offenbaren. Dann können Sie das Produkt auf diese Weise offenbaren und es ein wenig interessanter machen. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 43. Text 5: in diesem Video werde ich Ihnen diesen verzerrten Texteffekt zeigen. Sie können dies während des Ladevorgangs oder beim Übergang verwenden, oder wenn Sie nur ein bisschen mehr Aufmerksamkeit auf unseren Bereich oder einen Abschnitt Ihrer Website oder einer App lenken möchten. Also lasst uns anfangen. Also Havenaar Board off 800 von 800 gehen, um mein Textil in Tippspiel zu verwenden offen sagt 100 extra fett. Und ich werde Grenze ohne Film benutzen. Also, wenn Sie sich wie gewohnt ausgewählt fühlen, deaktivieren Sie es einfach hier. Als nächstes werde ich mit der rechten Maustaste darauf klicken, Teil zu trennen, und ich werde es hier und hier platzieren. Also, um perfekt in der Mitte zu sein, wir ein Duplikat erstellen, damit er D kontrollieren würde, um eine Kopie zu erstellen. Und auf diesem, werden Sie doppelklicken Sie drinnen und spielen einfach mit diesen Punkten herum, so dass Sie sie überall im nächsten Chef positionieren können Adult, wie es von geraden Punkten zu Bodenpunkt konvertiert , so dass Sie wirklich spielen können mit ihm, und Sie können es erweitern oder reduzieren Sie es Zehe, wie Sie wollen. Fügen Sie einfach keine weiteren Punkte hinzu, da dies das gesamte Auto-Animate-Feature durcheinander bringt. Und zum Beispiel zum Beispiel können Sie so etwas erstellen, so sortieren Sie Welleneffekt. Also sollte auf alle Briefe verzichtet werden. Also vielleicht so etwas, zum Beispiel, und es liegt wirklich an dir. Wie viele von diesen wollen Sie erstellen, und welchen Effekt versuchen Sie zu erreichen? Also vielleicht so? Vielleicht ist es gut genug? Ja, und lassen Sie es uns so behalten. Aber vielleicht tun Sie das gleiche hier und schließlich auf diesem. Warum ein Charakter? Lassen Sie uns dies tun und vielleicht das gleiche für diese beiden tun, aber erweitern Sie sie umgekehrt. Also werde ich darauf klicken und vielleicht so etwas kreieren, also wirklich einen welligen, freundlichen Effekt. So, wie Sie sehen können, sieht es wirklich anders aus als diese. Und wenn es Zeit zum Prototyp kommt, wählen Sie einfach die gesamte unsere Hafen-Drogenkonsum Zeitverzögerung von Null oder zu jedem Fleisch ist in unserer Dauer von einer Sekunde und einfach wieder ein Mal. Wenn ich also auf Plea klicke, können Sie sehen, dass es in Bezirke verwandelt, die wir gerade erstellt haben, und Sie können dies, wie gesagt, beim Laden verwenden . Oder wenn Sie die Aufmerksamkeit auf einen bestimmten Teil Ihrer Website oder in up lenken möchten, können Sie diesen Effekt einbinden. Sie können dies auch mit Ihrem Kundenlogo tun, so können Sie, Sie können zum Laden zählen, und Sie können es im Grunde auf mehrere Arten verwenden. Sie können eine Moschee oben platzieren und mehr davon in ein Bild, so dass es wirklich an Ihnen in Ihrer Phantasie. Das war's also für dieses Video. Wir sehen uns in der nächsten. 44. Text 6: in diesem Video, werde ich Ihnen diese Texteffekte zeigen. Also, wenn Sie irgendwo klicken, wird ein Wort starten eingeben. Also lasst uns anfangen. Also, wie üblich, hatte der Flughafen bei 800 von 800 lasst uns anfangen zu tippen sind Buchstaben. Also werde ich s mit Oh tippen, 100 zusätzliche Bolzen mit der Position in der Mitte verarbeiten, wie so tief kontrolliert und ich werde reden, was t wie so, stellen Sie sicher, dass ihr Boot so ausgerichtet und dann Shift und rechte Pfeiltaste drücken, so dass Sie können es 10 Pixel nach links bewegen Steuerelement. Haben Sie noch einmal die gleiche Eingabe ein. so machen Sie den gleichen Abstand wie so Kontrolle Haben Sie noch ein Mal und dann erstellen Sie eine R wie so Und dann schließlich steuern de Um ein T wie dieses zu erstellen, können Sie alle von ihnen auswählen. Aber was ich gerne mache, ist, dort zu bestellen, weil es einfacher für mich ist und dann zu wissen, welcher welcher ist. Also, so , so können Sie sie in der Mitte so gruppieren, und was Sie tun können, ist eine schöne große Moschee wie So positionieren Sie die Moschee in der Mitte so. Ich habe Moschee gewesen, und Sie können alles auswählen Moschee mit Form. Und jetzt sind alle Ihre Charaktere Moschee wie diese. Also, was wir brauchen, brauchen wir einen leeren Zustand und wir brauchen einen Endzustand. Also lassen Sie uns duplizieren, dass diese Boards ein paar Mal sind. Das wird also unser leerer Zustand sein. Ja, t a sind t und das wird unser Endzustand sein. Also, was wir tun werden, im Grunde, wir werden direkt hier in dieser Moschee springen und über alle von ihnen nach unten, um einfach Shift in Ihrem unteren Pfeil halten. Dann kannst du hier rein springen und die Gerechtigkeit drinnen lassen und ein paar Mal auf Shift in unteren Pfeil drücken , bis wir alles nach draußen nach unten bewegen. Dies ist für rt, so S und T werden im Inneren bleiben. Du kannst alles andere hier runterschieben. Wir werden einen Namen haben. Also werden wir nicht so weit unten sein und hier behalten wir unser, aber nur entfernt T und schließlich, für dieses letzte, wir alles so behalten, also lasst uns mit dem Prototyping beginnen. Also auf diesem einen werden wir Schritt verwenden oder Snap 0.4 Sekunden animieren. Und für den Rest von ihnen werden wir Zeit verwenden oder Snap 0.4 Sekunden animieren. Jetzt wollen wir den Snap verwenden, weil wir wollen, dass er in Position einrastet. Und wenn ich auf seinen ersten 1 Klick Play klicke, werde ich tippen. Und wie Sie sehen können, schnappen sie sich so in Position, also das ist es im Grunde für dieses Video, und ich sehe Sie im nächsten. 45. Text 7: in diesem Video werden wir diese Ladetexteffekte erstellen. Also, wenn ein Klick rechts hier, wird es geladen und dann wieder nach unten fallen. Wenn ich noch einmal klicke, können Sie sehen, wie es aussieht. Es animiert also im Grunde den Umriss vom Text und fällt dann wieder nach unten die Zehe weiß. Also lasst uns anfangen. Also wie üblich, haben den Flughafen 8 800 von 800 gehen, um den Titel zu verwenden, den ich geladen habe, verwenden Sie offenen Sinn, und vielleicht können wir verwenden 100 sika Das sieht aus wie, Ja, ich denke, das sieht gut aus, aber Juden extra fett. Oder vielleicht können wir sogar etwas Licht wählen. Oder so, zum Beispiel, das zeigt Bolt und lassen Sie uns Grenze innerhalb anstelle des Feldes wählen, wie wir gehen mit der rechten Maustaste darauf Teil konvertiert in Topf, so dass wir es animieren können. Positionieren Sie es in der Mitte von unserem Board, so und was wir auch wollen, ist, dass ich nur ein paar Mal zurückgehen werde, weil ich ein Duplikat machen will er es. Also werde ich Kontrolle D bekommen, also wähle Steuerung D, um ein Duplikat zu machen, und jetzt werde ich dieses verstecken und dieses in Teile verwandelten. Also wandle die Töpfe um. Jetzt werde ich beide auswählen und sie in der Mitte so positionieren, dass Sie den ursprünglichen Text ausblenden . Was den Teil angeht, werde ich einen anderen Polizisten machen. Du bist es. Wählen Sie beide aus, und ich werde die Grenze von drei e c sechs f f so verwenden und wollen diese Grenze auf vielleicht fünf erhöhen . Ja, ich finde, das sieht gut aus. Und ich werde mit der rechten Maustaste darauf klicken. Moschee mit Form. Also, jetzt, was Sie tun werden, ist, dass wir einfach diese oben nach unten bewegen, wie so schließen Sie die Ladung und für die Ladung, wir gehen Zeh Feel Farbe off white wie so und wir gehen nur Zeh kann leicht bewegt werden . 1234 Pixel nach links oder so etwas. Endlich werden wir die Kontrolle über den Flughafen machen, alles auswählen, und jetzt gehen wir zu Fuß. Bewegen Sie das so wieder in Position. Und wie Sie sehen können, zeigt es bereits den Effekt und Sie können auf die Ladung klicken und vielleicht ein bisschen anders positionieren . Also vielleicht so etwas, damit Sie es mit Ihren Pfeilen nach oben und unten bewegen und sehen können. Finde den Effekt, den du magst. Vielleicht vielleicht hier, ja, vielleicht ist es gut, und Sie können auch einen regulären Text oben platzieren, oder Sie können sogar größer als das gehen. Sie können über die gesamte Größe oder die Größe vergrößern. Es liegt wirklich an dir. Und jetzt, endlich, mit dem Laden geklickt, werde ich Kontrolle C treffen, weil wir das bewegt haben und ich werde auf diesen gelöschten Hit Control V klicken , so dass wir genau den gleichen Text in unseren beiden Ports haben. Also jetzt traf Prototyp und du kannst Zeit zu tun. Oder du kannst Tep machen. Lassen Sie uns Zeitverzögerung von vielleicht ein oder zwei Sekunden Animationen verwenden. Erleichtern Sie sich von hier aus und Dauer. Lassen Sie es uns eine Sekunde geben und schließlich, bringen wir es zurück auf 1. 1, so dass es aussieht, wenn ich spielen könnte. Sie können sehen, wie es aussieht, und es geht zurück zu Fuß weiß. Es wird wieder geladen und geht wieder nach unten, so ist es, wie einfach es zu erstellen ist. Und das ist es für dieses Video, und ich sehe dich im nächsten 46. Text 8: in diesem Video werde ich Ihnen diesen Tippeffekt zeigen. Also jeder Klick sehen Sie diesen Fluch oder blinkt, und dann wird es beginnen, Buchstaben für Buchstaben und Fische zu tippen. Es geht zurück auf Null, und es wird verblassen. Also lasst uns anfangen. Also noch einmal habe ich auf unserem Port, eingerichtet bei 800 von 800, wenn der Titel Bean zu verwenden. Ich glaube, so. Ich werde offenen Sinn verwenden, und ich werde etwas verwenden, das wie 100 ist. Ich denke, das sieht gut aus und schwächt sich. Verwenden Sie nicht, vielleicht sogar Bolzen, wie so Position in der Mitte, und ich werde ein Rechteck erstellen, das als Moschee dienen wird. Sloan einfach schnell Moschee es wie so nennen es Moschee so, und schließlich werde ich ein weiteres Rechteck erstellen. Also vielleicht so etwas, mit der Position in der Mitte, verwendet genau die gleiche Füllfarbe, und das wird unser Blinker so sein, Also stellen Sie sicher, dass es in der Mitte ist. Stellen Sie sicher, dass es irgendwo draußen positioniert ist. So, zum Beispiel, vielleicht direkt hier und schließlich bringen wieder die Moschee, wählen Moschee und Eingabe und erstellen Moschee mit Form Schichtsteuerung M Reihenfolge Verschiebung. Kommandiere sie, wenn du auf einem Mac bist, also wird das unsere Moschee sein. Springen Sie schließlich hinein und bringen Sie die Moschee zurück nach links, so dass Sie alle Charaktere verstecken können . So wie so. Und in diesem 1. 1 werden wir einfach auf den Blinker Doppel Typ R Null-Taste klicken. Oder Sie können Ihre Pay-Stadt hier auf Null senken. Als Nächstes klicken wir auf Steuerung D, um den Flughafen zu duplizieren. Wählen Sie hier alles aus. Verwenden Sie Blinker. Erhöhte dein pastöses. Die 100 Kontrolle d Verkauf der Blinker wieder. Senken Sie Ihr Tempo, Team Jodi, wählen Sie den Blinker wieder von hier aus. Vergrößern Sie Ihre pastöse. Und im nächsten werden wir anfangen, unseren Text zu enthüllen. Also lasst uns unsere Moschee benutzen, Artie offenbaren, nur um zu hören, und dann einfach den Blinker dorthin bewegt. Als Nächstes können wir diesen duplizieren und dasselbe tun, damit wir anfangen können zu reeling. Sind Briefe wie so Kontrolle De und wir können diese auch offenbaren. Sprich Kontrolle. De wie Sie sehen können, kann dieser Prozess ein bisschen mühsam sein, besonders wenn Ihr Wort ein bisschen länger ist Aber wenn der Effekt zufriedenstellend ist, vor allem Ihre Kunden, dann lohnt es sich, zu verfolgen. Vor allem, wenn Sie dies den Entwicklern ein wenig später geben, damit sie wissen können, welchen Effekt sie später in der Kälte erreichen können und was Sie für den Designprozess im Kopf hatten . Endlich, wenn es fertig ist, können wir noch einen machen. So wie der Blinker und senken Sie die A pasty bis auf Null. Lasst uns jetzt mit dem Prototyping beginnen. Sie können auf Prototyp springen direkt hier klicken, und wir können Schritte verwenden, damit wir die Animation initiieren können, die wir verwenden können. Automatisch animieren, einfach jetzt und Nullpunkte. Das ist ein sechs Sekunden ist hier draußen Jetzt für diese eine, wir werden im Grunde die gleichen Einstellungen verwenden, aber Wartezeit so Zeit, oder einfach zu animieren. Jetzt 0.6 tun Sie das gleiche für diesen, aber für diesen, werden wir Snap verwenden statt ist in out. Also nutzen wir die Zeit. Ein cm Verzögerung, Null Sekunden animieren auch Snap und 0,6 Sekunden. Also werden wir Snap für alle von ihnen verwenden. Also lasst uns sie mitbringen. Und schließlich, für diese letzte statt Snaps, werden wir verwenden ist in out jetzt mal sehen, wie das aussieht. Ich werde auf seinen ersten 1 Klick auf Play klicken. Schritt Irgendwo wird zwei Mal blinzeln, und es wird beginnen zu tippen und enthüllen unsere Briefe und schließlich verschwinden. Sie können auch eine Verzögerung auf diese letzte hinzufügen, so dass Sie Ihre Verspätung, vielleicht eine Sekunde, einschließen können . Oder vielleicht ist es zu viel zu 0,8. Also nochmals, wenn ich hier klicke, wird es zweimal blinzeln 12 Dann fängt er an, alle für Buchstaben zu tippen und wird hier warten und dann verblassen. Es ist also eine gute Wirkung, besonders wenn Sie etwas haben, zum Beispiel in Ihrem Header. Sie möchten also etwas mehr Aufmerksamkeit auf sich ziehen, um die Absprungrate zu reduzieren, und Sie möchten diese Besucher ein wenig länger auf Ihrer Webseite halten, um ihnen ein bisschen mehr zusätzliche Informationen zu zeigen . Sie können auch Moschee innerhalb der Moschee tun, so dass, wenn Sie in diesem Text eingeben, Sie gedulden, offenbaren das Bild im Hintergrund und wirklich Möglichkeiten sind endlos, und vor allem nach dem Design-Prozess hat fertig ist, können Entwickler das dann leicht in das Design in das endgültige Angebot integrieren. Tut mir leid, denn sie wissen von Anfang an, was du wolltest. Und das reduziert die Reibung zwischen dem Designer, Ihnen und dem Entwickler, der dieses Design anrufen muss. Das war's also für dieses Video, und wir sehen uns im nächsten. 47. Text Xd Datei: in diesem Video. Ich wollte Ihnen diesen Text zeigen, Eggs defile das gleiche. Wie in den vorherigen Abschnitten des Kurses. Sie haben diese x'd Datei für diesen bestimmten Abschnitt außerhalb des Kurses, und Sie können schnell springen und die Animationen sehen. Und Sie können auch einspringen und sehen, zum Beispiel. Okay, ich habe die drei Textebenen im Inneren, damit ich weiß, was zu tun ist. Sie können auch springen, wählen Sie einige Farben. Sie können, zum Beispiel, weil wir das Bild haben, können Sie doppelklicken Sie auf das Bild und sehen, Aber ich habe es platziert, so dass Sie wissen können, wo Sie es als gut platzieren können. Sie können zum Beispiel die gehorchten Städte aus einigen Ebenen überprüfen. Okay, das ist ein 100, aber diese 10 Und schließlich können Sie auch diese Animationen spielen, so dass Sie einfach auf die erste sind Teil der Animation, die Sie wählen möchten, Hit Desktop-Vorschau. Das wird gestartet, damit Sie es wissen können. Okay, das habe ich in diesem Video gesehen. Und Sie können dann hineinspringen und es dann weiter untersuchen und selbst sehen. Wie viele von diesen Schichten benötigst du? Welches sind die Ebenenfarben. Also, zum Beispiel, wenn ein Klick auf den Punkt toe, Sie könnten sehen, dass es Grenze von fünf hat, und es hat die Farbe off blue, so dass Sie einfach kopieren und fügen Sie es in Ihr eigenes Design, wenn Sie wollen. Und wie in den vorherigen Abschnitten können Sie dies in Ihrer persönlichen oder kommerziellen Arbeit verwenden. Also für sich selbst oder Ihre Kunden, und Sie können es integrieren, wie Sie wollen, haben Sie meine volle Erlaubnis. Das war's also für dieses Video, und wir sehen uns im nächsten. 48. Image 1: in diesem Video werden wir den Schieberegler der Schule erstellen , der zwischen den Karten wechseln wird. einem Klick und Ziehen auf diesen, können Sie sehen, dass die mittlere ein wenig kleiner wird und dass die 3. 1 ganz verschwindet. Und wenn ich zurückbringe, geht es zurück in seine ursprüngliche Position, und dieser wird zurückgehen, wo er war, und dieser wird wieder erscheinen. Also lasst uns anfangen. Also, was ich hier habe, ist diese Karte, und wenn ich sie ein wenig öffne und etwas näher heranzoomen, kann man sehen, dass ich diesen Text unten habe und das Bild hier oben ist . Nun, wenn wir hier ein wenig genauer betrachten, können Sie sehen, dass das Bild einen Eckenradius von 24 linken und rechten Ecken hat. Dies sind die fraglichen Ecken, und für die unteren linken und rechten Ecken können Sie sehen, dass der Eckenradius Null ist. Während für den Text, der unten ist, haben wir den Text. BG, die nur eine weiße Ebene Schicht und Formschicht ist, und es hat das Gegenteil. So hat es den unteren rechten und linken Eckenradius von 20, so dass wir in dieser gesamten Auswahl so aussehen. Als nächstes haben wir Natur Norwegen, das ist offene Wissenschaft mutig und 17. Und wir haben mehr gelernt, was Open Science regelmäßig mit 17 ist. Und es hat diese blaue Farbe von drei e. C. Sechs ff. Nun, warum ich den Text oben auf dem Bild platziert, ist, weil wenn ich wegklicke, können Sie sehen, dass es diesen leichten Schlagschatten hat. Und wenn ich sie anders platziert habe, können Sie sehen, dass jetzt das Bild oben auf diesem weißen Hintergrund kommt, und sein Schatten kommt oben auf diesem Texthintergrund. Deshalb habe ich es auf die Oberseite gelegt, so dass wir im Grunde zwei Schatten haben, die als einer wirken. Und was den Schatten betrifft, ist nur ein grundlegender Schatten. Ich habe es schon in wenigen von den Videos im Diskurs gezeigt, also haben wir den Schatten hier ab 03 und sechs, und wenn ich auf die Schattenfarbe klicke, kann man sehen, dass es bei 16% komplett schwarz ist. Also, wann immer Sie auf den Schatten drücken, damit es erscheint. Du erhältst diesen Standardschatten vom Kurs, du kannst damit herumspielen. Und zum Beispiel können Sie die blaue Shell einschließen, wenn Sie dies wünschen, oder wenn Ihr Client eine andere Farbe hat, können Sie das auch tun. Sicher. Ein Klick hier rechts in der Eingabe drei e c sechs f nach einem Zentrum. Sie können sehen, dass wir jetzt diesen blauen Schatten haben, der mit diesem blauen Text übereinstimmt, aber ich werde das nicht tun. Und lassen Sie uns nicht mit einigen dieser Details besessen. Lassen Sie uns diesen Wagen duplizieren. Also werde ich Kontrolle D treffen und ich werde es hier platzieren. Hit Shift und links einen felsigen zwei Mal, so dass ich es 20 Pixel von diesem zu positionieren. Ich werde reaktionsschnell Größe auf lassen, wie Sie hier sehen können, und ich werde Shift in einer der Ecken halten und ich werde einfach die Größe davon senken . Zum Beispiel, genau hier, werde ich rechts hier klicken, um es in der Mitte zu positionieren. Stellen Sie einfach sicher, dass es 20 Pixel von diesem ist. Sie wollen auch sicherstellen, dass dieser in der Mitte ist es, und das wird unsere Karte eins sein, und wir werden Zehenschlag darauf, damit er D kontrollieren würde, um ein Duplikat zu machen, um dieses zu positionieren den ganzen Weg nach unten nach unten. Stellen Sie sicher, dass es den gleichen Abstand zwischen sich selbst und dieser mittleren hat, und ich werde es Karte drei nennen wie so weiter oben, Ich werde ein Bild nach innen ziehen, so dass Sie die Bildebene auswählen können. Ich werde das Bild lokalisieren. Einfach per Drag & Drop nach innen ziehen. Es wird stattdessen von dieser Bildart füllen, um nach innen zu doppelklicken und es einfach irgendwo hier zu verschieben . Ich werde den Text so ändern, dass er mit dem Bild übereinstimmt. Also nennen wir eszum Beispieleinen Tag in Paris zum Beispiel . Und schließlich werden wir das für die ersten Bilder tun Nun, so können Sie steuern und klicken, um direkt nach innen zu springen. Ich werde dieses Bild finden, und diese Bilder sind von Splash dot com, also sind sie frei für private und kommerzielle Projekte zu verwenden. Das sieht gut aus und wir können so etwas wie die antike römische Geschichte sagen. Zum Beispiel, wie so und schließlich haben wir entworfen abgeschlossen. Jetzt müssen wir sie alle gruppieren. Also werde ich alle auswählen. Er würde G kontrollieren, um sie zu gruppieren und es Karten zu nennen, denn diese TERT-Karte im nächsten Zustand wird vom Flughafen verschwinden. Und wenn es so ist, geht es in diesen leeren Raum. Also, wo es keine unsere Boards gibt und wir können nicht so animieren. Deshalb haben wir diese Gruppe geschaffen, damit wir sie alle in allen unseren Häfen animieren können. Ich wähle zuerst diesen Fuß aus. Unsere Port-Hit-Kontrolle schreckt dupliziert ab. Als nächstes werde ich Karte eins auswählen. Ich gehe Zehe drücken meine Shift-Taste und mit meiner linken, die meisten klicken. Ich werde nur sicherstellen, dass es die gleiche Größe wie diese Mitte hat und ich werde meine Shift und linke Taste halten und es Toby in der Mitte positionieren. Als nächstes gehe ich über die Größe von diesem 2. 1, bis es mit der oberen Kante von dieser Startkarte trifft , und Sie können es bewegen, so dass Sie es sehen können. Also gehe ich in die ganze Schicht, so und schiebe es schließlich auch nach unten. Ich werde es an seiner Stelle so positionieren. Und schließlich werde ich diese Karte Nummer drei verschieben. Und, wie Sie sehen können, wenn wir es nicht getan haben, weil ich Zehe 20 Picks setzen werde. Auch Verschiebung 12 Es verschwindet von diesem unseren Port und geht in diesen grauen Bildschirm Graubereich, die Spaceport genannt wird. Aber weil es in der Gruppe ist, ist es immer noch in diesem unserem Hafen enthalten. Es ist also nicht außerhalb von ihm, und wir können immer noch alles richtig animieren. Also, wenn es um Animation geht, klicken Sie auf Prototyp, können Sie rechts nach innen klicken, so doppelklicken Sie mit der linken Maustaste. Halten Sie, um diese Karte zu wählen. Ich werde es hierher ziehen. Wir werden ziehen, also nicht tippen, aber ziehen, weil wir zwischen diesen beiden Auto animieren Schieberegler ziehen wollen, ist diese Nation. Und für die Lockerung, können Sie wählen einfach jetzt zu erklären, lassen Sie nicht. Es liegt wirklich an dir. Und schließlich können wir dafür auch dasselbe wählen, und wir können es zurückziehen. Es wird alle Einstellungen enthalten, die wir für die 1. 1 gewählt haben und ich werde auf Vorschau klicken, und wenn Sie es ziehen, können Sie sehen, wie es aussieht. Aber wie Sie sehen können, ändert dieser Startwagen nicht die Deckkraft. Es bleibt bei 100%. Du kannst es so lassen, wenn du willst. Aber was ich eigentlich tun werde, ist, dass ich gleich hier springen werde. Klicken Sie auf den Wunsch befindet sich eine Karte Nummer drei. Ich werde ihre Lohnstadt senken 20 Also, wenn wir es jetzt in der Vorschau sehen, können Sie sehen, dass, sobald es weggeht, es die Deckkraft automatisch den ganzen Weg nach unten auf Null senkt. So verschwindet es im Grunde vom Bildschirm und wann und bringt es zurück, Sie können sehen, dass es beginnt zu erscheinen und geht den ganzen Weg zurück zu 100. Das war's also für dieses Video, und wir sehen uns im nächsten. 49. Image 2: in diesem Video werden wir den Schieberegler erstellen. Wenn Sie also auf diese Pfeile unten klicken, werden sich die Folien ändern. Und auf diesem letzten, wird dieser Pfeil nach unten auf Ihre Basis ITI fallen. Und wenn ich zurück zum 1. 1 gehe, können Sie sehen, dass dies jetzt in einer Basis liegt, um anzuzeigen , dass es keine Lichterketten mehr auf der linken Seite gibt und wenn Sie auf den Fuß gestört klicken, zeigt dieser an, dass es keine geringfügigen auf der rechten Seite gibt. Also lasst uns anfangen. Also habe ich hier den Hafen von 800 von 800 abgeschlossen, entworfen, um ein wenig Zeit zu sparen. Also, was wir hier haben, ist ein Bild. Also, wenn Sie dies geöffnet haben, können Sie sehen, dass das Bild bei 400 Gewicht bis 50 und wir haben Eckenradius auf 20 an allen Ecken. Und schließlich haben wir diesen Standardschatten hier unten. Als nächstes haben wir San Francisco von oben, das ist offen Sinn 20 fett und diese drei e c sechs ff Farbe. Und endlich haben wir diesen Text hier, der seit 20. wieder offen ist. Aber bei dieser Standardfarbe graue Farbe. Und endlich haben wir diese beiden Pfeile hier unten. Dieser Pfeil nach rechts ist die Farbe aus. B zwei b zwei b zwei so wirklich leicht. Großartig. Und diese linke Tero hat die gleiche Farbe. Aber Sie zahlen Stadt ist bei 40% Jetzt. Wir haben dieses Design erstellt, weil wir alle drei Folien haben müssen. Wenn Sie sich von einigen der vorherigen Videos erinnern, müssen wir einen kompletten Schieberegler am Anfang haben, damit wir wissen können, wo wir einige von den Elementen positionieren können . Und auch diese i rose werden außerhalb dieser Gruppe bleiben, die wir in einem Moment erstellen werden, weil wir klicken werden. Und das wird zwischen dem Schieberegler und diesem Schieberegler übergehen. Also brauchen wir diese Pfeile, Toby unten. So zum Beispiel nicht genau hier sein, können sie zum Beispiel nicht genau hier sein,weil sie durch den Text aus diesen Slights abgedeckt werden . Auch diese Bilder sind von der Website genannt Schulden zu Stock Foto dot com, und Sie können zu ihnen gehen und ihre kostenlosen Bilder herunterladen. Sie sind frei, sowohl für den persönlichen und kommerziellen Gebrauch zu verwenden, und ich werde den Link in einem pdf in der letzten Lektion off Diskurs verlassen , so dass Sie diese Website leicht zugreifen können, so dass Sie einfach auf den Link klicken und auf die Sammlung von ihren Bildern zugreifen können, sie haben zu der Zeit. Oder Sie können grundsätzlich jedes Bild verwenden, das Sie für Ihre Kunden oder für sich selbst wollen. Jetzt fangen wir an. Ich werde eine Moschee erstellen, also werde ich auf das Rechteck klicken und eine schöne große Moschee über das Bild und über den Text zeichnen , mit dem ich ihre Basis Deal senken kann, nur damit ich sehen kann, was es ist. Ich werde es in die Mitte legen wie ich, und ich werde Zeh einfach ein wenig hinbringen, um irgendwo hier herum und tun das gleiche für die Flasche eine wie, Also werde ich es Moschee so nennen, und ich werde positionieren Sie es direkt unter unseren Pfeilen. Ich werde alles auswählen rechts Klicken Sie Moschee mit Form. Ich werde diese Moschee nennen, und wie Sie sehen können, können Sie diese beiden Schieberegler nicht sehen, weil sie in dieser Moschee versteckt sind. Aber wir werden es in nur einer Sekunde erledigen. Also jetzt werde ich nach links und rechts Pfeile nach unten positionieren, so dass er die Moschee oben und die Pfeile an der Unterseite hatte . Jetzt werde ich auf diesen Pfeil nach links klicken, auf meine Null-Taste auf der Tastatur tippen, damit es für eine Stadt auf 100 springt, und das wird im Grunde unsere zweite Folie sein. Ich werde auf den Flughafen Heat Control D klicken die noch einmal, und wenn Sie verwirrt über irgendetwas davon sind, wie für jeden Abschnitt aus dem Kurs, werden Sie Schieberegler erhalten. Eier verunreinigen, in denen Sie auf alle diese Elemente zugreifen können. Und du kannst dann alles, was du nicht verstanden hast oder du in einigen dieser Videos verpasst hast, weiter untersuchen , so dass du, wenn du etwas überspringe, etwas verpasst? Sie können immer zurück zu dieser Datei springen und sehen, zum Beispiel, welche Übergänge verwendet haben, welche Farben ich Mittel verwendet habe und jemand, so dass Sie das jederzeit zur Verfügung haben , und Sie können natürlich verwenden, dass -Datei sowohl für persönliche als auch für kommerzielle Projekte. Jetzt fangen wir mit diesem an. Also das ist unsere dritte Kugel gehen, um zuerst auf diesen Pfeil nach rechts drücken vier auf meiner Tastatur, um die Deckkraft nach unten zu senken 40 Ich werde innerhalb von der Moschee springen und auf diesem. Was wir wollen, ist, wenn ich zurückspringe. Das ist also der mittlere. Dies ist die 1. 1 und das wird unsere 3. 1 Also lasst uns anfangen. Eigentlich, von Anfang an von der 1. 1 Ich gehe Zeh senkte den Bass nach unten auf 40 und wir werden diese Moschee in der Mitte bewegen. Aber ich werde meine Umschalttaste halten, so dass Sie auch Führungen verwenden können. Aber so ist es einfacher für mich. Ich werde Nummer zwei oder Nummer drei auswählen und ich werde sie verschieben, bis sie mit dem rechten Rand von diesem Bild treffen . So wie so. Dann halten Sie Shift 12 mit meiner rechten Pfeiltaste, um 20 Pixel nach rechts zu bewegen und wieder weil sie in der Gruppe und innen von der Moschee sind. Wenn ein Sprung nach innen, können Sie sehen, dass alle von ihnen in diesem unserem Geburtstag enthalten sind, gehen Sie nicht auf den Pass, weil sie innen von dieser Moschee Gruppe sind? Nein. Das ist also unsere erste Zeile. Und wie Sie sehen können, wir nicht mehr nach links gehen. Weil dies der erste Schieberegler ist. Dies ist der zweite Schieberegler. Und schließlich ist dies der dritte Schieberegler. Lassen Sie uns also das Bild Nummer drei an seinen Platz verschieben. Ich halte nur Verschiebungen, bis es sich trifft, wie so, gehen Sie die noch halten Verschiebung links Pfeiltaste, bis das Fleisch hier rechts auswählen. Ihre ganze Verschiebung 12, um 20 Pixel nach links zu bewegen. Und im Grunde sind wir mit diesem Schieberegler links. Jetzt lasst uns alles Prototyp machen. Also, was ich eigentlich tun werde, ist auf diesen Pfeil hier klicken. Können Sie also etwas näher zoomen, damit Sie es sehen können? Ziehen Sie es hierher? Wir werden Schritt oder Fuß animieren. Einfach jetzt und 0,4 Sekunden, ich denke, funktioniert wirklich gut. Nun, auf diesem, werden wir auf diesen Pfeil nach links klicken. Ziehen Sie es hier, verwenden Sie den gleichen Effekt, klicken Sie auf diesen rechten Aero-Drag, um zu hören, verwenden Sie den gleichen Effekt, und schließlich, in gestörter. Wir müssen nur diesen Tortenpfeil animieren, weil er diesen Weg gehen wird, und dieser richtige wird nicht so etwas tun. 1. 1 genau hier. Also, wenn ich hier klicken hit, spielen und klicken Sie auf diese Pfeile, Sie können sehen, dass es übergeht schön hier. Sie können auch ein paar weitere Effekte hinzufügen. Wenn Sie sich an eines der vorherigen Videos erinnern, können Sie die Deckkraft dieser Schieberegler verringern, wenn sie weggehen. Also, zum Beispiel, auf diesem mittleren, wie Sie hier sehen können, wenn Sie nach rechts gehen wollen, kann es das Tempo senken, wie es nach rechts geht, und wenn es zurück springt , es kann es zu 100% zurückbringen. Und es wird die Basen laden aus diesem Zug eins und so weiter, so dass Sie wirklich mit ihm spielen können. Sie können auch Karten erstellen, wie wir es in einem der vorherigen Videos getan haben, so dass Sie all diese Informationen in eine einzige Karte bringen können, und dann können Sie sie herumschieben. Im Grunde liegt es wirklich an Ihnen und Ihrem Projekt. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 50. Image 3: in diesem Video werde ich Ihnen diesen Schieberegler zeigen. Wenn Sie also auf diesen Pfeil klicken, werden sich diese Bilder ändern. Dieser Text wird sich ebenso wie die Hintergrundfarbe ändern. Also wieder auf einer Klippe, können Sie alles in Aktion sehen. Also lasst uns anfangen. Also, was ich hier habe, ist ein Flughafen von 1000 mal 600, weil ich in unserem Hafen etwas breiter für diesen einen erstellen wollte . Und hier haben wir das nächste Setup. Also haben wir Bilder Ordner, Textordner Ära, das ist dieser untere Pfeil, und wir haben B G, G zwei und G drei, die nur verschiedene Hintergrundfarben für verschiedene Folien sind, weil Wir werden jetzt drei Dias haben. Beginnen wir mit dem Text, weil es viel einfacher ist. Also haben wir diesen Besuch London, die offen ist, sagt 100 regelmäßig, und wir haben Textmoschee. Sie haben diese Moschee bereits in mehreren Videos in diesem Kurs gesehen, aber im Grunde habe ich diese drei Texte mit einer Moschee darauf erstellt. Wenn ich also die Moschee verstecke, kann man sehen, wie das und diese Texte aussehen, als wären sie einfach hier oben positioniert . Und wenn Sie auf diesen Pfeil klicken, um die Folien zu ändern, werden sie nach unten gleiten, um den nächsten Text anzuzeigen. Und sie werden in genau der gleichen Position landen wie dieser. Jetzt haben alle drei Texte zwei Textzeilen, so dass sie sich wirklich gut ergänzen werden. Jetzt für die Bilder. Die Dinge sind ein bisschen komplizierter, aber nichts zu großes. So richtig. Drei. Hier haben wir zwei Bilder, so Bild wollen, dass ein Bild jetzt Bild eins, das ist dieser Stopp. Man hat Dimensionen auf 1 61 mit 1 92 und ich möchte einfach noch einmal ganz schnell erwähnen. Sie haben diesen Schieberegler in Ihrem Schieberegler, Eier die Datei, so dass Sie jederzeit darauf zugreifen können. Und schauen Sie sich diese Dimensionen an. Sieh dir die Positionen an. Es liegt wirklich an dir, wenn wir das tun und reinspringen und sehen wollen, was ich getan habe. Bilder sind wieder aus, dass das Foto Foto dot com, und ich werde den Link zu dieser Website in der letzten Lektion aus Diskurs verlassen, Sir kann leicht auf diese Bilder zugreifen. Nun, das ist das erste Bild, und das zweite Bild ist auf 15 die 56. Ich habe das Bild Nummer eins oben neben dem Bild Nummer zwei positioniert. Sie können Schatten einschließen, wenn Sie möchten. Aber ich habe in diesem Beispiel keinen Schatten aufgenommen. Und diese beiden Bilder, wenn ich sie auswähle, befinden sich in der Mitte von diesem Hafen. Also in der Mitte so. Also im Grunde genau der gleiche Platz, wie Sie hier oben haben, ist genau der gleiche Platz hier unten unter diesen Bildern jetzt unter ihnen, wir haben Bildnummer, äh, wenn ich den Ordner öffne. Bild Nummer drei in Bild Nummer vier. Genau das Gleiche. Richten Sie genau die gleichen Abmessungen ein. Genau den gleichen Abstand. Also ist alles genau das Gleiche. Grundsätzlich habe ich eins und zwei dupliziert, um drei und vier zu erstellen und das noch einmal zu duplizieren , um fünf und sechs zu erstellen. Sie können also sehen, dass das auch fünf und sechs sind. Jetzt sind sie alle direkt hier für diese erste Folie, und wir werden ihre Positionen ändern. Ich wollte dir nur zeigen, wie alles strukturiert ist, also ist es im Grunde für die gesamte Struktur. Dieser Pfeil befindet sich 40 Pixel von diesem unteren Rand entfernt und befindet sich in der Mitte, oft unser Hafen. Und das ist es im Grunde. Also jetzt fangen wir an, zu animieren. Also für diese erste Folie, lassen Sie uns zuerst alle für alle drei Folien duplizieren. Also traf Control de control de. Jetzt haben wir drei Folien, und das ist genau das, was wir brauchen. Denn wenn Benutzer klicken, wird dieser Pfeil zu dieser zweiten Folie wechseln, und er wird jetzt für diese Folie zu dieser dritten Folie wechseln. Was wir wollen, ist, dass wir diese Bilder Toby unten wollen, und eins von ihnen wird oben gehen. Aber lasst uns zuerst mit diesem 1. 1 arbeiten, also werde ich zwei und drei direkt darunter positionieren. Jetzt. Alle diese Ordner befinden sich in diesem Hauptordner. Also 12 und drei in diesem Haupt. Denn wenn wir es nicht so gemacht haben, wenn ich sie mitschiebe, werden sie einfach nur zur Fußleiste gehen und sie werden nicht innen bleiben, unser Brett erschreckt. Und das ist nicht etwas, was wir wollen. Also für diese 1. 1 lassen Sie uns alle von ihnen unten finden. Also, das ist Nummer drei. Dies ist Nummer zwei, wie Sie sehen können, springen sie nicht in die Grundleiste, weil sie immer noch in diesem Hauptabbildordner enthalten sind . Nun, für diese werde ich das einfach ein wenig nach unten verschieben, dann den gesamten Ordner von Nummer drei ein wenig nach unten verschieben und dasselbe für die Nummer zwei tun . Also werde ich es einfach nach unten bewegen und Sie können das auch nach unten bewegen, nur damit Sie diese Fliege in Kraft erreichen können, wenn Sie wollen. Nun, für diese 2. 1, was wir wollen, wir wollen Nummer zwei Toby unten. Aber lassen Sie mich das hier schnell löschen, Billy, auch das hier. Und ich werde jetzt diese erste unserer Geburt duplizieren, weil wir diese Bilder bereits erstellt . Also, um uns nicht zu wiederholen, suchen Sie die Zahl, um sie zu greifen, halten , verschieben, bewegen Sie sie den ganzen Weg nach oben, bis sie mit der oberen Kante von diesem Bild trifft. So wie das. Wenn es also Null erreicht, und wie Sie sehen können, haben wir jetzt dieses Bild, das herausragen wird. Aber Sie können es aus dem Ordner entfernen, Shift halten, positionieren, wie so verschoben und dann wieder in Ordner Nummer zwei verschoben. Und jetzt müssen wir Nummer eins bewegen, um genau die gleichen Dinge zu tun. Also ziehen wir es nach oben und ich werde das hier nach oben bringen. Ah, viel wie so. Und noch einmal können Sie den gesamten Ordner nach oben verschieben. Es liegt wirklich an Ihnen Wie groß der Effekt, den Sie in diesem Fall erreichen möchten. Nun, was wir brauchen, müssen wir die Hintergrundfarbe ändern, so dass Sie einfach überall in der Bay City von diesem , und es wird sich zu diesem ändern. Ich so und wir müssen den Text ändern. So Text-Moschee. Und das ist die Architektur. So großartige Architektur. Es ist diese, um es einfach so zu bewegen, bis sie alle aufgereiht sind und Stadt der Geschichte, wir werden es einfach aus dem Weg bringen. Jetzt haben wir diesen Text an Ort und Stelle. Also, das ist es für Schieberegler Nummer zwei. Lassen Sie es uns mitmachen. Dies ist der Schieberegler Nummer drei, und im Grunde werden wir genau das gleiche tun. Wir werden ihre Lohnstadt von der 2. 1 senken, um diesen Text zu finden, Bobs und Clubs werden in Disposition gehen. Tolle Architektur. Wir werden es so aus dem Weg bringen. Und schließlich, lasst uns an unseren Bildern arbeiten. Also Nummer drei, Sie können es einfach so bewegen. Und letztendlich das hier. Sie können es greifen, ziehen Sie es heraus, positionieren Sie es wie so bringen Sie es zurück und jetzt tun Sie das gleiche für die Nummer zwei. Lassen Sie uns zuerst den gesamten Ordner so zeichnen, und dann können Sie ihn einfach irgendwo hier positionieren. Also, das ist es im Grunde für den Design-Teil. Lasst es uns jetzt Prototypen zum Prototyp machen. Alles ist wirklich einfach, weil wir uns nur auf diesen Pfeil konzentrieren, weil Benutzer gehen, um dort zu klicken, um für den Übergang passieren. Also werden wir Schritt machen oder animieren, eine Sekunde lockern, und wir werden dasselbe für diese tun. Und weil wir den Tophelden Togo nicht zurück haben, werden wir einfach mit diesem einen Pfeil arbeiten. Also, wenn ich verstreute einen Klick Vorschau und wenn ich auf diesen Pfeil klicke, können Sie diesen schönen Übergang sehen. Also Bilder Luft bewegten Text ändert sich, und diese Hintergrundfarbe ändert sich auch. also noch einmal klicken, können Sie sehen, wie das aussieht. Also, wenn wir zum 1. 1 M Spieler wieder ein wenig schneller springen, können Sie sehen, so dass diese Bilder nur ein wenig verzögert haben. Deswegen haben wir sie auseinander geteilt. Also, wenn sie an Ort und Stelle kommen, können Sie sehen, dass sie gehen. Also dieser 1. 1 geht 1. 2. 1 folgt und macht genau den gleichen Zug. Als nächstes kommen Bilder an Ort und Stelle, so dass Sie genau hier sehen können. Das war's also für dieses Video, und wir sehen uns im nächsten. 51. Image 4: in diesem Video werden wir diesen Bild-Schieberegler erstellen. Also, wenn Sie auf den Pfeiltext klicken, wird sich ändern und dieses Bild wird nach oben und weg ansprechen . Und schließlich, wenn Sie rechts hier klicken, wird es zurückgehen und dieser Text wird zurückgehen. Und diese Pfeile verblassen auch, um anzuzeigen, dass es keine Schieberegler mehr zur Todesseite gibt. Sie können also nicht direkt hier klicken. Wie Sie sehen können, passiert nichts, weil es keine Schieberegler mehr gibt, so müssen Sie hier klicken und dann können Sie alle aus den Folien sehen. Also lasst uns anfangen. Also für dieses Video, ist dies eingerichtet. Also haben wir den Flughafen bei 1000 mal 600. Dann haben wir dieses Layout. Also haben wir den Text hier. Pfeile, das Bild, ein Bild zu G, das ist der erste Hintergrund und digital, das ist der zweite Hintergrund. Und sie werden sich zwischen diesen beiden Folien ändern. Also für den Text, wenn ich auf unser Projekt klicken, können Sie sehen, dass es offen Sinn 100 wir haben die Text-Moschee, also gleiche Moschee, wie wir im Grunde eine Mehrheit der Videos in diesem Kurs verwenden, aber die Unterschiede statt von oben nach unten zu gehen, geht es jetzt von links nach rechts. Und wir haben diese beiden Text entsprechend den Bildern, die Sie auf dem Bildschirm unten sehen werden , dass wir den Pfeil haben, so dass er nach rechts Pfeil und wir haben Pfeil links und links. Tero ist 40% pastös, wie Sie sehen können, weil, wie gesagt, es zeigt, dass es keine Folien mehr auf der linken Seite gibt. Dann haben wir Bild eins in Tuba, bevor ich zu ihnen komme. Ich möchte Ihnen nur zeigen, dass hier unsere Hintergründe sind. Also werden sie sich zwischen den Folien als was ändern? Die Bilder. Wir haben nur eine Moschee, wenn das Bild so im Grunde genau das gleiche wie für diesen Text eingerichtet . Wenn ich es öffne, können Sie sehen, dass wir den Text haben und wir den Moschee Bereich oben haben. So ist das Gleiche hier passiert. Aber anstatt den Moschee-Bereich zu erstellen, habe ich zuerst ein leeres Rechteck mit diesem Rechteck-Werkzeug erstellt, positionieren Sie es Toby mit oben unten und rechten Rand ausgerichtet und gab ihm einige Abstände rechts hier auf der linken Seite dort würde Cop Ihr es machen und in der unteren Kopie. In unserem Fallbild habe ich das Bild aufgenommen, während der Top-Kopierstatus mit Farbe gefüllt ist. Also nichts wirklich verändert ihre und ich einfach beide von ihnen Rechtsklick und maskierte Form Ich mache dupliziert es und wir haben unser zweites Bild erstellt, das ist dieses Bild hier. Und um dieses Bild zu zeigen, muss ich zuerst diese Moschee erweitern. Also weiß ich, dass mein Vorstand 600 in Witz ist. Also werde ich nur 600 wie so eingeben und sicherstellen, dass es so an die Spitze kommt damit Sie es so sehen können. Und das ist im Grunde unser zweites Bild. Wenn ich sie durchklicke, kannst du sehen, wie sie aussehen, also werden sie im Grunde zwischen den Folien wechseln. Wieder einmal, Sie können diese in den Eiern zugreifen, verunreinigen für diesen Teil des Kurses, und Sie können ein wenig mehr erkunden, um diese Größen zu sehen, diese Abstände a en. Wenn Sie ein Element verpasst haben, können Sie das auch sehen. Also lassen Sie uns Schnee beginnen, unser Design für die Animation eingerichtet zu machen, also werde ich die Unterstützung Treffersteuerung D auswählen, um eine Kopie zu erstellen. Und bei diesem hier gehe ich einfach erst den Text bewegen. Also werde ich nur auf diese unteren Texte klicken, die sich entlang bewegen. Also mit der Shift und der linken Pfeiltaste, bis es so trifft, und dann werde ich diesen linken Text den ganzen Weg aus dem Weg so verschieben . Dann gehe ich über die BG oder zahlen Stadt So Deckkraft dieses Hintergrunds wie so und schließlich werde ich diesen Pfeil ändern. Das hier wird also bei 40% liegen. Dieser wird zu 100% sein. In diesem Stadium zeigt es an, dass Sie nicht auf Rechte klicken können. Und auf dieser Stufe zeigt es an, dass Sie nicht nach links klicken können. Also, wie werden wir das machen? Es ist wirklich einfach. Wir gehen nur Zehe erstellt diese Moschee. Also lassen Sie mich auf die Moschee auf diesem Bild Nummer eins klicken, und ich werde es einfach so aus dem Weg bewegen. Und wenn ich irgendwo draußen klicke, können Sie sehen, dass dieses Bild zeigt und mal sehen, wie das aussieht. Also im Grunde, auf diesem 1. 1 Wir werden das gleiche tun, aber wir gehen einfach auf den Grund. Also auf dem Bild Nummer zwei in der ersten Leichte, ich werde nur auf die Moschee klicken und sie den ganzen Weg nach unten nach unten bringen, bis es mit der unteren Kante trifft, so dass wir das noch einmal tun. Also werde ich den ganzen Weg runter bis hierher gehen. Klicken Sie irgendwo außerhalb und Sie können sehen, dass es noch angezeigt wird. Aber Sie können ihre im Grunde 20 senken und wir werden die im Grunde 20 hier so leicht senken . Also im Grunde ist es verblasst, wie es geht. Also nein, wir können Bild Nummer eins zeigen. Alles sieht richtig aus. Also jetzt ist es Prototyping, schnelle Prototypen, und wir kümmern uns nur um diese Pfeile, so dass es die Kontrolle halten könnte, in diesen Pfeil zu klicken. Ich werde es einfach jetzt zwei Sekunden ziehen, oder zu animieren, und wir gehen zu Ihrem Schritt und schließlich bereit, den gleichen Effekt zurück zu verwenden. Wenn Sie denken, dass der Effekt zu lange anhält, können Sie diese senken, aber es liegt wirklich an Ihnen. Ich werde die Vorschau hier in großen es treffen. Und wenn ich auf diesen Pfeil klicken, können Sie sehen, dass wir diesen schönen Schieberegler Effekt haben. Die Pfeile ändern sich. Der Text ändert sich. Geht man von links, richtig? Perfekt Codus Arrow. Sie können sehen, dass wir genau den gleichen Effekt haben, der umgekehrt geht, so dass Sie wirklich zwischen ihnen wechseln und sehen können , wie sie aussehen. Ich denke wirklich, es sieht gut aus und die Hintergrundfarbe ändert sich wirklich. Wir können auch die Hintergrundfarbe auswählen, zum Beispiel eine von diesen sein. So entspricht es besser mit dem Gesamtdesign. Aber ich finde, es sieht gut aus. Das war's also für dieses Video, und wir sehen uns im nächsten. 52. Image 5: in diesem Video werde ich Ihnen zeigen, wie Sie diesen Schieberegler erstellen können. Wenn Sie also auf diese Paginierung Punkte klicken, wird sich ändern, Text wird sich ändern. Bilder werden untereinander übergehen. Wenn Sie darauf klicken, wird man sich nach unten ändern. Sie können auch zurückgehen und sehen, wie das aussieht. Und schließlich, wenn du erreichst, rührten sie einen. Wenn Sie auf klicken, wird es offenbaren und der Text wird in der Mitte kommen. Also lasst uns anfangen. Also hier, hier auf unserem Board off 1000 mit 600 scheinen wie in einigen früheren Videos. Und wenn ich reinspringe, können Sie sehen, dass wir diese zwei getrennten Texte haben. Sie sind beide offen sendet 100 regelmäßig, aber dieser Stopp ist links gesäumt, und dieser untere ist rechts, ausgerichtet in einem gerade positionierten sie eine zufällig Zehenabdeckung, Teil aus dem Bild, also gibt es wirklich nicht viel los hier. Wie für die Bilder selbst, lassen Sie uns zuerst die Paginierung abdecken. Es ist einfach. Wir haben hier nur drei Punkte, also sind Punkte bei 16, wo 16 1. ein sowohl Gefühl als auch Schlaganfall hat. Beide haben diese Farbe 70 70 70. So dunkelgrau, dieser zweite Kreis hat das Feld aus weißer Grenze von dieser 777 Farbe und schließlich eingekreist drei genau das gleiche wie Kreis bis jetzt. Was die Bilder betrifft, haben wir diese drei Bilder und ich habe diese Form mit 10 Punkten erstellt. Also 10 Seiten auf diesem Schild Kout und ich einfach verwendet diese Pollock sanfte zeichnen ein Polygon klicken Sie hier 10 . Und ich habe diese Form bekommen, und darin habe ich einfach die Droge eingefügt, die gezogen wurde und ein Bild fallen gelassen hat. Wenn ich also schnell ein Bild von einem auswähle, wähle dieses aus und ziehe es einfach hinein, so habe ich das Bild direkt hier platziert. Niemand und zwei sind im Grunde gleich, und wir werden den Text ändern. Aber diese 3. 1 ist ein bisschen anders. Also im Grunde haben wir diese Form wie ein Bild zu einem Bild drei. Aber wir haben kein Bild darin aufgenommen. Es ist nur eine Grundform. Wie Sie hier sehen können, ist dieses Bild das Hintergrundbild. Also, wie ich das gemacht habe, lassen Sie mich schnell auf Gruppe diese Moschee Jetzt geht dieses Bild den ganzen Weg nach hinten, so dass es den ganzen unseren Hafen fühlt und diese Form bleibt, wo es ist. Und ich habe im Grunde beide ausgewählt, Rechtsklick Moschee mit Form und ich kann schnell ich Moschee gewesen, und im Grunde, das ist, was wir als Moschee haben, so können Sie es im Grunde bewegen, wie Sie es mit diesen zwei Bilder hier. Aber im Grunde ist es , wie einfach es ist, es zu erstellen. Wenn du verwirrt bist. Wie ich bereits mehrmals in diesem Kurs gesagt habe, können Sie auf die Datei zugreifen. Also Image Ciders Datei Punkt Eier D. Und es wird in Ihrem Paket, das Sie mit diesem Kurs herunterladen werden, und Sie können auch auf alle diese Elemente zugreifen. Sie können sie weiter untersuchen. Sie können alles durchklicken, mit dem Sie verwechselt sind. Also im Grunde, um Ihnen zusammen mit diesen Videos zu helfen. Beginnen wir jetzt mit unseren Animationen. Also für diese 1. 1 werden wir einfach Bild eins und zwei haben. Entschuldigung, Bild zwei und drei bewegen sich unten. Also werde ich nur meine Shift und unten Pfeiltaste halten, und es ist wichtig, dass sie im selben Ordner sind, denn auf diese Weise werden sie in diesem Hafen bleiben und nicht in Baseball gehen. Erwähnte dies mehrmals in diesen Videos. Wählen Sie nun den Flughafen Hit Control D. Und jetzt, wenn Sie dupliziert haben, geben wir jetzt den zweiten Text ein. Also, diese gehen Zehe Typ in, Roll auf diese sind nicht die echten Marken, übrigens. Ich habe nur ein paar von diesem Zeug erfunden. Ich werde das Bild Nummer zwei in der Mitte positionieren, einige halten nur Shift in meiner Pfeiltaste nach oben gedrückt, bis es Mitte erreicht. Und in diesem hier werden wir die Nummer eins einfach auf dem Weg nach oben bringen. Wir gehen endlich Zehe klicken Sie auf diese Paginierung und wir werden klicken und klicken Sie rechts hier, um die gleiche fehlgeschlagen auszuwählen. Und für den Kreis eins wählen wir einfach die weiße Farbe aus. Also, das ist es für diese 2. 1 Lassen Sie uns eine Runde eins erstellen. Also auf diesem gerührten, lassen Sie mich schnell hier so tippen und einfach diesen Text so verschieben und hier wird in Tabelle schreiben. So wie Sie sehen können, wird dieser von links nach rechts eingegeben. Der hier tippt aus dem Licht, oder? Die Linke. Es spielt wirklich keine Rolle. Sie können sie vom Zentrum aus abstimmen lassen. Es liegt wirklich an dir. Aber ich mag es, die Dinge einfach zu halten, wenn ich kann. Also schiebe ich nur dieses Bild Nummer drei an Ort und Stelle. Ein bewegtes Bild Nummer zwei Aus dem Weg. Dies wird diese Farbe sein, und die 2. 1 wird weiß sein. Also, das ist es im Grunde für diesen. Und jetzt lasst uns ein letztes machen. Also lasst uns schnell durch sie laufen, bevor wir es tun. Wenn die Leute auf diese Punkte klicken, werden sie sich zwischen diesen drei Bildern ändern, und sie werden in der Lage sein, nach oben und unten durch sie zu gehen und diese Produkte zu sehen. Und schließlich, wenn sie auf dieses klicken, werden sie offenbaren und im Grunde herausfinden, was es ist ein bisschen detaillierter. Also werde ich nur die Kontrolle halten, klicken Sie auf diese Moschee, um diese Moschee namens Bild drei auszuwählen, und ich werde es einfach ein wenig drehen. So etwas wie dieses nur mit meinem linken Mausklick und in einer der Ecken. Es spielt eine Rolle, welche Sie halten können. Verschieben Sie alt und links. Klicken Sie auf Ihre Maus, um sie gleichmäßig zu skalieren und ziehen Sie einfach, bis sie die gesamten Anschlüsse bedeckt . Also irgendwo hier ist gut genug. Stellen Sie einfach sicher, dass Sie kein Weiß an den Ecken sehen. Sie können dann klicken, wenn das gesamte Bild angezeigt wird. Jetzt wählen wir diese beiden aus, und ich werde es einfach hier bewegen. Stellen Sie sicher, dass sie Boot in der Mitte treffen wie so und Kanten wie diese genannt Shift 12 vielleicht, vielleicht in für so etwas. Gruppieren Sie sie. Also kontrolliere G diese mittlere, diese mittlere und ich werde sie so gruppieren, und das ist im Grunde unser Design abgeschlossen. Lassen Sie mich schnell realisieren, was wir getan haben. Also haben wir mit diesem angefangen. Als nächstes gehen wir zu diesem und weiter oben, werden wir zu diesem gehen, und schließlich, wenn Sie auf dieses Bild klicken, wird eine Paginierung verbergen und das gesamte Bild enthüllen, und dieser Text wird in die Mitte gehen. Also jetzt fangen wir an, zu schützen. Und wenn wir beim Prototyping sind, wollte ich keine Moscheen für diesen Text erstellen. Ich wollte nur, dass Sie sehen, dass es auch diese Option gibt. Sie haben viele Moscheen in diesen Videos im Diskurs gesehen. Also, wenn Sie Zeh wollen, können Sie einfach eine der Moschee hinzufügen. Also entweder eine, die von der Seite kommt oder von der Spitze Sie sahen, dass in all diesen Videos. Jetzt ist es schnell Creek hier. Also werde ich auf diese mittlere klicken, ziehen Sie es hier. Also dieser Zustand zweiten Zustand, wir gehen zu Ihnen Step Auto. Animieren ist in Out. Und lassen Sie uns zum Beispiel zwei Sekunden verwenden zum Beispiel . Ich denke, das wird ganz schön funktionieren. Jetzt werden wir darauf klicken. 1. 1 wird genau die gleichen Einstellungen verwenden. Klicken Sie auf die 2. 1 wie so und schließlich werden wir auf diese klicken, wenn Sie zurückgehen möchten. Und wenn Sie dieses Bild offenbaren wollen, wir gehen toe klik hier auf dieser Moschee und zog seinen blauen Griff Sie Schritt oder Zeh animieren einfach jetzt auf zwei Sekunden. Und jetzt lassen Sie uns eine Vorschau und sehen, was wir erstellt haben So in einer kurzen Vorschau, es wird alles öffnen. Und wie Sie sehen können, können Sie hier klicken. Es wird sich ändern, weil es zwei Sekunden dauert. Es gibt uns viel Zeit, zwischen diesen beiden Texten und diesem Bild zu gehen. Wie Sie sehen können, sieht es wirklich schön und glatt und einfach aus. Und schließlich, wenn es um diese geht, können wir klicken wird sich drehen, enthüllen die Moschee, und es wird zu diesem kommen. Also, wenn ich zurück zu diesem, oder wenn ein Klick wieder, können Sie sehen, dass es wirklich glatt aussieht, weil wir diese Dauer von zwei Sekunden erstellt haben. So zeigt es wirklich den Effekt schön. Du kannst herumspielen. Offensichtlich wollte ich keine Designdetails hinzufügen, weil Sie alle Arten von Texturen direkt hier erstellen können . Sie können einige weitere Elemente aus hinzufügen. Beispiel. Einige Pfeile oder Kreise im Hintergrund. Es liegt wirklich an Ihnen, wie Sie dieses Design aufpeppen möchten. Ich möchte die Dinge einfach halten, und wie ich mehrmals erwähnt habe, können Sie auf dieses Design zugreifen. Sie können es mit meiner vollen Erlaubnis sowohl für private als auch für kommerzielle Projekte verwenden. Sie können es anpassen, wie Sie wollen. Sie können alles hinzufügen oder löschen, was Sie wollen. Stellen Sie einfach sicher, dass Sie alle Layer-Namen haben. Äh, konsequent und konsequent benannt. So zum Beispiel können Sie zum BeispielBild 123 direkt hier haben. Aber Bild 246 Genau hier. Dinge werden einfach nicht richtig funktionieren, wie sie sollten. Das war's also für dieses Video, und wir sehen uns im nächsten. 53. Image 6: in diesem Video werde ich Ihnen zeigen, wie Sie diesen Schieberegler erstellen können. Wenn ich also rechts hier klicke, werden Sie sehen, dass dieser Prozessbalken weitergeht, sich sowohl an diesem Text als auch an diesem Bild ändert und schließlich zum dritten Bild sowie zum Tortentext wechselt. Also lasst uns anfangen. Also, was ich hier habe, ist der Flughafen von 1000 mit 600, lassen Sie mich Ihnen schnell die Einrichtung zeigen. Wir haben die Erkundung unserer Zimmer, Text direkt hier oben. Es ist offener Sinn 36 mutig. Als Nächstes. Darunter haben wir die Moschee, die die Bilder Einsicht ist, und wir werden es in einer Sekunde zu bekommen. Aber davor haben wir den Fortschritt und die Fortschritte leer. Jetzt ist der Fortschritt leer nur dieser Balken hier unten. Aus dem Bild und der Fortschritt ist derjenige oben. So ist es derzeit bei einem Pixel mit, während die Probleme leer füllt die gesamte Breite vom Flughafen bei 1000 und seine Höhe bei vier Pixeln, und wenn ich hier klicke, können Sie sehen, dass es ein wirklich Licht großartig aus DBT BTB ist. Und während wir uns entlang der Dias bewegen, wird dieses Blau den gesamten Fortschritt mehr aufwenden und spüren. Als nächstes haben wir Bilder. Also haben wir diese Bilder erschaffen. Also verwende ich einfach das Rechteck-Werkzeug Zeichnen Sie ein Rechteck gezogen und abgelegt Bilder hinein und ich habe drei Kopien gemacht. Und schließlich ist dies eine Moschee mit nur der Farbe oben. So ist es diese Farbe e b e b e b e b. So wieder richtig hell toll. Ich habe alle ausgewählt, Rechtsklick und eine Maske für seine Form. Deshalb sehen Sie diese Moschee und im Moment befinden sich alle im gleichen Raum. Aber wir werden in nur einer Sekunde damit spielen. Und schließlich haben wir diese Texte hier unten. Also sind sie alle gleich. Das hier ist in der Mitte. Und diese sind auf der linken und rechten Seite. Und wenn ich hineinspringe, kann man sehen, dass dieser Text an der Spitze alles 20 fett verarbeitet wird, und er ist blau bei drei e C. Sechs ff. Und schließlich ist dieser ein offener Sinn. Regelmäßig bei 20 bei dieser regulären grauen Farbe ab 70 70 70 70. Also, das ist es im Grunde für unser Design eingerichtet. Und noch einmal, wie in früheren Videos, wenn Sie sich nicht an alle Details erinnern, wenn Sie irgendwo stecken bleiben, können Sie die Bildschieber überprüfen, Eier verunreinigt und im Inneren finden Sie dieses Feuerzeug und spielen Sie mit allen Details, von denen ich spreche in diesem Video, so dass Sie zusammen mit dem Video sowie mit den Übungsdateien folgen können . Also lasst uns anfangen. Ich werde eine Kopie erstellen, also gehe auf Kontrolle D und in dieser Kopie, lassen Sie uns zuerst einige dieser Bilder bestellen. Also werde ich in die Moschee springen. Ich werde diese beiden Bilder zu bewegen, so dass ich einfach nur wählen Bild auf ein Bild drei halten Shift und rechte Pfeiltaste auf meiner Tastatur. Ich gehe nur auf die Zehe, bis ich sehe, wie es so geschnappt ist. Da wissen wir, dass sie am äußersten rechten Rand von unserem Hafen sind, und weil sie in der Moschee sind, die im Grunde ein Ordner ist, werden sie innen von diesem Hafen bleiben und nicht von der Sockelleiste hineingehen. Das ist also im Grunde unsere erste leichte, und es wird initiieren Wenn ich auf diesen klassischen Raum klicke, werde ich die Kontrolle D bekommen und in diesem, alles, was ich tun muss, ist die Fortschrittsleiste zu erweitern. Also werde ich einfach hier klicken und 1000 wie so eingeben. Und wie Sie sehen können, fühlt sich der gesamte Port so an, als nächstes werden wir eine Kopie erstellen. Also werde ich hier klicken, Kontrolle D drücken, und an diesem, werden wir einige Änderungen vornehmen. Also zuerst Dinge erste Fortschrittsbalken, bringen zurück Zehen eins. So wie so. Und wir werden hier klicken. Klicken Sie auf Fill three e c six ff, um die Farbe dieses Textes toe-blue zu ändern. Und ich werde hier klicken. Ändern Sie die Farbe dieses Textes in dieses Grau. Also nochmals, 70 70 70. Und das ist, um anzuzeigen, dass die Leute hier geklickt haben. Aber wir werden einen Zeitauslöser Justo machen, erhöhen die Geschwindigkeit ein wenig, aber Sie können auch mit Tap spielen. Schließlich lassen Sie uns diese Bild aus dem Weg zu bewegen, so dass ich Bild eins und zwei Holdeman Control-Taste auswählen kann Halten, Shift links. Die meisten klicken und positionieren Sie es hier. Also wird es zu Familienzimmer wechseln, klicken Sie auf den Flughafen, drücken Sie Control D, um eine weitere Kopie zu machen, und ich werde die Fortschrittsleiste fühlen. So 1000 wie so? Es fühlt sich also den gesamten Bildschirm an. Als nächstes machen wir noch ein Duplikat auf diesem. Bringen Sie den Fortschrittsbalken zurück auf eins. Wir werden das Bild noch einmal ändern. Also werde ich in diesem Fall alle drei Bilder auswählen und sie entlang der Zehe hier bewegen. Ich werde das Deluxe-Zimmer drei C sechs FF auswählen und ich werde auf dieses klicken. Klicken Sie hier, und da dies die gleiche Farbe ist, werden wir es nur von hier aus probieren. Und schließlich, lasst uns das Ende machen. So kontrolliert das noch einmal. Und in diesem hier muss alles tun, ist die Fortschrittsleiste den ganzen Weg auf 1000 so zu bringen, und das ist es, was unser Design beendet. Wie Sie sehen können, haben wir sechs verschiedene Häfen. Klicken wir nun auf den Prototyp und beginnen wir mit dem Prototyping. Also, was ich tun muss, ist klicken Sie hier Zehe, initiieren Sie die Animation, und mit dem getrockneten blauen Griff Rent Sie Schritt oder Fuß animieren, Lockerung und Dauer. Lassen Sie uns eine Dauer von drei Sekunden für diesen einen geben, weil sie von gefüllter Zehe leer wechseln . Wir werden eine Zeitverzögerung von null Sekunden verwenden und Sie werden etwas wie 0,4 Sekunden für die nächste verwenden. Von leer bis gefüllt, wir werden die Dauer von drei Sekunden wieder ohne Verzögerung verwenden oder seine eigenen zu animieren . Und der Zeitauslöser jetzt aus gefülltem Zeh leer, wir werden es um 0,4 Zeit sein. Alles bleibt gleich. Und schließlich, für diesen letzten, werden wir es um drei Uhr haben. Also lasst uns alles testen. Wenn ich also eine Vorschau bekomme, vergrößern Sie dies ein wenig. Wenn ich hier rechts klicke, können Sie sehen, dass die Fortschrittsleiste geht. Bilder verändern sich schön und schließlich gestörtes Bild. Nun, wenn Sie denken, dass diese 0,4 Sekunden zwischen dem Ändern dieser Bilder so das hier, wenn Sie denken, dass das zu schnell ist, können Sie dann in eine Änderung machen, auch dort, so dass es von gefüllten Zehe leer geht, also können wir es vielleicht 0,8 Sekunden setzen. Also lassen Sie uns auch von hier aus 0,8 wählen, zum Beispiel. Und schließlich, lassen Sie es uns eine Vorschau geben. Also, in einem Klick rechts hier, können Sie sehen, es geht den ganzen Weg aus. Also drei Sekunden, 0,8 und jetzt hat es einen viel saubereren Übergang. Und wenn du das nicht magst, kannst du entweder mit dem liegenden Zeh rumspielen, es ist noch mehr, also das ist es für dieses Video, und ich sehe dich im nächsten. 54. Image Xd: in diesem Video wollte ich Ihnen Bildschieberegler zeigen. Exe die Datei so innerhalb davon, können Sie alle Schieberegler sehen, die wir in diesem Abschnitt vom Kurs behandelt haben. Also, was auch immer Sie überprüfen wollen, was Sie inspizieren wollen, sehen Sie selbst. Oder nur wenn Sie etwas vergessen haben, können Sie immer zu dieser Datei zurückspringen und überprüfen, wie wir sie erstellt haben. So zum Beispiel können Sie zum Beispieleine Vorschau anzeigen. Lassen Sie uns auf diese 1. 1 Desktop-Vorschau klicken, und wenn ich auf diesen Pfeil klicke, können Sie sehen, dass sich dies ändert. Und wenn Sie sehen wollen, wie das gemacht wird, können Sie einfach auf die Ebenen hier klicken, nach innen springen und sagen, zum Beispiel, Okay, das ist offen, sagt 100. Es ist diese Farbe und so weiter, so dass Sie wirklich hineinspringen und alle diese Elemente inspizieren und selbst sehen können. Wenn Sie während dieser Videos etwas verpasst haben, so ist es für dieses Video, und ich werde Sie in der nächsten sehen 55. Diagramm 1: in diesem Video werde ich Ihnen zeigen, wie Sie dieses animierte Diagramm erstellen können. Also, wenn Sie von der täglichen Ausgaben toe klicken, monatlichen Ausgabendiagramm wird die Aktualisierung sowie die Zahl direkt hier, sowie die Daten genau hier. Bei den monatlichen Ausgaben haben wir also die Monate genau hier und bei den täglichen Ausgaben. Wie Sie sehen können, ändert es sich zwei Tage. Wenn Sie also zwischen ihnen wechseln, haben Sie diese nette kleine Animation. Also lasst uns anfangen. Also habe ich hier die unsere Ports von 800 von 800 Ich habe zwei von ihnen und ein fertiges Design weil ich Ihnen den Unterschied zwischen diesen beiden zeigen wollte. Also lasst uns zuerst in diese 1. 1 Also, wenn ich auf klicken hatte ein wenig näher zoomen, lassen Sie uns durch das, was im Inneren enthalten ist und sowie mit allen vorherigen Lektionen in Teilen dieses Kurses laufen , erhalten Sie dieses Diagramm Eier verunreinigen, und innerhalb davon können Sie alle diese Elemente inspizieren, und Sie können sehen, wie alle von ihnen wie Abstände zwischen ihnen Telefongrößen, Farben und so weiter aussehen . So wie in allen vorherigen Lektionen und Teilen des Diskurses. Also fangen wir von oben an. Also, was wir hier hören, ist, dass wir tägliche und monatliche Ausgaben haben, also wenn ich täglich gefaltet öffne, können Sie sehen, dass es offen ist. Sense 20 und alle Ausgaben enthalten ist offen seit 18, aber es hat diese hellere Farbe. Also ist es DDT und das ist drei E c 6 ff. Also dasselbe Blau, wie wir für die Mehrheit von Diskurs verwendet haben. Und genau hier haben wir genau den gleichen Text. Aber das hier, diese monatlichen Ausgaben sind 70 70 70. Also haben wir diese beiden und sie sind gleichmäßig voneinander positioniert, genau hier. Also sind sie im Grunde mit dieser linken Kante ausgerichtet und damit ausgerichtet. Schreib es von diesem Flaschenrollo ab. Apropos, wir haben diese Quintessenz, die das Gefühl Farbe von F f f f hat. Aber lassen Sie uns es auf diese Farbe ändern, wie so, und ich werde den Strich entfernen, weil wir es nicht brauchen. So wit ist 600 Höhe ist zwei und das ist die Füllfarbe. Also 70 70 70. Als nächstes haben wir diese Zeile und ich werde sie in einer Sekunde löschen und Ihnen zeigen, wie Sie es erstellen können, und wir haben diese Nummer und wenn wir ein wenig näher fortsetzen, haben wir drei Elemente im Inneren. Also haben wir den Text, der offen Sinn ist, fett. Bei 20 haben wir Zahl, Hintergründe und Zahl BG, das nur ein normales Rechteck mit einem Eckenradius von 20 ist. Und wir haben den Kreis mit der Feldfarbe off white, so dass er gut mit dem weißen Hintergrund übereinstimmen kann und wir haben die Grenze. Also diese blaue 3 60 c sechs ff mit der Größe aus, um endlich, wir müssen wiederholen Groß. Also, wenn ich etwas näher heranzoomen, hier ist die Wiederholungsnote für die tägliche. Das sind also die Tage. Wie Sie sehen können, haben wir genau den gleichen Abstand zwischen jedem von ihnen. Ich werde Ihnen zeigen, wie Sie es in einer Sekunde erstellen. Und in diesem 2. 1, was wir haben, ist monatlich. Also im Grunde das gleiche Geschäft mit ein wenig weniger Abstand zwischen jedem dieser Textelemente und sie werden sich untereinander ändern. Also am 2. 1 Tag ist bei Null Deckkraft, und bei diesem 1. 1 Monat ist bei Null Deckkraft, wie Sie hier sehen können. Also lassen Sie mich es schnell erstellen. Ich werde hier klicken. Ich war zum Beispiel Montag . Lasst uns das benutzen. Verwendete diese Farbe So 70 70 70 so werde ich regelmäßige Analysten verwenden. Verwenden Sie zum Beispiel 18, nur damit Sie sehen können. Sobald ich diesen ersten Artikel erstellt habe, habe ich geklickt. Raster wiederholen. Ich habe sie so etwas wie hier platziert, zum Beispiel, dann eine Doppelklickseite, Eingabe Dienstag, Eingabe Mittwoch, Donnerstag, Freitag, Samstag und schließlich Sonntag. Wenn ich also nicht drinnen klicke, sieht es so aus. Aber wie Sie sehen können, endet es hier. Aber wie können wir zu diesem Zustand kommen? Also ist es einfach. Sie können außerhalb des Zehenausgangs klicken, Raster wiederholen und dann darauf klicken. Sie müssen also so klicken. Und schließlich endet es genau hier, so dass Sie diesen Griff hier so bis Sonntag bewegen können und dann einfach hier über und erhöht den Abstand zwischen allen von ihnen. Klicken Sie einfach auf und verschieben Sie es, bis Sie mit seiner nach oben zufrieden sind. Zum Beispiel, so etwas, es enthält gleichmäßige Abstände zwischen all diesen Textelementen und klicken Sie einfach hier , Zehe positionieren Sie es perfekt in der Mitte von der Seite. So kam ich zu diesem Wiederholungstext und diesem auch. Das ist also genau das Gleiche. Reduzieren Sie einfach den Abstand zwischen den einzelnen Textelementen. Und so bin ich dorthin gekommen. Lassen Sie mich Ihnen jetzt zeigen, wie Sie diese Zeile erstellen können. Also habe ich zwei tolle Setups. Wenn ich also auf unseren Port selbst klicke, klicke ich auf das Layout. Ich habe sieben Spalten, weil ich sieben Tage in einer Woche habe und genau hier habe ich es bei Null durchgemacht . Also, wenn ich zum Beispielfünf platziert, fünf platziert, können Sie diese Farbe sehen. Es ist dieser Abstand zwischen den Spalten. Also haben wir sieben Spalten und der Abstand ist fünf zwischen allen. Aber wenn ich es auf Null reduziere, können Sie sehen, dass es keinen Dachrinnenabstand zwischen ihnen gibt. Aber man kann deutlich sehen, dass diese Zeilen daraus kommen. Und Sie haben Zeilen für alle sieben Spalten. Wie erstelle ich diese Linie? Klicken Sie einfach auf einen Bleistift, gehen Sie rechts hier klicken, weil es mir die Kanten gibt. Sie können sehen, weil es am Montag am linken Rand kommt, also werde ich klicken, halten, verschieben und vielleicht irgendwo hier loslassen. Und dann können Sie einfach Escape drücken, um aus der Auswahl zu entkommen. Und dann können Sie einfach mit der Maus fahren und klicken, wo diese Zeilen sicher sind. Vorausgesetzt, viel näher. Sie können diese Zeile und diese nächste Zeile sehen, weil das die Linien von unserem großen sind. Also werde ich auf diese Zeile klicken. Klicken Sie erneut auf, klicken Sie erneut, und jedes Mal, wenn Sie auf das Hinzufügen dieser Punkte zu dieser Linie klicken, und alle diese Punkte sind gerade. Wenn ich also versuche, es zu bewegen, können Sie sehen, dass sie sich gerade bewegen, so dass sie sich zum Beispiel im rechten Winkel bewegen. Und wenn Sie das ändern möchten, um die gekrümmte Linie zu haben, können Sie einfach voran gehen und doppelklicken Sie auf jeden von ihnen, und es wird es von der Punktspitze Kurve drehen, und Sie können sie dann einfach bewegen. Also, um das zu tun, klicken Sie einfach auf jede von ihnen und ziehen Sie es einfach außerhalb kochen, stellen Sie sicher, dass Sie auf dieser Linie bleiben so und wir werden ein paar weitere Änderungen in nur einer Sekunde. Aber zum Beispiel irgendwo hier und lassen Sie uns es mit hier beenden, klicken wir hier. Geben Sie zum Beispiel fünf ein. Zehe haben schöne große Grenze drei C sechs ff ist für die Farbe. Ich klicke auf, um die Ecken so abzurunden. Und schließlich werde ich diesen Teil knapp unter dieser Nummer positionieren. Ich werde auf unseren Port klicken, um das Gitter so zu entfernen. Und ich werde diese Nummer einfach ein bisschen tiefer positionieren. So wie so. Und wenn Sie nicht zufrieden sind, wie dieses Diagramm aussieht, können Sie einige dieser Elemente immer neu positionieren. Also, zum Beispiel, kann ich es so bewegen, vielleicht verschieben Sie es ein wenig nach unten so. Vielleicht bewegen Sie das noch weiter nach unten, vielleicht bewegen Sie das so. Und Sie können das sogar nach unten verschieben, wenn Sie vorschlagen möchten, es ein wenig unter diese Anfangslinie zu verschieben . Aber ich werde das nicht tun, damit du sehen kannst, wie wir diese Linie bekommen haben. Also werde ich es von hier löschen. Ich springe hier rein. Nennen Sie es Zeile wie so Hit Control C Klicken Sie auf dieses, klicken Sie auf Control V und rechts hier. Was ich getan habe, ist die gleiche Sache für die große, also werde ich auf eine große klicken Wie Sie sehen können, wir haben jetzt 12 Spalten wie, Also haben wir losgeworden Null, so dass Sie spielen können herum. Fügen Sie einige weitere Punkte hinzu, wenn Sie möchten, damit Sie diese für jeden Monat neu positionieren können. Wenn ich also doppelklicke und hier klicke, kann ich einen weiteren Punkt hinzufügen. Vielleicht könnte ich das nur ein bisschen bewegen. Jetzt können Sie doppelt klicken Zehe machen es rund oder gerade. Es liegt wirklich an dir. Und Sie können diese Griffe so positionieren, wie Sie wollen, damit Sie mit ihnen spielen und Sie können sie erweitern oder sie wieder zum ursprünglichen Punkt bringen . Es liegt also wirklich an Ihnen, wie Sie dieses Diagramm aussehen sollen. Also, wie gesagt, können Sie mehrere Punkte hinzufügen. Sie können sogar mit diesen Punkten herumspielen und sie an diesem neuen Raster ausrichten. Also, zum Beispiel, irgendwo hier, vielleicht kann das ein bisschen runter gehen. Lassen Sie uns das noch mehr aufbringen. So wie Sie sehen konnten, können Sie mit diesen Griffen herumspielen, um ein exaktes Aussehen zu erzielen, das Sie wollen. Und Sie können zum Beispiel positionieren. Es ist irgendwo hier. Ja, ich bin irgendwie glücklich damit, wie das aussieht. Vielleicht kann ich hier noch einen hinzufügen, doppelklicken, um es so etwas zu machen. Und nennen wir es einen Tag, der sich knapp unter der Nummer bewegt, die ich auf den Namen „Unsere Ports“ klicke . Ich habe das Rasterlayout entfernt und schließlich möchte ich das etwas besser positionieren. Also werde ich es irgendwo hier positionieren, und das ist es im Grunde für die Gestaltung des Prozesses. Wie Sie sehen können,ist es wirklich einfach, dies zu entwerfen, und es wird gut animieren. Wie Sie sehen können, ist es wirklich einfach, dies zu entwerfen, Also, wenn ich auf einen Prototyp klicke, was wir hier haben, ist, lassen Sie mich schnell entfernen, damit wir alles zusammen machen können. Also müssen wir klicken, wenn diese 1. 1 auf monatliche Ausgaben gehen und es wird genau hier gehen. Also gehen wir zu Ihnen Schritt oder Fuß animieren. Easy out in einer Sekunde Für die Dauer, können Sie ein bisschen längere Dauer haben, wenn Sie diese animieren ein wenig langsamer wollen, aber ich fand eine Sekunde nur gut genug tägliche Ausgaben sein. Wir werden genau das Gleiche tun und es hierher bringen. Und Sie können auch die Pacenti von diesen absenken, wenn Sie wollen. Also, zum Beispiel, lasst uns diese tägliche Ausgaben hier klicken. Zurück zum Design. Wir können 40. Wie Sie sehen können, geht es bis zu 40%, wenn Sie diesen Effekt erzielen wollen. Aber wenn nicht, können Sie es so lassen. Und schließlich möchte ich Ihnen noch einmal zeigen. Also auf dieser 1. 1, wo wir tägliche Ausgaben zeigen, haben wir die Tage darauf. 2. 1 haben monatliche Ausgaben wurden die Monate. Aber an diesem sind die Tage, wenn ich hier rechts klicke, Null, und auf diesem einen Monat sind Null Opazität. Also reduzieren Sie einfach diese beiden, damit sie gut untereinander wechseln. Weißt du, es ist endlich eine Vorschau, wie alles aussieht. Wenn ich also monatlich klicke, können Sie sehen, dass dieses Diagramm animiert und diese Daten sich hier ändern. Also von Tages- bis Monats-Chart ist schön animiert, wie Sie sehen können. Aber was ich hier nicht eingeschlossen habe, ist die Linie. Also werde ich das jetzt reparieren. Also werde ich einfach auf sein Endergebnis klicken. Klicken Sie auf Steuerelement Siehe Klicken Sie auf dieses, weil es ein weißes Feld hat Fuß, löschen Sie es. Kontrolle. Wir nahmen, in der Art und Weise die Position eingefügt. Es ist genau hier. Und wenn ich wieder eine Vorschau bekommen, klicken Sie zwischen, wie Sie jetzt sehen können. Die Linie bleibt genau gleich, aber die Diagramme der Reihe bewegen sich. Sie können dies auch verschieben, wenn Sie genau verfolgen wollen, wo die Linie ist, also, wie Sie jetzt sehen können, bewegt sich nur ein wenig. Aber Sie können es hier zum Beispiel verschieben , wenn das der höchste Wert ist. So, zum Beispiel, auf monatlich hier, aber auf täglich könnte vielleicht genau hier sein, so können Sie es den ganzen Weg nach hier verschieben und haben ein bisschen mehr Animation, wenn Sie wollen. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 56. Diagramm 2: in diesem Video möchte ich zeigen, wie es dieses Liniendiagramm erstellen kann. Wenn Sie also täglich klicken, wird es sich ändern und dieser Selektor wird sich bewegen, klicken Sie auf Monatlich geht die Aktualisierung wieder. Und dann, wenn Sie heute klicken, wird es zurückfallen und zeigen Ihnen nur die heutigen Werte. Sirkin schön Zyklus zwischen ihnen, und wie Sie sehen können, sie haben diese schöne strahlende auf ihnen als auch. Also lasst uns anfangen. Also haben diese Ports bei 800 mal 800 lassen Sie uns sie zusammenbrechen. Also, wenn ich ein wenig näher einzoomen zugestanden, wir haben diese Wahl oben, und wir haben heute täglich monatlich und Selektor. Also für den Text, werden wir offenen Sinn wie so verwenden. Und ich werde dasselbe für diese beiden tun. So offen sagt so. Und schließlich, für den Selektor, haben wir es bei 52 für den Verstand für die Höhen und 50 für den runden Eckenradius, und ich werde im Grunde dasselbe tun. Also werde ich die Kontrolle treffen. C zog hierher und löschte es, weil ich Ihnen zeigen möchte, wie Sie auf eine andere Auswahl anwenden können . Also 1. 1 ist heute. 2. 1 ist täglich, also lasst uns darauf klicken. Ich werde auf einen täglichen Klick klicken, dieser Farbwähler. Ich werde diese blaue Farbe auswählen. Und für die heute werde ich politisch klicken und hier klicken, weil das unsere Standardfarbe ist . Als nächstes werde ich die Auswahl an den linken Rand des Textes verschieben und so nach hier verschieben. Und schließlich, lasst uns das gleiche für den Monat tun. Jemand, um hier zu klicken. Verwenden Sie das Farbauswahlwerkzeug. Wählen Sie den blauen Klick noch heute, klicken Sie hier und dann rechts hier. Ich fand es viel einfacher, es auf diese Weise zu tun. Und schließlich, lasst es uns tun. Also, zum Beispiel, um hier und lassen Sie uns diese Auswahl gemacht nennen. Ich werde Schicht halten und mich einfach zu dieser Bank aufstellen. Ich werde das Gleiche für diesen und schließlich für diesen hier tun . Nun lassen Sie uns diese aufschlüsseln Also haben wir diesen Hintergrund, der im Grunde eine Formschicht ist. Es ist 600 mal 300. Es hat diese Feldfarbe aus DDT. Abgerundete Ecke ist um acht Uhr. Das ist also unser Eckenradius und schließlich haben wir horizontale Linien und vertikale Linien. Diese befinden sich also innerhalb des Wiederholungsrasters. Und um den Schleim zu erzeugen, zeichnen Sie einfach eine Linie. Also geh von oben. Halten Sie Verschiebung den ganzen Weg nach unten wie so und er Tribut. Großartig. Und es liegt an Ihnen, wie viele Zeilen Sie haben möchten. Also lassen Sie mich nachsehen. Haben 1234567 Zeilen. Also werde ich es 1 zu 4 halten, 567 Also, das ist es im Grunde. Und Sie können diese Wiederholungsgrade positionieren. Also habe ich es, hier zu sein und einfach zu Fuß zu gehen, sie so auszurichten und es bei 73 sein zu lassen. Ich werde hier klicken, ausgewählt, um weiß zu sein, und so habe ich dieses erstellt. diesen betrifft, habe ich genau das Gleiche getan. Also für die horizontalen Linien machte eine Linie wie so traf Wiederholungsraster. Ich möchte 1234567 Zeilen haben. Also werde ich Mary Pitt Grid 23456 klicken, also noch eine sieben. Ich werde einen Abstand machen, aber lass es mich zuerst in Einklang mit diesem bewegen. Irgendwo genau hier, werde ich eine Auswahl treffen und so etwas wie dieses auswählen. Und so habe ich die horizontalen und vertikalen Linien erstellt, nicht für die Linien unten. Lassen Sie mich es Ihnen zeigen. Wie hat das gemacht? Also, wenn ich darauf klicke, könnte man sehen, dass es das Gefühl hat. Es hat eine Grenze. Und es hat den Schlag mit off fünf sowie die Runde, die es gehalten hat. Also werde ich auf meinen Bleistift klicken. Ich werde hier in der Ecke klicken. Und ich werde einfach einige hier klicken, um sicherzustellen, dass ich an diese Zeilen von unserem großen festhalte . Deshalb haben wir das Gitter erstellt, damit wir es verfolgen können. Und bei diesem hier werde ich den ganzen Weg runter gehen. Du könntest die Flucht treffen. Also, was wir hier haben, sind fünf, die wir um Kep hatten, und für den Film, lasst uns einen Grady rein. Also haben wir eine lineare Grady in von hier, Klicken Sie einfach auf diesen kleinen Pfeil Juden, die lineare Zutat jetzt, in diesem Fall und einfach nur gehen, um Sie mit dem Schwarz-Weiß zu zeigen, weil sie bereits mit unseren erstellt Farben. Also, was ich tun werde, ist, das zu drehen. Also werde ich auf diesen unteren Punkt klicken Klicken Sie auf diesen Stop-Punkt und drehen Sie sie einfach, so dass die hellere Farbe an der Unterseite ist wie so stellen Sie sicher, dass Sie versuchen, sie auszurichten, um perfekt gerade nach unten zu gehen nach dieser Zeile, und Sie können klicken auf der weißen Seite und klicken Sie einfach hier, um die Bay City ganz unten auf Null zu senken. Und das ist, wo Sie diesen Effekt haben werden, der von der Farbe alte Weg nach unten Fuß geht, keine Farbe. Was die Löwen angeht, werden wir auf die Stelle doppelklicken. Ich werde auf jeden dieser Punkte doppelklicken. Gleiche wie im vorherigen Video. Sie sind sehr solide, und Sie können mehr Punkte hinzufügen, indem Sie einfach irgendwo klicken. Also, wenn Sie hier adoptieren wollen, können Sie es hinzufügen und einfach alle diese nach oben ziehen, wie Sie wollen. Und Sie können diese Griffe verschieben, wenn Sie ändern möchten, wie der Winkel aussehen wird. So, zum Beispiel, wie hier, werde ich hier doppelt klicken, so gut Sie können mit dem ganzen Weg rechts hier oben . Sie können das hier nach unten bewegen. Du kannst wirklich mit ihnen herumspielen. Und so entstehen diese beiden. Nun, um zu beginnen, werden wir schnell auf jeden von ihnen verdoppeln, also müssen wir sie perfekt aufrecht haben. Und dann irgendwann, bewegen Sie sich für die tägliche. Wie Sie hier sehen können. Tut mir leid für heute. Wie Sie hier sehen können. Also, wie geht man das? Springen Sie hinein, doppelklicken Sie erneut auf jeden von ihnen, um sie wieder gerade zu machen. Und dann bewegen Sie einfach alle diese Zeilen, um der unteren Zeile zu folgen. So, stellen Sie sicher, dass sie so aufrichtig sind. Kein Klick auf diesen. Und wenn es nicht gerade ist, können Sie es einfach umwandeln. zwei gerade zurück. Und du kannst ihnen einfach so folgen. Und bis du damit zufrieden bist, kannst du diese Linien sogar bewegen. Also, zum Beispiel, wenn wir es wie hier verschieben wollen, können Sie das tun. Und schließlich, für diesen, können Sie haben, dass es so etwas ist. Vielleicht geht es von dieser Linie, und vielleicht kann es irgendwo wie hier etwas tiefer gehen. Und wie Sie sehen können, haben wir jetzt diese Form für die zweite und die 3. 1 Ihre einfach gehen, um den Prozess umgekehrt umzukehren. Also gehen, um auf alle diese Punkte doppelklicken und dann verschieben Sie sie wieder zurück, Zehe, welchen Prozess Sie wollen und welchen Ort Sie wollen, und stellen Sie sicher, dass Sie versuchen Zehe online. All die Punkte auf diesem Gitter. Deshalb haben wir es erschaffen. Und so habe ich diese Linien erstellt. Also beginnen wir jetzt mit Animation. Ich werde es vor Ort tun, weil wir es nicht mehr brauchen, , und wir haben jetzt unsere blauen und grünen Teile für das Grün. Dies ist die Farbe so 55 D 466 Und für das Blau ist es Standard drei e. C. Sechs f. Sie werden diese Übungsdatei natürlich in den Diagrammen X defile haben, wenn Sie die Übungsdateien herunterladen und Sie können es öffnen, öffnen und damit herumspielen. Wenn Sie jetzt etwas verpasst haben, fangen wir mit der Animation an. Ich werde auf Prototyp klicken und ich werde Zoomen ein wenig. Alles, was wir tun müssen, ist, diese hier oben zu animieren. Also für den Monat in diesem 1. 1 Ich werde es direkt hier auf den monatlichen tippen Auto animieren, einfache Notiz ziehen animieren, . Und eine Sekunde für die Befreiung für die Tageszeitung. Wenn Sie hier klicken, wird der gleiche Effekt heute und monatlich enthalten. Und hier werden wir heute und täglich wählen, oder? Also alles mit dem gleichen Effekt von hier. Und wenn ich auf die erste 1-Klick-Vorschau klicke und wenn Sie durch sie klicken, können Sie sehen, dass sie sich schön bewegen und sie haben diesen schönen kleinen Übergang und gehen den ganzen Weg nach unten auf Null. Nun, natürlich, können Sie dieses Design verwalten und es noch schöner machen, indem Sie die Zahlen direkt hier auf der Website als Schulter im vorherigen Beispiel hinzufügen. So können Sie ah im Grunde aus dem vorherigen Beispiel kopieren lassen, das es hier mit Wiederholungseffekt auch basiert . So zum Beispiel können Sie zum BeispielStunden für den Tag haben, so dass Stunden genau hier sein können. Minuten können genau hier sein. Tut mir leid für heute. Für die tägliche können Sie es sein, zum Beispiel, zum Beispiel, und vielleicht sogar Sekunden oder Es ist wirklich bis zu Ihnen und für die monatlichen. Sie können es sein, zum Beispiel, Tage und Stunden und legen Sie sie unten und auf der linken Seite. Also, das ist es im Grunde für dieses Video, und ich sehe dich im nächsten. 57. Diagramm 3: in diesem Video werde ich Ihnen zeigen, wie Sie dieses Balkendiagramm erstellen können. Wenn ich also rechts hier klicke, können Sie sehen, dass alle diese Balken zu den Werten gefüllt werden und sie beabsichtigen . Also lasst uns anfangen. So haben hier zu unseren Häfen von 800 von 800 Design ist bereits abgeschlossen. Aber wie ich in den vorherigen Videos erwähnt habe, können Sie das vollständige Design in Diagrammen X'd Datei erhalten, und Sie können es weiter in Details einsehen. Aber ich werde dir nur schnell zeigen, wie ich das alles erschaffen habe. Also lassen Sie mich das zum Beispiel unser Board duplizieren , und lassen Sie uns alles löschen. Also werde ich nur ein Rechteck-Werkzeug auswählen und anfangen, es zu zeichnen. Machen Sie es 600 wie so Positionierung sogar lesen thes zwei Zahlen. Vielleicht gehen Sie vielleicht irgendwo so hin, aber es spielt keine Rolle, und ich werde es zum Beispiel 20 so etwas machen , und lasst es uns an die Spitze dieser Zahl positionieren. Lassen Sie uns diese Nummer gleich hier duplizieren, und wir werden eins eingeben, weil diese Tausende von Dollar darstellen werden. Also, was wird in einem so tippen? Und ich werde die gerade darunter bewegen. Das wird leer sein wie also werden wir die Grenze entfernen. Und für den Film werden wir D DD So hellgrau einschließen. Ich werde die Kontrolle D bekommen und das wird gefüllt werden und es wird drei e c sechs ff sein , so dass 10 eine Höhe von eins haben wird, und ich werde es auswählen und den leeren Klick direkt hier, und es wird es auf die Position unterm Strich aus diesem leeren Zustand, wie Sie hier sehen können. Also, das ist es im Grunde für den Erstellungsprozess. Ich habe gerade dann alle drei ausgewählt, so klickte ich auf Wiederholungsgrade und erstellte 12 verschiedene. Also, aber in der Zählung, 2345678 9 10 11 12 Also werden wir bei diesem zu Ende kommen, und jetzt können Sie sie einfach ausräumen, damit Sie einfach hier schweben können, um diesen rosa Raum zu bekommen , und Sie können sie einfach mit der Maus bewegen, Verschieben Sie sie untereinander, so dass Sie diesen schönen Platz haben können, wie Sie wollen, können Sie ihn dann in der Mitte positionieren oder verschieben Sie ihn wo immer Sie wollen. Und dann schließlich, doppelklicken Sie einfach so hinein und Sie können zwei eingeben. Sie können in 3456 doppelklicken und den ganzen Weg aus 12 eingeben. Wenn Sie fertig sind, kondensieren Sie einfach richtig. Klicken Sie auf Gruppenraster. Sie erhalten alle diese Elemente und Sie können durchlaufen und sie alle korrekt benennen. Und wenn Sie das getan haben, wird dies eine Nummer eins sein, so wirtschaftlich es nennen kann. Das ist Nummer zwei. Das ist Nummer 34 56789 10 Dies wird 11 und schließlich 12. Wie Sie sehen können, dauert es nur ein paar Sekunden, um dies zu tun. Und wir müssen dies tun und so gruppieren, weil wir diese blauen erstellen und vergrößern müssen , so dass sie im Grunde nach oben bewegen. Also werde ich die Kontrolle über das Duplikat dieses unser Port springen hinein, wählen Sie den blauen und Sie können das mit allen tun, also lassen Sie es mich schnell machen. So können Sie alle so auswählen. Also wählen Sie Feld, Feld Feld, wählen Sie alle von ihnen nach unten. Also ist es wirklich einfach nur die Kontrolle zu halten und wir töten Mausklick, Sie können einfach nach unten klicken und hier ist es. Sie können den Mittelpunkt nicht finden, wo der Mittelpunkt ist, und Sie können dann einfach, zum Beispiel, Position zu verstecken bei 20 wie so, und dann einfach alle von ihnen gezogen werden. Richten Sie sie mit dieser Unterkante aus. Dann können Sie einfach über den Mittelpunkt, erweitern Sie sich hier und dann können Sie mehrKopf und wählen Sie eins nach dem anderen. Also doppelklicken Sie drinnen. Verschieben Sie es einfach so und Sie können alle bewegen, wie Sie wollen. Sobald du das alles fertig hast, lass mich diese auch schnell essen. Sobald Sie alle Schulden beendet haben, können Sie so etwas haben. Und natürlich können Sie Werte haben, wie Sie wollen, Sie können hier mehrere Werte hinzufügen. Also das ist Schuld fiel RVERs Gesamtausgaben. Also, zum Beispiel, können Sie von hier aus gehen, sogar 11 10 98 den ganzen Weg runter auf Null und das wird im Grunde Ihr Nullpunkt sein und Sie können sie dann mit diesen Zahlen ausrichten, also könnte das sein, zum Beispiel 10. Das ist um 11 Uhr. Das ist um sieben Uhr, und du hast die Idee. Du bekommst das nur als Grundkonzept in diesem Video, und es liegt an dir als Zehe. Implementieren Sie es in Ihr eigenes Design. Sie können Ihre eigenen Farben einschließen und Farben leicht wechseln. Sie können einfach nicht auf diese klicken. Sie können direkt hier zum Bedienfeld „Assets“ springen. Klicken Sie auf den Anrufer, um ihn auszuwählen. Dann können Sie mit der rechten Maustaste darauf klicken und Sie verdichten, was es, weil es alle diese Farben ausschalten wird, die vorher blau waren. Jetzt werden sie diese Farbe haben. Also, zum Beispiel, können Sie Ihre Kunden Hex-Code hier eingeben, und es wird Fuß, ähm, sofort fügen Sie sie in dieses Design so schnell. Gehen Sie ein paar Mal zurück und lassen Sie uns jetzt animieren, so dass es wichtig ist, dass beide genau die gleichen Ebenennamen haben, so wie Sie sehen können, beginnt es von einer hier, endet in 12. Das ist also Nummer 12, wie Sie sehen können, und in diesem sind sie genau gleich. Also beginnt mit Nummer eins endet mit Nummer 12 und diese sind genau die gleichen in unseren beiden Häfen. So jetzt Toe animiert, es ist wirklich einfach. Ich werde nur hier klicken, ziehen Sie die Zehe hier. Wir gehen zu Ihrem Schritt oder Fuß animieren. Lockerung und Dauer wird zwei Sekunden dauern, weil wir diese reibungslose Animation haben wollten, so dass alle von ihnen reibungslos von unten nach oben versagen. Lassen Sie uns auf Vorschau klicken, sehen, wie das aussieht. Also, in einem Klick hier, können Sie sehen, weil wir es in zwei Sekunden hatten, sie fühlen sich und glatt. Wenn Sie es schneller oder langsamer füllen möchten, können Sie diese Dauer einfach auf beispielsweise vier Sekunden ändern beispielsweise . Wenn du es willst, Toby langsamer oder wenn du willst, dass es Foster ist, kannst du es bei 0,2 Sekunden haben. Aber schauen wir es uns an. Sie können sehen, dass es einfach in Position ist, also glaube ich wirklich nicht, dass es so gut aussieht. Ich denke, zwei Sekunden sind eine Art Sweet Spot für diese Animation, also das ist es für dieses Video, und ich sehe dich im nächsten 58. Diagramm 4: in diesem Video werde ich Ihnen zeigen, wie Sie diese Handwerkskarten erstellen. Also, wenn ich hier klicke, wird es erweitern. Wie Sie sehen können, hat es dieses schöne Licht strahlend, und es füllt alle diese Linien im Grunde aus. Und wenn ich wieder darauf klicke, springt es zurück zum Ausgangspunkt. Also lasst uns anfangen. Also, was ich hier habe, ist zu unseren Häfen von 800 mal 800. Und wenn ich in die 1. 1 springe, brechen wir es zusammen. Noch einmal, Sie werden dies in Ihren Charts haben. X verunreinigt Sercan, springt hinein und inspiziert es ein wenig weiter. Aber hier haben wir das Opus s 20 Bolt. Wir haben diese 12 Stunden und K offen sagt 18 gleiche wie im vorherigen Video. Und wir haben diese beiden Zeilen. Das ist also die linke Linie mit seinen vier und hohen 86 32 Und schließlich haben wir diese Quintessenz also, aber genau das gleiche, aber umgekehrt. So Zeuge vier und Höhe ist 63 bis schließlich, wir haben diese horizontalen Linien, so dass sie im Grunde eine Linie sind, so 6 30 bei zwei. Mit Rechteck-Werkzeug und ich verwende einfach, wiederhole großartig und schreibe sie so an. So wie Sie dort bei 45 Pixeln Abstand sehen können. Also jetzt habe ich das gleichmäßig über diesen Abschnitt verteilt und Sie können Zahlen hinzufügen. Das wird also 11 10 98 den ganzen Weg runter auf Null sein, was genau hier sein wird. Und Sie können auch die Zahlen für die Tausende direkt hier unten hinzufügen, wenn Sie möchten. Aber noch einmal, dies ist nur ein Beispiel für das Gesamtdesign. Nun, den Teil betrifft, wie Sie sehen können, ist der Topf hier unten versteckt und er wird hier erweitert. Also, wie können Sie es erstellen? Lassen Sie mich Ihnen also schnell zeigen, dass in diesem 1. 1 das mentale verwenden. Wir werden natürlich hier in die Ecke gehen. Aber ich werde einfach hier gehen, um mich nicht mit dem Originalteil zu verwirren. Und ich werde einfach klicken und hier klicken. Sie müssen sicherstellen, dass alle diese Linien gerade sind, also klicken Sie auf magische Weise direkt hier. Halten Sie die Umschalttaste gedrückt. Klicken Sie hier und dann bringen wieder den ursprünglichen Punkt, so dass Sie sehen können, Es ist wirklich ganz einfach. Sie können es zum Beispiel fünf haben. Und lassen Sie mich schnell hier klicken. Rechtsklick kopieren. Ich werde auf diesen Teil klicken Rechtsklick basiert Aussehen, so dass wir diese Grady in Kopien aus dem Original bekommen . Und wenn wir hier reinspringen, können Sie sehen, dass wir die Grady int an den blauen drei sagen, sechs FF und blaue Farbe ist oben, wird unten Fuß weiß und weiß ist bei 0% off base city. Deshalb haben wir diese Wirkung. Das ist also, was du hier erhältst. Aber wie können Sie es hier erreichen? Also werde ich Ihnen zeigen, dass, wenn ich auf die Originalteile klicke und es verbergen und wenn ich direkt hier rohe, bedingte Teil springe direkt hier rohe, und es auch verstecken, wir werden unseren Teil verwenden Zehe animieren dies, so dass ich einfach Kinderkontrolle. Sehen Sie? Klicken Sie auf diesen nächsten. Hit Control V geht Fuß. Tempo es im Schlepptau. Ursprüngliche Position Also, wie können wir das tun? Es ist wirklich ganz einfach. Das wird also unser letzter Teil sein, und das wird unser Anfang sein. Nun für den Anfangsteil müssen Sie für den Anfangsteilalle diese Punkte auswählen und zum Ausgangspunkt bringen. Also, wie kannst du das tun? Doppelklicken Sie einfach auf Ihren Teil, klicken Sie auf den Start und blinzeln Sie einfach. Bringen Sie sie alle zurück oder Sie können sie hier nach oben bringen, zum Beispiel, Lassen Sie mich nur ein wenig zoomen, damit Sie sie alle an den gleichen Punkt bringen können. So hängt es davon ab, wie viele Teile Sie haben. Entschuldigung, wie viele Punkte Sie haben, wird länger oder kürzer dauern. Und dann, wenn Sie das fertig sind, können Sie einfach alle von ihnen auswählen, so dass wir zwei linke Maustaste klicken und sie zurück zum ursprünglichen Punkt bringen . Und schließlich, wenn Sie fertig sind, können Sie einfach darauf klicken, nicht genau hier, und Sie können es zurück zum Ausgangspunkt bringen, der genau hier ist, und das ist es im Grunde. So einfach ist es zu erstellen. Ich werde hier klicken, Prototyp auswählen und ihn bereits verkabelt haben. Aber lassen Sie mich das zurückbringen, damit wir von vorne anfangen können, so. Also, was ich tun möchte, ist auf diesen Text klicken. Ich werde Kräuter ziehen, behandelt Sie Schritt oder Zeh animieren. Easy Now Dauer beträgt zwei Sekunden und klicken Sie hier, damit ich es zurückbringen kann. Das war's. So einfach ist es, dies zu erstellen. Wenn ich also hier klicke, klicke auf eine Vorschau. Wie Sie sehen können, können wir nichts sehen. Aber wenn ich hier rechts klicken wird zu erweitern und Sie werden diesen Effekt zu bekommen. Und wenn Sie zurückklicken, wird es zurückbringen, während die ursprünglichen Einstellungen und die ursprüngliche Position beibehalten werden, dass Sie den Punkt hier sehen können, wenn ich etwas näher zoomen. Aber Sie können natürlich bewegen, diesen Punkt natürlich bewegen,also wählen Sie alles aus und verschieben Sie ihn einfach hier die Zehe zurück. Und Sie können auch die Größe vielleicht 24 reduzieren und es wird sich wirklich schön in den Hintergrund einfügen . Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 59. Diagramm 5: in diesem Video werde ich Ihnen zeigen, wie Sie dieses Donutdiagramm erstellen können. Also in einem Klick hier werden sich einige Werte ändern. Wie Sie sehen können, Soifer springen zurück zum 1. 1 Sie können sehen, dass der Text wird sich ändern. So werden dieser Text in der Mitte drei Texte hier unten aus dem Nichts erscheinen , ebenso wie das Donutdiagramm selbst. Also, wenn Sie es noch einmal überprüfen, können Sie sehen, dass alles schön und reibungslos gefüllt ist. Also lasst uns anfangen. Also, was ich hier habe, sind zwei unsere Ports von 800 mal 800. Und wie Sie sehen können, haben wir diesen Anfangszustand und wir haben diesen Endzustand. Lassen Sie uns also einige dieser Elemente erkunden. Und noch einmal, bevor ich anfange, haben Sie diese Diagramme in Ihrem Diagramm Eier tief Übungsdatei, so dass Sie sie ein wenig weiter untersuchen können, wenn Sie etwas hier in diesem Video verpasst haben, und Sie können in ein bisschen mehr Details darüber, wie alles erstellt wurde. Also lasst uns anfangen. Wie Sie sehen können, ist hier schwer. Die Bestellung sieht aus wie, also haben wir Ihre Ausgaben heute Text hier. Es ist geöffnet seit 20 Bolt unten, dass wir Mitte Text Moschee, die nur diese Moschee ist. Und wenn Sie von den vorherigen Videos erinnern, ist nur drei Texte in diesem Fall, weil 00 und 98 werden sich ändern, während diese Dollar-Zeichen wird an Ort und Stelle bleiben. Also, wie ich das gemacht habe, habe ich drei Texte erstellt und dieses Dollarzeichen ist links. Und diese beiden sind rechts Die Linie, wie Sie hier sehen können, die es mir ermöglichte, das untere Zeichen von diesen beiden zu löschen. Und ich habe einfach nur einfaches Rechteck für die Maske Alle ausgewählt erstellt und klicken Sie auf Moschee mit Shape-Ebene erstellen. Also im Grunde, so habe ich diese Textmoschee erstellt. Bevor wir in Kreise kommen, lassen Sie mich Ihnen Dissens unter zeigen. Also haben wir das Essen, das wir haben Kreis, der 2020 ist und es hat diese Bluefield Farbe. Wir haben Kaffee im Grunde wieder im gleichen Kreis. Aber jetzt hat es diese grüne Farbe 55 d 466 und schließlich gleiche für die Süßigkeiten. So haben wir den Kreis 2020, wie wir sehen können, und es ist e 53 c 85 Todesfälle sind jetzt rote Farbe für diesen Text. Also Essen, Kaffee, Süßigkeiten. Wir haben einen offenen Sinn, regelmäßig um 20 Uhr. Das ist also mutig. Das ist regelmäßig, und ich habe vergessen, innerhalb dieses zentralen Textes zu erwähnen. Das ist Open Science 36 Bold, weil ich es nur ein bisschen größer machen wollte, weil es der Hauptschwerpunkt dieses Diagramms ist. Und schließlich haben wir diese Textmoschee an der Unterseite. Also haben wir offen sagt 20 regelmäßig, diese drei Texte. Und wie Sie sehen können, haben wir das Rechteck, Moscheen, die gleiche Moschee wie Sie hier haben. Wir haben es genau hier. Aber ich habe diese drei Texte gerade unter die Moschee verschoben und im nächsten Zustand werden wir sie einfach innerhalb der Moschee positionieren und horizontal in der Mitte positionieren. Also, wenn ich hier zurück sprang, machen wir einen Deal mit Kreisen. Kreise sind also etwas komplizierter, aber sie sind nichts, worüber man sich fürchten muss. Wie Sie sehen können, haben wir diesen Hauptkreis, wie Sie ihn zurückgerufen haben. Es ist zu 50 von 2 15 Es hat Grenze ohne Phil und die Grenze Größe ist 20. Ich meine, Schlaganfall mit ist 20 und wenn ich hier klicke, können Sie sehen, dass es der D. D. D. also ist es wirklich helle Farbe. Und wie Sie sehen können, positioniere ich es, um Kip und um Gelenk herum zu streicheln. Du musst das nicht tun, aber ich mache das einfach manchmal gerne, weil es einige Dinge einfacher macht, damit zu arbeiten. Zum Beispiel die Spots und Sie können auf diese Punkte doppelklicken, um die Dinge ein wenig einfacher zu machen. Nun, was ich als nächstes gemacht habe, ist, dass ich drei Kopien von diesem hinteren Kreis gemacht habe, also traf ich Kontrolle D dreimal Zehe rot, grün und blau Kreis. Sie sind also genau die gleichen wie dieser Hinterkreis. Aber sie sind in Farbe, und ich ging voran und schuf Moscheen für jeden von ihnen. Wenn ich also auf dieses klicke, kannst du sehen, wie diese Moschee aussieht. Also ging ich mit dem Zentrum. Also erste Dinge zuerst, wie ich diese Linien erstellt habe. Also haben Sie diese Typen hier zu Ihrer Linken und an Ihrer Spitze. Da ich also weiß, dass dies 800 mal 800 ist, muss ich meine Guides bei 400 mal 400 positionieren. Also, um perfekt in der Mitte zu sein, abseits dieses Kreises, so hoch tat dies Grundsätzlich, klicken Sie einfach hier und bewegen Sie sie nach innen, bis Sie den gleichen Abstand von beiden Seiten sehen . So können Sie es oben sehen. Sie haben 400 von 400 können Sie das gleiche für diese tun. Und offensichtlich, wenn Sie an Ihrem Design arbeiten, wie Sie hier sehen können, ist es in der Mühle. Wenn Sie an Ihrem Design arbeiten, haben Sie Schlepptau. Berechnen Sie diese Zahlen für sich selbst und Ihr bestimmtes Projekt, aber für diese Präsentation liegt es bei 400 mal 400. Aber stellen Sie sicher, dass Sie diese Führungen in der Mitte außerhalb des Kreises positionieren. Das ist es, worum du dich Sorgen machen musst. Gehen wir zurück zu diesen Moscheen. Also im Grunde, Howard in den Moscheen zu schaffen. Ich klickte auf einen Bleistift klicken Sie hier, so irgendwo außerhalb des Kreises, klicken Sie hier in der Mitte, Dann klicken Sie rechts hier halten meine Shift-Taste. Es folgt also dieser Linie. Ich erstellen, klicken Sie auf etwas rechts hier und dann springen zurück in die Mitte und als nächstes wählte ich in der blauen und die Stelle, Rechtsklick und Moschee mit Form. Und so habe ich diese Moschee bekommen. Und Sie werden sehen, wie diese Moschee aussieht. Das ist also im Grunde diese Moschee. Nun, für diesen ersten Zustand wollen wir die Moschee nicht sehen. Also, wie können wir das tun? Wir können einfach auf die Stelle doppelklicken, und es ist ein bisschen schwieriger, in diesen Teil zu kommen, weil er ständig drauskommt . Sie müssen also sehr vorsichtig sein und auf das Teil selbst klicken. So wie das hier. Und sobald Sie den Topf ausgewählt haben, können Sie zum Beispiel einfach auf diesen Punkt klicken und ihn einfach hier verschieben. Sie können außerhalb Enden gehen Zehe klicken, Moschee die Form vollständig, und Sie werden es nicht sehen. Und es wird im Grunde so aussehen. Sie können diese Form also nicht wie diese sehen. Und ich habe dasselbe für die 2. 1 Also hier ist die Grüne Moschee. So blau fängt von hier an. Es endet hier. Also im Grunde in so etwas wie der Mitte, im Grunde , ja, also 1/4 aus dem Kreis ist das Blau und Grün nach ihm kommen und weil grüne Ordner unter blauen volleren Moscheen in diesem Fall ist . Stellen Sie sich das als Ordner vor. Also haben wir einen Hauptordner. Wir haben Blaue Ordner grün und rot eins. Alle von ihnen befinden sich untereinander, so dass wir diesen Effekt erzielen können, wie Sie hier sehen . So kommt zuerst Blau raus. Grün kommt nach und das Rot kommt endlich heraus, und ich positionierte blau oben, weil es das erste Grün unter Schlag ist, weil es an zweiter Stelle kommt und schließlich rot unter allen von ihnen ist, weil es zuerst herauskommt. Jetzt für diese Moscheen. Wenn Sie direkt hier springen, können Sie sehen, wie sie aussehen. Also werde ich diesen Teil aus dem Grün gefragt, so dass sie Teil und unteren Teil Zustand gestoppt, wie es ist. Wenn ich also irgendwo draußen klicke und du kämpfst, klickst auf das Grün und erhöhte die Deckkraft davon, kannst du sehen, wie es aussieht. Das ist also im Grunde unsere Moschee, also bedeckt sie den blauen Teil. Grundsätzlich kommt es unter dem blauen Teil und in diesem Abschnitt sind nur gehen, um die Moschee zu erweitern. Also, wenn ich auf diese grüne Moschee klicke. So Kreise grüne Moschee. Sie können sehen, wie diese Moschee aussieht. Also ging ich im Grunde von Disposition zu Disposition, mit der gleichen Methode, die ich Ihnen für die blaue gezeigt habe. So können Sie einfach in Ihre Moschee springen. Lass mich sehen, was es ist. Hier ist es. Und ich empfehle Ihnen, etwas näher zu zoomen. Doppelklicken Sie nach innen, damit Sie wirklich schön zu Ihrer Moschee gelangen können. Und wie Sie sehen können, hier bin ich es einfach, diesen Punkt hier zu bewegen. Und wenn ich nach draußen springe, sieht es so aus. Also das ist es im Grunde für die Grüne Moschee und für die rote Maske. Schauen Sie schnell, bringen Sie dies auf Null Deckkraft für die Rote Moschee. Ich habe genau das Gleiche getan. Also, wenn ich es den ganzen Weg nach oben bringe, können Sie sehen, dass es von hier aus beginnt. Und es ist extrem klein, so dass man es nicht wirklich sehen kann. Wenn ich darauf klicke, können Sie sehen, dass es im Grunde eine Zeile ist, weil ich es so wollte und sie kommen direkt hierher. Also treffen sie sich an dieser Stelle, wenn Sie also irgendwo hier klicken, können Sie es sehen. Aber wenn ich es ausdehne, um den ganzen Weg hier nach oben zu gehen. Sie können jetzt sehen, wie es jetzt aussieht. Rot ist auch bei Null Deckkraft. Sie können es also nicht in diesem Zustand sehen. Und blau ist 100 Fettleibigkeit, weil wir es hier an der Spitze gesammelt haben. Also haben wir uns hier im Grunde genommen angeschlossen. Wir benutzen unsere beiden Linien. So können Sie sich vorstellen, dass dies die erste Zeile der Moschee ist. Dies ist die zweite Zeile der Moschee und Sie haben zwei Punkte direkt hier und hier können Sie auf diesen Start klicken und einfach zurück zu hier Zehen kollabieren sie und machen im Grunde ein einziges Licht. Und so habe ich dieses Blau erschaffen. Es ist ein wenig kompliziert, aber Sie können ein wenig tief in diese Charts xz-Datei eintauchen, und Sie können hineinspringen, wenn Ihnen etwas nicht klar ist. Und auf diesem nächsten, Ich habe alle von ihnen so im Grunde bewegt alle Moscheen und, zum Beispiel, für diese grüne, können Sie diese Moschee erweitern, um zu hören, wie viel, weiß oder gesagt, Sie wollen weil es wirklich egal ist, weil es von dieser blauen Moschee Sprichwort bedeckt ist, gilt für das Rot. Es ist von der grünen Moschee bedeckt, weil sie genau hier unter der grünen ist. Also, wenn ich nur dieses grüne erweitert habe, um zu hören, wird es in diesem roten gut abdecken und weil wir die Deckkraft von ihnen direkt hier absenken. Also, wenn ein Sprung nach innen, können Sie sehen, dass das Grün auf Null ist. Pay Stadt rot ist mit Null Deckkraft, die es einige Zeit geben wird, bis der Ballon ausfüllt und sie beginnen zu erscheinen und alles wird glatt und sauber aussehen. Jetzt für den Text. Ich habe alles in Position gebracht. Also, wenn ich reinspringe und zeige dir die Mitte Textmoschee, wenn ein Job neben dir zugestanden hat, bewegte ich diese beiden Nullen auf der oberen Dollar-Seite Zustand gleich und 98 kam gerade in Position. Sagen gilt für diese Moschee hier unten. Also alle diese Zahlen sind horizontal in der Mitte mit dieser Moschee Form, und schließlich erweiterte ich die Kreise Zehe. Fühlen Sie sich da draußen bestimmte Orte, und das ist es im Grunde. Sobald Sie den Dreh bekommen, will es loslegen. Es ist wirklich ziemlich einfach, dies zu tun, aber lassen Sie mich Ihnen schnell in einem zusätzlichen Fall zeigen. Also lassen Sie uns die Kontrolle in D treffen und ich werde nur alles löschen. Und ich werde hier reinspringen und meinen Kreis sehen. Also es ist 2 50 mal 2 50 Lassen Sie mich die Kontrolle C Hit Control V treffen. Stellen Sie sicher, dass es in der Mitte ist, und ich werde Ihnen nur zeigen, wie man das erstellt. Also nennen wir das hier blau und wir werden das Blau für die Grenzen wählen. Drei c sechs f f f so. Und jetzt werde ich dir nur zeigen, wie du das erschaffen kannst. Klicken Sie also hier und dann genau hier. Dann genau hier. Klicken Sie hier irgendwo und schließen Sie es ab. So wie so. Entfernen Sie nun die Grenze. Fügen Sie den Film ein. Dies wird unsere Moschee sein und wählen Moschee und blasen Rechtsklick und Moschee mit Form . Das ist es im Grunde. Jetzt wird das unser zweiter Staat sein. Es wird also so aussehen. Und im ersten Zustand, ich werde nur auf die Moschee doppelklicken, Sie verbrauchen ein wenig näher, so dass Sie in der Lage sind, darauf zu klicken und was ich eigentlich tun werde, ist nur diesen Punkt den ganzen Weg zu hier zu bewegen, bis es trifft mit diesem mittleren Licht. Wenn Sie draußen klicken, können Sie die blaue Farbe nicht mehr sehen. Wenn ich also in den Prototyp springe, klicken Sie auf tippen, um zu hören oder zu animieren Easy Now eine Sekunde, und wenn wir auf Vorschau klicken, können Sie sehen, wie das aussieht. Sie sich StellenSie sichdiesen Prozess vor und Sie können ihn für alle drei wiederholen. Stellen Sie einfach sicher, dass das Grün unter den blauen kommt und rot unter den grünen fällt, so dass sie als eine im Grunde einzelne Zeile erscheinen. Also lassen Sie uns diese beiden löschen und springen wir zurück zu Fuß unser ursprüngliches Design. Also, das ist es im Grunde für das Design. Lassen Sie uns hier klicken. Hit Prototyp. Was ich eigentlich tun werde, ist im Grunde dasselbe, wie ich es dir gezeigt habe. Tippen Sie also auf oder, um eine scharfe, einfache Notiz zu animieren . Eine Sekunde, wenn ich auf Vorschau klicke, können Sie hier sehen, dass wir in diesem leeren Zustand sind. Also, wenn ich klicke, wird der Sommer ausfüllen und weil sie von Null verblassen, sieht es gut aus mit dieser Art von Leichtigkeit in unserem Übergang, und dieser Text kommt schön hier, beide unten. Sie können sehen, dass es wirklich schön aussieht. Und schließlich, wieder einmal, so sieht es aus. Also nochmals ermutige ich Sie, Diagramme, Eier, Verunreinigungen, Zehezu überprüfen Eier, Verunreinigungen, Zehe . Spielen Sie mit dieser Datei herum. Wenn Sie feststellen, dass etwas nicht korrekt oder gefunden wurde, ist etwas nicht klar. So können Sie wirklich sehen, wie ich sie erstellt habe und wie Sie sie selbst erstellen können. Das war's also für dieses Video, und wir sehen uns im nächsten. 60. Diagramme Xd: in diesem Video. Ich möchte Ihnen Diagramme X'd Datei zeigen. Also habe ich diese Datei mehrmals in diesen Videos erwähnt, vor allem in diesem Abschnitt des Kurses, weil die Mehrheit aus, vor allem junge Designer, die diese Charts Herz zu entwerfen und schwer zu verstehen fanden. Aber das sind sie wirklich nicht. Sie sind wirklich ganz einfach, wenn Sie den Hang über sie bekommen und will, dass Sie ein paar entworfen haben. Also hier ist die Akte. Du kannst hineinspringen, du kannst alles überprüfen. Also, zum Beispiel möchte ich sehen, wie das animiert. Klicken Sie auf diese zuerst unsere Tafel klicken Sie hier und dann können Sie zwischen ihnen klicken und sehen, wie es animiert. Und wenn Sie die Animation gesehen haben, können Sie hineinspringen. Klicken Sie hier auf das Ebenenbedienfeld und Sie können wirklich hineinspringen und sehen. Oh, okay, sind Kunden wert. Dies sind horizontale Linien. Sie können dieses Wiederholungsraster öffnen. Sie können auf die Zeile klicken und sehen, wie groß sie ist, zum Beispiel, und Sie können OK sehen, das ist die blaue. Aber er hat so etwas. So etwas wie ein Grady int Sie klicken können, sehen Sie? Das ist Leinenbestandteil. Es geht von der weißen Null-Pay-Stadt den ganzen Weg zu Blau und Sie können sehen, dass das Blau oben ist und das Weiß unten ist. So habe ich diesen Effekt bekommen, damit er wirklich hineinspringen und jedes einzelne Element, das Sie hier sehen, inspizieren kann. Und wie üblich, haben Sie meine volle Erlaubnis, diese Datei für private und kommerzielle Projekte für eine begrenzte Anzahl von Kunden zu verwenden . So können Sie diese Farben grundsätzlich kopieren. Kopieren Sie diese Effekte, kopieren Sie diese Übergänge und nutzen Sie sie in Ihrer Arbeit völlig kostenlos. Das war's also für dieses Video, und wir sehen uns im nächsten. 61. Lader: in diesem Video zeige ich Ihnen diesen Lade-Spinner, und während es geladen und dreht, ändern sich auch diese Punkte. Also lasst uns anfangen. Also haben Sie den Flughafen aus. 800 von 800. Und lassen Sie uns unseren Text erstellen. Ich werde eine Ladung eingeben, stellen Sie sicher, dass es offen ist. Gleiche wie alles andere, was wir bisher in der Partitur geschaffen haben. Ich werde es in der Mitte platzieren, und ich werde meine drei Punkte erstellen, um einen schönen Punkt für Beispiele zu zeichnen. Ich mache das. Also sechs mal sechs und ich werde die Rahmenfarbe auswählen. Entfernen Sie die Rahmenfarbe selbst. Ich gehe Zeh Legen Sie es hier und platzieren Sie es, zum Beispiel, von unten nach oben. 12345 war nur in meiner oberen Pfeiltaste. Als nächstes werde ich es hier positionieren. Drücken Sie Shift und bewegen Sie es. 10 Pixel nach rechts Hit Control Urkunde dupliziert und positionieren Sie es fünf. Dann Hitch-Steuerung. Abschrecken erneut dupliziert und positionieren Sie es fünf genau hier. Als Nächstes gehe ich die Zehe. Bestellen Sie sie so. Das wird also Kreis eins sein. Das wird auch Kreis sein . Und schließlich wird dies drei eingekreist werden, wie so gehen, um sie unten zu bewegen, gruppieren Sie alles zusammen, nennen Sie es Text. Also und ich werde es hier und hier positionieren, um perfekt in der Mitte zu sein. Als nächstes werden wir unseren Kreis erstellen, also werde ich es als 2 50 mit 2 50 erstellen wie also werde ich ihm eine Randfarbe von DDT geben und den Film entfernen. Ich gehe Zehe verwendet Schlaganfall Größe von 20 und ich werde Zehe Position es in der Mitte wie so weiter oben, Ich werde klicken Mitte, Strich um Kip und um Gelenk, und Sie werden sehen, warum in einer Sekunde werde ich sicherstellen, dass Es ist perfekt in der Mitte, und ich werde das hier zurückrufen. Ich werde die Kontrolle de zu duplizieren, und ich werde diesen einen Spinner anrufen, so dass ich auf die Randfarbe klicke. Stellen Sie sicher, es ist drei e c sechs f hart wie so, und wir können jetzt die Rückseite entfernen. Also werde ich es vorerst verstecken. Als nächstes werde ich hier doppelklicken, um in den Bearbeitungsmodus zu gelangen. Ich werde diese beiden Punkte hier auswählen. Halten Sie meine alte Taste gedrückt und drücken Sie ENTF. Deshalb werde ich diese Punkte löschen und als nächstes auf nur diese beiden Treffer löschen auswählen . Und jetzt habe ich gerade diese Form als nächstes, ich werde den Rücken zurückbringen und ich werde es so pastös, unten auf Null, unten auf Null, ich werde Thies auswählen, um Kontrolle G zu treffen, um sie zu gruppieren und diesen zum Beispiel nennen Spinner Und das ist es für unseren ersten Staat. Für unsere zweiten Staaten, werde ich Kontrolle de bekommen, um das zu duplizieren, sind langweilig. Ich wähle das Zahlenauswahlfeld Klicken Sie hier. Geben Sie 3 60% ein und ich werde in den Text springen und einige Änderungen vornehmen. Also werde ich diese beiden treffen, steuern, klicken und auswählen, und ich werde sie so drehen. Und du erinnerst dich an diesen Effekt? Wenn Sie die vorherigen Lektionen sehen, Ich werde die Kontrolle noch einmal drücken 1/3 1 Ich meine, gehen, um sicherzustellen, dass es bei 3 60 noch einmal und schließlich werde ich diese beiden jetzt auswählen und ich werde Zehe drehen sie mit meinem Shift-Taste wie so und das ist es im Grunde für den gesamten Effekt. Wie schnell. Gehen Sie weiter und überprüfen Sie. Wenn alte Fuller in der Nähe sind, sind sie es. Und jetzt kommt die Zeit für Prototypen. Ich werde auf einen Prototyp gezogene blaue Kerze klicken, verwenden Sie Zeit verwendet Auto animieren für den Übergang, ist in out und eine Sekunde jetzt für die 2. 1 und gerade gehen, um genau die gleichen Einstellungen zu verwenden . Und für die 3. 1 bringen wir es zurück nach vorne, so werden wir Zeitübergang verwenden und wir können Auflösen verwenden. Einfach jetzt in der Dauer wird Null Sekunden sein, Sir. Kontaktieren Doppel 0.0 Brustzentrum und Sie gehen, um diese Null Sekunden zu bekommen. Was jetzt? Dies, dass es von diesem Effekt den ganzen Weg nach unten zu den Anfang bringt. Also werden sich hier Punkte ändern. Es wird sich drehen. Punkte werden sich auch hier ändern wird eine weitere Zeit zu verbringen und dann mit der Verzögerung aus, Null Sekunden, ich meine Dauer von Null Sekunden. Es wird direkt zurück zu diesem gehen und dann wieder von vorne anfangen Also lassen Sie uns eine Vorschau. Es ist wie das erste Mal klicken Sie hier und Sie können sehen, dass es beginnt sich zu drehen, und diese Punkte ändern sich auch. Jetzt können Sie es so lassen, wenn Sie wollen. Aber Sie können zum Beispiel zum Beispiel ein anderes erstellen und in der Mitte ein blaues Arzt-Rechteck erstellen. Zum Beispiel, lassen Sie es in allen drei bei Null Deckkraft sein und dann machen Sie es wirklich klein wie ein Pixel um ein Pixel bei Null Deckkraft. Und dann in diesem letzten, wenn es einen Stopp beginnt sich zu drehen, dieser Spinner und Text verblassen auf Null und das Blau wird vergrößern, um den gesamten unseren Port zu füllen . Und dann können Sie auf diese Weise zum nächsten Bildschirm wechseln. Also vom Laden des Bildschirms nahm den nächsten Bildschirm mit dieser blauen Farbe. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 62. Card: in diesem Video werde ich Ihnen zeigen, wie Sie diese Karte Produkt Flip erstellen. Also haben wir dieses Produkt genau hier, und wenn der Benutzer klicken möchte, um mehr zu erfahren, wird es umdrehen und ein wenig mehr Informationen enthüllen. Und dann haben wir diesen Zurückpfeil. Wenn Sie also darauf klicken, wird es zur ursprünglichen Karte zurückkehren. Also lasst uns anfangen. Also hier haben Zehe sind Vögel aus 800 von 800 ein fertiges Design. Aber lassen Sie mich Ihnen schnell zeigen, wie Sie diese Schuhe kreieren. Beide Schuhe sind also P- und G's, was bedeutet, dass diese Bilder transparente Hintergründe haben. Also lassen Sie ihn. Könnten wir die Bilder reinziehen, wenn ich etwas verkleinere? Das sind eigentlich meine Schuhe, also treffe ich ein paar Fotos von ihnen und schneide sie mit Fotoshop. Wie Sie sehen können, sind sie keine Studioqualität, aber sie werden für dieses Video tun. Dann bringe ich einfach dieses Bild hinein. Ich werde es hier drüben, aber nicht in der Karte, sondern direkt hier in der Karte eins. Lassen Sie mich das noch einmal machen. Ich bringe es den ganzen Weg zurück nach draußen, so. Also ist es jetzt draußen im Pay-Sport. Ich klicke auf die Karte eins und bringe dann das Bild hinein. Wie Sie sehen können, ist es in der Karte eins, und ich werde einfach meine Umschalttaste halten und die Größe dieses Bildes senken. Zoomen Sie etwas näher, zum Beispiel irgendwo hier herum. Mal sehen. Stellen Sie sicher, dass es in der Mitte dieses Kreises ist, sowie diese Karte, und ich werde das gleiche für das Bild Nummer zwei tun. Also werde ich darauf klicken Dragon Position es in Position wie so kann ich es sogar ein wenig drehen . So, zum Beispiel, , stellen Sie sicher,dass es in der Mitte ist und, zum Beispiel, positionieren Sie es irgendwo hier herum. Stellen Sie sicher, dass Sie beim Schneiden Ihrer P G nicht den überschüssigen Platz haben, besonders in diesem Bild, damit Sie sich vorstellen können, dass Ihr gesamtes Originalbild dieser Stall war. Also bis hier, zum Beispiel, zum Beispiel, wenn Sie ausschneiden, stellen Sie sicher, dass Sie es hier zuschneiden, damit Sie keinen Zugang zu verschwenderischen Raum haben, im Grunde um dieses Bild herum . Jetzt, da ich das getan habe, wie ich es dir im Originaldesign zeigen könnte. Also hier habe ich die Karte. Und wie Sie die Bilder hier unten gesehen haben, haben wir den Kreis , der ist 2 30 mal 2 30 Und es hat diese Farbe aus einer sieben, ein 578 und Holly bekam diese Farbe ist, ich habe es einfach aus diesen Buchstaben hier auf der schießen unten, dass wir den Namen des Produkts, das geöffnet ist, seit 20 Bolt und unter diesem offenen Sinn 20 unregelmäßig. Wir haben nur die grundlegende Beschreibung aus dem Produkt. Schließlich haben wir die Unterseite, die bei 3 50 mit 70 und mehr erfahren ist offen, sagt 20 reguläre und weiß. Schließlich haben wir diesen Hintergrund. Es ist weißer Eckradius von 20 und wir haben diesen Schatten. Also noch einmal, alle Null so alten schwarzen Schatten es 16%. Aber jetzt haben wir es bei fünf und breiten x y Achse und diese Unschärfe von 20 so geht es nur ein wenig weiter nach draußen. Das ist also unsere Karte Nummer eins. Und was das Auto Nummer zwei angeht, lassen Sie mich wöchentlich überprüfen. Wenn dieser Kreis die gleiche Farbe wie dieser hat, sollte er sein. Ist es. Also haben wir diesen Pfeil oben und du hast diesen Pfeil in den vorherigen Videos gesehen. Und positionieren Sie es einfach hier. Wir haben denselben Kreis. Wir haben den Schuh und schließlich haben wir den Absatztext hier. Wenn Sie nicht wissen, wie Sie Absatz erhalten, können Sie einfach auf den Text klicken. Klicken Sie hier zum Beispiel irgendwo . Halten Sie die linke Maustaste gedrückt und ziehen Sie dann den Bereich, in dem Sie Ihren Text eingeben möchten . Der Text selbst. Ich nahm es von Adidas offizielle Website für diese Produktseite, also habe ich es nur Einsicht, und das ist es im Grunde für den Text. Jetzt lassen Sie uns weitermachen und ich werde Ihnen zeigen, wie Sie diesen Kartenflip-Effekt entwerfen und eine letzte Sache ich vergessen habe zu erwähnen. Wie Sie sehen können, haben wir nicht die weiße Farbe für unseren Port, sondern diese hellgraue Farbe, die wieder DDT ist . Ich wollte nur die Karte ein wenig nach vorne bringen, damit Sie sehen können, wie es jetzt aussieht für diesen Effekt Zehe richtig funktionieren, müssen wir ein paar Änderungen vornehmen. Also erste Änderung ist, dass ich nur ein Duplikat aus diesem Hintergrund machen werde, und ich werde es nach draußen ziehen, um irgendwo hier herum. Und dann werde ich die Karte auswählen, klicken Sie auf diese BG Original ein und entfernen Sie den Schatten wie Tell und ich werde das gleiche für das Auto tun , um so kontrolliert die BG zu duplizieren. Ziehen Sie es nach draußen, um zu hören, bewegen Sie es unten und entfernen Sie den Schatten vom ursprünglichen Hintergrund wie So Now, warum wir das getan haben , ist, dass wir diese Designs als Saft exportieren müssen, so als Bilder mit Transparenz, so dass wir sie zurück zu bringen dieses originelle Design. Und ich werde Ihnen zeigen, wie in einer Sekunde, so dass Sie auf diese 1. klicken können 1 So Karlan Hit Control E oder Kommandanten Saft PNG. In diesem Dropdown-Menü können Sie das Design verwenden. Stellen Sie sicher, dass Sie die Exporteinstellungen sehr exportieren möchten. Dieses Bild ist in meinem Fall, es ist nur Desktop und ich werde auf Export klicken und es wird diese Karte als PNG-Bild ohne den Schatten exportieren , weil diese Hintergrundkopie den Schatten hat und wir nicht wollen, dass diese einen Schatten hat, Also werde ich das gleiche für das Auto tun, um so gerade ausgewählte Hit Control E und ich werde toe Export es noch einmal auf meinen Desktop als transparentes Wesen Jeep. Nun, was wir tun werden, ist, dass wir die Karte eins verstecken und das Auto, zu dem ich eine Kopie von den Karten machen werde , um sicherzustellen, dass Sie wissen, welche welche ist. Also werde ich diese beiden auswählen und einfach bewegen Sie sie ein wenig und gehen Zeh machen eine Kopie von dieser Karte als auch. Ich bringe das ein bisschen zurück. Stellen Sie sicher, dass Sie den gleichen Abstand zwischen ihnen haben. Also sind es 70 so. Also noch einmal, d sind immer noch Karte Nummer eins. Und diese beiden sind Karte Nummer zwei, und Sie können es überprüfen und selbst sehen. Es ist Auto Nummer eins in Auto Nummer zwei. Nun, was du tun wirst, ist, dass wir diese Bilder einbringen werden. Also für die Karte Nummer eins werde ich sie hier auswählen. Ich bringe Auto Nummer eins ein und ziehe es einfach und lege es irgendwo hierher. Ich werde es an Ort und Stelle positionieren, und Sie können hier und rechts hier klicken, um sicherzustellen, dass es in der Position ist. Als nächstes werde ich die Kontrolle treffen. C. Klicken Sie hier, drücken Sie Kontrolle V fügen Sie es ein und sie gehen Fuß. Bewegen Sie es nur ein bisschen. So kommt es unter diesem Ordner. Jetzt spielt dieser Teil keine Rolle, aber ich mag es, meine Ebenen zu organisieren. Nun lassen Sie uns das schnell für das Auto Nummer zwei tun, also werde ich es von meinem Desktop ziehen, positionieren Sie es in Position, stellen Sie sicher, dass es in der Mitte ist und tun Sie das gleiche für diesen einen, also stellen Sie sicher, dass es in der Mitte ist, Nun, gut. Nun, wie Sie sehen können, haben wir jetzt Duplikate, und das ist wichtig, und ich werde Ihnen zeigen, warum in nur einer Sekunde. Also, um das Auto zum Flip-Effekt zu bringen, was wir tun müssen, ist, dass wir dieses Bild verzerren müssen. Deshalb habe ich es als Bild als PNG exportiert, denn um es als Design in Adobe X'd zu verzerren, ist es wirklich schwierig zu tun, und Sie werden diese seltsamen Effekte haben. So zum Beispiel dieser Schuh nicht richtig aussehen. Dieser Kreis wird seltsam aussehen, vor allem der Text und so weiter. So ist es wirklich einfach Zehenexport. Es s P und G und dann mit PNG-Bildern arbeiten. Also für diese Kopien, also zweite Kopien von jedem einzelnen, was wir eigentlich tun werden, ist, dass wir den Witz aus eins machen werden. Also, wie Sie jetzt sehen können, ist der Witz 445 Also werde ich Toe tatsächlich einen hier treffen, drücken Sie die Eingabetaste auf meiner Tastatur. Und wenn Sie diese Art von seltsamen Effekt bekommen, bedeutet das, dass Sie Schlepptau diesen Aspekt entsperren. Also werde ich hier klicken, um es zu sperren. Ich gehe jetzt mit einem Schlag. Und wie Sie sehen können, bleibt die Höhe jetzt bei 671, da sie auf die BG klicken und das gleiche tun sollte. Also drücken Sie eins und stellen Sie sicher, dass Sie beide auswählen und stellen Sie sicher, dass sie in der Mitte so sind. Oder Sie können es einfach so positionieren, eins nach dem anderen Wenn sie nicht wollen, richtig zu verhalten und schließlich reduzieren Sie die Deckkraft off Karte Nummer 120 wie so, und lassen Sie die Fettleibigkeit off BG bei 100, weil es so bleiben sollte weiter oben. Wir werden dasselbe auch für diese Karte tun. Also gehe ich einfach auf die Zehe. Bestellen Sie sie, wie ich es für die Karte getan habe. Einer so ausgewählt. Stellen Sie sicher, dass es gesperrt ist. Klicken Sie auf einen, und führen Sie dasselbe für die BG aus. Also will er. So bewegen Sie die VG in der Mitte, bewegen Sie die Karte in der Mitte und das ist es im Grunde für unser Design. Jetzt fangen wir mit dem Prototyping an. Und wie du gesehen hast, habe ich die Karten drinnen gelassen. Sie also Änderungen vornehmen möchten, WennSie also Änderungen vornehmen möchten,können Sie jederzeit hineinspringen. Ändern Sie die Cholera, wie neue Bilder und jemand. Stellen Sie einfach sicher, wenn Sie Ihre Entwürfe mit diesem Effekt präsentieren möchten, stellen Sie sicher, dass Sie es exportieren. SPG Dann bringen Sie es wieder so. Und dann können Sie das ursprüngliche Design verstecken und dann das Design machen. Dann machen Sie den Prototyp noch einmal. Also für den Prototyp selbst, werde ich irgendwo klicken. Also auf dieser Karte werde ich es ziehen, um Sie Schritt oder Zeh zu hören. Feind Lockerung und 0,4 Sekunden Jetzt auf diesem einen, werden wir die Zeit wie so Auto animieren einfach jetzt 0.4, und auf diesem, weil es geht, um von hier zu flippen. Zehe das hier. Wir werden diesen Zurück-Pfeil verwenden, also tippen Sie auf oder zu animieren Easy. Jetzt 0,4 Sekunden und schließlich, auf diesem, werden wir die Zeit wieder verwenden. Also lassen Sie es uns überprüfen. Sehen Sie, wie es aussieht. Also, wie Sie sehen können, hier sind unsere Karte. Ich werde hier klicken, um zu flippen und schräg und dann zeigen Sie uns diese Informationen. Und wenn ich hier klicke, dreht es sich um und zeigt noch einmal Desinformation. Es ist also keine perfekte Karte, aber es gibt ihm diese Art von Illusion von Flipping und dann enthüllt. Und diese nächste Karte. Es funktioniert also wirklich sehr gut, besonders wenn Sie konsistente Hintergrundfarben haben. So sieht es wirklich gut aus, aber ich denke, sie für Eingeweide Zehe tiefer. Bezahlen Sie City davon hier? Ja, also lass uns das noch einmal machen, und jetzt sieht es viel sauberer aus. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 63. Article: in diesem Video werden wir diesen Artikel erstellen und in diesem Artikel wird der Schieberegler helfen. einem Klick und ziehen Sie den Schieberegler nach unten, können Sie sehen, dass der Text nach unten bewegt, und wenn ich klicke und wieder nach oben, können Sie sehen, dass es bringt es wieder nach oben. Und Sie können dies tun, um Ihren Kunden offensichtlich zu veranschaulichen , wie einige Artikel auf der Seite aussehen könnten. Und Sie können dies auch innerhalb der mobilen APs illustrieren, indem Sie den Drag-Trigger erstellen , der den Drag-Trigger mit Ihrem Finger nachahmt, den Sie tatsächlich auf Ihrem Handy machen . Also lasst uns anfangen. Alles klar, also ist dieser super einfach zu erstellen, und alles, was Sie tun müssen, ist einen Bildplatzhalter zu erstellen, damit Sie ein Rechteck verwenden können, um einfach zu zeichnen, sind ein schönes großes Rechteck. Entfernen Sie den Rahmen und ziehen Sie das Bild einfach nach innen. Und sobald Sie es getan haben, können Sie auf das Bild doppelklicken und es dann positionieren. Wie auch immer Sie wollen, dass das Bild Polizisten. Dann können Sie es Bild umbenennen, wie ich es hier getan habe, und meine Dimensionen sind 800 mal 300, weil mein Port 800 mal 800 in diesem Fall ist. So gibt es dir dieses schöne große Heidekraut Rechteck. Als Nächstes haben wir den Schatten erschaffen. Also für den Schatten, ich benutze 000 so voll schwarz, aber diesmal bei 10% Rabatt auf Basis ity, weil ich es 16 gefunden habe. Es ist nur ein bisschen zu viel. Außerdem verwende ich Null für die ex 10 40 y und verwische auch 10, um diesen schön aussehenden Schatten zu erhalten. Als Nächstes habe ich den Text erstellt. Also für den Text, Ich habe Berge vor Norwegen, die Kunst Titel Text offen Sands 30 Bolzen und es ist links ausgerichtet. Ich positioniere es 40 Pixel von diesem linken Rand und ich habe diesen Absatztext erstellt, den Sie in einigen der vorherigen Videos gesehen haben . Wie können Sie was erstellen? Lassen Sie mich Ihnen noch einmal zeigen, damit ich DE kontrollieren kann, um dies zu duplizieren, und ich werde schnell alle diese Elemente auf der Seite löschen. Ich ziehe einfach ein schönes Rechteck, so etwas oder ein schönes Quadrat für den Text und tippe nur ein paar Buchstaben. Ich werde nach außen klicken, um diese Auswahl zu erhalten, und Sie können es wie positionieren. Also, wie jedes andere Element innerhalb des Flughafens, und ich benutze einen Stecker in. Der Plug In ist kostenlos. Eine Menge Epsom. Es ist kalt. Und wenn Sie nicht wissen, wie Sie den Stecker in installieren, sobald Sie hier im Plug INS Panel klicken , haben Sie dieses Pluszeichen können Sie darauf klicken und Sie können hier klicken, um zu suchen. Sie können Lauren Gypsum eingeben und einfach auf installieren klicken, und nachdem Sie es getan haben, wird es hier angezeigt. Also müssen Sie tun, ist diese Textebene zu erstellen, dann klicken Sie auf Last von Gips gefüllt mit Platzhaltertext, und Sie können jede aus diesen Optionen verwenden. Ich benutze dieses Cicero Englisch und klicke auf Text einfügen. Das war's. Es wird die Stapel schön in diesen Begrenzungsrahmen einfügen, und Sie haben diesen schönen Absatz, mit dem Sie herumspielen können. Als nächstes werde ich Ihnen zeigen, wie Sie diesen Schieberegler erstellen. Also alles, was ich getan habe, ist, dass ich diese beiden Formen erstellt habe, also ist diese Hintergrundform nur ein einfaches Rechteck. 12 ist der Witz für 44 für die Höhe, und es geht in Größe und Höhe mit diesem Berg vor Norwegen Titel. Also geht es bis hierher und es geht einfach zufällig bis hierher. Aber Sie können natürlich spezifischer sein, wenn Sie wollen. Und schließlich habe ich den Schieberegler , der ich gerade dupliziert ist. Dieser Hintergrund erstellt dieses heller und Höhe ist bei 60 und die Farbe 70 70 70 70, während die Hintergrundfarbe D dd ist. Also, das ist es im Grunde für das gesamte Design. Sie können sehen, wie einfach es ist. Und für diesen Absatz habe ich alles getan, was ich getan habe, ist, dass ich es den ganzen Weg nach unten bis hier erweitert habe, und ich habe einfach in dem Teil mit Text ausgewählt, weil viele Mitglieder, die hier geendet haben, können Sie diesen Teil des Textes Hit Control C auswählen und dann drücken Sie die Leertaste und steuern Sie dann V Steuerung V. Wir machen ein paar weitere Kopien auf der Linie, und das ist es im Grunde jetzt für diesen Sex zweiten Zustand. Was ich getan habe, ist, dass ich diesen Schieberegler den ganzen Weg nach unten zu diesem Teilebild bewegt habe. Ich habe es den Text bis hierher verschoben, und der Titel geht bis hierher. Aber wenn Sie sich von den vorherigen Videos erinnern. Wenn Sie eine Gruppe machen, wie ich es für den Text getan habe, wird sie innerhalb des Flughafens enthalten sein. Es wird nicht mehr in das Tempo gehen, denn wenn die Berge von Norwegen außerhalb dieser Textgruppe, zum Beispiel, wird es zum Pass gehen und die Animation würde nicht funktionieren. Alles, was Sie jetzt tun müssen, ist Prototyp, so dass ich auf diesen Schieberegler klicken kann, ziehen Sie den Griff. Ich werde Drag, Auto, animiert, Lockerungverwenden Auto, animiert, Lockerung und schließlich dasselbe für diesen so ausgewählten von hier aus tun, und ziehen Sie es einfach zurück und es wird den gleichen Effekt enthalten. Wenn ich also auf Vorschau klicke, können Sie sehen, wie es aussieht, und Sie können so langsam gehen, wie Sie möchten, um dieses Leseerlebnis zu imitieren, oder Sie können so schnell gehen, wie Sie wollen. Es spielt wirklich keine Rolle, und es liegt wirklich an dir. Sie können natürlich natürlich ein paar weitere Effekte hinzufügen. So zum Beispiel können Sie zum Beispieldie Zeit bringen. Also, wenn dieser Artikel veröffentlicht wurde, können Sie das Wasser mitbringen, damit wir es direkt hier setzen können. Und Sie können natürlich, schob dieses Bild, um es aussehen sortieren Parallax-Effekt, so dass Sie es in diesem Stadium kleiner machen können , oder Sie können es noch größer machen, als es hier ist. Es liegt wirklich an Ihnen, und Sie können nicht all diese Details in den Fokus mit Ihrem Artikel bringen. Und Sie können natürlich natürlich zum Beispieleine Schaltfläche bringen, eine Schaltfläche bringen, die direkt unter diesem Text enthalten war und wenn sie auf die Schaltfläche direkt dort klicken. Sie verurteilten, zum Beispiel, geteilt diesen Artikel oder gehen Sie zu einem anderen Artikel oder gehen Sie zurück auf die Homepage oder was auch immer die Option ist. Das war's also für dieses Video, und wir sehen uns im nächsten. 64. Value: in diesem Video werde ich Ihnen zeigen, wie wir diesen Wert-Schieberegler erstellen können. Wenn ich also auf diesen Pfeil klicke, wird er umkehren und alle diese anderen Optionen werden in Position einrasten. Dann kann ich in diesen Werten ändern und sich um diese Schieberegler bewegen und ich kann sie zurück zu ihren ursprünglichen Positionen bringen und eine und fertig. Ich kann hier treffen, um es zurückzubringen. Also lasst uns anfangen. Also, was ich hier habe, ist das fertige Design und all das sind Bretter bei 800 mal 800 elopement. Schnell überprüfen Sie diese, die erweitert wird, und ich werde zu diesem, der zusammengebrochen ist. Also hier ist, wie sie aussehen. Wenn ich hier klicke, können Sie alle diese Ebenen im Inneren sehen. Aber lasst uns nur dieses sezieren, denn alle sind genau gleich. Also hier haben Klingelton-Media-Alarme und Anrufe an der Unterseite. Also, wenn Sie den Klingelton öffnen, so sieht es so aus. Also haben wir diesen Pfeil hier, der nur ein schmales Symbol ist, und dann haben wir diese Symbole direkt hier. Nun ist dieser Klingelton-Symbol weiter oben, wir haben Klingelton-Text, der seit 25 in diesem Fall geöffnet ist, und 70 70 70 für die Farbe. Und schließlich haben wir BG für den Hintergrund jetzt für den Schieberegler bereits gezeigt Ihnen dies in einem der vorherigen Beispiele, wir haben den Kreis, der fühlt sich mit weißer Farbe, kein Randschatten. So voreingestellt schwarzen Schatten 16%. Und in diesem Fall sind die Werte zwei Exposition zur Y-Position und 10 für die Unschärfe. Und das ist, wie ich diesen Unschärfe-Effekt für den Hintergrund unten, dass wir die Moschee haben. So ist es die gleiche Moschee wie bereits zeigen Sie in Anzahl von vorherigen Videos und Sie können sehen , dass ich diese etwas Zeh hier bewegen. Und wenn ich will, kann ich einfach hierher zurückbringen. Klicken Sie nach draußen und dann hat es keine Moschee überhaupt. Und offensichtlich wird dieser Kreis links und rechts folgen, und Sie können einfach die Verschiebung halten und ihn in Position bewegen. Und schließlich ist das, was wir hier haben, leer, das ist nur diese hellgraue Hintergrundschicht, und es ist bei DDT. Farbe jetzt für die Größen. Hintergrund ist 700 mit 1 28 und dieser leere Schieberegler ist 5 20 bei 12 Fuß Höhe und die Moschee und gefüllte Schicht, offensichtlich sehr, wie Sie es entlang Circle bewegen ist 30 von Turney, und das ist im Grunde es für die Einrichtung. Jetzt habe ich alle diese reichlich unten erstellt ändern Sie den Text und die Symbole, um mit den Werten in Frage zu entsprechen . Und schließlich wird sich dieser Pfeil drehen. Also, wenn Sie hier sehen, zeigt es nach oben und im ersten Beispiel zeigt nach unten. Was das Prototyping betrifft, so geht es weiter, was Sie tun müssen, ist in diesem ersten Fall, ich habe sie gerade verschoben. Also alle drei von ihnen habe ich sie ausgewählt, Verschieben Sie sie an Ort und Stelle mit diesem und niedriger. Bezahlen Sie City 20 in diesem hier? Sie werden mit 20 Pixeln untereinander aufwenden. Genau hier. Das ist der Abstand. Und die Deckkraft ist offensichtlich 100, weil sie als nächstes in Position einrasten werden. Ich habe gerade drei weitere Kopien für diese drei Schieberegler erstellt. Also bewegte ich diese 1. 1 dann bewegte die 2. 1 und bewegte schließlich den gerührten bis zu 100% auf die Position. Und schließlich, wenn Sie es Prototypen erstellen, können Sie es wieder in seine ursprüngliche Position bringen. Also wird es von hier aus gehen, Tohir. Und dann können Sie diese Feuerzeuge nach unten in Position bewegen. Jetzt für einen Prototyp teilweise, wenn ich auf einen Prototyp klicke, können Sie sehen, was ich getan habe. Also klickte ich auf diesen Pfeil, um zu diesem zweiten unseren Port zu gehen, den ich verwendet tippen auch animieren und in Position einrasten . Und 0,4 Sekunden war die Dauer. Und wenn du auf den Pfeil klickst, um zurück zu gehen, änderte ich es ein wenig. Also habe ich hier genau die gleichen Einstellungen verwendet. Aber ich benutzte Leichtigkeit aus und 0,2 Sekunden, weil ich wollte, dass es Schriftsteller eher als Snap und für die Dauer, Toby ein wenig kürzer. Also statt Nullpunkt dafür 0,2, weil ich wollte, dass es ein wenig schneller zurückgeht. Wenn ich also auf Vorschau klicke, können Sie das sehen. Also haben wir diese für den Rücken und wir haben Snap, so dass sie in Position schnappen. Sie können auch Snap verwenden, aber es wird nur ein wenig über der Stoppkante gehen, und Sie können diese Art von Geistereffekt sehen Das ist, warum ich verwendet ist aus und 0.2. Also sehen Sie diesen Effekt jetzt nicht für diese Schieberegler? Was ich getan habe, ist, zum Beispiel, Ich klickte auf diesen Punkt und bewegen Sie ihn auf diesem Port und dafür haben wir Drag Auto Animates verwendet und ist in out, weil ich wollte, um die Animation zu erleichtern und zu erleichtern. Und im Grunde tat ich genau das Gleiche für all diese Ruhezeiten von den Punkten und unseren Brettern. Also, wie Sie sehen können, haben wir genau das gleiche eingerichtet für diesen und für diesen, und ich ging zurück für jeden von ihnen, um sie mit genau den gleichen Einstellungen an seinen ursprünglichen Ort zu bringen . Wenn ich also auf die erste 1-Klick-Vorschau klicke und ich werde es nur ein wenig vergrößern. Und ich habe in diesen hellen Hintergrund für den Flughafen selbst aufgenommen, weil ich wollte, dass dies nur ein bisschen besser abhebt, weil Sie diese in Ihren mobilen Geräten finden können, zum Beispiel, zum Beispiel, und in der Regel haben verschwommene Hintergründe. Also diese weißen Hintergründe von den Elementen selbst werden ein wenig besser vor diesem blauen Hintergrund springen , so dass, wenn Sie darauf klicken, wird es erweitert. Sie dulden, es zu kollabieren, wenn Sie wollen. Und der Pfeil wird sich offenbar umdrehen . Und Sie können diese Schieberegler bewegen und die Moscheen werden folgen, weil ich gerade die Moscheen bis hierher erweitert und die Kreise zurückgezogen habe, damit Sie sie wieder in ihre ursprüngliche Position bringen können . Und Sie können natürlich natürlich damit herumspielen. Du kannst den ganzen Weg auf Null gehen, aber ich wollte dir nur zeigen, wie du es auch so schaffen kannst. Das war's also für dieses Video, und wir sehen uns im nächsten. 65. Suche: in diesem Video zeige ich Ihnen, wie Sie das Suchfeld animieren können. Also, wenn Sie hier klicken, wird es Typ in Paris erweitern, und diese Karten werden von oben fliegen. Also lasst uns anfangen. Also habe ich das für unsere Häfen hier, und alle von ihnen sind bei 800 mal 800, ich werde schnell mit Ihnen auf dem Design durchlaufen. Also, was wir hier haben, ist der Text. Also Suche nach allem ist offen seit 20 regulären, und wir haben die Suche, die gerade über der Suche nach irgendetwas ist. Text, weil in diesem nächsten unser Hafen, es geht um die Suche nach allem und nach ihm zu erweitern und zu decken. Ich habe es nicht mit einer Lippe noch erstellt, aber ich habe mit Rechteck erstellt, um auch, wenn ein Klick auf die Eingabe, Sie können sehen, dass der Eckenradius 100 Körperkampf niedriger ist als 20 Sie können sehen, dass es nur ein einfaches Rechteck ist. Was uns das erlauben wird, ist, dass wir dann dieses erweiterte Rechteck erstellen können, und es wird diesen schönen großen Eckenradius haben, um anzuzeigen, dass es sich aus dem Kreis ausdehnt . Sie können dies auch erreichen, indem Sie das Rechteck als separates Element verwenden, dann in Put it it Inside über Moschee und dann erweitern Sie die Maske nach links. Aber ich fand das nur ein bisschen mühsam, und das ist einfach super einfach zu erstellen. das Suchsymbol betrifft, ist es nicht wirklich ein Symbol, sondern ein Kreis und die Linie, und diese Zeile ist eine, die Sie 70 17 und eine für den Witz für das Feld sehen können. Es ist bei 70 70 70 und dieser Kreis ist der gleiche, aber es ist ein 23 23, um dieses Suchsymbol jetzt in diesem nächsten Bildschirm anzuzeigen, wie Sie sehen können, genau hier mit hat einige wichtige Änderungen. Also für die Linie, wie Sie sehen können, Circle ist jetzt auf Null Deckkraft auf diesem nächsten, unser Port für die Linie wird gedreht. 45 Grad ist, Sie können sehen, es ist genau hier bei 45 Grad minus 45 und genau hier, wenn ich darauf klicke, ist es bei Null. Aber seine Größe stieg auch von 17 Toe Turley, wie Sie hier sehen können, und ich positioniere es Toby in der Mitte horizontal mit diesem Suchfeld, so wie es sich hier dreht . Es bewegt sich den ganzen Weg hier nach links, und es wird in der Größe als auch von 17 Anwälten erweitern und dieser Kreis wird alle zusammen verschwinden. Nun, noch einmal möchte ich nur erwähnen, dass Sie dieses Beispiel in Ihrer Effekt-X'D-Datei haben, damit Sie es jederzeit auschecken können , wenn während dieses Videos etwas nicht klar ist. Also, wie ich schon sagte, wird dieses Feld in der Deckelsuche nach allem aufwenden, was jetzt in dieser nächsten Hafensuche etwas trägt, ist immer noch bei 100 Deckkraft, aber Sie können es auf Null senken, wenn Sie wollen, , um diesen Effekt noch kleiner zu machen. Aber ich habe das nicht getan, weil wir diese Hintergrundfarbe haben und es die gleiche Farbe wie für die Suche nach irgendetwas Text ist. Und so fügt es sich gut in diesen Hintergrund ein, und dieses Suchgefühl hat auch den Schatten. Also, wenn ich auf den Eingang klicken, können Sie den Schatten sehen es 05 10 gleiche Farbe, so voll schwarz und 16% 40 Deckkraft. So wie Sie nur einen einfachen regelmäßigen Schatten sehen können und es wird sich erweitern und decken Sie hier . Was wir als Nächstes haben, sind die Textmoscheen. Also, wenn ich reinspringe, werde ich das nur für eine Sekunde verstecken. Was wir für die Moschee haben, ist im Grunde genau die gleiche Art und Weise, wie ich Ihnen in mehreren Videos gezeigt habe. Während dieses Kurses haben wir den Text. Wir haben die Moschee, also ist sie im Grunde eine Form über einem Text. Sie können sie auswählen, rechten Maustaste auf Moschee mit Form klicken und dann einfach diese Moschee über bewegen, um den Text am Anfang zu verbergen . Geben Sie Ihre Animation an und schließlich haben wir die Karten. Aber lassen Sie uns sie decken. Lassen Sie uns zuerst Coverfarbe übermäßig so, weil unser Board 800 mal 800 ist diese Hintergrundfarbe übermäßig genau die gleichen Dimensionen, also 800 mal 800 und dass dieser erste Zustand Deckkraft bei 0% abgesenkt wird. Also, wenn der Benutzer klickt, Suchfeld wird die 100 erhöhen, wie Sie hier sehen können, während alles andere passiert. Jetzt gehen wir für die Karten. Also, wenn ich hier reinspringe, sind Karten im Grunde ein einzelnes Element. Also, wenn ich es dir gezeigt habe, ist es nur normales Rechteck mit dem 20 Eckenradius Größe ist 3 40 mit 235 und ich habe 40 Pixel dazwischen. Jeder von ihnen. Nur schöne Abstände. Also 40 von hier. Hier, hier. Und Sie können hier ein paar weitere hinzufügen, wenn Sie auch Ziehgeste von diesem einbeziehen möchten. Aber ich wollte es im Moment nicht einbeziehen. Nun, endlich, weil Benutzer in Paris tippen, wie Sie hier sehen können, bewegt sich diese Zeile. Also von hier, wie Sie den Text offenbaren, bewegt er sich hier und er bleibt dort in diesem letzten Hafen, und weil sie in Paris tippen, wird all die Pariser Ergebnisse ausspucken, wie Sie sehen können hier in chronologischer Reihenfolge. Das hier ist vor drei Minuten, vor sechs Minuten, vor neun Minuten und vor 13 Minuten. Nun, wenn ich reinspringe und darauf klicke, können Sie drei Minuten offen Sinn 10 regulär und ein Out in Paris offenen Sinn für jeden regulären sehen . Ich habe nur doppelt drinnen geklickt, diesen Teil aus dem Text ausgewählt, auf die Farbe geklickt und die blaue Farbe hinzugefügt, die wieder drei e. C sechs f f f ist. So habe ich das erstellt. Wie für das Bild, anstatt es um einen Eckenradius von 20 herum zu geben, gab ich ihm den Eckenradius von 20 in der oberen linken und oberen rechten Ecke, während die untere linke und untere rechte Ecke im Eckenradius Null sind. Deshalb haben wir diese gerade Linie überquert. Der nächste Schritt war nur ein Bild, und alle diese Bilder sind kostenlos. Und von einem Splash Dot com, das ist es im Grunde. Das ist House Mitarbeiter, um dieses Design zu erstellen. Und für diesen Zustand habe ich gerade als ich das gemacht habe, eine Kopie davon gemacht. Und in diesem eine originelle, die ich erstellt habe, lassen Sie mich einschließen, dass Sie die Stadt zurückzahlen. Ich habe diese Karten gerade aus dem Weg gezogen und bewegt sie herum, so dass Sie sie bewegen können, wie Sie wollen. Ich habe es so gemacht. Sie kommen also von oben nach unten. Du kannst es umgekehrt machen, als ob sie von unten nach oben kommen. Oder Sie können vielleicht zwei von diesen auf der linken Seite einfügen, um auf der linken Seite zu gehen, zwei davon auf der rechten Seite, um nach rechts zu gehen und in diesem Bildschirm kommen sie von beiden Seiten und treffen sich in der Mitte an dieser Stelle genau hier. Aber was wichtig ist, ist, wenn Sie alle diese Karten in Ihrem letzten unsere Port erstellt haben, um eine Kopie von ihnen zu machen und sie zu duplizieren und sie im Grunde in alle Ihre anderen unsere Boards einfügen. Also, als ich das tat, werde ich über die apace City 20 Kontrolle C gehasst und sie in genau den gleichen Orten auf all diesen anderen unseren Häfen aufbauen. Und das ist es im Grunde für das Design. Es ist super einfach, super unkompliziert, also erweitern Sie diesen Kreis Togo im Grunde zu Rechteck. Verschieben Sie diese Zeile, um von 45 Grad auf 90 Grad zu gehen, erhöhen Sie sie in der Höhe von 17 auf 30 und dann einfach, wenn Benutzer mit der Eingabe beginnen, wird es den Paris-Text enthüllen, und diese Zeile wird bis zum Ende bewegen. Wie Sie auch hier sehen können. Und alle diese Karten werden von Null Deckkraft Toe 100 Basis T gehen und zurück zu ihren ursprünglichen Positionen. Nun, das Prototyping betrifft, ist es extrem einfach. Klicken Sie auf den Prototyp, und für diese 1. 1 Ich habe eine Tippen Geste direkt hier für diese 1. 1 Also, wenn wir inspiziert, Sie können es Schritt oder Zehe animieren sehen. Lockerung in 0,6 Sekunden Jetzt für die 2. 1, denn wenn sie tippen, wollen wir etwas passieren. Also in diesem Fall wird dieses Formularfeld Zehenausdehnung hier. Deshalb werden wir die Zeit nutzen. Geben Sie ihm eine Verzögerung von 0,6 Sekunden. So wird es Fuß Gewicht, wenn Sie 0,6 Sekunden tippen und dann während dieser eine Sekunde Dauer wird zu erleichtern, aus der Bewegung und erweitern den ganzen Weg bis hier. Diese ganze Interaktion wird also 1,6 Sekunden dauern. Grundsätzlich, Also 0.6 für die Befreiung und die Dauer selbst ist eine Sekunde sorry für die Verzögerung 0.6. Dann in diesem nächsten, was ich getan habe, ist wieder Zeit geschaffen. Ab diesem Punkt, wenn es das gesamte Suchfeld an diesem Punkt offenbart, wenn es Paris ausgibt und dieser Indikator nach rechts bewegt, werden wir im Grunde die gleiche Verzögerung haben. Wie Sie hier sehen können, haben wir die Verzögerung von 0,6 Sekunden Dauer eine Sekunde Zeit oder Zehe animieren und ist in out weil wir in der Animation erleichtern wollten und ist aus, aus der Animation. Und schließlich, in diesem, haben wir alle Karten an Ort und Stelle, also das ist im Grunde, können Sie einschließen. Vielleicht, wenn dieser Kreis auf Null geht, wie Sie hier sehen können, wenn ich darüber schwebe. Also ist es immer noch hier, aber es ist in der Null-Pay-Stadt. Wenn ich zurück zum Design springe, kannst du es direkt dort sehen, anstatt es. Sie können dann vielleicht ein Close-Icon direkt hier einfügen. Also, sobald das verblasst, bewegt sich das über. Vielleicht können Sie in diesem Zustand, während Benutzer mit der Eingabe beginnen, während Benutzer mit der Eingabe beginnen,diese Art von X-Symbol haben, aber vielleicht können sie irgendwo außerhalb klicken oder irgendwo außerhalb tippen. Das liegt wirklich an Ihnen und Ihrem Design. Es ist also keine Vorschau getroffen. Ich werde diesen einen Klick wählen Zehe spielen, Vorschau, Vorschau, vergrößern Sie es ein wenig, so dass, wenn ich hier klicke, wird es erweitert. Warten Sie ein bisschen. Tippen Sie es Paris, und dann diese Karten gehen Zeh fliegen von oben. Also, wenn ich es noch einmal zurückschalte, können Sie die gesamte Animation noch einmal sehen. Also Paris Gewichte und dann diese Karten Droppin verärgert Sie noch einmal, um zu überprüfen Effekte Eier, Verunreinigen von denen Sie gehen, um in Diskurs zu bekommen. Werfen Sie einen Blick darauf. Wenn etwas nicht klar ist, überprüfen Sie einige dieser Elemente und sehen Sie, ob Sie etwas verpasst haben. Wenn Sie über etwas verwirrt sind, deshalb mache ich diese Eier für jeden dieser Abschnitte vom Kurs defiles, so dass Sie alle diese Elemente überprüfen können, nachdem Sie diese Videos gesehen haben, oder noch besser, während der Wiedergabe dieser Videos, so dass Sie sicherstellen können, dass Sie den Effekt erhalten. Du willst es gleich von Anfang an. Das war's also für dieses Video, und wir sehen uns im nächsten. 66. Popup: in diesem Video werden wir einige dieser langweiligen Pop-Ups entwerfen, die jeder hasst. Stellen Sie sich vor, Sie sind auf der Produktseite und versuchen, etwas zu kaufen. Aber vielleicht hast du deine Meinung geändert. Sobald Sie also versuchen, die Website zu verlassen, springt der nach oben, und wenn Sie versuchen, sie zu schließen, wird er wieder nach unten springen. Also lasst uns anfangen. Also hier habe ich zu unseren Ports bei 800 von 800 werden Sie einige dieser Elemente erkennen, weil ich sie wiederverwende, besonders aus diesem Abschnitt. Also haben wir diese Show. Wir haben genau den gleichen Text, den wir in diesem Beispiel für den Schuh verwendet haben. Und letztendlich haben wir diesen Grund. Also ist es der gleiche Boden, den wir aus der Show verwendet haben. Ich habe es nur größer gemacht. Also in diesem nächsten haben wir dieses Pop-up und lassen mich ein Detail nach dem anderen gehen. Also zuerst haben wir zuerst über allem aufgetaucht, also kämpfst du. Zoomen Sie ein wenig nach draußen. Sie können sehen, dass es hier größer ist, aber wir werden es in einer Sekunde zu bekommen, und wir haben übermäßig aufgerufen, was im Grunde diese Farbe ist. Aber bei 0% Pacenti. Ich habe gerade ein Rechteck Form bei 800 um 800 niedriger tun Null an Ort und Stelle eingefügt es knapp über diesem Schuh. Also in diesem nächsten Bildschirm Frauen übergehen zu ihm. Sie werden sehen, dass es um 90% von Base City entfernt ist, also unter den Schuhen, sagte er. Wir haben den Text, also haben wir hier einen Superstar. Wir haben, ähm, diesen Text unten und all das, wenn ich ihn von hier auswähle, ist es offener Sinn für jeden fett für den Titel und den Namen des Produkts, und diese beiden sind offen Sinn 20. Und das hast du bereits im vorherigen Video gesehen. Und für den Boden, wir hören die Taste es 3 50 mit 79 schließlich, der Preis ist geöffnet, da reguläre und weiße Farbe. Also gibt es es im Grunde für diese 1. 1 Jetzt für die 2. 1 lassen Sie mich es durchlaufen. Also habe ich Ihnen bereits über das Pop-up in der Farbe übermäßig erzählt, und wenn ich das Farb-Overlay verberge, können Sie sehen, dass wir genau die gleichen Elemente im Hintergrund haben, wie sie hier in der 1. 1 sind , aber sie sind nur mit diesem Anrufer ordentlich versteckt Also für das Pop-up selbst. Wenn ich es öffnen, können Sie sehen, dass wir das Symbol hier geschlossen haben wir diesen Text, der seit 20 geöffnet ist. Mutige Position nur in der Mitte von diesem Pop-up, so. Also gerade in der Mitte horizontal haben wir E-Mail, die nur ein Eingabe- und reguläres Rechteck ist, und wir verwenden das in den Formularen. Beispiel. Also genau das gleiche und wir haben Ihre E-Mail, die offen ist, sagt 20 nochmals D d. D für die Farbe und die Eingabe ist 300 mit 70 weiß für die Farbe, acht für den Eckenradius und schließlich Grenze von 77. Und was für ein Knopf haben wir 2 bis 5 mit 70. Abonnieren ist weiß Open Sense 20 und es ist in der Mitte positioniert ist, können Sie hier sehen und schließlich haben wir Bezirke werden Sie nicht verbringen, wir versprechen, ist offen seit 18. Also habe ich es etwas kleiner gemacht, um genau hier zu passen. Und wir müssen bei ite Alec sein, nur um die Dinge etwas aufzupeppen. Und es ist bei DDT, nur damit es nicht so sichtbar ist, weil das der Punkt von diesen Pop-ups ist. Schließlich habe ich das Auto BG erstellt. Also, wenn ich das Bild ausblenden, können Sie sehen, es ist bei 700 mit für 16 und es ist weiße Ecke achtziger Jahre von 20 und nur eine normale Rechteckform. Nichts Besonderes. Und schließlich habe ich es dupliziert, und innerhalb davon habe ich dieses Bild positioniert, weil ich die Deckkraft von dem Bild auf 40% senke , so dass wir in diesen Buchstaben ein bisschen besser sehen können. Und deshalb habe ich das Duplikat von der Karte PCI erstellt. Andernfalls können Sie Ihr Bild einfach in diese ursprüngliche Ebene einfügen, und das ist es im Grunde für das Pop-up. Nun, wie bekommst du diesen Effekt hat dir schon ein wenig gezeigt. Also, wenn ich es hier vergrößere und erhöht Ihre pastöse zurück auf 100 und wenn ich darauf klicke, können Sie sehen alles, was ich getan habe, war ich vergrößern Sie es viel mit Shift alt und Linksklick in einer der Ecken. So etwas, und Sie können es so viel vergrößern, wie Sie wollen. Es liegt wirklich an Ihnen, und alles, was ich getan habe, ist, dass ich es nur ein oder zwei Pixel von diesem unteren Rand aus unserem Teil positioniere , also bleibt es innen von unserem Port, und ich einfach niedriger Haben Sie es auf Null eingefügt? Und ich tat das, nachdem ich es hier in der 2. 1 erstellt habe, also fand ich es einfacher, es zu tun als umgekehrt. So werden Sie zuerst Ihr Element erstellen und dann zurück zum ersten unseren Port gehen, und dann einfach seine Größe erhöhen. Ich fand, dass es viel einfacher ist, als seine Größe hier zu vergrößern und es dann wieder hier hinzuzufügen . Jetzt kommt es an der Zeit, alles zu Prototypen zu konstruieren. Sie kontrolliert Null, so dass Sie an Ort und Stelle schnappen, damit Sie es besser sehen können. Also, wenn ich auf Prototyp klicke, alles, was ich hier getan habe, ist, dass ich so etwas wie einen Hahn erstellt habe. Normalerweise werden die Leute versuchen, ihren Mund hier nach oben zu bewegen, um die Webseite zu schließen oder versuchen, auf Ihrem Mobiltelefon nach oben zu scrollen , und dieses lästige Pop-up wird auftauchen. Aber ich habe einen Tippauslöser erstellt, um dir zu zeigen, was es passieren wird. Und für diesen Schritt werden Trigger einfach hier geklickt. Also nichts ganz Besonderes. Also, wenn ich dir zeige, dass ich hier zuschlagen werde. Sie Schritt oder Fuß animieren, Easy out und 0,6 Sekunden. Und in diesem 1. 1 gehen wir zurück zum Design. Die Deckkraft sollte auf Null liegen. Also das ist es für die 1. 1 Und für die 2. 1 klickte ich auf dieses X-Symbol, verbunden Es benutzte genau die gleichen Einstellungen, so dass wir genau die gleiche Bewegung haben , die von diesem einen Zeh, 2. 1 sowie von der 2. 1 zurück zum 3. wenn ich auf diese einen Treffer Vorschau klicke, das ist, was wir bekommen werden. Stellen Sie sich also vor, Sie versuchen, dieser Seite zu entkommen, und das Pop-up kommt Ihnen zurecht. Sie versuchen also, Sie zu verleiten, ihnen Ihre E-Mail zu hinterlassen, damit sie Ihnen diesen Verheißungscode sowie zukünftige Promo-Codes senden können und dann versuchen, Sie als Käufer zu bekommen. Wenn Sie es schließen möchten, werden Sie es schließen und es wird nach unten und nach oben gehen, weil wir das jetzt erstellt haben . Du kannst andersherum gehen. Sie können das Pop-up hier erstellen, um viel kleiner als das zu sein. So, zum Beispiel, Toby, noch kleiner als dieser Knopf bewegen Sie es unten scheint wie ein in unserem Fall getan. Und dann wird es auf diese Größe ausgeben, und dann schlagen wir X wird zurück und zurück zu dieser Größe gehen. Also, wenn ich es noch einmal Vorschau, können Sie sehen, Farbe übermäßig springen in schön sowie dieses Pop-up. Wenn ich darauf klicke, um es zu schließen, können Sie sehen, wie das aussieht. Das war's also für dieses Video, und wir sehen uns im nächsten. 67. Parallax: in diesem Video werde ich Ihnen zeigen, wie Sie diesen Parallax-Effekt erzeugen können. Also habe ich das Mock Up von dieser Landing Page erstellt. Also, wenn die Menschen gelandet und nach einer gewissen Zeit wird dies nach unten gehen, Text wird Zehe erscheinen aus dem Hintergrund und in der Lage, alles wird in die Perspektive kommen , wenn ich es Ihnen noch einmal zeige. So sieht das aus und nach einer gewissen Zeit kommt alles in die Perspektive . Also lasst uns anfangen. Also, was ich hier habe, sind zwei unsere Ports von 1000 mit 600. Natürlich wird die Website größer sein. Aber für die Zwecke von diesem Kurs, wollte ich die Größen von unserem Hafen etwas ähnlich mit dem Rest von unseren Häfen halten . Ich hab's dir schon gezeigt. So sieht es aus. Aber damit du es verstehen kannst, muss ich dir zuerst die Photoshopping-Datei zeigen. Wenn ich also in meinen vier Shop springe, so sieht die Datei selbst aus. Also hier oben haben wir diesen Text, den ich eigentlich direkt unter diesen Vordergrund bewegen werde . Blair, wir haben es jetzt getan, was oben sein wird, und es ist nur ein Logo. Ich habe gerade ein Logo wirklich wichtig ist nur für die Zwecke aus diesem Video und genau hier haben wir die Navigation. Wenn ich E gedrückt habe, ist es ein offener Sinn. Regular 14 und rechts Linie ist, können Sie hier sehen, und es ist nur illustriert. Dies ist eine Website jetzt, darunter, wir haben ein paar Ebenen, aber bevor ich Ihnen diese Ebenen zeige, lassen Sie mich schnell alles ausschalten, damit ich Ihnen das ursprüngliche Bild zeigen kann, das ich tatsächlich verstecken werde . Der Text ist, nun, nur für den Moment. Das ist also das Originalbild. Es ist von auf Splash, und es ist das Bild aus der Toskana Region in Italien und Sie dulden Aled dieses Bild kostenlos, und ich werde sicherstellen, dass Live-Link zu ihm in der PDF-Datei. Also, was ich getan habe, ist, dass ich einige von diesen Schichten bis zu den Zehenspitzen abschneide, ein bisschen Bewegung einschließe und ein bisschen Tiefe in dieses Bild einschließe. Es ist schon schön gedreht, und es zeigt bereits die Tiefe zwischen diesen Büschen an der Vorderseite, dieses Feld in der Mitte und diesen perfekt ausgerichteten Hintergrund. Aber ich wollte Zehe sicherstellen, dass Zehe animieren, dass innerhalb von Adobe X'd, Also musste ich alle diese Teile schneiden. Also, was ich zuerst getan habe, ist, dass ich das Bild verbergen und Ihnen dann zeigen werde. Ich habe den Vordergrund geschnitten. Das ist also der Vordergrund, und Sie können so präzise sein, wie Sie wollen oder gar nicht. Es liegt wirklich an Ihnen, Ihrem Image und Ihrem Projekt. Aber was ich getan habe, benutze ich das Stiftwerkzeug und klicke einfach durch all diese. Und es ist ein bisschen chaotisch, aber für die Zwecke aus diesem Video, es ist in Ordnung, vor allem, weil wir das Originalbild ohnehin als Hintergrund verwenden, Also habe ich den Hintergrund geschnitten. Dann habe ich dasselbe für den Vordergrund gemacht, einschließlich der Büsche hier. Dann schneide ich die Büsche selbst, und schließlich, Ich fügte hinzu, Einige gehen einfacher zu diesen Büschen. Also ging ich hier, um blau zu filtern und dann Shin Unschärfe zu machen. Und wenn ich ihn hierher bringe, siehst du, dass es bei 3,4 Pixeln liegt, und das ist im Grunde mein Trainer. Einfacher, und dies wird Vordergrundelement sein, wie es verschwindet. Dieses Vordergrund tatsächliche Vordergrundelement wird erscheinen, dann wird der Hintergrund gleich bleiben. Und schließlich wird Text von diesem Vordergrundspieler auftauchen. Also, das ist im Grunde meine Photoshop-Datei. Ich habe das alles im Fotoshop gemacht. Sie können dies tatsächlich tun, in Adobe X'd, vor allem, wenn Sie den Bleistift und dann Sie einige Moscheen verwenden möchten. Aber weil ich schon für den Laden habe, fand ich, dass es auf diese Weise viel einfacher ist. Was ich dann getan habe, ist ein Ereignis hier, um Dateischoner diese als Photoshopping-Datei zu speichern und dann ging ich voran und öffnete es in Adobe Eiern. Also hier ist es in Adobe X'd und Sie können sehen, ob ich hier klicke. Alle diese Ebenen sind genau hier, also habe ich sie alle in diese Photoshop-Datei aufgenommen. Dann konnte ich Hit Control C hören, um diese unseren Port zu kopieren, um dies für jetzt zu schließen und dann sprang in diese Datei und drücken Sie Kontrolle V, um es einzufügen. Du musst das nicht tun. Sie können das in der Originaldatei tun, wenn Sie es in anderen B x d öffnen aber ich habe es trotzdem getan. Also, das ist das Bild, das du im Vierer-Shop gesehen hast, wenn ich hier reinspringe. Aber das, was in diesem Originalbild fehlt, ist der unscharfe Vordergrund hier. Wie Sie sehen können, sehen Sie diese verschwommenen Büsche nicht. Das liegt daran, dass ich sie nach unten gezogen habe, wie Sie hier sehen können und alles in diesem zweiten Bild eingetreten ist. Aber in diesem ersten Bild sind verschwommene Büsche genau hier und ich habe sie sehr vergrößert. Die Begrenzungsrechte sehen Sie hier links und rechts. Sie können sehen, wie groß sie auch sind, wenn ich sie verstecke, habe ich diesen Vordergrund auch viel nach oben verschoben. Hier können Sie sehen, wie es ursprünglich aussieht. Ich ging einfach voran und zog es sehr viel nach oben. Und dann wird man in diesem nächsten gehen und der Text wird wieder nach oben gehen. Nun, eine Sache, die Sie hier nicht sehen, die Sie im Original für Shop-Datei gesehen haben, sind diese ursprünglichen Büsche, weil ich sie ausgeschnitten und dann diesen Unschärfe-Effekt erstellt habe. Du siehst sie hier nicht. Wenn ich sie verstecke. Es ist nur originell für Grand Lor, weil ich fand, dass sie veraltet waren. Grundsätzlich sind sie ein bisschen viel in diesem Bild. Also alles, was ich damals für das Prototyping getan habe, denn im Grunde bist du hier fertig. Sie können auf den Prototyp klicken und alles, was ich getan habe. Du kannst Zeit gebrauchen. Nach einer gewissen Zeit, wenn der Benutzer auf dieser Seite landet und ich empfehle, dass Sie dies nach einer gewissen Zeit in Ihrer Client-Projektdatei tun , wird automatisch animieren passiert und ist in out ist, was Sie verwenden sollten, weil Sie die Animation Zehe Leichtigkeit in. Und dann ist er auf dieses Endergebnis in der Dauer aus der gesamten Animation ist vier Sekunden. Also, wenn ich auf diese zuerst unsere Board-Klick-Vorschau klicken, können Sie sehen, es ein wenig warten und dann kommt alles an Ort und Stelle. Also, wie Sie hier sehen können, bewegt es sich von diesem auf diese Dauer von vier Sekunden, und weil wir es einrichten, ist die Zehe in out. Sie können sehen, wie es aussieht. So wird dieses Vordergrundelement wieder nach oben verschoben. Diese Büsche sind sehr vergrößert, und sie werden sich den ganzen Weg unten unter unserem Brett bewegen, wie Sie hier sehen können, damit sie im Grunde verschwinden. Eigentlich, von dieser Seite und schließlich ist dies das Ergebnis. Wenn Sie darauf klicken und der Text erscheint, können Sie noch dramatischer sein. Sie können zum Beispiel, reduzieren Sie die Größe des Textes in der ersten unser Port, und dann machen es original in diesem zweiten Teil sind, so wird es eine Art Schrägwirkung haben und es wird von kleineren Text toe gehen, größeren Text, und dann wird Ihr Effekt ein Marsch dramatischer sein. Sie können zum Beispiel sogar einige Wolken einbeziehen. So verschwinden die Wolken von hier und enthüllt den Hintergrund hier. Es gibt also wirklich keine Begrenzung. Und alles hängt von Ihrem Projekt und Ihrer Kreativität im Grunde ab. Denken Sie also daran, dass Sie alle Ihre Ebenen korrekt benennen und korrekt angeordnet haben müssen , damit dieser Parallaxeffekt die Zehe richtig funktionieren kann. Und natürlich, wie bei allen anderen Effekten, die ich Ihnen in diesem Kurs gezeigt habe, können Sie sie sowohl für Ihre Website-Projekte als auch für Ihre mobilen Projekte verwenden. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 68. Effekte Xd Datei: in diesem Video wollte ich schnell durch die Effekte X'd Datei laufen. So ist es das gleiche für alle anderen Teile. Kurs abseits. Sie erhalten diese Ex-Defile mit allem, was Sie in Sicht gesehen haben, aus den Videos, so dass Sie mit ihm spielen und überprüfen Sie es im Schlepptau. Viel mehr Details. Also, wenn Sie nicht sicher über etwas aus diesen Videos sind, können Sie hier auf der Ebene Special klicken. Sie können es überprüfen und Sie können hineinspringen. Öffnen Sie das alles und sehen Sie, wie alles geschaffen wurde. Du kannst tief tauchen. Sie können diese Farben verwenden, die Sie durch klicken und sehen, welche Größe des Textes ich verwende. So, zum Beispiel, hier ist es offen Sinn Zehe eine unregelmäßige, und Sie können wirklich tief tauchen und sehen alles, was Sie von diesem Teil interessiert . Sie können auch eine Vorschau all dieser Animationen anzeigen, und Sie können selbst sehen, wie alle von ihnen aussehen, und Sie können einfach alle diese Elemente kopieren und in Ihre eigenen Designs einfügen. Wenn Sie dies wünschen, schließlich können Sie diese Entwürfe schließlichfür Ihren persönlichen oder kommerziellen Gebrauch verwenden, und Sie haben meine Erlaubnis. Stellen Sie sich zum Beispiel vor,Sie möchten ein Pop-Up für die Website Ihres Kunden verwenden. zum Beispiel vor, Sie können dieses genaue Pop-up verwenden, wenn das etwas ist, das Sie wollen, und fügen Sie es in Ihrem Client auf Design, und dann können Sie es an diese Farben anpassen. Und diese Mittel, zum Beispiel, um es aussehen zu lassen, als wäre ihnen diese persönliche Note hinzugefügt worden. Schließlich, wenn etwas nicht klar ist, können Sie immer überprüfen und springen hinein. Sie können Videos ansehen und während Sie sich ansehen, können Sie diese Datei öffnen und alles, worüber ich in diesen Videos gesprochen habe, überprüfen, und Sie können viel besser auf diese Weise lernen. Das war's also für dieses Video, und wir sehen uns im nächsten. 69. Value: in diesem Video werde ich Ihnen zeigen, wie wir diesen Wert-Schieberegler erstellen können. Wenn ich also auf diesen Pfeil klicke, wird er umkehren und alle diese anderen Optionen werden in Position einrasten. Dann kann ich in diesen Werten ändern und sich um diese Schieberegler bewegen und ich kann sie zurück zu ihren ursprünglichen Positionen bringen und eine und fertig. Ich kann hier treffen, um es zurückzubringen. Also lasst uns anfangen. Also, was ich hier habe, ist das fertige Design und all das sind Bretter bei 800 mal 800 elopement. Schnell überprüfen Sie diese, die erweitert wird, und ich werde zu diesem, der zusammengebrochen ist. Also hier ist, wie sie aussehen. Wenn ich hier klicke, können Sie alle diese Ebenen im Inneren sehen. Aber lasst uns nur dieses sezieren, denn alle sind genau gleich. Also hier haben Klingelton-Media-Alarme und Anrufe an der Unterseite. Also, wenn Sie den Klingelton öffnen, so sieht es so aus. Also haben wir diesen Pfeil hier, der nur ein schmales Symbol ist, und dann haben wir diese Symbole direkt hier. Nun ist dieser Klingelton-Symbol weiter oben, wir haben Klingelton-Text, der seit 25 in diesem Fall geöffnet ist, und 70 70 70 für die Farbe. Und schließlich haben wir BG für den Hintergrund jetzt für den Schieberegler bereits gezeigt Ihnen dies in einem der vorherigen Beispiele, wir haben den Kreis, der fühlt sich mit weißer Farbe, kein Randschatten. So voreingestellt schwarzen Schatten 16%. Und in diesem Fall sind die Werte zwei Exposition zur Y-Position und 10 für die Unschärfe. Und das ist, wie ich diesen Unschärfe-Effekt für den Hintergrund unten, dass wir die Moschee haben. So ist es die gleiche Moschee wie bereits zeigen Sie in Anzahl von vorherigen Videos und Sie können sehen , dass ich diese etwas Zeh hier bewegen. Und wenn ich will, kann ich einfach hierher zurückbringen. Klicken Sie nach draußen und dann hat es keine Moschee überhaupt. Und offensichtlich wird dieser Kreis links und rechts folgen, und Sie können einfach die Verschiebung halten und ihn in Position bewegen. Und schließlich ist das, was wir hier haben, leer, das ist nur diese hellgraue Hintergrundschicht, und es ist bei DDT. Farbe jetzt für die Größen. Hintergrund ist 700 mit 1 28 und dieser leere Schieberegler ist 5 20 bei 12 Fuß Höhe und die Moschee und gefüllte Schicht, offensichtlich sehr, wie Sie es entlang Circle bewegen ist 30 von Turney, und das ist im Grunde es für die Einrichtung. Jetzt habe ich alle diese reichlich unten erstellt ändern Sie den Text und die Symbole, um mit den Werten in Frage zu entsprechen . Und schließlich wird sich dieser Pfeil drehen. Also, wenn Sie hier sehen, zeigt es nach oben und im ersten Beispiel zeigt nach unten. Was das Prototyping betrifft, so geht es weiter, was Sie tun müssen, ist in diesem ersten Fall, ich habe sie gerade verschoben. Also alle drei von ihnen habe ich sie ausgewählt, Verschieben Sie sie an Ort und Stelle mit diesem und niedriger. Bezahlen Sie City 20 in diesem hier? Sie werden mit 20 Pixeln untereinander aufwenden. Genau hier. Das ist der Abstand. Und die Deckkraft ist offensichtlich 100, weil sie als nächstes in Position einrasten werden. Ich habe gerade drei weitere Kopien für diese drei Schieberegler erstellt. Also bewegte ich diese 1. 1 dann bewegte die 2. 1 und bewegte schließlich den gerührten bis zu 100% auf die Position. Und schließlich, wenn Sie es Prototypen erstellen, können Sie es wieder in seine ursprüngliche Position bringen. Also wird es von hier aus gehen, Tohir. Und dann können Sie diese Feuerzeuge nach unten in Position bewegen. Jetzt für einen Prototyp teilweise, wenn ich auf einen Prototyp klicke, können Sie sehen, was ich getan habe. Also klickte ich auf diesen Pfeil, um zu diesem zweiten unseren Port zu gehen, den ich verwendet tippen auch animieren und in Position einrasten . Und 0,4 Sekunden war die Dauer. Und wenn du auf den Pfeil klickst, um zurück zu gehen, änderte ich es ein wenig. Also habe ich hier genau die gleichen Einstellungen verwendet. Aber ich benutzte Leichtigkeit aus und 0,2 Sekunden, weil ich wollte, dass es Schriftsteller eher als Snap und für die Dauer, Toby ein wenig kürzer. Also statt Nullpunkt dafür 0,2, weil ich wollte, dass es ein wenig schneller zurückgeht. Wenn ich also auf Vorschau klicke, können Sie das sehen. Also haben wir diese für den Rücken und wir haben Snap, so dass sie in Position schnappen. Sie können auch Snap verwenden, aber es wird nur ein wenig über der Stoppkante gehen, und Sie können diese Art von Geistereffekt sehen Das ist, warum ich verwendet ist aus und 0.2. Also sehen Sie diesen Effekt jetzt nicht für diese Schieberegler? Was ich getan habe, ist, zum Beispiel, Ich klickte auf diesen Punkt und bewegen Sie ihn auf diesem Port und dafür haben wir Drag Auto Animates verwendet und ist in out, weil ich wollte, um die Animation zu erleichtern und zu erleichtern. Und im Grunde tat ich genau das Gleiche für all diese Ruhezeiten von den Punkten und unseren Brettern. Also, wie Sie sehen können, haben wir genau das gleiche eingerichtet für diesen und für diesen, und ich ging zurück für jeden von ihnen, um sie mit genau den gleichen Einstellungen an seinen ursprünglichen Ort zu bringen . Wenn ich also auf die erste 1-Klick-Vorschau klicke und ich werde es nur ein wenig vergrößern. Und ich habe in diesen hellen Hintergrund für den Flughafen selbst aufgenommen, weil ich wollte, dass dies nur ein bisschen besser abhebt, weil Sie diese in Ihren mobilen Geräten finden können, zum Beispiel, zum Beispiel, und in der Regel haben verschwommene Hintergründe. Also diese weißen Hintergründe von den Elementen selbst werden ein wenig besser vor diesem blauen Hintergrund springen , so dass, wenn Sie darauf klicken, wird es erweitert. Sie dulden, es zu kollabieren, wenn Sie wollen. Und der Pfeil wird sich offenbar umdrehen . Und Sie können diese Schieberegler bewegen und die Moscheen werden folgen, weil ich gerade die Moscheen bis hierher erweitert und die Kreise zurückgezogen habe, damit Sie sie wieder in ihre ursprüngliche Position bringen können . Und Sie können natürlich natürlich damit herumspielen. Du kannst den ganzen Weg auf Null gehen, aber ich wollte dir nur zeigen, wie du es auch so schaffen kannst. Das war's also für dieses Video, und wir sehen uns im nächsten. 70. Tab: in diesem Video werden wir diesen Schritt Widerhaken erstellen. Wenn Sie also auf diese Symbole tippen, können Sie sehen, dass sich die Farbe von dunkelgrau zu blau ändert und sich dieser Selektor bewegt und anzeigt, was er ausgewählt ist. Also lasst uns anfangen. Also das ist, was ich hier habe, habe ich für unsere Häfen von 800 mal 800. Und wenn ich etwas näher heranzoomen, werde ich Ihnen nur einen zeigen, weil alle genau gleich sind. Ich habe gerade diesen erstellt und dann mehrere Kopien erstellt. Also haben wir B G, das ist nur der Hintergrund und sein Licht. Großartig, wie Sie diese Farbe sehen können, ist E C E C E C EC-Radius 20 und Abmessungen sind 6 50 mit 1 27 Und wie Sie sehen können, ist es nur da, um als Hintergrund zu dienen, und Sie können sich vorstellen, dass dies auf der Unterseite Ihres Mobiltelefons gehen wird -Geräte-Bildschirm. Als nächstes haben wir den Selektor , der nur noch einmal ist, dieses Rechteck am unteren Rand und seine Linie nach oben in der Mitte von diesen Symbolen, wie es entlang bewegt . Es ist mit seiner 55 Höhe ist für Mais oder achtziger Jahre ist ein 20 Farbe ist drei C sechs ff, und schließlich haben wir die Symbole und die Symbole sind genau die gleichen. Also, wenn ich hineinspringe, sind alle genau die gleichen in Bezug auf die Struktur. Wie Sie sehen können, haben wir die Moschee. Also haben wir hier nur eine Grundschicht. Also einfach einfach einfaches Rechteck oben auf dem Symbol. Und wir haben zu Hause ich concolor in diesem Fall und wir haben Zuhause Symbol, das ist diese dunkelgraue Farbe. Aber wie Sie sehen können, ist die Deckkraft bei Null. Nun, für die Farbe, ich benutze drei C sechs f f. Und für diesen hier benutze ich diese 70 70 70 nur für die normale Farbe. Also habe ich dieses Icon erstellt. Dann habe ich ein Duplikat gemacht. Es enthielt die Farbe, so dass diese blaue Farbe dann erstellt Moschee, wählte die Moschee und diese blaue Farbe Rechtsklick und Moschee mit Form. Deshalb habe ich diese Moschee bekommen, und ich habe die ursprüngliche Ikone und diese Moschee in den Ordner mit Control G aufgenommen . Und schließlich wird dieser Selektor folgen, wohin wir klicken. Das ist es im Grunde, um das zu lösen. Wie Sie sehen können, ist es wirklich einfach. Alle diese anderen Symbole sind genau gleich. Es ist nur Moschee an der Spitze bewegt. Wenn ich zum Beispiel auf diese Jets zoomen , nenne ich dies unsere Moschee und ihre einfach hier nach oben bewegt. Und wenn Sie auf einige andere Bildschirme klicken und dieses Symbol auswählen, zum Beispiel, diese Moschee geht Zehe erweitern nach unten, um die blaue Farbe zu enthüllen. Und dieses Jets-Icon Original wird auf die Null off base Stadt gehen, so dass wir diese schöne blaue Ikone präsentiert haben . Nun, wenn Sie damit fertig sind, können Sie einfach auf die Moschee klicken und einfach aus dem Weg bewegen. Und wie Sie sehen können, wird es das ursprüngliche Symbol und die ursprüngliche Farbe zurückwählen. Jetzt habe ich vier Kopien in Total, weil wir vier Symbole haben. Und jetzt, wenn ich auf den Prototyp Prototyp klicken, ist genau das gleiche für jedes dieser Symbole auf nur gehen, um Ihnen eine zu zeigen. Also, zum Beispiel, ich werde hier klicken, um zu diesem Bildschirm zu gehen. Ich ziehe meinen Griff zurück. Wie Sie bereits sehen können, haben diese beiden ausgewählt, um die dritte und vierte unser Hafen zu gehen. Aber wenn ich dieses Symbol auswähle, weiß ich, dass es zu diesem unsere Ports gehen wird. Also werde ich nur meinen blauen Griff ziehen und das sind die Einstellungen gehen, um Benutzer wird Zehe tippen verwenden . Aktion wird auch animiert sein, weil alle von ihnen genau gleich sind. Zwischen unseren Boards Layer-Namen sind die gleiche Einstellung ist die gleiche Also alles ist das gleiche wir gehen zu verwenden ist in out und eine kurze Dauer von 0,3 Sekunden. Wenn Sie also auf die Vorschau klicken, wird dies passieren. So zum Beispiel, wenn Sie von diesem zu diesem eine Auswahl klicken wird ändern Diese Moschee wird gehen , um dieses Symbol enthüllen. Diese Moschee wird nach unten gehen enthüllt verfärbte Ikone Diese ursprüngliche Farbe, die ich konzerte dieses dunkelgrau wird auf Null in einer Pay-Stadt gehen und dieser wird zurück zu 100 in Kobe City, wie Sie hier sehen können. Also für klicken Sie hier, klicken Sie auf Vorschau So das ist, was passieren wird. Also, wenn Sie hier klicken, wird sich ändern, wie Sie sehen können, und Sie können zwischen diesen beiden, zum Beispiel, und Sie können sehen, es geht von dunkelgrau zurück Zehenblau, und es geht von blau zu dunkel. Großartig, wenn Sie zu diesen anderen Symbolen wechseln. So, wie Sie sehen können, ist es wirklich einfach. Sie bewegen einfach Moscheen nach oben und unten und reduzieren oder pacenti von diesen ursprünglichen dunkelgrauen Symbolen auf Null, wenn Sie auf diesem bestimmten Symbol landen. Und natürlich, natürlich, in diesem Selektor, hier unten unten wird folgen und in der Mitte von jedem dieser Symbole positioniert werden . Das war's also für dieses Video, und wir sehen uns im nächsten. 71. Side: in diesem Video werde ich Ihnen zeigen, wie Sie diese Seite Menü-Interaktion erstellen können. Wenn Sie also auf das Symbol klicken, wird es nach unten springen und eine niedrigere Größe als auch. Führen Sie diesen Hintergrundschatten ein, und wenn Sie erneut darauf klicken, wird er wieder an seine ursprüngliche Position zurückkehren. Also lasst uns anfangen. Das ist also, was ich hier habe. Dies ist das Design, das ich vor ein paar Monaten erstellt habe, und das ist eigentlich eines meiner Design-Produkte, die Leute tatsächlich kaufen können. Aber ich gebe dir dieses Freebie für diese Lektion. So sieht es so aus, als ob ein Sprung in uns die Statusleiste haben, die die Statusleiste hier oben ist. Und wenn ich es verstecke, können Sie sehen, was drin ist. Also haben wir Status, Bar und Hintergrund, wenn Sie es einschließen möchten. Aber ich habe mich entschlossen, nicht zu. Dann haben wir den Bildschirm selbst , der genau das alles hier ist. Und schließlich haben wir diesen Hintergrund. Also wählte ich dies sind schlecht vor allem, So ist das Board für das iPhone, X r x s so 375 warten 8 12 und Wenn ich hier klicken, können Sie sehen, was es besteht aus. Es ist also nur diese hellblaue Farbe von B C E Null f d. Und natürlich werden Sie das in den anderen bekommen. Eier verunreinigen. Sie können hineinspringen und Inspektoren in viel mehr Details. Aber ich gebe Ihnen nur das Wesentliche, im Grunde das, was sich hier befindet. So haben wir das Logo und mit wenigen der Komponenten für das Logo sowie diesen Text. Und schließlich haben wir diese Menüpunkte, so dass alle von ihnen sind offen Sinn. Und all diese Text-Einsicht aus dem Bildschirm ist offen Cessnas gut, so können Sie leicht nachverfolgen. Sie können einfach diesen einen Fonds installieren und im Grunde alles bereit haben. Jetzt sind alle diese Menüpunkte 20 und sie sind weiß und sie sind mit diesem Logo gesäumt , und dann ist alles ausgewählt und vertikal in der Mitte positioniert wie Also jetzt, wenn ich in den Bildschirm springen , können Sie sehen es besteht aus zusammen. So haben wir Profil, Menu Icon und BG, das ist dieser Hintergrund mit einem leichten Schatten, und noch einmal können Sie alle diese Elemente in eine Menge mehr Details inspizieren Wenn Sie akzeptieren wollen , haben wir die Person. Es ist also dieser Bildname und ihr Standort. Wir haben einen Folgen-Button und einen Nachrichten-Button. Sie haben beide die gleiche Größe. Aber das ist weiß. Das ist diese Art von Blau und schließlich haben wir die Wasserhähne. Also haben wir Favoriten, Galerie-Selektor und über und wir haben die Nachtbar, die diese Never Bar ist und Sie werden feststellen, dass es mit meinem ursprünglichen Design verbunden ist. Aber wenn ich, ähm, werde ich nur ein bisschen später bekommen, damit Sie sich keine Sorgen darüber in Ihren Designs machen müssen, damit Sie es sofort ohne Sorgen verwenden können. Und schließlich haben wir diese Bilder direkt hier unten. Also haben wir neun Bilder. Alle legen sich auf eine große und nur ich habe nur einige Bilder aufgenommen und schließlich haben wir diesen Hintergrund, der 375 mit 8 12 ist, die die Größe von unseren Ports ist. Und ich habe das eingeschlossen, damit ich es in der Größe senken kann, wie Sie hier sehen können. Also, wie ich das erschaffen habe, wenn ich reinspringe , gehe ich direkt vor und, äh, so wie das. Also sind es 10 10 20. Damit ich wissen kann, was ich einschließen soll. Jetzt. Ich werde es löschen. Ich werde in diesem gesamten Bildschirm treffen Kontrolle C Klicken Sie rechts hier, Hit Control V und was ich tatsächlich tun werde, ist Shift halten, Ault und Linksklick auf meinen Mund, und es wird gleichmäßig nach unten skalieren, sowohl horizontal und vertikal. Alles und Responsive Größenänderung ist aktiviert. Also, wenn Sie wieder Größe diese Eier gehen Zehe. Versuchen Sie, sein Bestes zu tun, um alles so auszurichten, wie es ursprünglich war. Also geht es auf die Zehe. Machen Sie einige Einschränkungen, wird versuchen, alles in Ordnung zu halten, wie es war, und es wird versuchen, Zehe eine Linie alles, wie Esel eng möglich zu diesem ursprünglichen Bildschirm versichert . Als nächstes auf nur gehen, um die Umschalttaste zu halten und es irgendwo hier herum zu bewegen, werde ich hier klicken, um es dick zu positionieren und lassen Sie uns in Sicht wie so springen, und ich werde es nur unter der Statusleiste bewegen, weil das ist, wie es war. Hier können Sie sehen, es geht Statusleiste Bildschirm, lokale Menüpunkte, weil Staaten Bar Staaten hier, egal was, Ich werde hier klicken und ich werde nach innen springen, öffnen BG und klicken Sie auf den Schatten, Sie 10 ein und geben Sie hier 10 ein und geben Sie schließlich 20 hier ein. Also, wenn wir uns entscheiden, läuft etwas etwas seltsam, wie Sie sehen können, wir hatten jetzt diesen schön aussehenden Schatten, den ich in der Bay City hier vergrößern werde. Und Sie können sehen, wie das jetzt für das Prototyping selbst aussieht. Ich werde nur hier auf diesem Menüpunkt klicken und ich werde wählen, tippen Sie auf Auto Animieren, Einfach jetzt 0.6. Und ich werde das Gleiche für diesen hier tun. Also gehe ich einfach nach Hause und Kontrolle klicken Sie in diesem Menü-Symbol und ich werde nur diese blaue Kerze zurückziehen und wir werden die gleichen Einstellungen haben. Also tippen oder Zehe animieren ist in out n 0,6 Sekunden und schließlich, noch einmal, bevor ich Pretty. Sie können dies in Ihrer anderen xz-Datei finden und Sie können es in viel mehr Details überprüfen. Und Sie können natürlich all diese Elemente in Ihren Projekten verwenden natürlich , sowohl persönlich als auch kommerziell. Lassen Sie uns eine Vorschau anzeigen und Sie können sehen, wie das aussieht. So springt es in die Disposition. Es verdeckt alles und den Wasserhahn. Dieses Temperament bleibt gleich hier oben, so dass es das Ende nicht ändert. Im Moment haben wir diesen schönen Schlagschatten, der diesen Hintergrund schön bedeckt. So hebt es sich dagegen ab. Und wenn ich hier klicke, geht es zurück zu seiner ursprünglichen Position. Das war's also für dieses Video, und wir sehen uns im nächsten. 72. Bild vergrößern: in diesem Video werden wir diese einfache Interaktion entwerfen. Also hier haben Sie die Bildergalerie, und wenn ich auf das Bild klicke, um es zu vergrößern, können Sie sehen, dass es in Position rastet. Dieses leichte, strahlende Bild erscheint ebenso wie dieses schließende Symbol. Also, wenn ich auf die Kleidung Symbol, können Sie sehen, es geht zurück in seine ursprüngliche Position, strahlend und die Kleidung verschwinden und Sie können sehen, dass es seine abgerundeten Ecken enthält. Aber wenn ich darauf klicke, verschwinden diese Ecken und es geht zurück zu geradeaus. Wenn sie klicken, um es zu schließen, können Sie sehen, dass es wieder zu abgerundeten Ecken geht. Also lasst uns anfangen. Alles klar, also war das super einfach zu erstellen und einzurichten. Wenn ich also etwas näher heranzoomen, können Sie sehen, was wir hier haben. So haben wir den Text, dass die oberen Bilder, die offen ist Sands Bold 70 70 70 Für die Farbe. Wir haben Leute, die offen sind, regelmäßig und 18, also nur ein bisschen kleiner als diese. Und es ist bei DDT, und es ist die gleiche Geschichte für die Natur hier unten. Für die Bilder sind sie 1 37 mit 1 98 20 Pixel. Raum wie diese 20 Licht diese 20 so und so, sowie mit diesen Elementen. Es sind also 20 Pixel von hier zu Text und von Text zu Bild, sowie von Bild nach unten und im Grunde 20 Pixel auf allen Seiten. Wie ich diese erstellt habe, benutze ich einfach ein Rechteck-Werkzeug. Und wenn ich auf diejenigen klicke, zum Beispiel diesen, diesen, können Sie sehen, dass ich erwähnt, was wieder ist. So sind 1 57 mit 1 98 eine abgerundete Ecken 20. Sie sind mit Weiß gefüllt, weil das die Rechtecke waren und die ursprüngliche Farbe weiß war . Ich habe gerade die Grenze entfernt, und das ist es im Grunde jetzt für diesen. Wie Sie sehen können, gibt es ein leichtes Grady int hier, sowie offenlegen Symbol. Close Icon ist im Grunde selbsterklärend, aber für den Grady int können Sie sehen, wie das aussieht. Also habe ich mich entschieden. Anstelle von einfarbig, wählte ich lineare Zutat, und standardmäßig gibt es Ihnen diese Zutat. Also, wenn ich zurück zu Volltonfarbe, wählen Sie Schwarz, zum Beispiel, gehen Sie zurück zu magerer Zutat. Sie können auf diese Punkte klicken und Sie können sie bewegen und Sie können die apace Stadt direkt hier senken . Also, zum Beispiel, wenn ich es Fuß weiß bewegen, wie es ursprünglich war, haben Sie eine niedrigere Deckkraft davon. Null Ich werde dann diese Positionen wechseln, so dass die dunklere Farbe und geht an die Spitze hellere Farbe geht nach unten und Sie können es zum Beispiel tun, wie diese, oder es kann es so bewegen. Und dann können Sie mit den Farben herumspielen, von wo der Grady int kommt, zum Beispiel, und Sie können auf diese dunklere Farbe klicken. Sie können Ihre Pay-Stadt zu reduzieren, und Sie können wirklich mit ihm herumspielen, um den gewünschten Look, den Sie für gehen zu bekommen. Und du kannst natürlich nach links bewegen, wenn du willst, dass das gierige Int aus diesen Winkeln kommt, aber weil ich es nicht will Oh, wollte ich direkt von der oberen Off Position kommen. Es ist so etwas und vielleicht senken ihre Lohnstadt von es nur geringfügig jetzt für das Bild selbst. Was ich getan habe, werde ich Ihnen hier zeigen, damit es DE kontrollieren kann, um es zu duplizieren. Und was ich im Grunde getan habe, ist es einfach so zu vergrößern. Und weil das Bild in dieser grundlegenden Moschee enthalten ist, Sie beim Ziehen und Ablegen des Bildes auf das Bild, das Sie durchführen, klickenSie beim Ziehen und Ablegen des Bildes auf das Bild, das Sie durchführen,halten Sie es gedrückt, verschieben Sie es und verschieben Sie es. Also, zum Beispiel, genau hier, wenn Sie wollen, dass das Ihr Schwerpunkt ist und Sie können natürlich bewegen, es natürlich bewegen,wie Sie wollen und was es schließlich war. Ich bin gerade in Sichtweite gesprungen und bringe den Eckenradius auf Null zurück. So habe ich dieses Bild bekommen. Also für den Prototyp, ist es wieder extrem einfach. Also eine Sache, die ich erwähnen muss, ist, dass wir die Grady int und schließen Symbol genau hier, aber Kobe City weg von beiden, ist es Null, wie Sie sehen können, genau hier und genau hier ist bei 100. Icahn ist an der Spitze des gierigen int, offensichtlich, weil man es sonst nicht sehen wird. Nun, jetzt für einen Prototyp, ist es extrem einfach. Nur zwei Zustände, so können Sie auf diese klicken, zog den blauen Griff und wir verwenden tippen Auto, animieren, einfach und aus und 0,4 Sekunden jetzt zurück zu kommen. Sie können auf dieses Schließen-Icon klicken und genau die gleichen Einstellungen verwenden. Also in einer Hitze, um eine Vorschau, so sieht das aus. So wie Sie strahlend suchen können und Kleidung verschwindet. Und während dieses Bild einige Zeit braucht, um hier zu kommen, Grady Int und Close Icon werden in dieser Zeit erscheinen. Wie Sie hier sehen können und wenn Sie zurückklicken, ist es nur ein fließender Übergang. Jetzt können Sie dies auf viele Arten tun. Sie können zum Beispiel zeigen, Lassen Sie uns das auch tun. Wenn Sie also zurück zum Design springen, können Sie doppelklicken, können Sie die Größe vergrößern. Also, zum Beispiel, genau hier, mal sehen. Und wenn wir Privy treffen und jetzt können Sie sehen, wie das aussieht. So zoomt es hinein und zoomt heraus, springt an Ort und Stelle, wenn das etwas ist, das Sie erkunden möchten. Aber ich denke, das funktioniert wirklich gut. Also, wenn die Heat-Vorschau wird es nur in diesem Bild vergrößert, so dass wir es ein bisschen besser sehen können und es springt an Ort und Stelle. Also, das ist es für dieses Video, und ich sehe Sie in der nächsten 73. Andere Xd Datei: in diesem Video, werde ich Ihnen die anderen X'd Datei zeigen. Also, im Grunde, ist die gleiche Datei wie bei allen anderen vorherigen Vorlesungen und Sie in den vorherigen Abschnitten des Diskurses gesehen haben und diese Eier defiles sind hier, um Ihnen zu helfen, entlang und Fuß, vielleicht bringen Sie ein wenig näher die Details. Wenn du während des Videos etwas verpasst hast, damit du hineinspringen kannst, kannst du es wirklich sezieren. Springe ins Detail und du kannst natürlich all diese Elemente für deinen persönlichen und kommerziellen Gebrauch verwenden. Sie können diese Bilder auch kopieren und einfügen, wenn Sie sie in Ihren persönlichen Projekten verwenden möchten . Und schließlich können Sie diese Farben und Symbole, Bilder und Schaltflächen und so weiter in Ihren persönlichen Projekten verwenden. Nun, endlich, wenn ich hier zum Asset-Panel springe, können Sie alle diese Farben sehen, die aus ausgewählt wurden, und das sind Teile und Designs, und Sie können diese Farben wieder verwenden, Klicken Sie einfach mit der rechten Maustaste kopieren Sie diese Farbe und basierte sie in Ihr eigenes Design. Wenn Sie so wählen, können Sie auch sezieren und die Designs ein wenig weiter, so dass Sie direkt hier springen können. Sie können die Bildschirme öffnen und Sie können springen. Außerdem sehen Sie, dass sie erwähnt haben. Sehen Sie die Farben, die Effekte und Sie können, wenn Sie diesen Effekt mögen, zum Beispiel, dieses Schlagschatten, können Sie einfach mit der rechten Maustaste auf diese Kopie klicken und es in Ihr eigenes Design einfügen, wenn Sie möchten. Schließlich können Sie alle diese Animationen in einer Vorschau anzeigen, so dass Sie einfach darauf klicken können. Zuerst unser Hafen aus, was auch immer Sie wollen. Sie können Preview drücken und Sie verurteilen, inspizieren und sehen, was ich getan habe. Und Sie können auch in den Prototyping-Modus springen und hineinzoomen und zwischen diesen Bildschirmen klicken und sehen, welche Interaktionen ich verwendet habe, so dass, wenn Sie etwas nur wirklich wie diese Interaktion verpasst haben, Sie genau das gleiche auf Ihrem -Designs. Also, das ist es im Grunde für diesen Abschnitt, und das ist es im Grunde für diese Animationen Abschnitte. Im nächsten Abschnitt des Kurses werden wir springen und entwerfen ein Handy von Grund auf neu, und wir werden alles, was wir im Kurs bisher in der Erstellung und Prototyping unserer mobilen App gelernt haben, umsetzen . Wir werden eine App mit mehreren Bildschirmen entwerfen. Wir werden benutzerdefinierte Interaktionen zwischen Elementen erstellen und wir werden alles, was Sie bisher in diesem Kurs gelernt haben, in Schlepparbeit setzen . Und wir werden uns von statischen Designs bewegen , von wunderschön animierten Designs, die wir dann unseren Kunden präsentieren und Feedback für sie erhalten . Also sehe ich dich im nächsten Video. 74. Briefentwurf: in diesem Video werde ich mit Ihnen den Designbrief teilen, den ich vom Kunden erhalten habe. Und ich werde Ihnen diese Vorlage geben und Sie können sie für Ihre eigenen Projekte verwenden, wenn Sie möchten. Sie müssen diesen Text nur nach Ihren eigenen Kunden ändern und die Informationen, die Sie von ihnen erhalten haben , und die Informationen, die Sie von Ihren Kunden erhalten, finden Sie in dieser Designbeschreibung. Also lassen Sie mich etwas näher heranzoomen. Was wir hier haben, ist die Shutter mobile App, und der Client ist Shatter mobile App. Und die Frist ist der 12. Dezember. Genau hier haben wir das Firmenprofil. Es gibt also ein kleines Unternehmen aus Belgrad, Serbien, Serbien, und ihr Ziel ist es, eine mobile App für die Benutzer zu erstellen, um Bilder, die sie mit ihrem Handy oder professionellen Kameras aufgenommen haben, zu teilen . Dann, um diese Bilder mit der Community von Amateur- und Profi-Fotografen zu teilen. So können sie einige Tipps und Tricks bekommen, wie sie ihre Bilder verbessern und bessere Fotografen dort werden können Ein kleines Team von fünf Leuten und sie haben gerade die erste Runde der Finanzierung bekommen, bevor sie in die nächste Runde gehen, wo sie wird versuchen, Gelder für die Website-Entwicklung zu sichern und ihr Team weiter auszubauen. Sie haben das Büro gewonnen und das ganze Zeug befindet sich in diesem Büro in Belgrad, Serbien. Nun, was uns das sagt, ist alles, was Sie über das Unternehmen selbst wissen müssen, über ihr Hauptziel und darüber, was Sie für sie erstellen müssen, die eine mobile App für die Amateur- und Profi-Fotografen ist, wo sie ihre Bilder mit der Community unten, dass wir das Projekt Oreo haben. Das ist also das Projekt an sich. Sie brauchen also eine mobile App erstellt und wenn sie auch die Finanzierungswebsite sichern, was bedeutet, dass wir zuerst mit der mobilen App beginnen und dann, wenn die Finanzierung gesichert ist, werden sie uns dann bitten, eine Website zu erstellen. Sie versuchen, eine Community aus Amateur- und Profi-Fotografen zu schaffen, die ihre Leidenschaft mit der Community teilen, während sie Tipps und Tricks von erfahreneren Fotografen bekommen . Also, das ist die Hauptsache. Sie versuchen, eine Gemeinschaft aus Menschen aufzubauen, die nur an der Fotografie selbst interessiert sind , also versuchen sie nicht, Leute zu bekommen, die ihre Mahlzeiten und ihre Katzenvideos teilen wollen, und jemanden, den sie nur Fotografen wollen, Amateure und Profis, um ihre Liebe zur Fotografie zu teilen. Innerhalb dieser Gemeinschaft, Ziel der APP später wäre es, die Pro-Mitgliedschaft zu zahlen und hart von Kunden zu bekommen, ist ein Fotograf auf die Hochzeitszeremonien, Kunst-Interieurs und cetera. Für die 1. 12 Monate. Sie wollen nur bestimmte Menschen anziehen, die leidenschaftlich für Fotografie sind, Zehe ihre App, bevor sie beginnen, für diese Änderungen zu drängen, sobald sie genug Benutzer auf der Plattform haben . Also im Grunde, in nur weiten Worten, wird dies eine kostenlose App sein entworfen, so dass es Fotografen anzieht. Es ist frei. Also jeder bekommt gegen den Start und als sie anfingen, es zu benutzen, wenn ich in 20 Creator-Community zu lieben anfange, dann werden sie diese Änderungen ausrollen und beinhaltet die Möglichkeit, professionelles Mitglied aus dieser App zu werden . Und dann werden Sie diese Funktionen freischalten, wie zum Beispiel Rabatte auf Ihre Ausrüstung zu bekommen, einige Empfehlungen zu sehr. Können Sie diese Ausrüstung kaufen und auch, die wichtigste Sache hier ist, einen Job zu finden, damit die Leute in der Lage, Sie durch diese App zu mieten , und Sie werden in der Lage sein, als Fotograf zu arbeiten. Als nächstes haben wir Ziele und Ziele. So wollen sie so viele engagierte Menschen anziehen. Es ist möglich, die App und gewidmet ist das Schlüsselwort genau hier. Halten Sie sie verlobt und unterschrieben. Mehr Menschen in den nächsten 12 Monaten gehen, um 10.000 Benutzer im ersten Jahr zu bekommen und im zweiten Jahr auf 20.000 zu expandieren, bevor sie all diese Änderungen sind. Also, das ist im Grunde zu pflegen. Sie wollen nur so viel Benutzer wie möglich, um diese App. Und dann, wenn sie alle draußen sind, die Änderungen, um zu versuchen, diese vorhandenen Benutzer zu halten, sowie mehr und mehr Benutzer in die APP zu bringen. Hauptziel ist es, eine mobile App zu erstellen, die einfach und klar aussehen und leicht im Auge sein soll , bevor sie diese großen Änderungen auch hier vornehmen , und dann neue Design-Elemente wie Preistabellen bieten Job-Angebote, weil alle diese neuen Gestaltungselemente werden das Design der APP dramatisch verändern. Deshalb wollen sie Version. Wollen extrem einfach sein, extrem einfach zu bedienen, und eine native so im Grunde wie Instagram aussehen, Pinterest, Facebook, alle von ihnen kombiniert. Vielleicht in Twitter. Und einfach so schnell wie möglich ausrollen, um diese neuen Benutzer zu bekommen und sie auf die App unten zu gewinnen , dass wir Zielgruppe haben So mittleren Alters Menschen, die nach einem engagierten Ort suchen, um die Leidenschaft für Gespräch für Fotografie zu teilen. Alter zwischen 24 65 Gentles Geschlecht ist 30% weiblich, 70% männlich Land des Präsidenten Serbien Das ist für jetzt. Stadt des Wohnsitzes. Belgrad Wieder vorerst, am Anfang, am Arbeitsplatz Menschen, die einen Tagesjob haben, aber auch auf der Suche nach einem Nebenjob sind. Medienkonsumgewohnheiten. 60% auf Instagram. So mögen sie wirklich ihre Fotografie 30% von neu zu. Vielleicht sind sie auf der Suche nach einigen Tipps und Tricks, wie man vielleicht sogar ein wenig mehr in ihre Ausrüstung investiert , wie man seine Fotografen verbessern kann und so weiter. Und schließlich 10% von Facebook. Vielleicht besuchen sie einige Facebook-Gruppen und bekommen einige Tipps und Tricks. Sie sind endlich haben wir tägliche Gewohnheiten, so beschäftigt Individuen mit kreativem orientiertem Lebensstil, was bedeutet, dass sie an ihrem Tagesjob arbeiten. Wie Sie hier sehen können, aber sie haben das als Ganzes, sei aus der Fotografie. Oder vielleicht sind sie professionelle Fotografen, aber auf der Suche nach etwas Dampf aus, mit einer dedizierten mobilen App für Fotografen unten, dass wir Design-Anforderungen haben, also brauchen sie eine Iris Mobile. App gestaltete Android-Version wird später kommen. Sie glauben, dass Iris-Nutzer mehr bezahlen werden als Android-Nutzer, vor allem in dieser Gemeinschaft, wo die Menschen viel Geld für Fotografie hier ausgeben. Säuremaße Auflösungen sind also iPhone X am Anfang. Andere Versionen, die später erstellt werden sollen, falls erforderlich. Dies bedeutet, dass sie testen und sehen, wie viele Benutzer ihre App herunterladen. Dann werden sie eine kleine Umfrage ausrollen und fragte sie, zum Beispiel, zum Beispiel, Kennen Sie jemanden, der in einem größeren iPhone oder einem kleineren iPhone, alle ältere Version oder eine neuere Version hat , und dann werden sie in der Lage sein Erzählen? Okay, also haben wir diesen Benutzer. Vielleicht können wir ein größeres iPhone oder ein kleineres iPhone ausrollen, so etwas, bevor sie auf Android-Version wechseln, und dann werden sie das gleiche wieder tun. Also, zum Beispiel, wann haben alle auf der Spitze , oder? Etwas? Einige Benutzer sind die Sorgen Benutzer oder so etwas. Und dann werden sie in der Lage sein, das bis zu den Pazifik-Benutzern anzupassen, darunter wir Dateiformate haben. So Adobe X'd ist die Hauptprojektdatei, und die Assets werden in SPG und PNG sein, und ich würde Ihnen zeigen, wie Sie Videos exportieren können, erfordern Qala Palette. Wir werden vorerst eins für sie erstellen. Und dann im zweiten Jahr, werden wir es komplett ändern, um aufgenommen zu werden. Also kostenlose Bilder, bevor Benutzer beginnen, ihre eigenen Inhalte hochzuladen, wenn wir kostenlose Bilder verwenden, um diese EP zu entwerfen und schließlich Kopien Dokumente zuordnen, David liefern endgültige Kopie, bevor wir die APP im Grunde starten und platzieren oder verlieren Toby, einschließlich stattdessen. Dies bedeutet, dass wir nur eine Menge ipsum Text in diesen Platzhaltern verwenden. Schließlich haben wir Budget und Zeitplan, so Budget wird in Bäume Teile aufgeteilt. Dasselbe ist das Projekt selbst. Also haben wir Iris, dann haben wir Website und schließlich haben wir Android-Version. So 2400 für die Erkundung, Planung, Iose Design und Vorbereitung 3600 für die vollständige Website-Design und die Erstellung für Responsive weil es eine Menge von Seiten haben wird. Und das ist, warum wir brauchen, um so viel von ihrer Aufmerksamkeit wie möglich zu bekommen und eine responsive Website von Anfang an und schließlich, 2400 für die Android-Version zu erstellen responsive Website von Anfang an und schließlich, , weil es im Grunde genau das gleiche wie Iris aussehen wird, aber angepasst für Android 50% Voraus, 50% nach der Lieferung von Assets. Das bedeutet, wenn wir das Projekt beenden und wir bereit sind, die endgültigen Dateien an den Kunden zu liefern , werden sie das tun. Sie zahlen uns die 50%. Also nach der Säurelieferung Planung, wird es fünf Tage dauern. Forschung. Drei Tage Publikumsrecherche, drei Tage Design, vier Tage Präsentation. Die heutige Revision fünf Tage und die Liefersumme ist in 22 Tagen. Was all diese Informationen bedeutet, ist, dass wir wissen, für wen der Kunde ist. Aus all diesen Informationen, die wir gesammelt haben, wissen wir, wie groß ihre, was sie brauchen ihre Zielgruppe. Wer genau versuchen sie zu zielen, Wer genau, genau, sie versuchen, ihre App im Grunde zu nutzen, was sie erweitern werden, wie lief und wo. Also kennen wir all diese Details, damit wir sofort mit dem Design beginnen können. Und in der nächsten Reihe von Videos, werde ich Ihnen ah, Design-Prozess, den ich vor fast 10 Jahren angenommen habe, zeigen , und ich benutze für alle meine Projekte und wir werden es im nächsten Video zu bekommen. 75. Projektplanung: Was ich für jedes Projekt gerne mache, ist die Projektplanung. Das bedeutet, dass ich alle Bildschirme im Grunde planen kann, die ich am Anfang brauche, und dann können natürlich alle Bildschirme später auf verschiedene Bildschirme verzweigen. Aber das sind nur ein Mittel Ausgangspunkt für mich, so dass ich verstehen kann, welche Grüns brauchen nicht zu entwerfen und wie viel Zeit tun, um Zehe diese App im Grunde zu widmen, bevor ich toe ah, größeren Umfang des Projekts und springen in alle dieser verschiedenen Bildschirme und Elemente und dann sezieren Sie sie ein wenig weiter und gehen Sie dann in eine Menge mehr Details, weil all diese Projekte können Monate dauern, um zu erstellen, vor allem, wenn Sie beginnen. Sie denken, Sie haben wie, zum Beispiel, 10 verschiedene Bildschirme, aber Indian. Sie enden mit 100, also ist es wirklich wichtig, Zeh. Holen Sie sich dieses Projekt. Planung begann, bevor Sie den Entwurf an den Kunden senden, bevor Sie Ihre Preise an den Kunden senden, denn Sie können sich in Preise an den Kunden senden, dieser Phase wirklich kurz schneiden, bevor Sie überhaupt wissen, wie groß das Projekt tatsächlich ist. Also ist es wirklich wichtig, in diesem Fall auf ein Stück Papier und Eier zu kommen, und schreiben Sie einfach einige der Hauptbildschirme, die Sie entwerfen werden, und dann gehen Sie von dort. Also, was wir für den Start haben, ist das Laden des Bildschirms. Also, das ist, wenn sie die App geöffnet, und offensichtlich werden sie Zehe Sprung innerhalb der oben und unten melden Sie sich mit ihrem Facebook oder mit ihrer E-Mail. Aber wir werden damit nicht an die Grenze gehen. Im Moment haben wir Home-Bildschirm, der der Hauptbildschirm ist, und das ist im Grunde, wo ihre Füße sind. Und es wird viel wie Instagram aussehen, denn das ist, was der Kunde will, dass wir erstellen. Als nächstes haben wir das Bild von zu Hause aus geöffnet, so dass sie auf das Bild klicken und es direkt hier öffnen. Wir haben ein neues Bild hinzufügen, weil es eine Tab-Leiste am unteren Rand dieser Bildschirme sein wird, und sie werden in der Lage sein, neue Bilder beides aus der Galerie hinzuzufügen. Wie Sie hier und von der Kamera aus sehen können. Wir werden Galerie entwerfen, weil wir nicht mit der Kamera zu stören, weil es nur eine grundlegende IOS Kamera Standard ist, so wird es öffnen, dass. Aber wir werden nur schnell diese Galerie bearbeiten Bild entworfen. Ein paar Bildschirme, Also werden wir ein paar Schieberegler entwerfen. Also für Indy, zum Beispiel, Helligkeit, Kontrast, vielleicht Schärfe und so weiter. Dann werden wir einen Zuschneidebildschirm entwerfen, so dass sie in der Lage sein, dieses Bild zu beschneiden. Und schließlich haben wir Bildbeschreibung und veröffentlicht. Nachdem sie auf Neues Bild geklickt haben, das aus der Galerie hinzugefügt wurde, das Bild komplett bearbeitet. Anschließend vor der Veröffentlichung ein Bild, sie vor der Veröffentlichung ein Bild,eine Beschreibung und Tags hinzu und klicken dann auf „Veröffentlichen“. Wir werden Likes haben, weil sie in der Lage sein werden, die Likes, die sie erhalten Profil zu sehen. So ihr Profil in ihren Bildern auf dem Profil und sie werden in der Lage sein, zum Beispiel, zum Beispiel, soziale Media-Symbole dort. Sie sind nur eine grundlegende Beschreibung. Also werden wir das Dashboard und in Sicht auf das Dashboard haben. Sie werden in der Lage sein, die Gesamtzahl aus Likes zu sehen, zum Beispiel, die Wenn unser Tag in ihren Bildern am meisten gefallen einmal Zeiten des Tages, an welchem Tag, zum Beispiel, und so weiter. Und schließlich werden wir das Site-Menü haben, das gerade Fuß geht, im Grunde locken alle diese verschiedenen Bildschirme zusammen und es wird von Decider von oben Pop . Das werden Sie im Entwurfsprozess selbst sehen. Also gibt es es im Grunde für die Projektplanung. Wie gesagt, das ist nur ein grober Anfang. So können Sie von diesem Home-Bildschirm zum Beispiel zum Beispielfünf verschiedene Bildschirme entwerfen. Grundsätzlich, von diesem Bild öffnen, können Sie sogar ein bisschen weiter gehen und viele verschiedene Bildschirme entwerfen. Aber das sind nur Ihr Ausgangspunkt, damit Sie Ihren Kopf umwickeln können, was in dieser ersten Phase wichtig ist . 76. Skizzieren: in diesem Video werde ich zeigen, wie Sie unsere Jahre auf Zehe nur einfaches Stück Papier skizzieren können. Aber bevor ich es tue, wollte ich dir das zeigen. Das wird unsere Projektstruktur sein. Wenn wir also diese Lektionen und diese Videos verfolgen, werden wir mehr und mehr hinzufügen, und dann gehen wir weiter, um die Mehrheit aus diesem Raum auszufüllen. Aber bevor wir es tun, wie Sie in den vorherigen Videos gesehen haben, haben wir die Designbeschreibung. Wir haben die Projektplanung, die wir bereits abgedeckt haben, und jetzt haben wir diese Skizzen. Nun, sind nur die Skizzen und die ich auf der Zehe ein einfaches Stück weißes Papier skizziert habe. Ich habe das Haupt mit meinem Scanner gescannt. Aber wenn Sie keinen Scanner haben, können Sie einfach ein Foto mit Ihrem Telefon machen und nur in Ihrem Ex-Defile enthalten. Und sie sind wirklich hilfreich, weil Sie einfach einige Ihrer Ideen auf Papier zeichnen können, bevor Sie loslegen. X'd grundsätzlich, und Sie können einfach einige der weißen Stücke und die Mehrheit der Elemente, die Sie einschließen möchten, blockieren . Also vielleicht haben Sie einige Ideen, die Sie selbst auf diesen Design-Websites inspirieren, zum Beispiel, dribbeln oder Dosen oder so etwas sein, und dann wollen Sie nur Zeh. Legen Sie diese Ideen auf Papier, bevor Sie mit dem Entwerfen beginnen. Also empfehle ich das wirklich, weil Sie einfach alle Ihre Ideen auf Papier ausspucken können, sehen, was funktioniert, was nicht. Und dann können Sie mit dem Entwerfen in Adobe X'd beginnen. Also, wie Sie hier sehen können, habe ich 12 Bildschirme, wie ich Ihnen bereits im vorherigen Video mit der Projektplanung zeige. Aber jetzt, was wir hier haben, ist ein Ladebildschirm, nur ihr Logo sein wird, und wir werden ein schönes bisschen Animation auf den Ladebildschirm einfügen. Wir werden mit einigen Hintergründen spielen und so weiter, bevor Übergänge auf den Home-Bildschirm . Hier haben wir die obere Leiste mit dem Zurück-Pfeil und Menü zurück. Arrow wird offensichtlich nicht hier sein, aber ich habe es einfach überall aufgenommen, weil es für mich einfacher ist, dann einfach zu zeichnen und mitzubewegen . Dies, weil dies als ein schneller Prozess und kein langwieriger Prozess gedacht ist. Sie wollen also nur so viele Ideen auf das Papier setzen, wie Sie wollen. Also, zum Beispiel, auf einem Papier haben Sie 10 verschiedene Home-Screens und machen Sie einfach einige grundlegende Design-Exploration. Sehen Sie, was funktioniert, was nicht und bewegen Sie sich dann entlang all dieser Bildschirme mit den gleichen Techniken. Also hier werden Benutzerbild zu haben oder sind bitter. Ich werde ihren Namen, Lage vom Bild oder die Timingstempel haben. So, zum Beispiel, Entsorgen vor 23 Minuten oder so etwas. Wir werden das Bild selbst haben. Wir werden einige grundlegende Symbole hier haben, und dann werden wir den Ort oder den Timing Stempel haben. Also werde ich nur entscheiden, dass wir den Text haben werden, der die Beschreibung für dieses Bild ist und schließlich Kommentare darunter. Wir werden die oberen Balken haben, die Sie in vielen dieser Bildschirme sehen, und sie werden die Hauptsymbole enthalten und die anderen Menüpunkte werden hier in diesem Menü sein. Ich rufe an, was, wenn Sie darauf tippen wird es dieses Seitenmenü mit X zum Schließen anzeigen, und Sie können alle diese anderen Elemente tippen, um in diese anderen Bildschirme zu gehen. Hier haben wir das Bild geöffnet, wenn Sie also auf dieses Bild klicken, öffnet es es ein bisschen größer zu sein, und Sie werden die Kommentare dort erkunden. Im Grunde. Also werden wir feststellen, dass mit dem Client ein bisschen später, wenn sie die Kommentare sofort hier auf diesem Bildschirm zeigen wollen oder sollten sie hören und dann einen anderen Bildschirm gewidmet haben , wie Instagram tut. Also, wenn Sie auf die Kommentare klicken, wird es diesen Bildschirm öffnen, und dann können Sie alle Kommentare Rechnung lesen, die wir bei New Image haben. Also eines dieser Symbole am unteren Rand auf der Oberseite wird dieses neue Bild hinzufügen Symbol haben . Also, wenn du darauf tippst, wird es diesen Schrei öffnen. Es wird Illustration enthalten, und ich bin gute Show, wo Sie die kostenlosen Illustrationen für den Bildschirm bekommen können und wir werden Galerie und Kamera haben. So Jahre kann es eine Schulden in der Lage sein, tippen Sie auf eine Galerie, um das Bild von ihrer Galerie zu öffnen oder öffnen Sie die Kamera sofort als schnappen Bild und dann im Schlepptau enthalten. Diese App unten, dass wir die Galerie haben, also, wenn sie hier klicken, werden sie in die Galerie gehen und das Bild auswählen, das sie wollen. Bild wird auf diesem hinzugefügten Bildbildschirm geladen, und sie werden ableto alle diese Schieberegler haben. Vielleicht werden wir ein Speicher-Symbol hier haben und vielleicht Split-Screen-Icon oder so etwas haben , um uns das vor und nach diesem Bild zu zeigen, dass es abgeschlossen ist. Und wir werden den Zurückpfeil haben, damit sie in der Lage sein werden, zurück in die Galerie zu springen und einige weitere Bilder dort aufzunehmen. Darunter wollten wir die Ernte haben. Also werden wir weitermachen. Grundsätzlich, wenn Sie speichern könnten, wird es Ihnen die Ernte zeigen. Wenn Sie beschneiden wollen, können Sie. Wenn nicht, können Sie einfach sicher und gehen Sie dann zu dieser Beschreibung Schrägstrich veröffentlicht Bildschirm. Sehr. Wir werden in der Lage sein, zu sehen, wie Toe den Text hinzugefügt hat. Sie wollen Hashtags und so weiter. Und um eine Position außerhalb des Bildes hinzuzufügen, wenn der Standort eingeschlossen ist und mehrheitlich deaktiviert , verfügen diese neuen Formulare , insbesondere iPhones, , insbesondere iPhones,über diese Funktion, sodass Sie diesen Standort verwenden können oder Sie den Speicherort innerhalb des APP, und Sie können einen anderen Speicherort hinzufügen, wenn Sie möchten. Und dann haben wir die Schaltfläche, die im Grunde eine veröffentlichte Schaltfläche ist, und wenn Sie veröffentlichen sollten, wird es Sie zurück auf den Home-Bildschirm bringen. Und es wird dieses erste Bild mit Ihrem Bild Bild ersetzen, das Sie gerade unten veröffentlicht dass wir Dashboard haben, die Zehe Zugriff aus dem Seitenmenü und Dashboard gehen, um Ihnen verschiedene Diagramme zu zeigen . Und es wird verschiedene Informationen zeigen, wo zum Beispiel auf die beliebtesten Zeiten am Tag zugreifen können, Sie zum Beispiel auf die beliebtesten Zeiten am Tag zugreifen können,um zu posten. Also, wissen Sie, ging, um Ihre Bilder als nächstes und diese Art von Informationen zu posten. So, zum Beispiel, unsere Benutzer, Frauen oder Männer, die meist wie in Ihren Fotos sind, welche Fotos sind beliebter Porträt außerhalb Landschaft oder so etwas. Das werden wir im Designteil des Diskurses erforschen. Dann werden wir haben, wie so die Leute können auf Likes von dieser Schrittleiste zugreifen, und sie werden nur im Grunde sehen, die Bild Benutzer, die dieses Bild gemocht hat und die Zeiten sie, so dass sie in der Lage zu sagen, Wann war das Bild gefallen? Wir werden Profil haben, das ist natürlich Zugriff von dieser Schrittleiste. Also werden wir das Benutzerbild, ihre Namensbeschreibung, ihre Namensbeschreibung, vielleicht Social Media Icons direkt hier, sowie ihre Bilder, die sie in dieser App gepostet haben. Schließlich haben wir Seitenmenü, so dass alle Elemente, die nicht innerhalb des Stopps unserer oder der Tippleiste sind in diesem beiseite Menü befinden, und sie werden fähig sein, auf alle diese Elemente zugreifen, die diese -Symbol. Dieses X- oder Close-Symbol wird angezeigt und dann können sie es schließen und dieser Bildschirm wird verschwinden. Und wir werden einige Überlagerungstechniken verwenden, wenn wir den Bildschirm oben einschließen. All diese anderen Bildschirme, die diese Option für uns haben, so dass wir auf das Seitenmenü-Symbol klicken können und dieses Seitenmenü erscheint. Das sind also im Grunde nur grundlegende Startdrahtrahmen. Sie werden sich natürlich ändern, vor allem in der zweiten Runde dieses Projekts, wenn wir anfangen und einige neue Funktionen in Jahr zwei von jetzt. Aber für den Anfang gibt es nur einen guten Ausgangspunkt und wir können mit unseren Drahtrahmen beginnen , und das ist, was wir tun werden. In der nächsten Reihe von Videos. Wir gehen und drehen die Skizzen in Abschleppdrahtrahmen, anhand der Beschreibung aus dem Entwurf, den der Kunde uns gegeben hat. Also das iPhone X in unserem Fall für den Ausgangspunkt. Und wir werden diese Skizzen in vollwertige Drahtrahmen verwandeln und dann mehr wollen Bilder enthalten verschiedene Farben und Schatten, um ein fertiges Design zu erstellen, bevor wir zum Prototyp übergehen und alle diese Bildschirme nach oben und bevor wir senden Sie sie zurück an den Client. Das war's also für dieses Video, und wir sehen uns im nächsten. 77. Wireframes erstellen 1: in diesem Video werden wir die Vorbereitung für die Drahtrahmen beginnen, und wie Sie hier sehen können, habe ich schnell hinzugefügt. Ah, Styleguide und ich haben einige Symbole, die wir in diesem Projekt verwenden werden. Und ich nenne diesen Styleguide, weil wir Farben, Formulare, eine Illustration, die wir ein bisschen später verwenden werden, enthalten Formulare, werden. Und wir werden alles genau hier festlegen, um für ihre Entwickler und für den Kunden leicht zugänglich zu sein , wenn sie wählen und wählen und kopieren und einfügen einige dieser Symbole an anderer Stelle, wenn sie wollen. Um schnell zusammenzufassen, was wir bisher getan haben, haben wir die Designbeschreibung, in der wir alle relevanten Informationen haben, die wir in unser Design aufnehmen müssen . Dann haben wir die Projektplanung, die nur die Hauptbildschirme sind, die Sie entwerfen werden. Danach haben wir unsere Drahtrahmen auf Papier erstellt, mit nur einem einfachen Bleistift mit Skandal Mittelwert und wir haben sie in ein weit Adobe X'd Dokument aufgenommen , auf das wir ein wenig später verweisen werden, weil wir gehen, um einige dieser Namen im Inneren zu verwenden sind von unseren Ports und schließlich haben wir jetzt in diesem Styleguide, die ich mit den Symbolen und nur dieses grundlegende Logo, das sie direkt hier geschickt. Nun, wenn ich darauf klicke, können Sie sehen, das ist das Verschlusslogo und es hat nur einen Teil. Also ist alles miteinander verschmolzen. Aber wenn wir O animieren, werden wir einige davon animieren, weil wir sie einschließen und sie dann irgendwie auswählen müssen . Und ich werde das ein bisschen später erklären, wenn Sie dazu kommen, dies zu animieren, aber es wird nicht in diesem aussehen bleiben. Also jetzt fangen wir an, einige unserer Ports hinzuzufügen, und wir werden 12 von ihnen einschließen, weil wir werden 12 Bildschirme für unser Design haben um ein neues unser Board aufzunehmen. Sie können hier klicken und wir gehen Fuß. Fügen Sie iPhone 10 und 10 s von rechts hier, und ich werde diese einen Ladebildschirm nennen, wie so einfach doppelklicken Sie auf diesen Text rechts hier oben, und Sie können dann Ihren Namen aus dem Flughafen hinzufügen. Ich werde ein paar Kopien machen. 23456789 10 11 12, weil wir 12 verschiedene Bildschirme haben werden. Lassen Sie mich schnell gegenüberstehen. Also für 8 12 wie so werde ich hier doppelklicken und nach Hause tippen. Dies wird Bild geöffnet werden. Dieser nächste wird bei neuem Bild sein. Nein, das hier wird von der Galerie sein. Dies wird Bild hinzugefügt werden. Dieser wird Beschreibung Schrägstrich veröffentlichen, weil wir eine veröffentlichte unten rechts hier haben werden. Als nächstes können wir ein Dashboard wie erstellen, so werden wir Likes für die Liste aus Likes erstellen, die wir ein Profil erstellen. Wir werden Seitenmenü erstellen und lassen mich schnell wieder zählen. Also für 68 10 11, indem ich noch eine fehlt, muss ich hier Ernte hinzufügen, also werde ich Gruppe hinzufügen. Dann danach kommt Bildbeschreibung Schrägstrich veröffentlichen Danach kommt im Dashboard und dann mag für ein Formular und schließlich Seitenmenü. Also, das ist es im Grunde für diesen Schöpfungsteil. Ich werde sie nur leicht vom Rest von unseren Häfen trennen. Vielleicht so etwas, vielleicht 200 Pixel von diesen, nur damit wir ein bisschen mehr Platz haben können. Diese werden unser Drahtrahmen sein. Zweite Presti, klicken Sie hier draußen in der Sockelleiste und Sie können Drahtrahmen eingeben. Sie können hören Kontrolle einen offenen Sandsand. Lasst uns 200 benutzen. Schön, groß und schwächer. Positionieren Sie es irgendwo hier und vielleicht um hier herum. Also, jetzt haben wir unsere Drahtrahmen aufgebaut. Ich wollte nur noch eine schnelle Sache in diesem Video hinzufügen, und das ist ein Statusteil. Ich gehe von hier aus auf die Basis. Und lasst uns hier kleine Buchstaben machen. Und ich werde einfach Control V drücken und ich habe das von einer anderen App genommen, und wenn Sie nicht wissen, wie Sie das finden, können Sie hier nach Hause gehen. Sie können Zehe Erwachsene gehen. Du kannst zu dir gehen. Ich Kits, und wenn Sie direkt dort klicken, wird es Sie auf ihre Website bringen. Laden Sie einfach Apples offizielles IOS herunter. Gefällt es dir? Egal, was es im Moment ist, du siehst den Diskurs. Also, zum Beispiel, in diesem Moment haben sie IRS 13 Köder oben. Aber ich werde diese Beta-Version nicht herunterladen, weil sie immer noch einige Fehler darin hat, und sie haben diese immer noch nicht zerquetscht. Aber ich werde IOS 12 verwenden, weil es bereits vollwertig ist und in allen ihren Geräten ausgeliefert wird . Aber wenn Sie zu einem späteren Zeitpunkt möchten, können Sie auch IRS 13 verwenden. Diese nur einige lassen Sie uns sagen, Menüänderungen. Sie sind nicht so groß, aber Sie können es herunterladen. Wenn Sie Eier E auf Ihrem Mac verwenden, öffnen Sie es einfach und Sie können, dass Sie mögen es geöffnet. Wenn Sie es an Ihren Fenstern verwenden, haben Sie Schlepptau. Entpacken Sie es, weil es als DMG-Bild kommt, und Sie können es entpacken Mit sieben zip, zum Beispiel, können Sie einfach mit der rechten Maustaste klicken und entpacken, dass auf Ihrem Desktop, und wenn Sie entpacken, das ist, wie es aussieht. Das ist also die originelle und offizielle Iris. Sie mögen es von Apple selbst, so dass Sie wirklich tief hier tauchen können, und Sie können direkt hier klicken, um die Assets. Sie haben alle diese offiziellen Farben. Sie haben alle diese offiziellen Fonds, Symbole, Symbole und so weiter. Aber was wir interessiert sind, ist nur zu stoppen, sind krank und klicken Sie auf sie von jedem aus diesen Bildschirmen und Sie können einfach tauchen tiefe Einsicht und mal sehen, Zustand ist, wo Sie mit der rechten Maustaste klicken Sie hier oder drücken Sie Kontrolle C, kopieren es von hier aus und fügen Sie es dann einfach in Ihre eigenen. Unsere Häfen. Das habe ich genau hier gemacht. Und ich kann hier Kontrolle C drücken und ein wenig herauszoomen. Wählen Sie den Rest von meinen unseren Boards drücken Sie Control V und da los geht's. Es ist überall vermasselt, aber bevor ich das mache, möchte ich darauf klicken, Kontrolle drücken, Befehl K und ein Symbol machen. Und wenn Sie direkt hier springen, können Sie es sehen. Das wurde zu den Komponenten hinzugefügt. Also haben wir die Statusleistenkomponente hier und Sie kondensieren. Drücken Sie einfach die Steuerung C. Dann wählen Sie alles außer dem Menü aus, denn wir brauchen es nicht im Inneren des Menüs. Hit Control V, und es geht auf die Zehe. Pace sie in genau hier, und es wird sie als untergeordnete Komponenten einfügen. Dies ist also die Master-Komponente, weil es diesen Diamanten genau hier hat, und all dies sind untergeordnete Komponenten. Sie können Änderungen an diesen untergeordneten Komponenten unabhängig von dieser Master-Komponente vornehmen. Aber wenn du einmal eine Änderung machst. Also die Moschee Komponente geht Zehe angewendet, die Zehe alle von den Chill Kind Komponenten ändern . Wenn ich also hier reinspringe und zum Beispiel diesen Zeitstil von schwarz auf rot änderte, kannst du vielleicht sehen, dass es sich ändert, um in Echtzeit über all diese zu lesen, so dass es im Grunde für dieses Video und das ist es im Grunde für unsere Vorbereitung. Und im nächsten Video werden wir reinspringen und anfangen, unsere Drahtrahmen zu entwerfen, und ich werde Ihnen zeigen, wie wir oder einige dieser Elemente anlegen können. Heiken verwenden Führer in höheren kann Ian Pace auf diese Elemente bewältigen, um Ihre Arbeit für viel einfacher und viel schneller zu machen . 78. Drahtgestelle 2 erstellen: Lassen Sie uns nicht anfangen, unsere Drahtrahmen zu erstellen und ich werde in unseren Styleguide springen. Klicken Sie auf das Logo Hit Control C. Klicken Sie auf den Ladebildschirm. Schlagen Sie die Kontrolle. Wir gehen auf die Zehe. Platzieren Sie es unter die Treppe. Barb traf dieses mittlere, dieses mittlere Ende. Das war's vorerst, weil es nur ein Ladebildschirm sein wird. Und im nächsten Abschnitt des Kurses, wenn wir mit dem Prototyping beginnen und Animationen hinzufügen, dann werden wir einige Animationen und Player mit ihm aufnehmen. Aber jetzt lasst uns einfach dort bleiben. Jetzt springen wir in einen Home-Bildschirm und lassen Sie uns anfangen, das zu erstellen. Also werde ich mein Rechteck-Werkzeug verwenden, und ich werde ein schönes großes Crack-Kribbeln zeichnen, das 375 mit 88 so sein wird, und ich werde es an die Spitze hinzufügen. Bewegen Sie es nach unten, und ich werde das nie B G nennen also werde ich einen leichten Schlagschatten einschließen. Positionieren Sie es hier und entfernen Sie die Grenze, und lassen Sie es im Netz. Lassen Sie uns nun einen Text erstellen oder schwächen. Fügen Sie einfach einen lokalen direkt hier in der Mitte hinzu. Lassen Sie uns tun, dass ich hier klicken werde. Hit Control C es Kontrolle V Und ich werde Shift-Steuerung drücken und links klicken Sie auf meine Maus, und ich werde es irgendwo hier für den Anfang positionieren. Was, Vielleicht 20 Pixel aus dieser Flasche übereinstimmen. Positionieren Sie es dort. Und jetzt, was wir verdienen müssen. Diese beiden Symbole werden Control C drücken, um sie zu kopieren. Springen Sie hier rein. Hit Kontrolle V und ich gehe die Zehe. Positionieren Sie sie so, dass das hier geht. Das wird genau hier gehen. Halten Sie die Umschalttaste 12 gedrückt, um 20 Pixel von links zu positionieren. Halten Sie die Umschalttaste eins in 20 Pixel gedrückt. Und dann werde ich Kamera-Menü und den Auslöser auf einmal auswählen. Klicken Sie hier, um sie in der Mitte zu positionieren, und verschieben Sie sie dann, z. B. 10 Pixel von diesem unteren Rand. Und ich denke, das sieht gut aus. Lassen Sie uns dies etwas Farbe geben, und wir werden die gleichen Farben Bereich für die Verwendung in den vorherigen Videos verwenden. Also drei C sechs Anstrengung, wie so und lassen Sie es blau sein. Und das sieht gut aus. Jetzt lasst uns all diese Gruppen zusammenfassen. Verschieben wir die Statusleiste aus dem Weg. Also haben wir eine Kamera, die wir haben Auslöser, die unser Logo-Menü ist. Und nie ging Barbie G zur Auswahl. Alle von ihnen, hatten Kontrolle G und nannte diese Naff Bar wie So jetzt ist es Design Taps an der Unterseite. Gehe zu gehen und wähle mein Rechteck, um noch einmal einfach ein schönes großes Rechteck zu zeichnen. Ich gehe mit den Zeh. Entfernen Sie den Rahmen, und Sie können den Schatten einschließen, wenn Sie möchten. Aber ich werde nur die Farbe seiner etwas ändern, um irgendwo hier herum. Vielleicht nur, damit wir es sehen können. Und für seine Dimensionen. Es ist 375 und die Höhe ist 83. Ich werde es so nach unten nach unten verschieben, und dann werde ich einfach Home-Indikator von meinem anderen Bildschirm auswählen. Ich werde es an Ort und Stelle einfügen, und dieses Haus Indikator nahm ich aus dem IOS offiziellen Kit Ich mag diese Farbe wirklich nicht. Was ändert sich an dieser Farbe? Ja, das sieht besser aus. Es ist nur eine schöne große graue Farbe. Und lassen Sie uns einige dieser Symbole verwenden. Also lasst uns diese vier Trefferkontrolle C benutzen Ich werde hier reinspringen. Kontrollieren Sie den Film und ich werde sie nach unten bewegen. Also mal sehen, sie sind in einer Gruppe, so dass wir uns so positionieren können, also sind sie in der Mitte und vielleicht können wir ein Rechteck benutzen . Gehen Sie zum oberen Rand von diesem Hintergrund, zeichnen Sie ein großes Rechteck, dann wählen Sie diese Gruppe in der Mitte positioniert, wie so ging Fuß. Löschen Sie dieses Rechteck und ich gehe Fuß. Verschieben Sie all dies nach unten mit rechteckigem Home-Indikator. Dies wird Tab-Leiste B G wie also das ist Home-Indikator, und das sind nur Symbole. Lassen Sie uns sie also außerhalb dieser Gruppe verschieben, um die Gruppe zu löschen, und was wir brauchen, ist, einige von ihnen neu zu positionieren. Also lassen Sie uns diese drei bewegen, zum Beispiel, 20 Pixel mehr 20 und das wird 20 als gut, Dann können wir sie gruppieren, bewegen Sie die Gruppe in der Mitte, und ich denke, das sieht gut aus. Jetzt kann ich sie entschärfen, oder ich kann sie drinnen lassen. Es ist wirklich hinter mir her, aber ich gehe auf den Fuß. Entpacken Sie sie, weil es ah sein wird, viel einfacher, ein bisschen später zu wählen, weil dies unser Home-Bildschirm ist. Wir werden die Farbe der Zehe ändern. Drei C sechs ff. und Sie können das zu Ihrem Farbfeld hinzufügen, damit Sie es so speichern können. Sie können dieses Farbfeld anwenden, und Sie können auch direkt hier auf die Elemente klicken. Klicken Sie auf die Farben und Sie können diese Farbe wählen, denn das ist unsere wichtigsten großen Farben 70 70 70, wenn Sie von den vorherigen Videos erinnern, und Sie können diese Farbe verwenden, wenn Sie möchten. Jetzt werde ich die gleiche Farbe dafür verwenden. Also ist es 70 70 70 und lasst uns hier klicken und diese Farbe auswählen. Ich werde es den ganzen Weg nach unten bewegen, und vielleicht können wir das Weiß auswählen. Aber lassen Sie uns etwas später damit umgehen. Wenn wir das fertige Design haben, ist es viel einfacher, alle diese Farben auszuwählen. Jetzt lasst uns alles gefallen haben Control G, und das wird unsere 10 bar sein. Ich glaube schon. Jetzt ist es Zeit, diese anderen Elemente zu erstellen, also werden wir diese Karte erstellen, die in der Mitte gehen wird, und wir werden diese Karte später duplizieren, indem wir jetzt Wiederholungsraster verwenden, um einen Stern zu erhalten. Es werde ich die Lippen benutzen. Aber bevor ich es tue, werde ich einfach diese Führungen verschieben, um mir zu helfen, diese Elemente ein bisschen besser zu positionieren . Also, wenn Sie ein Recht hier haben, können Sie diese Auswahl sehen und Sie können es auch oben sehen. Das ist für die Anleitung, so können Sie einfach, aber direkt hier, klicken Sie darauf und dann wenden Sie die Führungsspitze an der linken Kante von diesem Symbol. Und jetzt haben wir hier auf der linken Seite 20 Pixel. Ich kann das gleiche mit diesem Menü-Symbol tun, aber wie Sie sehen können, gibt es hier keine. Sie müssen es von dieser Kante auswählen, also ist es im Grunde genau das gleiche, wie in vier Geschäften. Wenn Sie jemals für Shop verwenden, Sie wissen, dass Sie diese Jungs anwenden können und Sie können mit der rechten Maustaste kopieren Sie diese Anleitungen und fügen sie in alle anderen unsere Boards, und ich werde sicherstellen, dass ein bisschen später. Aber jetzt lassen Sie uns diesen Wagen erstellen. Also, wenn ich einen schönen großen Kreis auswähle, werde ich den Salvator für jetzt anrufen, werde es einfach unten bewegen, nie Teil hier. Und lasst es uns klein halten. 40 40. So und ich werde die Bewegung bewegen, um seine Verschiebung zu hören. 12 Also 20 Pixel von diesem Rand genau hier. Ich werde mein Textil auswählen und ich werde Joe John eingeben, bis zum Beispiel, und wir werden es mit dieser Farbe füllen. Wir werden alle Prinzessin so benutzen und mal sehen, vielleicht können wir 14 Bolt gebrauchen vielleicht können wir 14 Bolt gebrauchen. Also 14. Und lassen Sie uns den Bolzen von links eingeben, und ich kann ihn hier positionieren. Vielleicht mehr es 10 Pixel und innerhalb der Mitte, wie diese Hit Control D, und für diese Kopie, wir werden diese andere Farbe verwenden. Also mal sehen, vielleicht können wir 12 wie verwenden, damit wir regelmäßig verwenden können und wir DDT so verwenden können, Und Sie können diese Farbe zu einem Farbfeld hinzufügen, und Sie können auch hier klicken und es hier hinzufügen. Jetzt positionieren wir es, und es wird richtig ausgerichtet sein. Stellen Sie sicher, dass es in der Mitte mit diesem Text ist, so dass Sie Ihre Pfeiltasten irgendwo hier verwenden können und Sie können es offensichtlich positionieren, an diesem Rand Doppelklick, und das wird unser Standort so sein. Und vielleicht kann ich hier ein Koma hinzufügen. Und darunter werden wir unser Bild erstellen. Also werde ich einfach ein schönes großes Rechteck zeichnen. Wir können den Eckenradius ausschalten, vielleicht fünf. Wir können es ohne Grenze haben, den Schatten einschließen. Und wir werden nur diesen Standardschatten verwenden. Und für die Höhe, lassen Sie uns 200 wie so Position in 20 Pixel verwenden. Also ein, das zu mögen und darunter, können wir einige aus dem Text hinzufügen. Also vielleicht können wir auf diesen einen Hit Control auf D klicken, und vielleicht kann ich es nach unten bewegen und es wird ein Zeitstempel sein. Also nennen wir es vor drei Minuten so. Also fressen ich und wir werden diese Farbe verwenden, und wir können sie auch zu den Mustern hier hinzufügen. Und ich habe bereits hinzugefügt, Genau hier sind Zehe Farbkomponenten und ehrlich gesagt, dass es unser Bild sein wird und was wir hier brauchen, sind einige Icons. Also lasst uns ein paar von ihnen was, du wirst unser Herz benutzen, damit ich das Herz auswählen kann, das wir den Kommentar verwenden und wir werden teilen verwenden. Also drücken Sie Kontrolle C und ich werde hier reinspringen. Zoomen Sie etwas näher. Hit Control V. Das wird sich hier aufstellen. Verschieben Sie es hier und dann 20 Pixel nach unten. Und zwischen jedem von ihnen können wir vielleicht etwas Platz hinzufügen. Mal sehen 1234 Weil wir in diesem schönen Abstand und 40 Pixel zwischen diesen auch haben. Und jetzt verschieben Sie das einfach in der Mitte von diesen Symbolen so. Und schließlich brauchen wir einen Absatz. Also lass uns mal sehen. Wir können Open Sense 14 wieder verwenden, um einen Absatz zu erstellen, Sie können einfach hier klicken, Dann zeichnen Sie einen Absatz und Sie können etwas im Inneren eingeben. Dann können Sie direkt hier springen, um Plug Ins, Lauren Ipsum und Sie können darauf klicken gefüllt mit Platzhaltertext einfügen Text. Und da gehst du. Ich werde es nur so linksbündig aussehen lassen. Und wenn Sie nicht wissen, wie Zehe einige dieser Plugs Ins installieren, vor allem eine Menge Gips, können Sie hier auf dieses Pluszeichen wie hier klicken, eine Menge Gips eingeben hier ist es, und Sie können einfach klicken installieren, und wenn Sie dies tun, wird es wie installiert angezeigt Also nein, es ist offener Sinn. 12 regelmäßig, Aber lassen Sie uns es ein wenig kleiner für mich vor Zeilen von Texten wie so und dann, was wir schaffen werden, ist, zum Beispiel, wir schaffen werden, ist, zum Beispiel, dass Instagram-System für die Likes. Also werden wir dieses eine Hit Control und D verwenden, und wir werden es einfach hier platzieren und sicherstellen, dass es links ausgerichtet ist. Und vielleicht die Aussicht. 24 Kommentare steuern einen Klick hier und wählen Sie dann einfach diese DDT Farbe. Wie Sie sehen können, ist es wirklich einfach zu wählen. Also 1 bis 20 Pixel und lassen Sie uns sehen, diese 1123 wir bei 20 Pixel gehört. So sieht alles gleich aus und alles ist so 20 Pixel. Und jetzt lasst uns einfach einige davon bestellen. Also zuerst haben wir unseren Avatar. Es ist an der Spitze. Dann haben wir den Teig gescherzt. Dann haben wir London, England so. Dann haben wir unser Bild. Darunter haben wir diese Symbole, die wir vor drei Minuten haben. Wir haben unseren Absatz Text und schließlich haben wir Ansicht 24 Kommentare. Ich wähle alles aus, was er G kontrolliert hatte, und das wird unser Wagen sein, wie also jetzt, das war's. Grundsätzlich haben wir unsere Karte erstellt, und jetzt, was wir tun können, ist klicken Sie auf das Auto, klicken Sie auf wiederholte Gitter, und wir können einfach ein paar mehr von diesen Karten unten ziehen und das geht Fuß. Erstellen Sie eine Illusion für die Schriftrolle. Vielleicht kann ich hier irgendwo enden. Lassen Sie uns sagen, nur sehen, wo die Kommentare sind. Hier sind sie, damit ich es hier beenden kann. Und dann haben wir drei Beiträge, und wenn wir dann einen Prototyp bekommen, können wir einfach hier klicken und ihn dann wie so nach unten bewegen, und um eine bessere Illusion zu schaffen. Denn Karten decken jetzt alles unten ab. Sie können diese Schrittleiste über die Karten verschieben, und wenn Sie nach unten scrollen, wird diese Schrittleiste fixiert bleiben, und es wird diese Illusion hinzufügen, dass alle diese Karten darunter gehen. Und vielleicht können wir sogar Schlagschatten einschließen. Aber das werden wir ein bisschen später sehen. Innerhalb des Konstruktionsteils ist dies nur ein Drahtrahmenteil. Also lassen Sie uns einfach alles schön und einfach halten. Also, das ist es im Grunde für dieses Video. Ich werde Sie in der nächsten sehen, wenn wir gehen, um Bild geöffnet zu erstellen, so werde ich es sehen. 79. Drahtgestelle 3 erstellen: Jetzt, während Sie sich bewegen und beginnen, seine beste Idee, um Ihre Dateien zu speichern. Wie Sie sehen können, zeigt sich dieser kleine Stern hier. Sie können es einfach steuern s oder Kommandanten auf dem Mac, und es wird Ihr Projekt sagen. Also lasst uns jetzt anfangen, dieses Bild geöffnet zu erstellen. Ich werde einfach hier klicken. Hit Control C Hit Control V Position dies unten. Klicken Sie hier. Hit control C Control V. Und wie Sie sehen können, wird es mir alles zeigen, weil das immer noch eine Homepage ist. Grundsätzlich hat nur dieses Bild geöffnet. Aber genau hier müssen wir einen Zurückpfeil erstellen. Also lassen Sie uns es von hier aus auswählen. Hier ist es, Kontrolle. Sehen Sie? Und ich werde einfach hier klicken, V auf der Kamera steuern, und ich werde es nur dort positionieren, wo sie ist. Also genau hier. Stellen Sie sicher, dass es in der Mitte von allem, oder als obere Kante. Klicken Sie wenigstens auf eine Kamera drücken Sie Löschen. Und Sie können auch einen Rechtsklick auf einige dieser tun und Sie können diese Jungs kopieren. Aber ich glaube nicht, dass wir sie in all unseren Häfen brauchen. Also lasst uns es einfach glauben, so wie es ist. Und ich werde, dass ihre Bar unten unten bewegen. Nun, was wir dafür brauchen, werden wir einige dieser Elemente verwenden. Also lassen Sie uns eine dieser Karten kopieren und Sie können die Kontrolle treffen. C klicken Sie hier. Hit control V. Sie können das Gitter gruppieren. Und wie Sie sehen können, gingen einige dieser Karten nach draußen. Also werden wir auf die 2. 1 löschen Es ist dieses, und wir werden auf den Start klicken, der sich draußen auf der Grundplatte befindet, und wir werden es auch löschen. Nun, was wir wollen, ist, einige dieser Elemente zu bewegen. Also werde ich hier klicken und alles 20 Pixel von diesem unteren Rand nach oben verschieben. Und was ich will, ist, diese auszudehnen. Also werde ich es einfach öffnen. Ich wähle unseren Namen und unseren Standort aus. Ich werde es draußen von dieser Mappe trocknen. Ich werde es hier etwas positionieren. Als Nächstes werde ich reinspringen. Könnte ntest naff bar und Höhe und dies nie Barbie Gee oder noch besser, ich kann Ihre pasty nach unten senken Es ist einfacher und einfacher später für Prototyping als auch. Aber wie Sie sehen können, können Sie es hier behalten und es wird schön und einfach aussehen, aber ich denke, es wird ein bisschen mehr visuelles Interesse wie dieses hinzufügen. Aber lassen Sie es uns unten behalten. Also lassen Sie uns diese auswählen, sehen, ob es funktioniert. Tut es nicht, und vielleicht können wir es hier behalten. Lassen Sie mich in diesen einspringen. Ich werde diese drei Treffersteuerung auswählen C Klicken Sie hier. Hit Control V wird sie in genau der gleichen Position platzieren. Und ich gehe nur auf die Zehe. Bestellen Sie sie wieder in die Karte. Nun, was ich mit diesem Bild will ist, dass ich die Zehe dieser Adresse hier verlängern wollte und auch zu hören, ich gehe Fuß, entferne den Eckenradius, halte ihn bei Null, und verlängere einfach mein Bild ganz oben nach oben. Das wird alles abdecken, und es wird mir das Bild zeigen. Und schließlich, wenn wir zum Designteil kommen, können wir hier vielleicht einen leichten Schlagschatten hinzufügen. Oder vielleicht etwas Grady int. Ich denke, das wird noch eine bessere Idee sein. Also Zutat wird im Grunde abdecken, was dieser naff bar Hintergrund jetzt abdeckt. Aber lassen Sie es uns einfach so behalten. Schön, sauber und einfach. Und gehen wir weiter, denn wir werden uns später mit all diesen Details beschäftigen, wenn wir anfangen zu entwerfen und beginnen, einige der Illustrationen und Schatten und Farben hinzuzufügen, einschließlich Bilder und so weiter. Das war's also für dieses Video. Wir sehen uns im nächsten, wenn wir das neue Bild sehen, und wir werden eine nette kleine Illustration hinzufügen. 80. Drahtgestelle 4 erstellen: lassen Sie uns bekanntes Design neues Bild hinzufügen. Aber bevor wir es tun, klicke ich hier auf die NAB unsere Hit Control C Hit Control V zu bewältigen e es genau hier. Und ich werde nur entfernen Sie diesen Zurück-Pfeil außerhalb des Ordners, weil das ist alles, was wir brauchen für diesen Bildschirm jetzt, darunter, wir brauchen nur in diesem Home-Indikator Also sollte Kontrolle sehen klicken Control V Und jetzt werden wir hinzufügen etwas Text hier und der einfach von außen basiert. Also das ist offen, sagt 14, nur damit ich nicht den Zeh direkt drin habe, also bin ich ein bisschen faul so. Ich ziehe das unten und ziehe es unten, um zu hören. Nun, hier oben, werden Sie eine Illustration haben, also werde ich auch Beginnt bezahlen. Nun, diese Abbildung ist kostenlos zu verwenden. Und wenn Sie direkt hier zu den Plug Ins springen, ist es von Andro. So können Sie auf diesen Plug in klicken und Sie können sehen, dass Sie die Nacht Illustrationen wechseln können oder Sie können hier klicken und vielleicht genommen Eingabe Fotografen wie so und es wird zu suchen. Und hier ist diese Illustration. Sie können darauf klicken. Und wenn es fertig ist, können Sie einfach fertig drücken, und Sie können irgendwo nach draußen gehen, um zu hören. Zum Beispiel, drücken Sie Control V und es wurde in dieser Abbildung basierend genommen. Sie können es vergrößern, und weil es dort Illustration funktioniert hat, können Sie sehen, wie das aussieht. Wenn Sie einige dieser Farben ändern möchten, können Sie nach innen klicken. Wir können Shift halten, alles auswählen. Vielleicht können wir auf einige unserer Farben klicken, so vielleicht können Sie diese verwenden. Sie können das benutzen. Vielleicht können Sie die Deckkraft erhöhen und verringern und so weiter. Und wenn du glücklich bist, kannst du es einfach in eines unserer Boards ziehen. Und dann wird es so aussehen. Lassen Sie mich zu meinen Menüs zurückspringen, und was ich als nächstes erstellen muss, ist, dass ich zwei Auswahlen erstellen muss, weil wir Menschen brauchen, um eine Auswahl aus der Galerie sowie aus der Kamera zu treffen. Also lasst uns diese Auswahl hier treffen. Wir werden es ein kleines Rechteck erstellen. Nein, wir werden diesen Schlagschatten hinzufügen. Wir werden Ecke hinzufügen. Radius fünf wird vielleicht quadratisch sein, also 1 40 mit 1 40 so, und wir werden die Grenze entfernen, weil wir sie nicht brauchen. Wirklich? Nein. Seine Position. Es ist ein bisschen schöner. Also vielleicht 40 Pixel nach unten, so. Und das wird unsere Galerie BG sein, denn die Leute werden in der Lage sein, neue Bilder von der Galerie-Trefferkontrolle Andi zu duplizieren, und das wird unsere anderen sein. Also Kamera BG, weil sie in der Lage sein werden, von der Kamera als auch hinzufügen, so werde ich seine vielleicht 20 Pixel von diesem so bewegen und sicherstellen, dass sie beide in der Mitte so sind . Ich werde diesen Text duplizieren. Ich werde es hier unten verschieben, und ich werde einige davon umbringen. Das wird also unser unregelmäßiger Text sein wie, also stellen Sie sicher, dass es um 14 Uhr ist und wir werden einfach aus der Galerie so schreiben, und ich werde die Position in der Mitte von diesem hier so bewegen und vielleicht gut bewegen , Lasst es uns vorerst hier behalten. Er würde D bei diesem hier kontrollieren, und wir gehen auf die Anzeige von der Kamera hier so. Stellen Sie sicher, dass es auch in Dissenter ist, und wir müssen Symbole hier. Also werde ich schnell wählen Sie diese noch. Das sind also die beiden hier, und ich werde sie einfach hierher bringen. Also Control V, das wird unsere Galerie sein, also stellen Sie sicher, dass es in der Mitte ist. Dies wird unsere Kamera so sein, stellen Sie sicher, dass sie beide sind, zum Beispiel, 20 Pixel so. Und wir können vielleicht alle auswählen und sie dann einfach so in der Mitte bewegen und lassen Sie uns wissen, bestellen Sie einige von ihnen. Das ist also aus der Galerie, und wir werden alles von hier aus gruppieren und diese Galerie anrufen, und das wird von der Kamera sein und alles zusammenfassen und hochwertige Kamera. Und nur für den letzten, lassen Sie uns den Stuhl auswählen. Klicken Sie hier und wählen Sie einfach diese Farbe aus. Jetzt brauche ich diese Farbe nicht, weil sie von dieser Illustration gebastelt ist, also werde ich es einfach schön und einfach halten und nur unsere Farbe verwenden, und das ist es im Grunde. Wir haben diesen Bildschirm erstellt, also werden wir dies ein wenig animieren, wenn wir einen Teil des Kurses Prototyping bekommen . Und die Leute werden in der Lage sein, aus der Galerie und aus der Kamera zu wählen. Und wir werden schnell wählen und entwerfen diesen Drahtrahmen aus der Galerie, weil alles ganz einfach sein wird. Und wir werden einfach in diesem nie Bar Hit Control C Klicken Sie hier. Hit Control V M Ich gehe die Zehe. Entfernen Sie dieses Auslöser-Logo. Ich werde diesen Text auswählen Hit Control C Klicken Sie hier, Control V und stellen Sie sicher, dass Sie Galerie schreiben hier wie Schulden. Und ich werde es in der Mitte und in der Mitte positionieren, wie so . Und Sie können sogar diese drei in klicken Sie rechts hier und wird sicherstellen, dass Sie in der Mitte sind. Nein, wir brauchen ein paar Bilder, und wir werden einfach ein Wiederholungsraster verwenden. Und was ich verwenden kann, ist zum Beispiel ein schönes Rechteck . Also vielleicht kann ich zuerst unsere Führungen erstellen, so dass ich auf dieses Symbol klicken und aufdie Führung von hier bis zu diesem linken Rand ziehen und auf das Menü-Symbol klicken und das gleiche tunkann die Führung von hier bis zu diesem linken Rand ziehen und auf das Menü-Symbol klicken und das gleiche tun . Also stellen Sie sicher, dass es so ist. Und schließlich, was ich will, ist, diese Quadrate zu erstellen. Also, bevor ich es tue, möchte ich hier klicken und sicherstellen, dass dies bei 100% ist. Das wird unser Bild so sein, und wir werden ihm einige Dimensionen geben. Also stellen Sie sicher, dass es es ist. Zum Beispiel, 99 mit Sadie, das sieht gut aus. Und lassen Sie uns fünf für den Eckenradius so verwenden. Stellen Sie sicher, dass es 20 Pixel von hier entfernt ist. Steuere D und lass uns das in die Mitte bringen, und er hatte das eine weitere Mal kontrolliert. Und lassen Sie uns das hier so an diesen rechten Rand bewegen. Also alle von ihnen haben genau, seit dem Tempo zwischen ihnen. Schwächen Gruppe diese nennen diese Bilder oder noch besser. Ja, lasst uns sie gruppieren und einfach das Wiederholungsraster drücken. Wir könnten zum Beispiel alles hier runterbringen . Und was ich tun will, ist vielleicht, ja, lassen Sie uns die Grenze vorerst behalten. Aber lassen Sie uns eine andere Farbe geben. Vielleicht ist das, um es nur ein bisschen leichter zu halten. Ja, so. Und das ist es im Grunde auch für diesen Bildschirm Nun, wie Sie sehen können, können Sie einfach eine von ihnen erstellen, dann kopieren Sie sie, dann kopieren Sie sie, duplizieren Sie sie und positionieren Sie sie in ihren Räumen. Und wenn Sie das getan haben, können Sie einfach auf Wiederholungsraster klicken, und Sie können diese Rechtecke nach unten zeichnen und es wird sie duplizieren. Sie können hier mit dem Mauszeiger fahren, und Sie können den Abstand zwischen jedem dieser Elemente sowohl horizontal als auch vertikal erhöhen oder verringern , wenn Sie möchten. Und dann bekommen Sie einfach diese schöne Wiederholung großartig, die wirklich einfach zu erstellen ist, wie Sie gesehen haben, und es spart Ihnen wirklich viel Zeit. Jetzt, im nächsten Video, werden wir dieses Bild bearbeiten Bildschirm zu entwerfen, und ich werde es sehen. 81. Drahtgestelle 5 für Wireframes erstellen: Es ist jetzt einige dieser anderen Bildschirme entworfen, also werde ich die jetzt wieder ausleihen, Control verwenden . Siehe Steuerung. Wir bewegen uns hier unter der Statusleiste. Und was ich will, ist das Speicher-Symbol genau hier. Also werde ich nur zu bewegen, um zu hören, wählen Sie mein Sagen-Symbol, Hit Control C und bewegen Sie den ganzen Weg zurück nach hier. Was ich hier will, sind nur diese Symbole Soul. Lassen Sie mich es schnell einbauen. Positionieren Sie es an einem Ort wie diesem und ich werde es an diesen linken Rand bewegen. Und ich werde den Pfeil nach hinten bewegen und außerhalb dieses Ordners speichern und einfach Löschen drücken. Sie können es so belassen, oder Sie können sie innerhalb ihres Ordners gruppieren. Es spielt wirklich keine Rolle. Und was ich hier will, ist ein Bild. Ein Bild wird nur dieses Bild von hier aus verwenden, also suchen Sie Bild Hit Control C. Schauen Sie hier, Control V. Ich werde es unter alles bewegen, genau hier, und ich werde die Dimensionen verwenden aus. 375 Wochen. 532 wie diese. Lasst uns diesen Schatten verlassen. Ein Zit ist Und was wir wollen, ist ein paar Schieberegler hier zu erstellen, weil die Leute gehen Toe wählen Bilder aus der Galerie. Dann werden sie diesen Bearbeitungsbildbildschirm bekommen. Wenn sie mit ihrem Bild zufrieden sind, können sie drücken, speichern und direkt zu einer Beschreibung und veröffentlichen oder zu diesem anderen Bildschirm, wenn sie es zuschneiden möchten . Aber wenn dies nicht der Fall ist, werden sie die Schieberegler am unteren Rand haben, mit denen sie spielen können, und dann werden sie in der Lage sein, diese Änderungen vorzunehmen. Jetzt brauchen wir einen Text hier. Und lassen Sie uns zum Beispiel öffnen Sense 14, und lassen Sie uns es finden. Es ist genau hier sollte kontrollieren, sehen, und ich werde das Recht hier platzieren, Kontrolle V treffen, und wir werden diese Jungs noch einmal benutzen. Lassen Sie uns also einen kurzen Leitfaden zu hier zeichnen und machen wir einen, zum Beispiel, gleich hier. Etwas ist hier nicht richtig, also lassen Sie uns das geben und lassen Sie uns dieses Symbol auch gefallen und zeichnen Sie einen netten Führer zu hier. Salz. Lassen Sie uns Position nur zu hören, stellen Sie sicher, dass es die Zeilen verlassen und stellen Sie sicher, dass es regelmäßig ist, und ich werde in Helligkeit schreiben. Ich werde es duplizieren. Ich werde schreiben. Im Gegensatz dazu, Hit Control, oder? Noch ein Mal. Das werden Highlights sein, wie so und schließlich werden wir Schatten haben. Nun lassen Sie mich einige von ihnen positionieren, so dass die Helligkeit an der Spitze sein wird. Highlights werden genau hier sein, und alle von ihnen werden unter unserem Bild sein. Also habe ich schnell einige von ihnen nach unten gezogen, weil ich mich etwas besser positionieren werde. Also 20 Pixel und ich werde ein Rechteck Zehe erstellen gehen von dieser Anleitung zu diesem. Und jetzt werden wir anfangen, unsere Schieberegler zu erstellen. Das wird also ein Schieberegler BG so sein. Und lasst uns diese Farbe benutzen. Also werden wir die Grenze und für die Farbe entfernen. Lasst uns das benutzen. Und wir gehen Fuß für den Eckenradius. Habe 50. Und für die Höhe, lassen Sie uns zum Beispiel acht verwenden . Ja, ich finde, es sieht gut aus. Und ich gehe Zehe Position alles, zum Beispiel, genau hier. Als nächstes werden wir einen Kreis erstellen, also zeichnen Sie einfach einen schönen Kreis und verwenden Sie vielleicht 16 mit 16. Schön und klein wie das und dafür. Vielleicht können wir diese blaue Farbe verwenden, damit und vielleicht können wir Grenzfarbe aus Weiß verwenden. Das wird ein Kreis, und wir gehen Fuß. Machen Sie ein Duplikat dieser ein Hit Control D, und es wird eine Farbe oder ein Schieberegler Farbe noch besser sein. Und wir geben ihm ein Gefühl Farbe off blue, und vielleicht können wir es hier verschieben und dann positionieren, um es zu hören, vielleicht, weil die Leute in der Lage sein werden, etwas später mit ihm herumzuspielen und dann ihre Bilder entsprechend anzupassen bis sie mit dem Ergebnis zufrieden sind. Nun, Meeting-Gruppe, all dies, so dass alle drei Heat Control G Bezirk ein Schieberegler sein, und Sie gehen, um den Schieberegler auf unter Hell zu bewegen. Und lasst es uns hier mit 10 Pixeln nach unten positionieren. Nur Kontrast. Positionieren Sie es hier, und verschieben Sie seine 20 Pixel nach unten. Jetzt können wir diesen Schieberegler duplizieren, nach hier verschieben und sicherstellen, dass es auch Pixel nach unten sind. Stellen Sie sicher, dass dies eine 20 ist und ich ging, um das ein wenig nach unten zu bewegen, damit er D steuert und den Schieberegler nach unten bewegt , also stellen Sie sicher, dass es bei 10 ist. Dies wird bei 20 sein und schließlich, lassen Sie uns eine weitere Kopie von diesem Schieberegler verwenden und lassen Sie es nach unten auf stellen Sie sicher, dass es bei 20 als auch, oder nur 10 ist. Und ich denke, das sieht jetzt schön aus, Sie können sehen, dass es ziemlich schwer zu lesen ist. Deswegen werden wir uns ändern. Die sind schlechte Farbe selbst. Also aus dieser Farbe können wir diese Farbe wählen. Und jetzt können Sie diese Schieberegler deutlich sehen viel einfacher und viel sauberer. Jetzt können wir diese Farbe positionieren und, zum Beispiel, wählen Sie alle Schieberegler BG Farben und wir können weiß wählen. Und wenn du denkst, dass das zu hart ist, können wir es vielleicht wieder hierher bringen, und wir werden ein bisschen später damit herumspielen. Nun lassen Sie mich schnell alle unsere Texte auswählen und für die Farbe, sie werden nur weiße Farbe verwenden. So jetzt, wie Sie sehen können, können Sie diesen Text viel klarer und viel einfacher als zuvor sehen. Nun, was ich tun werde, ist wählen Sie diese beiden Symbole drücken Kontrolle C. Klicken Sie hier, drücken Sie die Kontrolle. Wir stellen sicher, dass dies die gleiche Laube Farbe wie diese hat, und was ich tatsächlich tun werde, ist eine Illusion von Ernte erstellen. Also lassen Sie mich hineinspringen und und diese beiden werden jetzt die Farbe Zehenweiß ändern, weil Sie sie besser sehen können. Jetzt werden wir hier eine Illusion aus der Ernte schaffen, weil die Leute genau hier einige Änderungen vornehmen werden. Klicken Sie dann auf Speichern verschoben zu diesem Bildschirm, wo sie zuschneiden können, wenn es bis. Wenn sie nicht wollen, können sie einfach auf das Symbol „Speichern“ klicken, und es wird sie direkt verschoben, um dort zu veröffentlichen, wo sie sein sollen, zum Beispiel ihre Beschreibungeinzufügen , zum Beispiel ihre Beschreibung , und verschieben Sie einfach von dort aus. Aber konzentrieren wir uns vorerst auf diesen Bildschirm. Und lassen Sie uns ein Bild erstellen. Also werden wir ein schönes großes Bild erstellen. Gehen wir also von Kante zu Kante. So 375 und für die Höhe, vielleicht können wir 532 zum Beispiel verwenden. Also Toby, genauso wie dieser hier. Und vielleicht kann ich sogar Peyton diesen nennen. Nur um die Dinge noch einfacher zu machen, bewegen Sie alles unten, legen Sie es in der Mitte so, und vielleicht können wir dafür verwenden? Ich weiß es nicht. So Farbüberlagerung. Vielleicht so. Mal sehen, wie das aussieht. Vielleicht kann ich Kontrolle und D treffen und dieses schöne Farb-Overlay erstellen. Vielleicht kann ich es hierher bringen. Und schließlich kann ich vielleicht eine Art Bildzuschnittfläche erstellen. Also vielleicht kann ich dieses Bild verwenden, das zuerst in diesen Schatten entfernt wird, weil wir sie vorerst nicht brauchen . Das wird also übermäßig eine Farbe sein, und das wird jetzt unser Bildzuschnittbereich sein. Also bedeutet es, dieses zu duplizieren, das er kontrolliert hatte, die zu hören, die Füllung zu entfernen. Fügen Sie die Grenze Wasser wird weiß sein, und lassen Sie es ein bisschen kleiner machen. Also, zum Beispiel, so etwas, vielleicht. Und lasst uns mit den Einstellungen herumspielen, so dass ich vor 50 und vielleicht können wir ihm eine Lücke geben. 10. Also jetzt, wie Sie sehen können, haben wir diese schöne Bildzuschnittfläche und lassen Sie uns es so nennen. Das wird also im Grunde unser Bildschnitt sein, und wir werden später im Design-Teil dieses Kurses herumspielen, wenn wir das eigentliche Bild einschließen , das wir hier beschneiden werden. Und ich werde Ihnen zeigen, wie Sie einige dieser Elemente Moschee Moschee und wirklich sicherstellen können , dass dieses Bild abhebt und vielleicht im selben Park. Vielleicht können wir ein paar andere Farben hinzufügen, wie vielleicht können wir es eins nach dem anderen zuschneiden. Bestellen Sie bei 16 mal neun. Und wir können vielleicht eine andere Option direkt hier, vor und nach einbeziehen , nur damit die Leute das sehen können. Und wir können diese Option auch hier einschließen, damit die Leute Bilder zwischen Bearbeitungen vergleichen können. Also gehen wir zu Fuß, denken darüber nach und vielleicht ein bisschen später eingeschlossen. Aber für jetzt, das ist es für dieses Video. Und im nächsten werden wir zur Beschreibung übergehen und veröffentlichen. Und ich werde Ihnen zeigen, wie Sie hier einige verschiedene Elemente hinzufügen können. 82. Drahtgestelle 6 erstellen: , die nicht entworfen Beschreibung veröffentlicht Bildschirm. Also, was ich brauche, ist in diesem Rücken, ich besorge, es nur von hier aus auszuwählen, so dass er steuern würde schnellen Hit Control V sehen würde. Ich werde es unten verschieben, weil die Leute in der Lage sein werden, entweder zurück zu gehen und diese zusätzlichen Änderungen vorzunehmen oder zu veröffentlichen, und wir werden einen Boden in nur einer Minute erstellen. Aber zuerst, lassen Sie uns einige dieser anderen Elemente verwenden, die ich verwenden werde, sind John Doe und vielleicht auch Bild , so dass es Kontrolle. Siehst du und oder nicht. Lasst es uns von hier aus benutzen. Eigentlich traf John Doe im Bild Control C. und ich werde hier die Kontrolle V genau an der gleichen Stelle treffen. Und vielleicht kann ich es sogar noch ein bisschen weiter bewegen. So, zum Beispiel, 20 Pixel von hier. Also 12 wie das und bewegen Sie alles nach unten und auf diesem Bild, lassen Sie uns es bei 18 so sein, und ich werde ein Duplikat oder seine Wärmekontrolle auf D machen. Ich werde dies ein bisschen nach unten auf Treffer positionieren, stellen Sie sicher, dass sie aufgereiht wie diese Schicht 12 und was ich dafür will. Es wird unser Input sein. Also lassen Sie uns es nennen, dass setzen, wir gehen in Schatten zu entfernen umfassen die Grenze und für sie. Seien wir zum Beispiel bei 1 30, weil wir es nicht so groß schlagen müssen? Nein, lass uns einen Text benutzen. Wir können diesen Absatz hier benutzen und ich werde in Sicht verarscht. Vielleicht kann ich es bewegen. 1212 Vielleicht so etwas. Und vielleicht kann ich das hier reinbringen. Zum Beispiel. Vielleicht kann ich ihm eine 10 geben und sie so behalten. Kopieren Sie diesen Text drücken Sie Control C drücken Control V, und ich werde es den ganzen Weg nach unten zu hier zu bewegen. Stellen Sie sicher, dass es die Zeile ist, und ich werde Position, um es zu hören. Schicht 12 und wir werden intakte Menschen schreiben, weil Benutzer in der Lage sein werden ihre Freunde, zum Beispiel, oder Menschen,die mit ihnen an diesem Tag waren, anzugreifen zum Beispiel, oder Menschen, . Nun lasst uns etwas davon verwenden, Also lasst uns Eingabe verwenden. Zum Beispiel, drücken Sie die Kontrolle C Patrol V, und ich werde es noch einmal den ganzen Weg nach unten bewegen, und das wird nur unsere Trennlinie sein. Also, was wird gleich bleiben? Aber die Höhe wird eins sein. Und wir werden diese Linie verschieben. Zum Beispiel, 20 Pixel nach unten von diesem Text. Und schließlich werden wir diese beiden Elemente auswählen Heat Control D, um Duplikate von ihnen zu machen, nach unten verschoben und positionieren Sie diese Also 1 bis 20 Pixel nach unten. Verschieben Sie diese Trennlinie noch viel mehr. Und ich werde diesen Standort auch hier hinzufügen. Also werde ich es von hier auswählen, zum Beispiel. Also benutzte diese eine Hit Kontrolle C und ich werde hier zu bewegen. Hit Control V und ich werde es positionieren. Zunächst einmal, um links gesäumt zu werden, Toby, Toby, 20 Pixel nach unten. Und diese Zeile wird auch 20 Pixel von diesem Text entfernt sein. Also 12 Und schließlich, lasst uns unseren Boden schaffen. Also werden wir ein Rechteck verwenden, um Drohne zu verdienen ist große Taste, und wir werden es ein Gewicht von 200 die Höhe von 50. Und geben wir ihm einen Board-Radius von acht so, wir werden diese Feel-Farbe einschließen Wir werden keinen Strich haben. Sorry Grenze, und wir werden auch einen Hintergrundschatten einschließen und gingen, um es irgendwo hier zu positionieren . Aber es ist mit dem richtigen. So 1234 40 Pixel und lassen Sie uns diesen Text Hit Control in der Einheit mit unten bewegt Taste den ganzen Weg nach unten verwendet . Dieser sollte unser Knopf sein und die Menschen ablenken. Text wird tatsächlich schreiben, veröffentlichen wie, also stellen Sie sicher, dass es von der Mitte geht. Positionieren Sie es in der Mitte so und so, stellen Sie sicher, dass es weiß ist und lassen Sie uns es regelmäßig so halten und einfach neu positionieren, wenn nötig. Ich finde, das sieht gut aus. Hit Control G-Gruppe. Es ist und nennen Sie es Taste, und das ist es im Grunde für diesen Bildschirm. Also lasst uns noch einmal durchlaufen. Also, in der Klick hier, gehen wir zu hier. Wenn sie also auf die Zehe klicken, fügen Sie diesem Symbol ein neues Bild hinzu, es wird sie zu diesem Bildschirm auf dem Bildschirm „Neues Bild“ bringen, und sie können zwischen Galerie oder Kamera wählen. Oder sie können aus der Kamera dort wie drei von hier aus wählen. Wenn sie aus der Galerie wählen, werden sie die Anzeige vom Galeriebildschirm erhalten, wo sie Bilder aus ihrer eigenen Galerie auswählen können . Wenn die Juden das Bild werden sie, goto hinzugefügt, Bild, wo sie alle diese verschiedenen Werte ändern können. Wenn sie auf Speichern, werden sie gehen, um zu beschneiden. Wenn sie beschneiden wollen, können sie es beschneiden. Wenn nicht, können sie klicken, Zehe speichern, zu diesem Bildschirm kommen, wo sie die Vorschau von ihrem Bild sehen. Sie werden in der Lage sein, Beschreibungen hinzuzufügen, Menschen und Steuern direkt hier an der Spitze anzugreifen, und sie werden in der Lage sein, Standorte zu ändern. Also am Ort genau hier und App wird automatisch Standort hinzufügen, wenn es innerhalb der Bildweise Daten gegründet wird, weil Telefonbilder und Kamerabilder halten Moderator innen. So wird es nehmen, dass Daten und zeigen, Zum Beispiel, London, England hier und sie werden in der Lage sein, das zu veröffentlichen. Das ist es im Grunde, denn wenn sie es mit all diesen Informationen veröffentlichen, wird es sie zurück zum Home-Bildschirm bringen, wo es all dies nach unten schiebt und es wird in diesem neuen Bild direkt hier auf der oben. Also, das ist im Grunde unsere Arbeit voll für diese App, und im nächsten Video werden wir auf Design-Dashboard zu bewegen. Und in den nächsten Milliarden werden wir das Design von unseren Drahtrahmen beenden und dann in der nächsten Serie von Videos die eigentliche Gestaltung von unserer App verschieben. 83. Drahtgestelle erstellen 7: Nein, es hat den Dashboard-Bildschirm entworfen und ich werde diesen auswählen. Also drücken Sie Control C klicken Sie hier. Hit Control V und ich werde unter Status Par Sprung in Sicht auf den Zurück-Pfeil positionieren und ich werde Zehe-Bewegung in diesem Führer genau hier und zog ein nach hier sowie wie So werde ich zurück Carol löschen, weil wir es nicht brauchen. Und dieser Fuß, rechts, rechts, Armaturenbrett wie so und stellen Sie sicher, dass es in der Mitte ist, in der es ist. Und wir brauchen hier ein Wasserhahnzeichen, damit wir dieses auswählen können. Zum Beispiel, Hit control C es steuern die und Sie können das Home-Symbol auswählen und klicken Sie rechts hier und wählen Sie diese Farbe schließen Alles bewegt diesen Teil nach unten. Und jetzt lassen Sie uns unser Dashboard erstellen. Also werde ich einfach zu Texten von dem, der bereits auf meinem anderen Bildschirm erstellt wurde, wählen , nur um uns ein wenig Zeit zu sparen. Aber wenn ich hineinspringe, können Sie sehen, dass beide offen Sinn 14 regelmäßig sind, und ich sage nur die Zeit, die Sie diesen Text erstellen. Jetzt lassen Sie uns dieses duplizieren, also werde ich Control de move it nach draußen drücken, es direkt hier unten positionieren und sicherstellen, dass es so linkt ist. Verschieben Sie es hier und stellen Sie sicher, dass es 20 Pixel von diesem entfernt ist, und es wird in Typ schreiben. Wir brauchen noch eins und wir werden das hier gerne nennen. Und schließlich brauchen wir den Dreck und den letzten, und es wird die beste Zeit sein, so zu posten, und das wird irgendwo hier herum gehen. Jetzt lassen Sie uns ein Rechteck wie dieses erstellen, und wir werden diese Art von VG so nennen, verschieben Sie es hier und stellen Sie sicher, dass es 20 Pixel nach unten von diesem ist und stellen Sie sicher, dass es den Eckradius ausgeschaltet hat. Fünf. Keine Grenze Standard Klappe und es ist 1 57 wits 200 und nein, lassen Sie uns bewegen, um jemanden zu hören, um Kontrolle de toe zu treffen, eine Kopie davon zu machen, und das wird ein Likes BG sein und einfach fließend zu hier, bis es in Position hier und bewegen Sie die Likes. Zehe die Linie zu diesem linken Etch. Nun, was wir hier brauchen, sind einige Elemente. Also lassen Sie mich diesen Text wählen. Ich werde die Kontrolle in D und Filmen genau hier bekommen. Wir gehen genau im Porträt wie so und ich gehe noch einmal zu Control de, und wir werden diese Landschaft so nennen und sicherstellen, dass sie bei 12 sind. Wählen Sie also beide aus, drücken Sie 12 und stellen Sie sicher, dass sie zentriert ausgerichtet sind. Und wir können zum Beispiel teilen, sie zum Beispiel teilen,damit ich ihn so bewegen kann. Umschalttaste 12 Stellen Sie sicher, dass sie 20 Pixel auseinander liegen, und bewegen Sie sich so in die Mitte. Und ich kann sie vielleicht sogar 20 oder 40 Pixel von unten positionieren. Aber lassen Sie es 20 behalten, nur um die Dinge einfach zu halten. Jetzt lassen Sie uns einen Kreis erstellen. Also gib dir einen Kreis von 10 mal 10 so, und vielleicht könnten wir diesen Kreis bewegen, zum Beispiel 10 Pixel nach oben. Stellen Sie sicher, dass es so in der Mitte ist. Entfernen Sie den Rahmen, und für den fehlgeschlagenen, werden wir ihm eine blaue Feldfarbe geben. Nun grüßen wir eine Kopie, aber lassen Sie uns zuerst nennen es oder Kreise, und ich kann es direkt über Portrait Hit Control D noch ein Mal bewegen, und ich werde dies in der Mitte vor Island Escape so positionieren und das wird , um diese grüne Farbe zu haben. Also werde ich hier auf die Zehe klicken, die in dieser Farbe basiert. So ist es 55 d 466 und Ansichten, die bereits in einigen unserer anderen Videos. Jetzt lassen Sie uns ein schönes großes Donut-Diagramm erstellen. Lassen Sie mich schnell einen großen Kreis kreieren und geben Sie ihm Dimensionen ab. 90 von 90. Und lassen Sie uns zum Beispiel nur eine Grenze verwenden. Und lasst uns die Grenze von 20 so verwenden und ich werde es in der Mitte so positionieren , stellen Sie sicher, dass es die gleiche Entfernung oder vielleicht sogar 20. Mal sehen, wie das aussieht. Ich finde, das sieht gut aus. Nennen Sie diesen einen Kreis oder den Hauptkreis so und machen Sie jetzt zwei Kopien davon, damit er de Control De kontrollieren würde , wird dies blau sein. Das wird so grün sein und ihnen ihre Farben geben. Das ist also grün. Das ist blau wie so und schließlich schaffen wir eine Moschee. Also werde ich Zeh vielleicht mentale wie diesen schnellen Klick hier wählen. Und dann gehe ich vielleicht gleich hier in die Moschee hinein. Nennen Sie diese eine Moschee und ich werde sie direkt über diesem blauen positionieren. Und ich werde Shift Control M Zeh treffen, eine Moschee machen und das wird blau und jetzt das gleiche für die grünen tun. Also stellen Sie sicher, dass Sie von der Mitte wie so bis hier gehen, stellen Sie sicher, dass Sie alles vertuschen, so dass dies unsere Moschee sein wird und es knapp über Grün positionieren wird. Wählen Sie alles aus. Shift-Kontrolle M ein Shift Commander. Wenn Ihr Mac und das könnte grün wie so sein, also jetzt, wo wir haben, dass ich alles gruppieren kann , stellen Sie sicher, dass alles dort ist, wo es sein sollte. Es ist, und ich kann alle von ihnen auswählen und ich muss nur Typ PG sowie Move it wählen. Nur um zu hören, sollte der Typ den ganzen Weg an den oberen Typ P. G's unten gehen und Kontrolle G drücken, um sie zu gruppieren. Und das wird unser Typ so sein. Und stellen Sie sicher, dass Typ PG da ist. Es ist, und das sind unsere Moscheen, die nach draußen gehen, jetzt können wir weiter unten, und das wird an der Spitze sein, direkt über Typ und lassen Sie uns Likes erstellen. Also, was wir tun können, ist, diese beiden zu wählen. So Kreis Portrait Kreis Flucht Hit Control in der Tat. Verschieben Sie alles außerhalb dieses Ordners, wählen Sie sie alle erneut aus und stellen Sie sicher, dass sie so in der Mitte sind, weil wir die gleichen brauchen , die sie erwähnt wie So jetzt lassen Sie uns unser Rechteck erstellen. Stellen Sie sicher, dass 90 in der Höhe ist, und Sie können einen kleinen Trick tun, indem Sie in den Typ gehen diese hier bewegen und nur sicherstellen, dass es mit unserem Hauptkreis ausgerichtet ist. Es bewegt es dann nach draußen. Und das nennen wir es Barbie. Geh, wie so, und geben wir ihm Farbe von dieser grauen entfernten Grenze. Und vielleicht kann ich zum Beispiel einen weichen Eckenradius von fünf hinzufügen , um die Dinge einfach und interessant zu halten. Bewegen Sie sich in die Mitte von hier. Hit Control D noch einmal, und das ist unser blauer Balken. Geben wir ihm eine blaue Farbe, und wir können sie so nach unten bewegen. Nein. Also, wie beide, hat er die Kontrolle D, und Sie können sie hier zum Beispiel die Zehe runter bewegen . Halten Sie Ihre Shift-Taste und bewegen Sie sie hier, und das wird unser grüner Balken sein, und Sie können dies ein bisschen nach oben verlängern. Vielleicht können wir es ein wenig nach unten bewegen, zum Beispiel, und auf Green Bottle hat die Farbe auf diese Farbe geändert. Und jetzt lasst uns das alles zusammenfassen. Das wird also Likes alle an der Spitze sein. Und diese Kreise sollten so unter Gitter gehen, und lasst uns alles zusammenfassen, um sie zu bekommen. Also nur mehr wie BG hier mag alles ausgewählt Hit Control G. Und das wird ein Likes sein. Verschieben Sie es unter Typ. Und jetzt konzentrieren wir uns auf die beste Zeit, um zu posten. So wird es 20 Pixel nach unten sein und jetzt lassen Sie uns ein Rechteck erstellen. Aber wir können das hier benutzen. Zum Beispiel. Drücken Sie einfach Steuerung D mit außen, Bewegen Sie es unten wie so halten Sie Shift. Stellen Sie sicher, dass es 20 Pixel von hier entfernt ist. Also 12 und lassen Sie uns dieses mal B G nennen und dafür. Mal sehen. Wir können es ein bisschen größer geben, haben sie erwähnt. Oder lassen Sie uns die Dinge einfach halten. Erhöhen wir einfach seine Größe zwei hier und lassen Sie uns es bei 200 behalten, so dass wir das gleiche konsistente Aussehen über all diese haben . Also lassen Sie uns jetzt etwas Text einschließen. Was Verwenden Sie offene Sounds. 12. Also lasst uns diesen wählen. Heat Control D, um Duplikate zu machen. Bewegen Sie es oben und das wird offenes Sensorventil sein. Zunächst einmalwird es von links einschreiben, wird es von links einschreiben, und es nennt sich dies ein M wie so und lassen Sie uns Control de move dies ein bisschen nach unten auf Rufen wir diesen PM so an und lassen Sie uns sie bewegen, um seine Verschiebung zu hören. 10 Pixel vom linken Rand entfernt. Und jetzt lassen Sie uns einige Zeilen erstellen. Also werde ich eine Zeile wie diese erstellen. Nennen Sie es linke Zeile, wie so, und für diese linke Zeile, werde ich in diesem Feld Farbe wählen. Ich werde die Grenze für den Eckenradius entfernen. Lasst uns fünf gebrauchen. Und für die Größe, lassen Sie uns 1 50 für Höhen verwenden. Und für die Witlosen verwendet, um so Analysten zu mögen. Keine Position. Also lassen Sie uns es hier bewegen, bis es mit unserem Text und mit der oberen Kante von RBG wie diese Verschiebung 12345 Millikan mit 15 und dann verschieben und rechts, so dass wir es so bewegen können und dann können wir es neu positionieren Also hier bewegen Sie die PM den ganzen Weg nach unten hier zum Beispiel. Und jetzt lassen Sie uns eine andere Linie erstellen. Also lassen Sie uns dupliziert werden. Dieser hat Kontrolle D getroffen und das wird unser Ergebnis sein, wie so Motor. Halten Sie einfach die linke Maustaste gedrückt. Klicken Sie auf die ganze Verschiebung, um sie zu drehen und stellen Sie sicher, dass Sie sie wie folgt richtig ausrichten . Stellen Sie einfach sicher, dass Sie keine so von den Kanten sehen. Und für den Witz können wir etwas wie 81 verwenden und nur sicherstellen, dass Sie sie richtig ausrichten. So zu hier zum Beispiel, und jetzt nicht mehr Zeit zu verlieren. Ich werde einfach den Text aus einem anderen Teil kopieren, den ich bereits erstellt habe. Aber ich benutzte diesen Text im Grunde mit mir Hit Control D und ich benutzte Wiederholungsraster und dann habe ich einfach Vielfache davon erstellt. Also 2467 Für die Tage. Das war Montag. Das war Dienstag. Das war Mittwoch, und so weiter. Und dann schwebte ich einfach so darüber und vergrößerte oder verkleinerte dann den Abstand zwischen ihnen, bis ich so etwas wie dieses bekam, wie ich gelöscht. Und jetzt, was wir tun können. Ich werde das bewegen und direkt unten hier, werde ich ein schönes Diagramm erstellen. Also lasst uns einen Bleistift benutzen und einfach so etwas zeichnen. Vielleicht hier, um zu hören, vielleicht würde ich sagen, dass es den ganzen Weg bis hierher ging. Vielleicht. Nein, es ging hier runter, hier, hier. Und schließlich ging es hier runter, halten Sie die Umschalttaste und verbindet sie. Und jetzt können wir die Feldfarbe einbeziehen. Ich kann jetzt den Rahmen für die Feldfarbe entfernen. Ich werde blau einschließen, aber ich werde eine lineare Zutat verwenden. Also werde ich die dunklere Farbe wählen, die diese ist, und wählen Sie diese für diese. Ich werde Weißen wählen und ich werde Zehe reduzieren Sie Ihre im Grunde auf Null. Dann werde ich es umdrehen. Also machen Sie es so und stellen Sie sicher, dass es den ganzen Weg bis hierher geht. Und jetzt werde ich die Grenze wieder einschließen. Und jetzt siehst du, wie das aussieht. Das ist also der Trick. Zeigen Sie immer in einem der vorherigen Videos, wenn wir animiert sind Dashboards, aber dass es im Grunde, so können wir die Sprechzeiten nennen, zum Beispiel , so, und ich werde es irgendwo hier positionieren. Nehmen wir an, knapp unter unseren unteren Linien und wir können die Dicke von dieser Grenze erhöhen. Aber ich denke, es sieht gut genug aus, und wir werden es etwas später animieren. Aber für jetzt, das ist es für die Dashboards. Und im nächsten Video werden wir ein Likes entwerfen, und wir werden später weitergehen, um Profil zu erstellen und schließlich alles mit dem Seitenmenü fertig zu stellen , also sehe ich dich dort. 84. Wireframes 8 erstellen: Nein, lassen Sie uns unser Design beenden und ich werde hier klicken. Hit Control C, um diese Registerkarte zu kopieren, sind die Steuerung der Hit Control V rechts hier als auch, und wir werden einige Änderungen vornehmen. Also werde ich Zehe wählen und die wie Ike eins. Ich werde seine Farbe in Blau ändern und ich werde das Gleiche hier machen. Aber ich wähle das Profilsymbol aus und ändere diese Farbe in Blau genau hier. Als Nächstes brauche ich eine obere Bar. Also werde ich diese wählen, die Kontrolle C und beide auswählen, so dass er V kontrollieren würde . Und das ist, warum ich Adobe X'd liebe, weil Sie gesehen haben, wie schnell das war. Also mit wirklich ein paar Kopien, er kann man wirklich ein schönes Design machen. Extrem, einfach. Also, jetzt konzentrieren wir uns auf die Likes, und ich werde dieses Symbol wählen, und ich werde einen Führer zu hier ziehen. Wie Sie hier oben sehen können, heißt es 20. Sie können also klar sehen, wie weit Sie ziehen und das, und Sie können auch 20 hier sehen, und Sie können das gleiche für hier tun, aber ich glaube wirklich nicht, dass das notwendig ist. Aber lassen Sie uns ein Rechteck wie So lassen Sie uns 20 Pixel von hier zu bewegen. Also 12 und nennen wir es Bild. Aber bewegen Sie es hier und lassen Sie uns einige Dimensionen geben. Oft 99 mit 82 wie So geben wir ihm den Eckenradius oder fünf. Und lassen Sie uns das Feld und die Grenze vorerst behalten. Vielleicht können wir sogar einen leichten Schatten hinzufügen. Das wird also unser Image sein. Und dann können wir die Grenze entfernen, weil wir sie nicht mehr brauchen. Und jetzt lassen Sie uns etwas Text einschließen. Also werde ich es einfach korpieren diesen und vielleicht diesen Text. Also klicke auf Kontrolle C. Ich werde Control V hier bekommen. Also geben wir hier einen Namen ein. Also, Jane. Also lassen Sie es uns geben, und wir können das in der Mitte von diesem Bild positionieren. Ich werde das so aus dem Weg ziehen, und ich werde 20 Pixel so positionieren und mal sehen, was wir hier schreiben können. Also, diese Congee Zeitstempel oder vor drei Minuten, stellen Sie sicher, dass es von links ist und geben wir es 12 wie Also Analysten wählen diese hellgraue Farbe, und ich werde es hier positionieren und vielleicht, ich weiß es nicht. Lassen Sie uns 10 Pixel sehen. Ja, das funktioniert gut. Er hatte die Einheit kontrolliert, und ich werde die Konkurrenz nach unten so alte Verschiebung um 10 Pixel nach unten positionieren, und das wird unsere Identifikation sein. So, wie dein Bild. Und vielleicht können wir diesen Text auswählen und diese Farbe wählen, aber wählen Sie Bild von hier aus und wählen Sie blaue Farbe dafür. Das ist es im Grunde. Wir können dies auswählen, es in der Mitte bewegen, sieht gut aus und gruppieren alles zusammen. Lassen Sie uns dieses Bild nennen und verschieben Sie es unter die Tippleiste, weil wir eine große Wiederholung den ganzen Weg nach unten erstellen werden. Und es geht Zeh gehen direkt über dem Tab sind oder wir müssen nicht einmal schwächen. Möchten Sie diesen Klick auf Wiederholen Groß. Und wir können vielleicht hier anhalten. Oder vielleicht können wir sogar eine solche erstellen und sie dann unter diese Leiste verschieben, damit die Leute tatsächlich nach oben und unten scrollen können . Und das ist unser Bildschirm gemacht. Wir können später im Designbereich des Diskurses weitere Änderungen vornehmen, aber das war's vorerst . Jetzt konzentrieren wir uns auf den Profilbildschirm und ich werde Kreis erstellen. Ich werde diesen einen Avatar nennen, und ich werde die Grenze entfernen. Fügen Sie einen Schatten ein. Stellen Sie sicher, dass es sich in der Mitte und für die Abmessungen befindet. Verwenden wir 80 mal 80 so, und ich werde es 20 Pixel und unten von oben positionieren, und ich kann direkt hier springen, und ich kann diesen Text kopieren. Also Hit Control C getroffen Control V genau hier. Stellen Sie sicher, dass alle in der Mitte sind, und was ich hier verwenden werde, ist der Name. Also für den Namen, lassen Sie es in der Mitte positionieren und bewegen wir uns 20 Pixel nach unten. Lassen Sie uns diesem einen Ort geben. Sehnsucht in England wie, also stellen Sie sicher, dass es in der Mitte ist. Positionieren Sie es hier, und wenn ich meine Umschalttaste halte, können Sie den gleichen Abstand wie so sehen, dass die Zukunft in Adobe X'd wirklich schön ist, weil Sie wissen können, dass Sie einige Elemente mit demselben Abstand von hier nach hier nach hier, also ist alles gleich. Jetzt werde ich diesen Text von einem anderen Bildschirm kopieren, also benutze ich im Grunde eine Menge Gips und ich habe zwei Textzeilen und das soll eine Beschreibung von dieser Person darstellen. Also, wo sie sind, was sie tun und so weiter. Also im Grunde eine Art von ihrem persönlichen Lebenslauf für diese App. Nun, lassen Sie uns einige Social-Media-Symbole verwenden, also werde ich ihn von hier auswählen. Hit Kontrolle C und ich gehe gleich hier. Hit Control V. Stellen Sie sicher, dass sie sich in der Mitte befinden. Aber zuerst gruppieren sie. Nennen Sie diese soziale Medien, weil positionieren Sie es in der Mitte wie diese Shift 12 alles ist genau das gleiche wie für die Abstände. Und für die Farbe seiner gegeben diese Farbe jetzt, auf Lee Sache, die wir brauchen, sind Bilder. Also werden wir die gleichen Bilder von diesem Bildschirm verwenden. Also werde ich Kontrolle C bei diesem hier treffen. Zoomen rechts hinten Control V und ich brauche nicht so viele. Vielleicht kann ich so viele verwenden, wie Sie sehen können, wie einfach es ist, Zehe erstellen diese Elemente und Sie können sie direkt unter Tab bewegen sind und ich werde toe Bewegen alles direkt unter knave bar. So halten Sie alles schön und organisiert und Sie können Hilfe sehen. Schön und einfach. Das sieht jetzt aus. All dies wird viel besser aussehen, wenn wir Bilder im Inneren einschließen, denn Bilder werden einen schönen Kontrast zwischen dem Stich eine Bar und allem anderen zu schaffen . Aber jetzt, endlich, lassen Sie uns ein Seitenmenü erstellen, und das wird extrem einfach sein. Aber zuerst. Wir müssen einige Änderungen an unserem Vorstand vornehmen. Also statt 8 12 für die Höhe, lassen Sie uns für 77 so wählen, weil wir übermäßig Funktion verwenden werden und alles, was Sie überall sehen, sehen Sie in diesen Menü-Symbolen wurden Zehe tatsächlich positionieren dieses beiseite Menü und wird kommen von oben. Aber alles wird viel klarer, wenn wir mit dem Prototyping beginnen. Aber zuerst. Lassen Sie uns ein paar Texte erstellen. Lassen Sie mich also schnell diesen Text auswählen. Zum Beispiel, drücken Sie Control C Control V direkt hier. Ich werde zu Hause schreiben, stellen Sie sicher, dass es so in der Mitte ist, und ich werde es hier positionieren, Steuerelement D drücken, und ich werde das ein bisschen nach unten bewegen, und ich werde ihm einen Namen geben Off Likes so im Grunde alles, was sie in dieser Tippleiste genau hier haben. Sie werden auch hier haben, aber sie werden diese Option Zehe haben. Sei einfach hier. Alles sollte an einem Ort zugänglich sein. Das ist der Hauptpunkt dieses Site-Menüs, also lassen Sie uns es einige Abstände geben. Also 1234 Stellen Sie sicher, dass es bei 40 ist, wenn, also kaufte ich sie ab, bewegen Sie sie ein bisschen nach oben, um mir so Platz zu geben, wenn er das noch einmal kontrollieren würde. Und das wird ein Profil sein. Also im Grunde, wir listen alles auf, was Sie in der Tippen Bar gesehen haben, aber wir geben ihm auch die Seitenmenü-Option. Er hatte das noch einmal kontrolliert, und das wird ein Dashboard sein. So haben sie von hier aus Zugriff auf ihr Dashboard. Stellen Sie sicher, dass es in der Mitte hatte die noch einmal kontrolliert. Nein, das werden Einstellungen wie so sein. Und schließlich, lassen Sie uns einfach den gleichen Abstand geben. Schließlich werden wir uns unten wie so ausloggen und sicherstellen, dass es auch bei 40 ist. Jetzt brauchen wir dieses Symbol so schnell lokalisiert, ich werde offenbaren verwenden, dass ich Kontrolle C nicht drücken konnte und schnell hier. Hit Control V. Positionieren Sie es an Ort und Stelle. Nun, lassen Sie mich das schnell kopieren. Nie Bar Control V. Und ich werde einfach dieses Symbol verwenden und seinen Toby an genau der gleichen Stelle wie dieses manuelle Symbol verschieben . Also, so , wie so, und ich werde es hier an den rechten Rand schieben. Ich werde außerhalb dieses Ordners zu bewegen, klicken Sie auf, löschen. Und das ist es im Grunde. Wie Sie sehen können, haben wir keine Statusleiste, da dies ein zusätzlicher Bildschirm ist. Und wenn Sie auf dieses Menü-Symbol klicken, wird dieser Bildschirm von oben nach unten kommen, und er wird direkt unter der Statusleiste angezeigt. Diese vorhandene Statusleiste wird es sowieso abdecken. Also lasst uns das einfach beenden und es hierher bringen. Zum Beispiel. 1234 Und was wir brauchen, ist ein Hintergrund. Also werde ich nur eines der Bilder verwenden. Also drücken Sie Kontrolle C Kontrolle V fügen Sie es an Ort und Stelle. Und was ich will, ist, es hier zu positionieren, sicherzustellen, dass die Koronare bei Null sind. Ich gehe die Zehe. Verschieben Sie es an die Kanten. Position hier 1234, weil ich nur wollen, dass Hintergrundschatten von diesem Bild, und das wird unser Menü BG sein. Und Sie können Bild direkt hier einfügen, wenn Sie wollen. Aber ich bin nur interessiert an diesem Hintergrundschatten für jetzt, weil es schön aussehen wenn Sie rechts hier klicken wird von oben nach unten springen und es wird in diesem Hintergrundschatten haben . So geht es Zehe Overlay oben auf diese vorhandenen Elemente. Es gibt also im Grunde, das du schlagen kannst. Steuerelement s, weil Sie die Erstellung Ihrer Drahtrahmen abgeschlossen haben. Jetzt wird der nächste Abschnitt dieses Kurses entworfen, und wir werden diese Drahtfreunde in vollwertige Designs verwandeln. Wir gehen Fuß, fügen verschiedene Bilder hinzu. Wir werden mit den Schatten herumspielen, vielleicht sogar mit wenigen Farben, und nachdem wir geschaffen haben, sind voll von Fleisch Design. Wir werden zum Prototyping übergehen und schließlich einige Animationen hinzufügen und dieses Projekt beenden , also werde ich Sie im nächsten Video sehen 85. Design erstellen 1: in diesem Video werden wir anfangen, unsere Entwürfe zu erstellen. Aber bevor wir mir die Zehe machen, organisieren Sie ein paar Dinge. Hier sind wir in unserem Projekt X defile. Und wenn ich den ganzen Weg verkleinere, können Sie sehen, dass X'd von der Mitte aus beginnt. Und wenn Sie mit dem Hinzufügen von Dateien beginnen, beginnt es sich nach rechts zu bewegen. Also werden wir das reparieren und Sie werden feststellen, dass diese Drahtrahmen in Position bleiben werden . Das liegt daran, dass dies nur das Bild ist, das in Fettleibigkeit gezogen und fallen gelassen wird. Und es ist kein regelmäßiger. Unser Hafen können Sie beheben, dass durch Ziehen in Schlepptau sind schlecht. Aber es ist viel einfacher für mich auf diese Weise, also werde ich einfach alles auswählen. Ich werde so viel wie möglich, und ich kann sie zum Beispielnach oben bewegen zum Beispiel . Und dann kann ich dieses Papier an seine Position und diesen Text hier oben verschieben, damit ich etwas näher zoomen kann , und ich kann sehen, dass sie alle in 70 dieser Entfernung sind. Also lassen Sie uns das auch überprüfen, und ich werde diesen Drahtrahmen verschieben, Text irgendwo hier herum. Nehmen wir an, dass dies zum Beispiel die Mitte ist. Und jetzt, wenn ich den ganzen Weg hinauszoome, können Sie sehen, wie viel Platz ich hier für mein Design für meine Prototypen habe. Vielleicht kann ich später ein Website-Design hier hinzufügen. Econet Android App Design und so ein. Das ist also ein wirklich tolles Feature zu haben. Sie können sogar den ganzen Weg hier nach oben gehen. Und wenn Sie Kontrolle oder Befehl Null auf Ihrer Tastatur wird direkt wieder in eine Position, wo Sie aufgehört haben, und Sie können von dort zu entwerfen. Lassen Sie uns jetzt anfangen, unsere Designs zu erstellen. Und dazu werde ich diese Drahtrahmen duplizieren, weil ich möchte, dass die Klienten in der Lage sind, diese Drahtrahmen so zu überprüfen, wie wir sie entworfen haben. Und wenn wir dann in diesem Abschnitt des Kurses entwerfen, möchte ich, dass er in der Lage sein wird, zu sehen, was sich von Drahtrahmen zu Designs geändert hat, so dass Sie alles auswählen können , was er kontrollieren würde D. Und ich werde sie nur ein wenig verschieben, damit Ich kann diesen zusätzlichen Platz von hier bis hier haben. Und ich werde Steuerelement D auf diesem Text drücken, und ich werde hier doppelklicken, Design eingeben, und ich werde es hier in der Mitte verschieben. Also, zum Beispiel, irgendwo hier, sagen wir, Ja, ich denke, das funktioniert gut. Und das ist es im Grunde für die Vorbereitung. Und jetzt können wir anfangen, unsere Bilder hinzuzufügen, und ich werde mit dem Laden beginnen und Sie können sehen, dass es diese eine Erweiterung hinzugefügt hat. Sie können diese Erweiterung ändern, indem Sie auf unseren Portnamen doppelklicken, und Sie können Design eingeben, zum Beispiel, Beispiel, und Sie können in Schlepptau springen. All diese verschiedenen unsere Boards und Tippdesign. Das werde ich im Moment nicht tun. Ich werde es nur bei Erweiterung eins belassen, denn später, wenn wir das Prototyping anfangen, werden wir es noch einmal duplizieren, und dann geht es zu Fuß. Fügen Sie eine weitere Erweiterung hinzu, und dann werden wir später wissen, welche welche ist. Also der ursprüngliche Leasingdraht Rahmen dieses mit einem ist entworfen und derjenige, der zu seinen Prototypen, Also lasst uns mit dem Ladebildschirm beginnen, und ich werde nur ein paar Bilder ziehen und ablegen. Ich habe diese Bilder von Splash dot com heruntergeladen, so dass sie alle kostenlos zu verwenden sind. Und Sie werden diese Bilder bekommen, sobald Sie diese Projektdatei herunterladen und sobald Sie anfangen, sie zu verwenden , damit ich sie hier verschieben kann. Ich kann auf mein Ebenen-Panel direkt hier zugreifen, und ich werde dieses Bild ganz nach unten verschieben. Und wenn ich mit der Position zufrieden bin, zum Beispiel kann ich hier zum Beispieleinen auf meiner Tastatur eingeben und das geht über die Bay City bis zu 10%, wie Sie hier sehen können, denn mein Ziel war es, eine Art aus visuellem Interesse direkt hier im Hintergrund . Und vielleicht können wir einige Animation später hinzufügen, wenn wir können, vielleicht Erhöhung der Abnahme dieser Deckkraft aus dem Hintergrund und ich werde Anruf zeigen. Wir werden dieses Logo ändern und ein schönes bisschen Animation für den Ladebildschirm erstellen . Nun wollen wir Home-Bildschirm, und wenn ich hier klicken, werde ich diese Karte Repeat grade zugreifen. Sie können unsere Gruppe es, oder Sie können es einfach bearbeiten, wie es ist genau hier. Ich habe auch einige Bilder, die ich auf splash dot com heruntergeladen habe, und sie sind nur Bilder von einigen Leuten. Ich werde es einfach ziehen und ablegen auf diesen Kreis wird blau werden, wie Sie genau hier sehen können und wenn ich loslasse, wird diese Kreise und diese Kreise auf Lee bevölkern, weil ich über ihnen schwebt. Ich werde nur die Grenze entfernen, weil wir sie nicht brauchen, denn wenn du dich daran erinnerst, hatten wir gerade diese Grenze um unsere Bilder. Wir werden es entfernen, und an dieser Stelle, mit der diese Wiederholung große ausgewählt. Sie können dieses Avatar-Bild auswählen, und Sie können zum Beispiel Schlagschatten hinzufügen, und es wird den Schlagschatten über alle Ihre Bilder hinzufügen, wie Sie hier sehen können. Ich werde das nicht tun, weil ich glaube, dass das für dieses Bild nicht notwendig ist. Aber lassen Sie uns weiter und fügen Sie neue Bilder zu diesem Bildbereich hinzu. Also noch einmal, wenn ich sie in Drag & Drop ziehen, wird es diese Bilder füllen, und es ist die beste Idee Zehe. Nennen Sie Ihre Bilder entsprechend, also ging ich voran und nannte dieses Bild eins. Das war Nummer zwei. Das war nummerfrei. Dann wird es sie in dieser bestimmten Reihenfolge hinzufügen. Ich werde dasselbe für diese Bilder tun. Also das sind 0102 und 03 Jetzt werde ich voran gehen und einige dieser Namen ändern, damit das Jane Doe sein könnte. Alles, was Sie tun müssen, ist einfach einen Doppelklick auf den Namen und es wird diesen Namen ändern. Lassen Sie uns das zum Beispiel nennen . Weißt du, Paris, Frankreich. Lassen Sie uns sehen und bewegen Sie uns einen nach unten. Und das wird vor vier Minuten sein, weil es von der letzten bis hin zu den späteren weitergeht . Also lassen Sie uns das zum Beispielvor sechs Minuten bewegen zum Beispiel . Nur das. Ein bisschen visuelles Interesse. Und rufen wir diesen Kerl an. Aber ich kenne James . Sagen wir so, und wir lassen es in London, England, für diese Schlüssel. Sie können auch ändern, wie viele Kommentare jedes Bild hat, aber ich werde das nicht tun. Vielleicht kann ich es dafür tun. So echt. 18 Kommentare und die 3. 1 wird 24. Also, das ist es im Grunde für diesen. Und wir gehen zum nächsten Bildschirm im nächsten Video, also sehen wir uns dort. 86. Design erstellen 2: Lassen Sie uns jetzt dieses Bild öffnen Bildschirm entworfen und weil wir bereits wissen, den Namen dieser Person. Öffnen wir einfach die Karte lokalisiert Avatar, und ich werde das Bild per Drag & Drop drinnen. Aber Sie müssen vorsichtig sein, nicht fallen zu lassen. Legen Sie es auf dieses Bild, aber auf dieses Bild, und Sie werden diese blauen Highlight sehen, wenn Sie süß zwischen ihnen sofort Buchstaben gehen. Wir werden die Grenze entfernen, weil wir damit konsistent bleiben wollen, und ich werde die Farbe vom Text auf Zehe weiß ändern. Du wirst in einer Sekunde sehen, warum. Ich möchte auch die Farbe aus diesen Symbolen am oberen Song Inside Back Arrow, Homer Control Select Menü ändern, und ich werde die Farbe toe weiß als auch ändern. Auch was ich hier tun möchte, ist, gehen Sie voran und reduzieren Sie Ihre pastöse auf Null , wie es genau hier ist , weil wir hier ein schönes bisschen strahlend platzieren werden. mich als nächstes Lassen Siemich als nächstesmein Bild per Drag & Drop drinnen, also werde ich einfach das Bild hier auswählen und es von meinem Desktop per Drag & Drop ablegen. Also ist es dieses Bild hier, und Sie können es eine Disposition behalten. Es wird in der Mitte zu zoomen. Wenn ich doppelklicke, können Sie sehen, was es tut oder Sie können verdoppeln, klicken und halten Sie dann Ihre Umschalttaste gedrückt und bewegen Sie sie dann nach links oder rechts, wenn das etwas ist, was Sie wollen. Aber ich denke, das funktioniert gut genug, man kann es haben, als wäre es genau hier. Oder Sie können eine leichte Strahlkraft hinzufügen und das ist, was ich tun werde und ging Zeh hinzufügen ein wenig strahlende Zehe, vielleicht um hier. Und wenn unser Herr Sie stützen, ist es nur ein wenig, damit wir es sehen können. Vielleicht kann der Grady in hier enden, zum Beispiel, so etwas wie das bei 1 60 und was ich tun möchte, ist die Grenze zu entfernen, klicken Sie auf die Feldfarbe anstelle von Vollfarbe, wählen Sie lineare Zutat und Was ich tun möchte, ist tatsächlich Zehenschlag sie, so dass die dunklere Farbe wird an der Spitze zu gehen. Hellere Farbe wird an der Unterseite gehen, so wie dies, und ich werde ein dunkles Schwarz hier und für das Weiß wählen. Ich werde die Pay-Stadt genau hier 20 senken und dann Fuß gehen. Vielleicht sogar bewegen Sie diese eine Berührung, auch hier und klicken Sie auf die schwarze Farbe und dann überall darauf. Also im Grunde nur ein bisschen runter. So haben Sie diese leichte Strahlkraft hier oben und alle anderen Symbole bleiben so, wie sie waren, so dass Sie es sogar hier verschieben können. Also nur leicht, strahlend. Wir brauchen nichts Besonderes, und Sie können diese weiße Farbe so viel wie Sie wollen nach oben verschieben, wenn das etwas ist, was Sie wollen und Sie für notwendig halten. Aber lassen Sie es uns so behalten. Zum Beispiel. Lassen Sie uns das strahlend nennen, und wir werden es direkt über unserem Bild platzieren und direkt unter dem Text und all diese Symbole und Statusleiste, damit es nicht mit unserem Design korrumpiert. Also gibt es es im Grunde für diesen Bildschirm. Sie können sogar die Farbe von diesem Logo ändern, aber ich denke, es wird ziemlich gut funktionieren, abhängig von Ihren Bildern, dass Sie Einblick enthalten, und ich ermutige Sie, mit verschiedenen Bildern für dieses Projekt zu experimentieren. So erhalten Sie diese Projektdatei und Sie können in eine Nachricht genau die gleichen Bilder springen, die Sie von hier sehen, so dass Sie doppelklicken können, finden Sie das Bild Hit Control C und auf einigen dieser nächsten Bildschirm, können Sie hören Patrouille Nachrichten genau das gleiche Bild, das ich verwendet. Aber ich ermutige Sie wirklich, mit Ihren eigenen Bildern zu üben, damit Sie unterschiedliche Ergebnisse erzielen können . Und dann können Sie dies in Ihr Portfolio posten. Jetzt für diesen Bildschirm und neues Bild. Wir werden nichts ändern, denn innerhalb des Prototyping-Abschnitts dieses Kurses werden wir mit diesem Hintergrund herumspielen und wir werden Fuß gehen. Fügen Sie hier leichte Animationen hinzu, bevor Benutzer auf „Aus Galerie hinzufügen“ klicken. Aber von der Galerie selbst, wir brauchen Zehe auf Gruppe das Gitter und suchen das Bild Nummer eins, das ist dieses. Ich gehe nur auf die Zehe. Entfernen Sie es den ganzen Weg nach hier, direkt unter jetzt Bar und ich werde alles löschen, weil in der Ordnungum Bilder mit Wiederholungsgrad einzuschließen , müssen Sie mit einem beginnen, nicht mit drei, wie ich Ihnen gezeigt habe im Designbereich dieses Kurses, aber es ist wirklich einfach, so zu erstellen. Sie haben also nur ein Bild statt drei in einer Reihe. Dann drücken Sie Wiederholungsraster und ich habe überprüft Es war 19 Pixel zwischen ihnen. Also habe ich ein wenig näher gezoomt, näher Grube toll hier und habe eine untere rechts hier und wähle 19. Und wie Sie sehen können, ist es in diesem Fall eine große Berührung. Alles, was ich jetzt tun muss, ist, einfach diesen grünen Griff ganz nach unten zu ziehen wie so. Und jetzt kann ich meine Bilder hinzufügen, so werde ich definitiv ganz hier Bilder, und ich kann die Grenze daraus entfernen, weil ich es nicht mehr brauche. Und ich habe einige Bilder bereits von einem Splash Dot com heruntergeladen. Ich greife sie alle, ziehe sie per Drag & Drop in unser Wiederholungsraster. Und wie Sie sehen können, wird es unsere Wiederholung Great mit diesen Bildern füllen, so dass Sie überprüfen können, ob Sie alles richtig haben. Also, zum Beispiel kann ich hier doppelklicken, und ich kann vielleicht dieses Bild neu positionieren. Vielleicht sieht dies berühren Weiß oder nicht, Sie können auf einen von ihnen doppelklicken, und Sie können sie neu positionieren, wenn Sie müssen. Also, zum Beispiel, können wir das hier vielleicht nach oben bewegen, und das ist fehl am Platz. Vielleicht können wir das auch hören. Um zu hören, wie ich hier in Position führe. Dieses Ah, ein bisschen verschieden. Es kann Ihre Shift und Ihre Pfeiltasten halten. Und Sie können in diesen Bildern neu positionieren, wie Sie wollen. Ich kann vielleicht seine Berührung oben bewegen und vielleicht die 1. 1 bis hier positionieren und sehen wir diese. Ja, es ist gut. Also lasst uns das nennen und fertig machen und sagen wir, dass wir alle unsere Bilder bevölkert haben. Und im nächsten Video werden wir mit Adit Image beginnen, und ich möchte Ihnen zeigen, wie Sie diese Bilder auswählen können und für die Einfachheit Zwecke. Wir werden nur das erste Bild aus unserem Raster verwenden. Und um unseren Schutz Stover richtig, müssen wir auf Gruppe diskret, weil wir brauchen, dass Benutzer toe in der Lage sein, auf dieses erste Bild und nicht das gesamte Raster klicken . Also gehe ich toe ungh, seile den großen Hit Control G noch einmal und nannte diese Bilder, weil wir jetzt getrennte Bilder hier haben . Also werde ich Sie im nächsten Video sehen, wenn wir mit dem Design auf den Rest dieser Bildschirme beginnen werden. 87. Design 3 erstellen: Also hier sind wir mit dem Bildbearbeitungsbildschirm und was wir tun müssen, als Erklärung im vorherigen Video. Ich werde nur dieses erste Bild verwenden, damit Sie das Bild direkt hier finden können und Sie es aus Ihrem Ordner ziehen und ablegen können . Und jetzt können Sie es neu positionieren, wie Sie wollen. Ich werde hier doppelklicken, weil Sie sehen können, es ist ein Landschaftsbild und Opposition es bis hier so, diese glauben, sind ein bisschen von diesem Zoll. Wie Sie sehen können, ist dies ein im Fokus, und vielleicht kann ich es vielleicht so bewegen. Aber es ist einfacher für in den nächsten Bildschirmen Zehe. Mach es so, und ich werde es so lassen. Alle diese Bilder können als seriell angeben, dass diese Symbole angeben können, wie sie waren, und jetzt werden wir zu diesem gehen, so dass ich Bild finden, meine Farbe verstecken. Übermäßig. Ich werde das gleiche Bild nach innen ziehen und ablegen, obwohl klicken Sie erneut auf die gleiche Position neu positionieren. Deshalb benutze ich diese Blätter, weil es einen großen Bezugspunkt gibt, so dass ich sie bewegen kann , zum Beispiel so und ich kann jetzt auf die Farbe Overlay zurückbringen klicken und vielleicht können Sie die Größe von Sorry reduzieren, Haben Sie zahlen Stadt von es toe vielleicht 60% der Sonntagnacht, so dass die Benutzer sehen können, was sie zuschneiden oder vielleicht sogar 50%. So können Sie hier klicken, fünf auf Ihrer Tastatur drücken, und es geht zu senken. Haben Sie die Basis Stadt auf 50%. Sie können auch mit diesem Mischmodus herumspielen, so dass Sie dunkel verwenden können, und Sie können zum Beispiel genannt brennen verwenden. Aber das werde ich im Moment nicht tun. Ich werde nur eine pastöse bei 50% verwenden, weil wir dieses Bild Zuschneidebereich haben und dann, wenn Sie bereit sind, zu veröffentlichen, Also, wenn Sie wählen, um dieses Bild zuschneiden, können Sie es wie so zuschneiden. Aber wenn Sie sich entscheiden, nicht, Sie kondensieren einfach haben es, wie es ist genau hier. Und genau das werde ich tun. Ich werde nur doppelklicken Sie hier und jetzt kann ich dieses Bild viel vergrößern. Nun, zum Beispiel, genau hier und hier ist es. Das ist im Grunde, wie wird auf unseren Füßen aussehen und später werden wir dieses Bild im Prototyping-Modus kopieren . Wir werden es dort hinzufügen, damit Sie einige Symbole direkt hier hinzufügen können. Und das ist es, was wir als Nächstes sehen. Also habe ich dieses Bild. Entschuldigung, ich habe dieses Symbol ausgewählt. Ich werde den Zehensprung hier reingehen. Vergrößern Sie, wo das ich könnte, ich werde Control V treffen und ich werde es nur ein bisschen besser neu positionieren. Aber deaktivieren Sie die Responsive Größe ändern, weil ich nicht möchte, dass es die Größe des gesamten Symbols reagiert , gehen Sie einfach zu Hause eine Shift-Taste nach oben. Und vielleicht kann ich es 20 Pixel nach links positionieren und dort verschieben, wo es sein sollte. Also hier ist es, und ich werde nur die gleiche Farbe verwenden. Vielleicht kann ich es sogar 40 Pixel verschieben, aber ich denke, 20 Pixel funktionieren gut, aber lassen Sie uns es bei 40. Eigentlich ist 40 noch besser, weil Sie sich vorstellen können, dass dies ein wirklich kleiner Platz auf Ihrem Telefon ist, und der Benutzer muss darauf mit den Finger tippen. Also lassen Sie es uns bei 40 Pixeln verwenden. Also werde ich nur die Kontrolle treffen. C springt direkt hier, traf Control V. Es wird es an der gleichen Stelle einfügen, und ich werde nur diese weiße Farbe dafür hier verwenden. Sie können auch mit mehr Details hier spielen und hinzufügen, zum Beispiel, zum Beispiel, wenn Sie dieses Bild bei 16 mal neun oder eins nach dem anderen zuschneiden möchten, oder für Instagram und so weiter, und Sie können das hinzufügen, um Scrollbar direkt hier unter die Unterseite. Aber ich werde das in diesem Fall nicht tun, weil ich mit dem Klienten gesprochen habe. Sie wollen die Dinge einfach so viel wie möglich für diese erste Runde halten und dann in der nächsten Runde spielen wir einfach mit mehr Details herum, weil sie nicht die eingesperrten Bilder haben, um, um, formatieren Sie Bilder dass Insulin hat, zum Beispiel, weil Instagram wirklich mag diese quadratische Art von Bildern, während Facebook wirklich mag diese Art von Landschaftstyp Bilder. Deshalb haben sie sich entschieden, nicht mit jedem zu gehen und dann einfach Benutzer hochladen zu lassen, was sie wollen und dann sehen, wie alles funktioniert. Und wenn es später Stadium, sie wollen einige Änderungen in Bezug auf, dass sie machen. Aber jetzt in den Anfangsphasen. Sie wollen nur nicht, dass sie ihre Benutzer mit dieser Art von Informationen überlasten. Sie wollen nur so viele Benutzer wie möglich von Anfang an. Also, jetzt lasst uns das einfach schnell beenden. Und ich werde nur ein Bild von unserem Avatar hier hinzufügen, um die Grenze zu entfernen, um es konsistent zu halten. Und dann kannst du die Leute hier knacken. Aber das werden wir im Moment nicht tun. Und lasst uns einfach so Hashtags hier eintippen. Also, was ich tun werde, ist diese Textspitze hier zu erweitern, und ich werde doppelklicken und einfach alles von hier aus verstecken. Mento endete mit den Punkten, und ich werde in einigen Aspekten tippen. Also lasst uns sehen, was wir in unserem Bild haben. So vielleicht können wir zum Beispiel, zum Beispiel, minimale Innenräume ein zum Beispiel, Dekoration und, zum Beispiel, minimalistisch wie so, und wir können diesen Text auswählen, wir kann auf die Farbe klicken. Wir können es zu blau ändern, nur um ein bisschen mehr visuelles Interesse für diese Tags hinzuzufügen, und Sie können auch mit diesem spielen und ein wenig mehr erkunden. Aber stellen Sie sicher, dass Sie dies einmal aktualisieren. Du hast es genau hier aufgelegt. Also werden wir das in der Prototyping-Abteilung des Diskurses tun. Wir werden genau die gleichen Einstellungen verwenden, wie ein zeigte Ihnen, und wir gehen Zehe zahlen Platz. Dieses Bild, das wir gerade über diesem erstellt haben und dann werden wir Prototypen machen. Wir sehen uns also im nächsten Video, wenn wir unsere Entwürfe fertigstellen werden. 88. Design erstellen 4: Lassen Sie uns jetzt unsere Entwürfe beenden und wir werden das Dashboard überhaupt nicht berühren, weil ich denke, dass das für dieses Projekt ziemlich gut funktioniert. Aber wir werden zu Likes gehen, und wir werden einige Änderungen direkt hier vornehmen. Also zuerst, schauen Sie ganz hier. Ich werde das Bild öffnen und einige Bilder von hier auswählen, und ich werde sie einfach per Drag & Drop in Sichtweite hier ablegen. Und wie Sie sehen können, bevölkerten sie diese Wiederholung sehr schön. Lass mich einfach nachsehen. Wenn sie sich wiederholen, tun sie es nicht. Und jetzt werde ich reinspringen und mich ändern. Einige dieser Zustände beginnen. Das war also vor drei Minuten. Das war vielleicht auch vor drei Minuten. Das war, sagen wir, vor fünf Minuten. Das war, sagen wir, 15, nur um die Dinge ein bisschen interessanter zu machen. Also heißt es diese 20 und um diese letzte zu ändern. Lassen Sie uns die Tab-Leiste ausblenden und das wird ein 25. Sagen wir, das ist Jane. Ich weiß nicht, Frank, Frank, das ist Mary. Ja, sagen wir, das war auch ehrlich, und Sie können offensichtlich verschiedene Namen mit dieser Wiederholungsfunktion einschließen. Also lass mich anrufen. Ja, lassen Sie diese Toby Jane Sie hinzufügen können, erstellen Sie nur eine normale Textebene und Textdatei und geben Sie einfach einige von den Standardnamen ein, die Sie online finden, und Sie können dann die Textebene direkt hier auf Ihren Text ziehen und ablegen, und es wird sie in Echtzeit zu aktualisieren, so dass sie schnell nur eine grundlegende Textdokumente erstellen können . Wenn ich es öffne, siehst du, wie das aussieht. Also nennt man es diesen offenen Teig. Es basiert in ein paar Malen, so, und Sie können dieses Zeichen nennen. Sie können das nächste nennen. Jane. Du kannst das hier nennen, Mal sehen. Und Mark, lass uns das sein. Ich weiß es nicht, Jenny, und lassen Sie uns auch offen sein, und Sie können gehen. Sie können dies natürlich auch unter Windows und Mac tun. Und dann können Sie ihr Steuerdokument ziehen und es auf diese Namen ablegen, und es wird in Echtzeit gefüllt, so dass Sie es so tun können, oder Sie können es tun, wie ich Ihnen bereits gezeigt habe. Aber es wird den Namen in ein neues Textdokument ändern, weil ich den Namen nicht geändert habe , so dass Sie ihn ändern können , zum Beispiel , zum Beispiel Benutzernamen oder so etwas, und es wird in Echtzeit aktualisiert. Sie können dies für jede Textebene tun, die Sie hier finden, besonders wenn sie sich wiederholen. Also, zum Beispiel, wenn Sie etwas wie Orte haben oder Sie haben, ich kenne diese drei Minuten, vier Minuten, fünf Minuten und so weiter nicht. Sie können dies für alle diese Textebenen tun, aber stellen Sie sicher, dass Sie diese Datei benennen, da hier der Dateiname und der Layer-Name aktualisiert werden. Also lasst uns die Lasche mitbringen. Sind wieder da. Gehen wir zu diesem Bildschirm. Und das sollte John sein, nur um die Dinge konsistent zu halten. Und wenn wir hier überprüfen, ist es John, und wir werden das gleiche Bild des Benutzers hier und Onley Ding & Drop ziehen. Wir werden uns ändern, richtig? Hier sind diese Bilder, aber wir werden dasselbe tun. Wie für die Anzeige aus der Galerie gingen Zehe auf Gruppe zu groß. Wir werden das erste Bild finden, das hier ist. Ich gehe mit den Zeh. Verschieben Sie es hier. Ich werde wählen. Alles sollte Klay ganz hier löschen. Hit. Wiederholen. Großartig. Und ich werde drei Instanzen näher zoomen. Schließen Sie es hier und ich werde es nur 19 machen, wie es hier ist. Und Sie können in der Mitte positionieren und alles, was ich tun möchte, ist jetzt hoch. Die Registerkarte ist da, und ich werde den ganzen Weg runterstrecken, bis vielleicht hier. Ja, das funktioniert gut. Und gegen wen? In ein bisschen näher, Um es genau hier zu schließen und genau zu sein. Und was ich tun kann, ist dann wählen Sie alle meine Bilder und ziehen Sie sie dann in ihre gehen, um zu füllen. Und es ist wichtig, dass dies das erste Bild ist, das wir verwenden, weil dieses Bild genau hier bevölkert wird . Was Sie auch tun können, ist dieses große zu duplizieren, weil es genau das gleiche ist. Und dann ziehen Sie es einfach in Position. Und vielleicht können wir das tun. Du hast denkbar Kontrolle C getroffen und dann direkt hier springen. Aber ich wollte Ihnen diese Option auch zeigen, und ich werde Control V drücken und ich werde diese Bilder einfach hier verschieben, denn wenn Sie sich erinnern, ändern wir einige der Positionen von diesen Bildern und lassen alles aussehen konsequent, wir werden es einfach so halten. Jetzt werden wir es hier verschieben. Löschen sind ein bisschen Gitter, und alles, was ich von diesen Bildern tun möchte, ist einfach voran zu springen und einige von ihnen zu löschen. Also werde ich von unten anfangen und diese löschen und auch diesen letzten löschen. Und niemand hat die Bar zurück. Sie können sehen, dass es schön aussieht. Sie können diese Bilder auch bestellen, wenn Sie möchten, und dies sollte Bild eins in gerade Straße und so weiter sein. Oder Sie können sie einfach so exportieren. Aber das wird eine andere Sache sein. Kann zu Toe Prototyping werden, und ich werde zeigen, wie Sie sie später in Ihren Prototypen ändern können und wie Sie sie für einen einfacheren Zugriff exportieren können . Aber jetzt beschäftigen wir uns endlich mit dem Site-Menü-Bildschirm. Alles, was ich hier tun möchte, ist, ein weiteres Bild einzuschließen, um das gleiche Splash-Bild zu verwenden, also werde ich es einfach ziehen und ablegen, und ich werde eine Hintergrundunschärfe einschließen, wenn alles, was ich hier tun möchte, ist die apace iti Nur ein wenig. Also, zum Beispiel, vielleicht 5%. Oder lassen Sie es uns bei 6% behalten. So ist alles noch sichtbar. Und das wird nur ein bisschen mehr visuelles Interesse hinzufügen, da es von den oberen Rändern aus unserem Bildschirm kommt . Und das ist es im Grunde für das Design. Ich werde Sie im Prototypenbereich sehen, der als nächstes im Diskurs kommt, und wir gehen Fuß. Fügen Sie hier und da ein paar Änderungen in einigen Optimierungen hinzu. Wir werden mehrere andere Bildschirme einschließen. Ich werde Ihnen zeigen, wie Sie einige dieser Bilder ändern können, weil wir diese Schieberegler hier haben . Wir werden sie ändern und einige Änderungen an diesem Bild vornehmen lassen. Und dann werden wir diese Änderungen auf diesem und auf diesem Bild aktualisieren. Und schließlich werde ich Ihnen zeigen, wie Sie dieses Bild auf Ihrem Home-Bildschirm direkt hier in der Vorschau sehen können, wie es wird zu Pop in und verschieben alle diese Bilder nach unten und so weiter. Also werden wir damit herumspielen, und wir werden mit einigen dieser Bilder Namen herumspielen, weil wir dann all dies für Entwickler und für unsere Kunden exportieren werden. Also müssen wir das in einem späteren Teil außerhalb des Kurses tun. Aber das werde ich jetzt nicht tun, weil es nur eine Menge Zeit in Anspruch nehmen wird. Und wir werden sowieso Duplikate aus diesen Ebenen machen. Und wir werden das unseren Kunden später zeigen, wenn wir das Prototyping abseits Diskurses erreichen, also sehe ich Sie im nächsten Video. 89. Prototyping 1: in diesem Video werden wir anfangen, unsere Prototypen zu erstellen. Und um das zu tun, werde ich ein Duplikat von all diesen Designs machen, denn wenn ich nicht den ganzen Weg hinauszoomen kann , können Sie sehen, dass wir absichtlich alles, was wir bisher geschaffen haben, hier in dieser linken Ecke neben unserem Tempo platziert haben. Brett. Und wir werden sie jetzt duplizieren und dann einfach hier auf der rechten Seite platzieren. Und jetzt lassen Sie mich etwas näher heranzoomen. Ich werde alle diese Bildschirme auswählen. Er hatte den Zeh kontrolliert, ein Duplikat gemacht und dann einfach die Zehe irgendwo hier bewegt, zum Beispiel bei 200, so dass wir den gleichen Abstand zwischen These Stil Gate-Drahtrahmen, Design und schließlich Prototypen haben . Als nächstes werde ich einfach diesen Designtext duplizieren und hier doppelklicken und Prototypen eingeben oder einfach den Text hier schützen und verschieben, weil wir in einem Moment viel mehr Bildschirme haben werden . Aber im Moment werden wir es einfach verlassen. Ein Zit ist das Erste, was zuerst ist. Lassen Sie mich alle diese Bildschirme auswählen, weil ich zuerst auf den Ladebildschirmen arbeiten werde , und was ich tun werde, ist darauf klicken und dann zwei Kopien erstellen. Und für diese erste Kopie, was ich tun werde, ist, diese 360 Grad zu drehen. So wie so. Und für diesen werde ich es löschen und dann dieses duplizieren, weil es einfacher ist, weil wir 360 Grad gedreht haben , dann einfach dieses zu kopieren. Und dann, was ich tun möchte, ist es einfach nach Hause zu vergrößern. Eine Verschiebung alten und linken klicken. Der alte Weg nach hier, zum Beispiel, so etwas. Also haben Sie einfach ein bisschen davon links hier, drinnen von Ihrem Bildschirm. Und ich gehe auch die Zehe, senke deine pastöse auf Null. Als nächstes werden wir dasselbe für unser Image tun. Also zoomen Sie den ganzen Weg nach hier, zum Beispiel? Weil ich dieses schwarze Bit dieses weiße Bit abdecken möchte. Gehen Sie also auf, zoomen Sie viel und machen Sie so etwas. Also, bis im Grunde so etwas zu bekommen. Es deckt also Ihren gesamten Bildschirm ab. Ja, so etwas. Und jetzt kommt die Zeit für uns, es zu Prototypen zu konstruieren. Also, was ich tun werde, wird nicht auf diesen klicken. Quicken Prototyp. Ich ging, um mein Blau zu ziehen, um hierher zu gehen. Wir werden eine Zeitverzögerung von 0,6 Sekunden verwenden. Wir werden Auto und Fleisch benutzen. Wir werden einfache Notiz verwenden und schließlich, für die Dauer werden wir zwei Sekunden verwenden. Und jetzt, danach, müssen wir diesen und diesen Bildschirm verbinden. Also, was ich tun werde, und ich werde das viel in diesem Abschnitt des Kurses tun, werde ich diese Bildschirme hin und her bewegen, denn jetzt haben wir diese drei Bildschirme. Und um die Konsistenz zu erhalten, werde ich sie einfach hierher bringen. Also, was wir für den ersten Bildschirm haben, werden wir nicht für den zweiten Bildschirm tun. Also werde ich klicken und ziehen Sie die blaue Kerze hier. Wir werden die Zeit 0.6 benutzen. Animieren Sie auch, lockern Sie sich. Aber für die Dauer möchten wir 0,6 Sekunden verwenden. Und schließlich, für die gerührten sind arm. Was wir tun werden gezogen blaue Kerze verwenden Zeit zu hören und für die Verzögerung, wir Doppeltippen sind Null. Halten Sie Moderator Zeh, haben Sie eine Verzögerung von Null Sekunden. Automatische Animatoren. Nun, einfache Note und 0,6. Und lassen Sie es uns wissen, sehen Sie es vor. Ich klicke direkt hier. Sie können durch Rotationen in der größten sehen und es verblasst weg und präsentiert uns mit diesem Bildschirm. Also, wenn wir es noch einmal überprüfen, können Sie sehen, die dreht und dreht Noch einmal verblasst und präsentiert uns heute Schrei im nächsten Video. Wir werden anfangen, auf dem Home-Bildschirm zu arbeiten, also sehen wir uns dort. 90. Prototyping 2: Lassen Sie uns nicht auf unserem Home-Bildschirm arbeiten, und ich werde zum Design-Tap hier wechseln, und ich werde das noch einmal tun. Also werde ich alle unsere anderen Bildschirme auswählen, sie verschieben, und ich werde einfach ein Duplikat mit hier machen, und dann werde ich sie alle wieder hierher bringen. Wir werden tatsächlich mehr von diesen Startbildschirmen in den nächsten Videos haben. Aber jetzt lassen Sie es uns einfach so behalten. Also für diesen, fangen wir zuerst damit an. Also, wenn ich in die Ebenen Panel springen, können Sie sehen, dass wir diese Karte haben. Und was ich in diesem tun möchte, ist, dass ich einfach meine Shift-Taste schnell halten und sie dann ganz nach oben bewegen möchte. Dann, sobald sie mit unserem Tab ausgerichtet sind, können Sie Verschiebung in unserer Gefahr zweimal drücken, um 20 Pixel nach oben zu bewegen. Wenn wir nun wieder zum Prototypengraben wechseln, kann ich einfach darauf klicken und diesen blauen Griff hierher ziehen. Und anstatt zu tippen, werde ich ziehen. Und für die Erleichterung, können Sie einfach und heraus verwenden, nur um alles konsistent zu halten und dann einfach wieder hierher zu bringen . Sobald wir es in der Vorschau sehen, können Sie sehen, wie das aussieht. So konnte alles so nach oben und unten gezogen werden, und es funktioniert einwandfrei. Nun denken wir daran, dass wir das neue Bild in einigen dieser anderen Bildschirme hochladen werden, und dann werden wir diese Änderungen ein bisschen später vornehmen. Aber jetzt lassen Sie es uns einfach so behalten. Jetzt lassen Sie uns doppelklicken direkt hier innerhalb dieses Bildes, und was wir tun wollen, ist dies hierher zu ziehen. Wir gehen zu Ihnen Schritt oder Fuß animieren, einfach und aus. Mal sehen, Vielleicht können wir verwenden, zum Beispiel, 0.4 Sekunden hier, und was wir hier tun wollen, ist ein Doppelklick, dieses, dieses, ziehen Sie es hier und verwenden Sie die gleichen Einstellungen, weil wir wollen, dass die Leute in der Lage sein, dies in der Stadt nach oben und unten zu scrollen. Und dann, wenn sie hier klicken, wird es auch zu diesem animiert. Und wenn Sie zurückgehen möchten, können Sie hier klicken, und es wird Sie direkt zurück. Und was ich auch will, ist. Ich möchte auf dieses Bild klicken, dass ich den ganzen Weg zum Profilbildschirm gehen möchte, damit Sie den Profilbildschirm direkt hier finden können . Sie können diesen Blasgriff einfach ziehen und die gleichen Einstellungen verwenden. Und was ich will, ist von hier aus. Ich möchte, dass die Leute in der Lage sein, auf dieses Bild zu klicken und dann die gleiche Erfahrung wie hier zu haben . Was wir auch tun müssen, ist, einige davon zu verbinden. Also werde ich meine Kontrolle anrufen, halten und klicken Sie drinnen auf dieses Like-Symbol. Ich kann das Auto schließen, weil ich es nicht mehr brauche. Und wenn ich auf die Likes klicke, möchte ich in der Lage sein, auf dem Like-Bildschirm direkt hier zu gehen. Also ziehe ich einfach diesen blauen Griff nach hier. Und dann möchte ich hier klicken und dann gezogen Toe hinzugefügt Dieses neue Bild. Wir werden die gleichen Effekte für alle haben und schließlich auf das Profil klicken, und ich möchte hier zum Profilbildschirm gehen können. und schließlich auf das Profil klicken, Und das ist der langweiligste Teil, weil es so mühsam ist. Aber Sie müssen es wirklich tun, denn sonst wird das einfach nicht richtig funktionieren. Das ist also für die Gleichen. Sie können die Kontrolle halten und nach innen klicken, müssen aber etwas näher zoomen, da diese es bedeckt. Sie können auf das Hinzufügen klicken, und es wird Sie zu diesem Bildschirm führen. Und schließlich, wenn Sie auf das Profil klicken, gelangen Sie zum Profilbildschirm. Und lasst es uns einfach noch ein Mal für diesen hier machen. So alt doppelklicken Sie hier. Halten Sie die Kontrolle und klicken Sie drinnen, um den Zyklus und andere lokalisiert Likes auszuwählen. Ziehen Sie einfach einen kleinen Griff und es wird direkt hier zur Ameise klicken, und ich werde es hierher ziehen und schließlich den Steuerungsklick halten und dann einfach zum Profil ziehen . Also, wenn Sie hübsch mit noch einmal, so würde er mit diesem Jahr spielen, können Sie ziehen, um nach oben und unten zu scrollen. Sie können auf diese klicken, und wenn Sie hier klicken, wird es Sie zum Profilbildschirm bringen, so dass es im Grunde für dieses Video im nächsten Video, wir werden mit Bild geöffnet beginnen und wir werden einige hinzufügen -Effekte. Wenn die Leute hier klicken, um dieses Bild zu mögen, wird es sich ändern und einen schönen, subtilen Übergang hinzufügen und von diesem leeren Zeh ein rotes Herz ändern, also werde ich dich dort sehen. 91. Prototyping 3: Lassen Sie uns nicht mit diesem Bild zu spielen öffnen Bildschirm. Ich werde zurück zu meinem Design-Tab und Samos springen, bevor ich alle unsere Ports auswähle und sie einfach aus dem Weg für jetzt. Und auf dieser 1. 1, was ich tun werde, ist zu springen und das Likes-Symbol zu finden. Hier ist es, und ich werde Kontrolle D treffen, um biblische Abschleppen zu machen. Ich nenne es Likes Field, zum Beispiel, und ich werde das für jetzt verstecken. Ich klicke gleich hier, und du hast all diese Punkte und all diese Notizen bilden diesen Ort. Also, wenn Sie sie löschen, wird es alles abdecken, und Sie werden nur mit der flachen Form und gefüllten Form bleiben. Eigentlich, wenn Sie nicht Aiken haben, das dieses Feld sowie, ah, Strichform hat ah, , dann verwenden Sie sie. Aber wenn Sie dies nicht tun, ist dies die Methode, die Sie verwenden können. Und schließlich, für die Füllfarbe des einfachen Einfügen, die Farbe bereits gewählt, und es ist diese rote Farbe und lassen Sie mich schnell hier zum Farbfeld hinzufügen und auch direkt hier springen und hier auch hinzugefügt. Ich werde zurück springen und auf Abneigungen gefüllt in diesem ersten Bildschirm wird es bei Null halten oder zahlen Stadt . Ich werde das zurückbringen und was ich tun werde, ist, das zu duplizieren. Und in diesem zweiten Zustand, was ich will, ist, das Herz zurück zu bringen. Also werde ich es so zurückbringen. Ich bringe das auf Null und eine Menge Trockenheit in nur ein bisschen. So können Sie halten, verschieben Sie alt und links klicken, so dass ich es hier vergrößern kann, zum Beispiel und was wir jetzt tun wollen, anstatt dieses zu kopieren, ich werde einfach diese 1. 1 kopiert, weil es alles ursprüngliche Herz innen hat und ich wird nach innen springen, Kind Meine Likes, wie so und niedriger Dupay Stadt dieser 20 So wird es von hier unsichtbar sein , Zehe sichtbar und groß und dann wieder in , seine ursprüngliche Position und Größe kommen, So kann ich Schließen Sie das. Ich schließe sie auch alle, wenn sie offen sind. Sie sind genau hier. Also, was wir jetzt tun müssen, ist zu springen und Prototypen alles. Also, was ich hier will, ist Ochlik genau hier. Dann klicken Sie auf das Herz-Symbol und zog den blauen Griff Zehe hier und was ich will einen Schritt oder Zeh animieren, Lockerung und 0,6 Sekunden. Nein, ich werde einfach auf diese ganze unseren Port ein Drag klicken, meine blaue Griffspitze hier und was Sie diese Zeitverzögerung von Null Sekunden verwenden wollen. Auto Feinde ist in out und 0,4 Sekunden, weil wir diese leichte Verzögerung haben wollen, wenn die Leute hier klicken. Wir möchten, dass diese Aktion mit dem Stammzeit-Trigger geschieht und es wird sich ändern, dann schleppen Sie diese ursprüngliche Größe und diese ursprüngliche Form. Also lassen Sie uns schnell eine Vorschau anzeigen, damit die Leute direkt hier springen können. Öffnen Sie dieses Bild, und wenn sie mögen wollen, wie Sie sehen können, sieht es wirklich schön aus. Es ist eine Art Sprünge von diesem Ort und mit Time-Trigger, es wird dann zurück zu diesem gehen. Also, wenn ich es noch einmal umschalten, wenn Sie darauf klicken, wird es irgendwie herausspringen und dann in seine ursprüngliche Position gehen. Was wir jetzt tun können, ist einfach voran zu springen. Und weil dies ein Zeitauslöser war, werde ich ihn nicht benutzen. Aber Sie können hier klicken und den ganzen Hahn auf einen dieser und Sie können sehen, es ist einfach in out und 0,4 Sekunden und wir können es für alle von ihnen direkt hier tun. Also führe ich hier klicken, finde meine Likes. Es ist in diesem ein und 0,4 Sekunden, und ich kann hier auf die Anzeige klicken. Und schließlich kann ich hier klicken, um ein Profil sprang ein Profil zu profilieren, denn wieder, dies ist ein Zeitauslöser und es wird in nur 0,6 Sekunden vorbeifliegen, und es wird auf diesem Land landen, so dass Sie nicht die Steppenbereiche auf diesem einen erstellen müssen. Das war's also für dieses Video. Und im nächsten Video werden wir hineinspringen und anfangen, neue Bilder, Bildergalerie und schließlich hinzugefügte Bilder hinzuzufügen . Wir werden diesen Bildschirm starten, weil er viele verschiedene Bildschirme enthält, sobald wir es bekommen. Also sehe ich dich im nächsten Video 92. Prototyping 4: in diesem wirklich alles. Wir werden weitermachen, wo wir aufgehört haben, und beginnen mit der Arbeit an New Image, weil ich einen weiteren Bildschirm haben werde. Lassen Sie mich diese Bildschirme schnell nach rechts bewegen, wie so, und ich werde in meinen Design-Modus springen, Hit control V toe, ein Duplikat davon machen und was ich genau hier tun möchte. Ich möchte, dass dies mein letzter Zustand ist, also wird es ursprünglich so acht schlechter sein. Aber für diesen werde ich einfach reinspringen und einige dieser Teile bewegen, damit ich das ein wenig nach rechts bewegen kann und das ein wenig nach links bewegen kann. Das geht nach rechts. Das geht nach links, und was ich auch tun kann, ist einfach eine Drehung. Diese Blätter nur ein bisschen wie so, weil ich nur ein bisschen visuelles Interesse machen möchte . Also, wenn die Menschen auf diesem Bildschirm landen, was der Bildschirm ist, wenn sehr nachlässig, von was auch immer sie darauf klicken, fügen Sie neue Bild-Schaltfläche, dann Entwicklung dieses Bildschirms. Eine leichte Animation wird im Übergang zu diesem Bildschirm passieren, und jetzt können sie aus der Galerie klicken und dann wird es sie auf die Kalorien oder von der Kamera nehmen , für diese Angelegenheit, und es wird sie zur Kamera bringen. Also, jetzt springen wir zurück auf den Prototyping Graben. Ich ziehe einfach meine blaue Kerze aus unserem ganzen Hafen, und ich nutze die Zeit. Null Sekunden für die Verzögerung. Animiere auch Lockerung und die Dauer beträgt zwei Sekunden, weil ich möchte, dass dies in der Lage sein wird, gut zu übergehen . Wenn ich also auf Vorschau klicke, können Sie sehen, was es tut. Es dreht nur im Grunde diese Blätter und kommt zurück in seine ursprüngliche Position. Also, wenn ich es noch einmal vorschau, können Sie sehen, wie das aussieht. Also nur eine kleine kleine Animation, die wir spielen werden, wenn die Leute dort jetzt landen, weil wir keine weiteren Bildschirme schwächen hinzufügen müssen, springen zurück und machen diese Zehe ihre ursprüngliche Position. Und was wir von diesem wollen, ist wir wollen, dass die Leute auf die Galerie klicken. Also, wenn ich hier klicke, ziehen wir diesen blauen Griff. Werden Sie Schritt statt Foto Feind zu? Wir werden den Übergang verwenden und für die Animation werden wir leicht nach oben verwenden. So wie diese und die Dauer wird 0,6 Sekunden sein, wie so einfach ein Out Weil wir wollen, dass die Leute hier klicken können, und dann wird dieser gesamte Bildschirm von unten nach oben gleiten. Wenn ich also rechts hier klicke, auf Vorschau klicke, aus Galerie hinzufügen klicke, kannst du sehen, wie das aussieht und jetzt werden die Leute in der Lage sein, hier zu klicken, und es wird sie zu diesem Bildschirm bringen. Also lassen Sie uns jetzt schnell daran arbeiten, und ich werde noch eine Kopie von Adit Bild machen. Also, was ich eigentlich tun werde, ist einfach in diesen roten den Rest dieser Bildschirme aus dem Platz zu bewegen , wie Also werde ich auf dieses klicken und ein Duplikat machen es so. Und was ich hier genau tun möchte, ist, wenn Leute von diesem auf diesen Bildschirm übergehen, ich möchte, dass dies zum Beispiel von unten leicht nach oben geht. Also, was ich tun werde, ist, dass ich sogar doppelt zurückspringen kann Sorry, dieses gelöscht, und ich kann alle diese auswählen und Control G drücken und es Schieberegler wie so nennen, weil es für mich leicht sein wird Zeh. Verschieben Sie sie als Gruppe. Jetzt werde ich Control D drücken und in diesem ersten Bildschirm wird es einfach aus dem Weg den ganzen Weg zu Fuß hier bewegen , zum Beispiel. Aber nur dafür zu sorgen, dass etwas davon drinnen von unserem Hafen bleibt, und ich gehe einfach über ihre Basis. Es ist runter. Jetzt. Was wir tun können, ist, dass wir hier klicken und auf unser erstes Bild klicken können. Das wird herausspringen, und nach einer gewissen Zeit wird das Zehenauftauchen von unten. Also mal sehen, wie man das macht. Lassen Sie uns in den Prototyping-Modus springen. Ich werde auf dieses Bild klicken, meinen blauen Griff hierher ziehen und was auch immer wirklich hier hinzufügen wollte Schritt auch animieren für den Übergang. Einfach ein Out und 0,4 Sekunden, weil ich möchte, dass dies schnell geschieht. Und jetzt, nachdem das passiert ist, möchte ich in der Lage sein, von hier zu diesem zu springen. Also werde ich tatsächlich den Zeitauslöser verwenden. So wie so. Verzögerung ist bei Null Sekunden automatisch animieren einfach. Ein Ausgang und eine Dauer von 0,6 Sekunden. Also, wenn Sie hier zuerst rechts klicken, gehen wir zurück oder den ganzen Weg zu diesem. Wenn ich also aus der Galerie klicke, wird es uns in die Galerie bringen. Sie können auf das erste Bild klicken, und wie Sie sehen können, öffnet es dieses erste Bild, und diese Schieberegler springen von unten heraus. Also, wenn eine Vorschau es noch einmal, Sie können diese leichte Pannen Nets sehen, weil dies schlecht ist weiße Farbe. Und das unser Hafen ist graue Farbe. Deswegen haben wir diese leichte Panne. Also, das ist es im Grunde für dieses Video. Und im nächsten Video werde ich zeigen, wie Sie verschiedene Bilder direkt hier hinzufügen können, und wir werden einige dieser Schieberegler bewegen, damit Benutzer tatsächlich Änderungen an diesen Bildern in Echtzeit vornehmen können . Also sehe ich dich dort. 93. Prototyping 5: Lassen Sie uns wissen, nehmen Sie Änderungen an diesem Bildschirm. Aber bevor wir gehen, lassen Sie uns schnell an diesen arbeiten, weil ich vergessen habe, sie früher hinzuzufügen. Also werde ich doppelklicken Sie rechts hier auf diesem Zurück-Pfeil klicken Sie rechts hier und Sie gehen zu Ihnen Schritt und statt Auto Enemy zu werden wir gehen, um zu übergehen. Und hier werden wir tun, zum Beispiel, leicht links. Sehen Sie, wie das aussieht. Also, wenn wir hier rechts klicken, drücken Sie Vorschau aus der Galerie und in leicht links. Aber wir müssen es zurückentwickeln, also klicke ich hier. Es rutscht nach oben, also werde ich es einfach leicht ausdrücken. Nein, ich also, um es wieder in diese ursprüngliche Position zu bringen. Wenn ich also auf Vorschau klicke, klicken Sie rechts hier und dann zurück, es wird uns zu diesem Bildschirm führen. Das funktioniert also gut. Und für diese, können wir einfach von diesem Pfeil klicken, um zurück auf den Bildschirm zu gehen und Sie können wir Schlitten links so Übergang und dann leicht links verwenden . Sehen Sie, wie das aussieht. Also lassen Sie uns eine Vorschau dieses Bildschirms, und wenn Sie auf diesen Pfeil klicken, wird es Sie hierher bringen. Aber ich denke, Rutschen rechts könnte sogar noch besser funktionieren. Also nach rechts gleiten? Hitzevorschau? Ja, es funktioniert viel besser, also ist das einfach. Denken Sie an Adobe X'd. Wenn Sie etwas vergessen, können Sie leicht zurückspringen und diese Änderungen und Optimierungen in Sekundenschnelle vornehmen. Also, weil wir hier noch ein paar Bildschirme hinzufügen werden, lassen Sie mich schnell alle diese aus dem Weg ziehen. Also erster Bildschirm, den ich hinzufügen werde, wird Helligkeit genannt werden. Also doppelklicken Sie hier und ich werde diese Helligkeit nennen. Also lassen Sie mich es schnell von hier aus tun und die lassen Sie uns diese Schieberegler leicht bewegen. Also doppelklicken Sie hier, weil wir die Helligkeit von diesem Bildschirm auslösen werden. Also lassen Sie mich hier doppelklicken. Farbe des Schiebereglers Ich werde es verschieben, zum Beispiel hier. Klicken Sie dann auf den Kreis, halten Sie meine Umschalttaste gedrückt, bis Sie dieses Kreuz hier sehen. Was bedeutet, dass es in der Mitte von dieser Folienfarbe ist. Und jetzt, als wir das taten, können wir einen anderen machen, um ihn zu beschaffen. Wir werden das einen Kontrast nennen. Wenn die Leute also den Kontrastschieber direkt hier bewegen, wird er auch hier aktualisiert. Also führen wir Woche hier auf diesem Schieberegler für den Kontrast und bewegen ihn hier, zum Beispiel, nur leicht. Und dann bewegen Sie den Kreiszehe. Hier. Sie können das schließen. Machen Sie noch eine doppelte Wärmeregulierung, oder? Das wird Highlights sein. Löschen Sie dies und für die Highlights. Ich möchte etwas tiefer gehen, weil man normalerweise mit den Lichtbildern auf Highlights tiefer gehen möchte, weil die Highlights dort schon sehr stark sind. Und schließlich, lasst uns hier an unseren schwachen Schatten arbeiten und Schatten, Einsicht wie so und für die Schatten einschließen . Ich möchte in der Lage sein, die Schatten zu öffnen, weil es schon wirklich Licht Bild irgendwo hier herum ist. Vielleicht, vielleicht gerade das zurück, und hat diesen Kreis nicht einfach in Position gebracht. Also, wenn Sie das getan haben, müssen Sie Bilder, die Zehe enthalten, um diesen Änderungen entsprechen. Das ist also unser Originalbild, das wir aus unserer Galerie an ihm Bildbaum genommen haben und sie absichtlich so genannt werden , weil ich diese Bilder schon vorbereitet habe. Und wenn ich sie zurück hierher bringe, kann man sehen, dass ich sie Helligkeit, Kontrast, Lichter und Schatten nannte Kontrast, . Was ich getan habe, ist, dass ich sie im Fotoshop geöffnet habe. Wenn Sie nicht vier Shop haben, können Sie jede andere Software verwenden, die er will. Und im Grunde habe ich die Helligkeit für dieses Bild angepasst. Er hat es gerettet. Angepasster Kontrast Er hat es gerettet. Highlights sagen, dass aus Schatten und so weiter. Und wenn ich doppelklicke Zehe, öffnen Sie diese Bilder, können Sie sehen, wenn ich zwischen ihnen wechseln, können Sie eine leichte Änderung sehen, weil ich diese Änderungen vorgenommen habe. Also, was ich jetzt tun werde, ist für die Helligkeit. Ich werde Helligkeit für den Kontrast, Kontrast und so weiter verwenden . Also lasst uns das machen. Also hier sind wir wie die Helligkeit. Ich gehe nur mit der Zehe Drag & Drop mein Bild hinein. Und für dieses besondere Bild haben Sie Zehe kennen Ihre Platzierungen. Es sind 49 Pixel auf der linken Seite. Also von diesem Rand, was ich tun werde, ist die ganze Schicht 12345 und dann einfach ein Pixel nach rechts bringen. Dann werde ich dasselbe für den Kontrast verwenden. Also werde ich das Kontrastbild hier platzieren, und ich werde es hier in Position bringen. 123451 Ich werde das gleiche für die Highlights tun So schnell. 123451 und schließlich in das gleiche für die Schatten. Also, wie diese 12345 und dann eins nach hinten. Wie Sie sehen können, ist es wirklich einfach, dies zu tun, und es dauert wirklich nicht so lange. Es ist wirklich ein paar Sekunden, wenn Sie Ihre Bilder richtig positionieren, und jetzt lassen Sie uns in eine Prototyping-Zeit springen, weil wir einige Änderungen an diesen Bildern vornehmen müssen . Was ich will, ist, dass ich auf diesen Helligkeitsschieber im Bearbeitungsbild klicken werde. Also werde ich stumpf klicken Sie hier auf diesen Kreis. Ich werde ziehen, um zu hören, verwenden und trank oder Zehe animieren. Und für diese englische Verwendung ist in out. Klicken Sie jetzt hier auf diesen Kreis. Bringen Sie es zurück, dann doppelklicken Sie hier und dann rechts hier. Klicken Sie niemals direkt hier auf die Highlights. Und schauen Sie nicht genau hier, damit wir es bei Bedarf zurückbringen können. Klicken Sie nun auf diesen und schließlich keinen Klick auf diesen. Also lassen Sie uns das jetzt schnell testen. Ich gehe von diesem Bildschirm aus und klicke direkt hier. Es wird Übergang und dann können Sie einfach diesen Schieberegler bewegen und Sie können sehen, dass der Effekt in Echtzeit geschieht . Und es wendet diese Änderungen an und die wir in diesen Bildern vorgenommen haben. So können Sie zum Beispiel einen machen. Also lassen Sie uns sagen, dieser erste Bildschirm und dann diese vier Bilder Einsicht für noch reibungsloseren Übergang. Halten Sie sie alle 0% der Pay-Stadt, und wenn Sie zwischen ihnen wechseln, feuern Sie Ihre Basisstadt zurück auf 100. So zum Beispiel diese Helligkeit zum Beispielbei 0% hier. Wenn Sie den Schieberegler bewegen, wird er 100 für diese anderen, die dasselbe tun. Also, das ist es im Grunde für diesen Teil. Und jetzt müssen wir die Ernte haben. Aber vor der Ernte machen wir vor und nach. Also springen Sie direkt hier Hit Control D, und das wird als Vergleich bezeichnet werden. Mal sehen, weil wir wollen, dass der Benutzer in der Lage sein zu vergleichen, was vorher passiert ist und was danach passiert ist . Aber anstatt dieses Bild zu verwenden, was ich tun werde, ist, dass es öffentlich ganz hier ist. Kopieren Sie das. Also muss ich nicht nochmal einschreiben. Ich werde dieses Bild Hit Control verwenden, weil es Originalbild enthält und Werte dieses Bild, weil es endgültige Bild enthält. Also werde ich die Kontrolle in der Tat tun, lokal, ganz hier auf Basis meines Titelnamens Mein Port-Name. Das wird danach sein, und das wird vorher sein. Was ich eigentlich tun werde, ist, das Bild aus den Schatten zu finden, denn das war das letzte Bild, das wir hier benutzt haben. Und ich werde es direkt hier auf das Bild ziehen und ablegen. Und was ich tun werde, ist doppelklicken und dann einfach nach hier verschieben. Sagen wir einfach, damit wir einige dieser Veränderungen sehen können, vielleicht so, damit die Menschen diese Veränderungen sehen können, und Sie können natürlich Moscheen benutzen, wenn Sie wollen. Aber ich denke, das funktioniert gut. Und jetzt, was wir tun müssen, ist, dass wir auf dieses Symbol klicken müssen, genau hier oben, und wir haben die Zehe erstellen diese Übergänge aus dem Vergleichssymbol. Also klicke ich hier auf das Symbol, weil dies unser letzter Bildschirm für Schatten ist und möchte, dass Benutzer die Bilder von hier vergleichen können und dann zurückkehren können, wenn sie damit zufrieden sind . Also werde ich es hierher ziehen. Wir werden tippen Sie automatisch, animieren, einfach jetzt, einfach jetzt, und 0,3 Sekunden, wenn der Klick rechts hier wird es sie zurücknehmen. Und schließlich, wenn sie auf dieses sichere Symbol klicken, wollen wir, dass sie in der Lage sein, zur Ernte zu gehen. Also werden wir dies verwenden, um hier Schritt oder zu animieren. Einfach jetzt 0,3 Sekunden und lassen Sie uns dies zurück auf 70 wie so und verwenden Sie das gleiche aus diesem Bild hier. Also ziehen Schritt oder China Fleisch? Einfach jetzt auf 0,3 Sekunden. Und jetzt schauen wir uns alles an und sehen, wie alles aussieht. Also in einer Clique, zum Beispiel, auf diesem Bildschirm, lassen Sie uns von vorne anfangen. Wir haben die leichte Animation, die wir aus der Galerie klicken können. Wir können auf dieses Bild klicken. Es wird von unten verblassen. Dann können wir diese Änderungen vornehmen, also wenden Sie Kontraste an, senkte Glanzlichter an und öffnen Sie vielleicht die Schatten. Und wenn ich auf Vorschau klicke, wird das passieren. Aber wie Sie sehen können, habe ich einen Fehler mit diesen Schiebereglern gemacht, aber wir gehen Fuß. Repariere es in einer Sekunde. Aber Sie können dies sehen und uns den Unterschied zwischen diesen Bildern in Echtzeit zeigen . Und schließlich, wenn Sie hier klicken, um zu speichern, wird es zurück zu hier. Aber jetzt lasst uns diese Änderung schnell vornehmen. Also bin ich auf die Registerkarte Design springen, und was ich möchte, ist, auf diese Schieberegler zu klicken, sie zu löschen dann auf die Schieberegler zu klicken. Hit Control C Control V genau hier. Bewegen Sie sie den ganzen Weg nach unten. Und jetzt, wenn ich hier klicke, drücken Sie Vorschau und vergleichen Sie sie dann. Sie können sehen, dass die Schieberegler bleiben und sich nirgends bewegen. Eine letzte Sache, die getan werden muss, ist, dass Sie dies weiter tun können. Wenn Sie zum BeispielErnte erstellen möchten, zum Beispiel können Sie quadratische Zuschnitte oder Rechtecke erstellen oder eine oder je nachdem, was Sie wollen. Aber ich werde es für diese Position überspringen. Ich werde den Zehensprung reingehen. Der Prototyp ging hier zum Springen. Te Porto Feinde. Also werden wir all diese nutzen. Also, wenn Sie hier klicken, Vorschau, Sie können klicken, Speichern Sie es wird Sie zurück hier oder es wird Sie zurück zu diesem Vergleichsbildschirm, aber ich werde nicht Fuß. Senden Sie es an den Vergleichsbildschirm. Ich werde hier klicken und dann einfach neu positionieren, um diesen Hafen, denn ich möchte, dass dies mein letztes ist, unser Boot, bevor ich zu diesem Bildschirm komme. Also lassen Sie uns schnell Prewitt klicken auf Speichern. Und wenn ich zurückgehe, geht es zurück zu diesem hier, und Sie können sehen, dass es diese schöne Animation hat, und was uns schließlich übrig bleibt, ist Zeh. Erstellen Sie die Verbindung zwischen dem Speichern und dieser Beschreibung. Veröffentlichen, also werden wir das tun. Als Nächstes. Lassen Sie uns darauf klicken, Drag & Drop es hier, und wir werden im Grunde die gleichen Einstellungen verwenden, wie wir es hier getan haben. Also, wenn Sie rechts hier klicken, zum Beispiel Vorschau, Vorschau, klicken, speichern, speichern, wieder speichern und Sie können sehen, dass es wieder in Position rastet. Das war's also für dieses Video. Und im nächsten Video, werden wir auf der Beschreibung Schrägstrich veröffentlicht Bildschirm arbeiten, und ich werde Sie dort sehen 94. Prototyping 6: Lassen Sie uns keine Arbeit an der Beschreibung Schrägstrich veröffentlicht Bildschirm. Ich werde zurück zum Design-Graben springen und wieder zu 70 zurückkehren, und dann werde ich alle diese Bildschirme vorerst aus dem Weg bringen, und ich werde einige Änderungen an diesem speziellen Bildschirm vornehmen. Ich werde in den Text springen, und was ich tun werde, ist einfach ein Rechteck zu erstellen, ein Rechteck wie dieses zu erstellen. Nennen Sie es eine Moschee wie so, und ich werde es direkt über unseren Text setzen und alle wählen beide und drücken Shift Control em oder Shift Commander. Wenn Sie auf einem Mac vor Ort sind, weinte hier, nennen Sie es eine Moschee. Und auf diesem ersten Bildschirm, und in diesem ersten Zustand, werde ich es einfach so ganz aus dem Weg so bewegen. Und ich könnte es vielleicht so bewegen, um sicherzustellen, dass alles abgedeckt ist. Dies wird also tatsächlich nachahmen, wenn Benutzer mit der Eingabe beginnen. Und ich habe Ihnen bereits gezeigt, dass wir im Textbereich dieses Kurses und für diesen Button und für diesen Buttoneine dunklere Farbe verwenden. Oder vielleicht können wir sogar diese hellere Farbe verwenden. Also das ist unclipped Zustand, und sobald sie in der Lage sind, klicken Es wird blau So jetzt lassen Sie uns die Kontrolle d bekommen, um ein weiteres Duplikat zu machen , und ich werde in diesem Knopf drehen Bad zu blau springen und auch in dieser Moschee springen und erweitert den ganzen Weg bis hierher so. Aber jetzt, wenn Sie auf Veröffentlichen klicken, wohin gehen Sie? Was wir also tun müssen, ist tatsächlich mehr Home-Screens zu erstellen, also werde ich den ganzen Weg zu hier springen. Siehst du, wie viel mehr wir für die Prototypen haben? 10 für ein Design und wir werden noch ein paar Bildschirme haben. Aber das ist der Weg mit Prototypen in einem no bxe, es muss mehr Kopien machen. Also lassen Sie uns alles auswählen, außer diesen Home-Bildschirmen genau hier. Und ich halte die Umschalttaste und schiebe sie aus dem Weg. Und was eigentlich tun möchte, ist hier zu klicken, Steuerelement D zu drücken, um ein Duplikat davon zu machen. Ich werde hineinspringen, sind auf Wiederholung großen Klick auf Gruppe. Großartig. Und Sie können sehen, dass diese Karte aus dem Bildschirm ausgelassen. Ich habe einfach den Zeh hierher gebracht, damit er für unser Brett von diesem Haus springt. Ich werde es nicht dorthin bringen, um die Nummer Eins zu finden. Hier ist es. Nummer zwei. Hier ist es. Aber anstatt diese Karte Nummer eins zu nennen, nenne ich sie Wagen Nummer zwei. Das sollte Karte Nummer drei sein. Das sollte Karte Nummer vier sein und ich werde es noch einmal von dieser 1. 1 duplizieren und diese Karte Nummer eins so nennen , und dann gruppiere ich sie alle zusammen, trage die Kontrolle, trage die Kontrolle, G Visitenkarten wie so und ich werde auf der Straße nach unten ziehen. Aber bevor ich es tue, lassen Sie mich schnell auf diese letzte klicken, und ich werde es so ausrichten. Und wie Sie sehen können, gibt es 20 Pixel zwischen jeder der Karten. Und jetzt, endlich, kann ich diese drei schnappen und sie runterziehen. Also nach Hause eine Shift-Taste den ganzen Weg nach hier und stellen Sie sicher, dass sie bei 20 sind, wie der Rest dieser Karten. Also, wie das und das wird eigentlich unser neues Bild sein, das Sie gerade hochgeladen haben. Und rufen wir das eine Minute vor der Tür an. Und statt dieses Bildes müssen wir suchen, um das Schattenbild zu finden, denn wenn Sie sich erinnern , Shadows war unser letztes Bild, das wir hier hochgeladen haben und das war die letzte Änderung. Also andere das Schattenbild direkt hier in meinem Ordner. Zoomen Sie einfach etwas näher hinein, wählen Sie ein Bild aus, ziehen Sie meine Schatten nach innen und legen Sie sie ab. Ich werde doppelklicken, um dieses Bild irgendwo hier zu vergrößern, vielleicht, und ich werde es in der Mitte so verschieben, und das wird tatsächlich unser neues Bild sein. Und weil es ein brandneues Bild ist, lassen Sie uns diesem vielleicht sechs Kommentare so etwas geben, weil es brandneu ist und was wir wollen, ist ein anderes Dope genau zu machen. Also Heat Control D und springen Einsicht hier und dann bewegen Sie sie alle aus dem Weg nach hier und verschieben Sie dann eins, um mehr als 20 Pixel von der Stoppage aus der oberen Leiste zu summieren. Und das wird die Ziehgeste nachahmen. So springen Sie zurück zum Prototyping Graben und ich kann auf diese klicken, Karten eine Ebene, ziehen Sie meinen blauen Griff und dann verwenden Sie in Drag, und hier verwenden Sie einfach ein out und dann klicken Sie rechts hier und bringen zurück, weil ich genau verwenden möchte im gleichen Stil. Und wenn ich auf Vorschau klicke, können Sie sehen, dass es den ganzen Weg bis hier ging. Also hier ist unser neues Bild und wir können zurück zu diesem springen und Sie können zwischen ihnen wechseln wenn Sie wollen. Wie Sie sehen können, habe ich dieses Bild geöffnet Bildschirme für dieses Bild. Aber wenn Sie wollen, so können Sie es wieder ändern. Und Sie können es einfach so lassen, damit Sie es ändern können. Toby, dieses Bild in diesem neuen Bild zu sein, so dass die Benutzer es in der Vorschau dort können Sie es einfach wechseln. Also hier und dann können Sie noch diese Animationen haben, die wir bereits erstellt haben. Aber wenn nicht, können Sie es so lassen. Lassen Sie uns nun unsere beiden neuen Home-Bildschirme mit diesen veröffentlichten Bildschirmen verbinden. Also, was ich tun werde, ist, ich werde diese Bildschirme nach Hause eine Shift-Taste auswählen und bringen Sie es zurück auf 70 und ich werde hier klicken, um diese zu animieren. Also, was wir eigentlich wollen, ist, auf dieses Textfeld zu klicken, ziehen Sie es hier, und wir wollen Schritt oder Zehe animieren einfach ein out und 0,8 Sekunden, zum Beispiel, weil wir wollen, um es nur ein bisschen mehr Zeit zu offenbaren den Text Und dann, wenn wir auf die Schaltfläche „Veröffentlichen“ klicken, bringen wir es zurück auf unseren Home-Bildschirm, unseren neuen Home-Bildschirm, für diese Angelegenheit. Also lassen Sie uns darauf klicken und ziehen Sie es zu unserem neuen Home-Bildschirm, das ist dieser. Ich hoffe, Sie können es sehen. Also ist es dieses mit dem neuen Bild und dafür können wir tippen. Jetzt können wir Übergang Home für ist auf dem Bildschirm verwenden, und wir können Push up verwenden, zum Beispiel, oder leicht nach oben ist in out und 0,8 Sekunden. Also lassen Sie uns eine Vorschau auf diese beiden, oder wir können aus dem Zuschneidebildschirm eine za Angelegenheit gehen. Also, wenn Sie klicken, sagen Sie, es wird zurück zu hier springen. Wenn Sie hier klicken, wird es aus dem Text eingegeben und die Veröffentlichung wird sichtbar. Und wenn Sie direkt dort klicken, wird es Sie zurück zum Home-Bildschirm, wo Sie in ihnen gleiten können, und ich werde gehen Sie direkt vor und verbinden Sie diese Symbole auf die gleiche Weise wie ich mit den ursprünglichen Home-Bildschirmen getan. Aber ich werde dich nicht belästigen. Sobald Sie Donald R Project Datei, können Sie hineinspringen und sich daran erinnern, welche Übergänge ich für diese Bildschirme verwendet habe . Falls Sie etwas im nächsten Video vergessen haben, werden wir uns mit dem Dashboard befassen und wir sehen uns dort. 95. Prototyping 7: Beginnen wir nun mit der Arbeit an unserem Dashboard-Bildschirm und gehen Sie voran und wählen Sie es aus. Verschieben Sie es hier, und springen Sie dann innerhalb des Design-Treffer-Steuerelements D, um ein Duplikat davon zu erstellen. Und ich werde diese Bildschirme wieder hierher bringen. Warum ich das Duplikat erstellt habe, ist, weil wir unseren Ausgangspunkt und einen Endpunkt erstellen müssen . Das wird unser Endpunkt sein. Und für den Ausgangspunkt, müssen wir einige Änderungen an all diesen Diagrammen erstellen. Also fangen wir mit diesem Diagramm an. Ich öffne es und du siehst, dass wir zwei Masken haben, eine vom Grün, eine für das Blau. Jetzt können Sie hier doppelt auf die Blaue Moschee klicken, und Sie können vergrößern, wenn Sie nicht direkt in klicken können. Und was ich eigentlich tun möchte, ist, diese Punkte so schwach zurück zu bringen, genau hier. Dann klicke ich hier zum Beispiel, und alle positionieren diesen Zeh hier bis zur Mitte. Und wenn ich draußen klicke, können Sie sehen, dass wir mit diesen tollen Hintergrund links sind. Jetzt müssen wir das gleiche für das Grün tun, und es wird nicht perfekt aussehen. Sie können zu den Charts Videos zurückkreisen und sehen, wie ich das für die Charts gemacht habe, für das perfekte Ergebnis, denn wir werden nur zu unseren Häfen haben. Und Sie müssen mindestens drei haben, damit dies richtig funktioniert. Aber wir haben diese anderen Diagramme außerhalb des Bildschirms. Also, wenn ich drei Bildschirme, zum Beispiel, wird es seltsam aussehen nur für dieses Diagramm, so können Sie zurück zu diesem Video drehen und sehen wie ich es erstellt. Aber jetzt lassen Sie es uns einfach aus dem Weg bringen. Und ich werde es in die andere Richtung tun, zum Beispiel für diese. Und ich werde es zum Beispiel hier hinaufschieben , um es hier ganz nach oben zu bewegen. Ich werde das hier auch aus dem Weg bringen. Das werde ich hier bewegen, und wenn ich draußen klicke, wird es großartig werden. Jetzt lass uns das schließen. Gehen Sie zu den Likes. So können Sie wieder einmal zu diesem Video umkreisen, um zu sehen, wie ich es gemacht habe, für das perfekte Ergebnis. Aber für diesen wird es im Grunde nicht perfekt sein, wie es könnte. Also lassen Sie uns diese unten Zehe eins in der Höhe senken, tiefer. Haben Sie sich hingeklebt? Ich klicke auf die grüne Leiste und mache das Gleiche wie so schon eine Paste, weißt du, und lass uns die letzte öffnen. Die besten Zeiten, um zu posten, wissen Sie, warum das nicht in einer Gruppe ist. Also lasst uns diese Änderung vornehmen. Also beste Zeit, um ich diese Qualität Zeiten zu posten und ich werde das gleiche für diese zu tun. Es sollte in einer Gruppe Qualitätszeiten als auch sein. Und für diesen ursprünglichen Zustand, lassen Sie uns einfach die Änderung so in Ordnung zu Spitzenzeiten machen und Sie können doppelklicken und diese Punkte bewegen . Also werde ich es bringen, alle nach hierher. Und stellen Sie sicher, dass es Linien mit diesem Punkt gibt und Sie können dieses Video auch innerhalb des Diagrammabschnitts dieses Kurses finden und Sie können sehen, wie ich es dort erstellt habe. Und wir haben auch eine weitere Variation zu diesem Effekt, wenn Sie einen anderen Effekt erzeugen möchten , der versucht, anders zu sein als dieser, aber es erzeugt wirklich ein anderes Ergebnis Wenn das etwas ist, das Sie suchen und ich werde auf Dieses hier kann ich es den ganzen Weg bringen, um zu hören. Zoomen Sie viel näher. Klicken Sie hier und wählen Sie dann alle diese Punkte aus und bringen Sie sie dann einfach hier zu diesem Ausgangspunkt und lassen Sie uns dies nicht animieren. Wenn ich also hier klicke, klicke ich auf den Prototyp. Ziehen Sie meine blaue Kerze hierher, und was ich verwenden werde, ist Zeit. Wir werden die Verzögerung von Null Sekunden oder Zehe animieren, Lockerung und eine Sekunde für die Dauer verwenden. Und weil die Leute auf diesen Dashboard-Bildschirm direkt hier aus dem Menü und nicht von irgendwo sonst zugreifen , wird es im Grunde der Ausgangspunkt sein, wenn sie auf das Menü klicken. Also hier, zum Beispiel, und klicken Sie dann auf Dashboard hier. Dies wird der Ausgangspunkt dafür sein, also lassen Sie uns eine Vorschau anzeigen, und Sie können sehen, wie das aussieht. Also noch einmal, diese beiden funktionieren gut, aber diese nicht so gut. Aber wieder, es hat diese Art von visuellem Interesse, so dass die Menschen es betrachten und verstehen können, was es tut. Also lassen Sie uns jetzt schnell auf Likes gehen, weil es wirklich einfach zu erstellen ist. Ich werde diese beiden Bildschirme für jetzt aus dem Weg zu bewegen, gehe auf Meine Likes Hit Control D klicken, um ein Duplikat davon zu machen. Und weil wir unser Originalbild direkt hier haben, das wir bearbeitet haben und alles enthalten, was ich für dieses tun muss, verschieben sie es einfach nach hier zurück. Also und dann ganze Schicht eins, um es 20 Pixel hoch zu bringen, und ich werde auf den Prototyp klicken. Klicken Sie auf das Bild selbst. Drachen verwenden und ziehen Sie automatisch animieren und lockern. Verwenden Sie einfach jetzt, weil wir es in den Rest unserer Videos verwendet und einfach zurück zu diesem ein als auch. Wenn ich also auf Vorschau klicke, können Sie sehen, wie das aussieht. Also, das ist es im Grunde für dieses Video, und Sie können es sogar weiter erweitern. Also, wenn Sie zum Beispiel dieses neue Bild anstelle dieses hier geöffnet haben, können Sie nicht direkt hier zu den Likes springen. Und wenn Sie auf dieses Bild hier klicken, weil Sie sehen können, dass unser neues Bild ist, wenn Sie darauf klicken, es würde Sie direkt hier nehmen, denn anstelle dieses Bildes haben wir dieses Bild verwendet, so dass Sie es wirklich umdrehen können , und Sie können wirklich Ihren eigenen Pot darüber erstellen, wie Sie diese Bildschirme verwenden werden. Aber ich fand, dass dies in diesem Fall richtig für mich funktioniert, aber noch einmal erhalten Sie unsere Projekt-Exit-Datei, und Sie können Ihre eigenen Bilder einfügen. Ich ermutige Sie sogar, dies zu tun und mit Ihren eigenen benutzerdefinierten Bildern herumzuspielen. Über diese Schieberegler können Sie verschiedene Änderungen vornehmen. Sie können sogar Crop-Effekte direkt hier erstellen, indem Sie einige der anderen Effekte im Diskurs verwenden und dann wirklich ein anderes Ergebnis erzielen. Sie können auch ein paar weitere Bildschirme für den Strich Mehr Zehe erstellen. Erreichen Sie hier ein anderes Ergebnis. Aber es liegt wirklich an dir. Deshalb bekommst du das unsere Projektakte. Ich ermutige Sie wirklich, Ihre eigenen Bildschirme zu bauen, mit dieser Datei, sowie Änderungen an den bestehenden Spaß. Also im nächsten Video, werden wir uns mit dem Profilbildschirm nur ein wenig beschäftigen und nicht zu viel Effekte für sie zu schaffen und schließlich mit entscheiden Menü, weil es geht , um ein Overlay zu den Bildschirmen und Sie werden sehen wir werden einen netten Effekt bekommen. In der Zwischenzeit werde ich einfach in Sichtweite springen und alle diese anderen Symbole verbinden, wie ich es für den Home-Bildschirm getan habe . Und noch einmal, wenn Sie sich nicht erinnern, welche von diesen Übergängen waren, können Sie auch hineinspringen und auf diese Symbole klicken. Wenn Sie sich also im Produkt-Prototyping-Modus befinden, können Sie auf diese Unterseite klicken, zum Beispiel, und Sie können hier sehen, welche Einstellungen für diesen Effekt verwendet werden, So werde ich Sie im nächsten Video sehen. 96. Prototyping 8: Lassen Sie uns jetzt unsere Prototypen mit dem Profil beenden, und das einzige, was ich hier schon tun möchte, ist, dass ich alle diese Schrittpunkte mit Ausnahme dieses verbunden habe , und dieser ist für das Menü. Also, wenn ich auf Control und Klick Seite klicken, um mein Menü auszuwählen, kann ich einfach Drag & Drop zu hier und was ich was? Ich möchte diesen Schritt verwenden und anstatt auch animieren möchte ich über spät verwenden, weil es diesen Bildschirm oben auf diesem Schrei überlagern wird, und Sie können diesen Griff verwenden, um es den ganzen Weg nach oben zu bewegen, und Sie können Shift halten -Taste, wenn Sie möchten. Und was ich tun möchte, ist leicht nach unten zu wählen, weil ich möchte, dass dies leicht und unten von oben auf allen Bildschirmen, die dieses Menü-Symbol haben. Und schließlich möchte ich einfach ein Out verwenden, und die Dauer wird 0,8 Sekunden betragen. Wenn ich hier klicke, klicke auf dieses Symbol, du kannst sehen, dass es von oben nach unten gleitet, und wenn ich es noch einmal mache, kannst du sehen, wie das aussieht, und weil dies eine Hintergrundunschärfe hat, Sie können das Bild sehen. Aber auf welchem Bildschirm auch immer dies angezeigt wird, wird es etwas anders aussehen, weil es verschwommen ist und es niedriger ist oder im Grunde so wird es sortieren, etwas durchscheinend sein und nur ein kleines bisschen anders aussehen. Dann auf hier, Sie können aus, natürlich, verwenden und ah, weißer Hintergrund, schwarzer Hintergrund, jede andere verkaufte Farbe und es sah auf allen Bildschirmen gleich aus. Aber so fügt dies nur ein bisschen mehr visuelles Interesse auf diese Weise. Nun, endlich, was ich tun möchte, ist, dass ich diese Menüpunkte mit den Bildschirmen verbinden möchte. So zum Beispiel kann ich zum Beispielauf nach Hause klicken und ich kann den ganzen Weg hier springen, und ich möchte es mit dem Haus verbinden, das in diesem Bildschirm ist, und was ich hier verwenden möchte, ist Schritt. Ich möchte Übergang verwenden. Ich möchte auflösen verwenden, also ist es genau hier oben, entspannt und 0,8 Sekunden, und jetzt kann ich zurückspringen und dasselbe für den ganzen Bildschirm tun. Also hier sind die Likes. Ich kann es einfach ziehen, um zu hören, es wird genau die gleichen Einstellungen haben. Dies ist mein Profil und mein Dashboard wird dieser erste Bildschirm sein. Hier greifen Sie auf das Dashboard zu. Was auch immer Sie hier klicken können, es wird Sie zum Dashboard bringen. Wir haben keine Einstellungen, wir müssen uns abmelden. So sieht es im Grunde aus. Also wieder, wenn wir auf Vorschau klicken, können wir auf das Menü-Symbol klicken. Es wird von oben springen, und wenn ich zum Beispiel auf Dashboard klicke , wird es Ihnen den Dashboard-Bildschirm angezeigt. Also, was ich jetzt tun möchte, ist zu gehen und im Grunde zu erstellen, was ich für den Profilbildschirm und dieses Menü getan habe . Also springe ich hier rein und zeige dir ein paar davon. Also werde ich einfach mein Menü verbinden. Ich komme und biete dir Schritt an. Ich werde übermäßig verwenden, und es wird es genau hier oben überlagern. Und Sie können auch direkt hier zurückspringen und die gleiche Einstellung verwenden. So rutschen Sie nach unten, lockern Sie sich und 0,8 Sekunden. Also hier sind wir, statt aufgelöst. Schieben Sie jetzt einfach 0,8 Sekunden nach unten. Und jetzt, wenn Sie doppelklicken Sie rechts hier auf einen von ihnen und ziehen Sie es zu hören, wird es genau die gleichen Einstellungen haben , und ich werde nicht voran gehen, springen hinein und ändern Sie es, Zeh alle von ihnen. Und sobald ich es getan habe, werde ich zurückkommen. Nun, da ich das tat und alles verbunden habe, können wir vielleicht hineinspringen und den gesamten Prototyp ansehen. Also los geht's. Wir werden von Anfang an beginnen, und ich werde das etwas vergrößern, damit wir das gesamte Projekt in Aktion sehen können . Also erinnern wir uns daran, dass wir hier einen Drag Trigger benutzt haben, und wir haben diese fähigen Elemente. Also, wenn ich hier rechts klicke, zum Beispiel, und ich möchte dieses Bild von einem Klick direkt hier, vielleicht, bis ich gleich. So sieht das so aus. Und vielleicht möchte ich von diesem Symbol auf den Startbildschirm zurückkehren. Aber fügen wirzum Beispiel zum Beispiel ein neues Bild hinzu. Dies wird nur ein wenig bewegen und lassen Sie uns aus der Galerie klicken, und vielleicht können wir das erste Bild verwenden. Diese Schieberegler tauchen von unten ein und lassen Sie uns einige Änderungen an diesem Bild vornehmen. Also vielleicht hier. Vielleicht ist ein Chlorat unten. Vielleicht kann ich das bis hierher erhöhen. Vielleicht möchte ich davor und danach sehen. Sieht gut aus auf Sie könnte sparen. Ja, ich fand die Ernte als befriedigend. Und ich möchte weitermachen und eine Beschreibung hinzufügen. Und Ochlik hat hier veröffentlicht. Und hier sind wir am Anfang, auf dem Home-Bildschirm und zum Beispiel möchte ich meine Likes überprüfen und sehen, dass jemand mein Bild von hier gemocht hat. Und lassen Sie uns das Profil wirklich schnell überprüfen. Und hier ist es. Das Bild ist auch hier. Schauen wir uns ein paar andere Dinge an. Schauen wir uns zum BeispielDash Word an. zum Beispiel Und hier sind unsere Dashboard-Analysten schnell zurück nach Hause von hier. Das ist also unser ganzer Prototyp. Das ist der Prototyping-Teil. Und im nächsten Video zeige ich Ihnen, wie Sie diesen Prototyp mit Ihrem Kunden teilen können. Und im nächsten Abschnitt, abseits des Kurses, werden wir ein paar Verbesserungen hier und da vornehmen, und wir werden dies mit unseren Kunden sowie mit ihren Entwicklern teilen. Also werde ich Ihnen zeigen, wie Sie das tun können und wie Sie alle diese Assets exportieren können , um sie schließlich mit Ihrem Kunden und dem Entwickler zu teilen. Eine letzte Sache, die ich in diesem Video machen möchte. Sie klicken einfach zurück auf das Design und verschieben diesen Text irgendwo hier. Toby. Vielleicht ein bisschen mehr in der Mitte. Vielleicht genau hier. Und wenn ich Null kontrollieren könnte, Sie können sehen, wie weit dies erreicht hat, und Sie können immer alle diese m auswählen, zum Beispiel, zum Beispiel, Bewegen Sie sie hier unten, wenn das etwas ist, das Sie wollen. Aber deshalb haben wir ihm so viel Platz gegeben, dass wir hier noch viel mehr Platz haben. Wenn Sie mit ihm ein bisschen mehr und mehr Bildschirme oder mehr Effekte spielen möchten, oder einige Änderungen oder in der Zukunft bei Android und Web-Versionen sowie. Also, das ist es für dieses Video, und ich sehe dich im nächsten 97. Style-Leitfaden erstellen: bevor wir zu teilen sind mit abgelehnt und schließlich pensionierten Entwicklern entwickelt. Wir müssen unseren Styleguide beenden. Und um das zu tun, lassen Sie mich schnell etwas näher heranzoomen. Wie Sie sehen können, haben wir nur ihr Logo sowie die Symbole. Aber wir wollen hier noch viele weitere Artikel einbeziehen. Zum Beispiel Zum Beispiel möchte ich diese Illustration einschließen. Hier. Ich möchte Farben einschließen. Ich möchte Schlagschatten einschließen, der enthalten war. Wir haben einen Knopf, der genau hier aufgenommen werden muss, damit alles richtig aussehen kann wie die Mittel. Beginnen wir also von Anfang an. Lass uns zuerst reinspringen. Ich werde Presti auf meiner Tastatur und lassen Sie mich die Ebenen zurück, so dass Sie sehen können, was ich tippe auf. Also geben wir hier ein Logo ein. Wir sind im offenen Sinn. 14 Analysten in dieser Farbe verwendet, und lassen Sie uns diesen Text direkt hier an der Spitze setzen. Also ist es ein bisschen besser organisiert, also werde ich es hier setzen und mich schnell alles nach unten bewegen lassen, damit wir vielleicht alles vor den Pixeln oder 60 bewegen können . Also 1234 ja, denn er sieht gut aus. Das ausgesuchte Logo. 1234 Jetzt werde ich den Logo-Text duplizieren. Also kontrolliere D und ich werde das nach unten bewegen und diese Symbole so nennen. Und ich werde in diesen Symbolen sowie die vorderen vier Pixel nach unten bewegen. Also 1234 Und schließlich, lassen Sie mich de wählen den Text. Richten Sie alles mit unseren Symbolen Text 1234 und was ich jetzt tun möchte, ist, unsere Mittel einzubeziehen . Also treffen wir Kontrolle D und bewegen das ganz nach unten, richten es mit diesem Text aus und nennen diese Mittel so. Und weil wir nur einen Fonds für dieses Projekt haben , wird es wirklich ganz einfach sein, alles zu benutzen. Also 1234 Also, was wir haben, ist offener Sinn. Und wenn wir direkt hier in unseren Home-Bildschirm springen, wenn ich doppelklicke oder Sie diese Karte öffnen können, was wir hier haben, ist offener Sinn. 14 wir haben geöffnet seit 12 und in dieser Farbe, und wir haben geöffnet seit 12. Und in dieser Farbe, also haben wir nur eine Front in diesen 33 Stilen, also werden wir das tun. Um das zu tun, können Sie einfach hier klicken und Zeichenstile verwenden. Also fügen wir diesen hinzu. Dann werden wir dieses hinzufügen, weil es die gleiche Farbe hat. Und schließlich können wir diese hinzufügen. Also haben wir alle drei hier erstellt, und wir haben Komponenten genau hier. Sie können jedoch mehrere Komponenten hinzufügen. So zum Beispiel können Sie zum Beispielhineinspringen und jedes einzelne Symbol, das Sie hier sehen, hinzufügen. Sie können sie hinzufügen, Zehe die Komponenten. Sie können die Unterseite als separate Komponente hinzufügen. Wenn Sie dies wünschen, können Sie diese Schrittleiste als verschiedene Komponenten hinzufügen. Da wir also vier Symbole haben, könnten Sie vier verschiedene Registerkarten haben. Du kannst das hier hinzufügen, Toby. Eine Registerkarte sind so alles, was Sie wollen, können Sie als separate Komponente hinzufügen. Und so wird es einfacher für Sie, später zu entwerfen, wenn das etwas ist, was Sie wollen. Aber im Moment behalten wir es einfach so. Also werden wir diese drei Zeichenstile haben und nur Statusleiste als eine Komponente . Also lassen Sie mich schnell diese Telefone hier hinzufügen, so dass ich das Telefon duplizieren, um Text drücken Sie Control D und verschieben Sie es nach unten 40 Pixel. Also 1234 und wir springen gleich hier und nannten das offen seit 14. Bolzen wie so. Und Sie können zum Beispiel D kontrollieren und die Bottom Corp nach unten verschieben. Nur so eine Berührung. 12 vielleicht 20 Pixel. Und Sie verhalten sich wie, genau hier tippen Zahlen. Also von 0 bis 9, das kann Raum getroffen werden. Und dann können Sie das gesamte Alphabet eingeben, wenn das etwas ist, das Sie wollen, Also ein B c die und lassen Sie mich schnell anhalten das Video hier, während ein Topping alles. Also hier ist das ganze Alphabet sowie mit Zahlen, und Sie können auch die Zeichen hinzufügen, wenn Sie möchten. Also vielleicht können Sie eine Erklärung Zeichen gemeinsame Punkte und so weiter. Aber ich halte es einfach und halte es so. Als nächstes möchte ich diese beiden auswählen. Sie können es auch von hier aus tun. Er würde D kontrollieren, und Sie können die beiden die ganze Schicht nach unten bewegen und sie so 20 Pixel nach unten bewegen, und dann wollte ich nur das nächste darauf anwenden. Oder vielleicht kann ich sogar auf dieses klicken, weil es die gleiche Farbe wie dieses hat. Vielleicht können wir es so 20 Pixel unten halten. Und wenn ich auf das hier klicke, ist es regelmäßig, also werde ich es hier ändern. Also ist es regelmäßig und es ist offener Sinn. 12. So und jetzt, Endlich, lasst uns eine Tortenkopie machen, also werde ich hier springen. Er würde Indy kontrollieren, um ein Duplikat zu machen, sie beide nach unten zu bewegen, und ich mache das einfach. Und dafür kann ich auf dieses klicken, und es wird die Farbe ändern und Sie können sehen, dass es noch offen ist. Haltung 12 regelmäßig. Aber es ist eine deutliche Farbe, also kann ich den gleichen Abstand wie vorher machen. Also 20 Pixel und es ist 20 Pixel hier so gut wie Sie sehen können. Also, was wir jetzt noch tun müssen, ist, diese Farben hinzuzufügen, also ist das auch ziemlich einfach, damit ich alles nach unten verschieben kann. Und wie Sie sehen können, fehlt uns die grüne Farbe hier. Also werde ich einfach in unsere Dashboards springen, zum Beispiel, zum Beispiel, drücken Sie die Kontrolle und klicken Sie auf die Website und fügen Sie dann einfach die grüne Farbe hier hinzu. sind also alle Farben, die wir benutzt haben. Und dann können wir einfach hier springen und diese Farben einschließen, damit ich einen dieser Texte verwenden kann. Zum Beispiel traf dieser auf Kontrolle D und ich werde es nicht den ganzen Weg nach unten bewegen. Und jetzt können wir anfangen, diese Gruppen zu erstellen, also werde ich die Telefone duplizieren sowie die Mittel hier so verschieben und dann diesen Text ganz nach unten nach hier und von einer Gruppe verschieben. Alle Mittel treffen auf Kontrolle G und nannten diese Mittel, weil es für uns viel einfacher sein wird, alles zu verarbeiten. Das sind Symbole. Und schließlich, das sind unsere Logos oder Gruppe es auch, wie so Und schließlich, was wir wollen, sind Farben wie diese. Lassen Sie mich 40 Pixel runter machen. Also, was ist da drin? Noch ein Mal von hier. So lang. 234 Und wir können das einfach für die Steuerfarben verwenden. Jetzt für die Farben. Ich kann einfach eines dieser Bilder aus unserem Drahtrahmen holen. Also lassen Sie mich eines dieser Bilder finden. Vielleicht kann ich das hier benutzen. Zum Beispiel, drücken Sie Kontrolle C. Ich werde den ganzen Weg zu hier gehen drücken Sie Control V und dann Opposition es direkt hier. Vielleicht kann es 20 Pixel oder noch besser für die Pixel nach unten gehen. Um die Dinge nicht weiter zu komplizieren. Und lassen Sie uns wissen, fangen Sie an, unsere Farben hinzuzufügen. Unsere Hauptursache ist also so großartig. Und wir werden auch das Blau hier bewegen. Dann ist dieses hellere Grau und diese Sortierung noch leichter. Großartig. Dann hören wir endlich Grün und Rot. Beginnen wir also von Anfang an. Wir können diese verschieben, vielleicht 20 Pixel, und lassen Sie mich beide auswählen und ich entfernen ihre Schatten, damit ich sie direkt hier positionieren kann . Also müssen wir für sechs Farben. Machen wir sechs Exemplare. Also das ist für fünf hier und dann sechs, wie so und dann kannst du einfach hier springen und alle diese Farben wie so hinzufügen und dann eine letzte Sache, die uns hier bleibt, ist, dass du die Hashtags erstellen kannst vor und Hex-Anführungszeichen. Also 707070 Das ist die Farbe dafür. Großartig. Und wir können weiße Farbe für den Text verwenden, so wenig schnell wählen Weiß von hier. Und wenn ich nach innen springen und diese über diese Bilder bewegen, so können wir diese Farbe wählen und dann doppelklicken und drücken Sie Kontrolle V oder Befehl V toe basierend auf Zehe. Alle von diesen, und Sie können sie auch bewegen. Das ist also 1. 1 Sekunde, 1/3 1 4. 1/5 1 und verletzen. Dies ist die 6. 1 So können Sie leicht erstellen, indem Sie einfach die Kontrolle auf D drücken und Sie können diese in der Mitte von jeder Farbe positionieren, so. Und offensichtlich werden wir die Farbe von diesem hier ändern. Und wir können diese duplizieren, so positionieren Sie sie in der Mitte so. Und dann schließlich, was Sie tun können, ist, können Sie direkt hier springen, doppelklicken und einfach in diesen Farben drei C sechs ff eingeben, die für unser Blau ist. Die nächste Farbe ist de de de de de de de de de de de. Diese Farbe ist, ähm, F acht F acht F acht. Diese Farbe ist 55 D für 66 Und schließlich, am Ende. Diese Farbe ist E 53 C 85. Jetzt erstellen wir dies sowohl für unsere Entwickler als auch für unsere Kunden, damit sie auf einen Blick verstehen können , welche Farben tatsächlich V verwenden So können wir alles gruppieren. Sie können Farbe für Farbe gehen und sie in ihren separaten Gruppen machen. Aber das werde ich nicht tun. Es ist so, als wäre das in Ordnung. Also werden wir diese Farben nennen. Also, was wir hier einschließen können, sind diese Schatten. Also, weil wir nur eine haben und es die Standardfarbe ist, können wir diese Farbe genauso duplizieren, damit er D. kontrolliert und wir werden es einfach so positionieren. Und vielleicht können wir es 40 Pixel von diesem hier schieben. So 1234 zum Beispiel. Und wir können diesen Text verschieben. Lassen Sie mich es noch einmal auswählen, damit wir es hier bewegen können mit diesem Schatten nach links aufstellen können. Machen Sie es den Namen Schatten. Alles klar, und wir werden das weiß machen, aber einfach die Hintergrundshow einschließen, und wir werden es Schatten nennen, weil wir nur eine haben. Und jetzt können wir Schaltflächen hier einbinden. Aber das werde ich nicht tun. Lassen Sie mich eigentlich alles auswählen. Und ich werde auch für Pixel wie diese positionieren. Damit wir den gleichen Abstand haben. Ich werde diesen Schatten nennen und was wir wollen. Ich werde diese Knöpfe einschließen. Lassen Sie mich diesen Text duplizieren, und ich werde ihn rechts von diesem Schatten positionieren, damit wir etwas Platz haben. Also wird das gehen und Flaschen so genannt? Lassen Sie mich es 40 Pixel von diesem positionieren. Also 1234 und lassen Sie mich unsere Tasten auswählen. Also werde ich es nicht aus Drahtrahmen oder einem Design auswählen. Ich werde es aus Prototypen auswählen. Also werde ich diese beiden halten, Shift Hit Control Causwählen Shift Hit Control C und ich werde den ganzen Weg zurück zu unserem Styleguide drücken Control V springen aber es ist nur die Tasten ausgewählt. Lassen Sie mich das noch einmal machen. Ich gehe mit den Zeh. Wählen Sie diese als auch diese aus. Also drücken Sie meine Shift-Taste Hit Control C. Hoffentlich wird es jetzt alles hier auswählen und basiert. Also Hit control V Yeah, hier sind unsere Buttons und Sie können einfach hier klicken, um sie beide in die Mitte zu setzen. Und was ich tun möchte, ist, diese Tasten zu bewegen, so dass ich sehen kann, welcher ist welcher. Damit Sie sich mit dem Schatten aufstellen können, nur damit wir sehen können, wo der Schatten ist? Also vielleicht ist hier gut, aber lassen Sie es uns bewegen. Einfach 40 Pixel nach unten. Jemand nahm 34 Jetzt wird es mit diesem Schatten ausgerichtet werden. Tun Sie dasselbe für diesen. Also 1234 Und wir können das unten angeklickt nennen. Und nennen Sie einfach diesen unteren oder leeren Zustand. Oder wie auch immer Sie diese aufrufen möchten und Sie können mit den Entwicklern sprechen, damit Sie sicher sein können, welche Namen Sie in Ihren Layer-Namen verwenden sollten. Das sind also Schaltflächen wie so und schließlich, was wir brauchen, ist, diese Illustration einzubeziehen. Also werde ich diesen Text etwas so bewegen, um zu hören, und dann positionieren Sie ihn für das Pixel. Also 1234 und wir werden unsere Illustration so einbinden, und lassen Sie mich diese Illustration lokalisieren. Hier ist Hit Control C getroffen Control V und jetzt werden wir es einfach hier positionieren , und ich werde es hier verschieben. 1234 nach unten. Und ich werde einfach doppelklicken und den Port in beide Richtungen erweitern, so dass er die Anforderung aus unserer Illustration erfüllen kann. Und das ist es im Grunde für unseren Styleguide. Sie können die Kontrolle treffen. Das ist zu Ihrem Projekt zu sagen, aber lassen Sie mich diese auch schnell gruppieren. Das ist also unsere Illustration. Und jetzt, sobald es fertig ist, zu sparen, weil es ein ziemlich großes Projekt ist, wie Sie bereits gesehen haben. Also haben wir die Vorbereitungsdateien, die wir auf den Drahtrahmen haben. Wir haben Prototypen entwickelt, also haben wir jede einzelne Sache in dieser Datei, und wenn ich es auf meinem Desktop auschecke, es immer noch 75 Megabyte, was erstaunlich ist. Stellen Sie sich vor, wenn Sie ein Projekt machen, ist das größte innerhalb von vier Laden. Es wird sicherlich ein paar Gigabyte groß sein, so dass 75 Megabyte es wirklich kleine Dateigrößen wirklich überschaubar sind. Sie können es einfach an Ihren Kunden senden, und das ist, was wir gehen Zehenabdeckung in einigen von den nächsten Videos. Im nächsten Video zeigen wir Ihnen, wie Sie dieses Projekt mit Ihrem Kunden teilen können und wie Sie Feedback erhalten können , bevor wir unsere Design-Assets exportieren und an Entwickler senden . Also sehe ich dich im nächsten Video. 98. Teilen mit Kunden: in diesem Video werden wir abdecken, wie Sie Ihre Prototypen mit dem Kunden teilen können, und es ist wirklich extrem einfach Öl zu tun haben ist Zoom in den ersten Bildschirm, das ist dieser, wenn Sie von unserem Prototyping erinnern , damit Sie in den Prototyp springen können und Sie dieses Home-Icon sehen, das anzeigt, dass dies der erste Bildschirm ist und Sie einfach auf Teilen klicken können. Wenn Sie jemanden zum Dokument einladen möchten, können Sie das hier einfach tun, und sie können dann einige Änderungen daran vornehmen. Sie können für eine Ansicht freigeben, und das ist, was Sie klicken, um sie mit Ihrem Kunden zu teilen. Wenn Sie mit Adobe X'd den kostenlosen Tarif nutzen, können Sie nur einen Prototyp freigeben, den die Kunden überprüfen können, und Sie können nur einen Prototyp in der Online-Bibliothek haben. Wenn Sie mit mehreren Clients arbeiten, können Sie mit einem dieser Clients warten und beenden. Sie können diese Prototypen aus Ihrem Plan löschen, und dann können Sie immer noch nur einen Prototyp freigeben. Aber wenn Sie wirklich ernst damit sind, oder wenn Sie bereits Adobe Creative Cloud gekauft haben, dann haben Sie eine unbegrenzte Anzahl von diesen Projekten, die Sie teilen können, so dass ich an mehreren Projekten gleichzeitig arbeiten und dann mehrere -Projekte mit mehreren Clients. Als nächstes haben wir für die Entwicklung geteilt, und das ist, wo Sie mit Ihren Entwicklern teilen und auf diese Weise können sie verschiedene Abstände zwischen Elementen, verschiedene Farben sehen verschiedene Abstände zwischen Elementen, . Sie haben verschiedene Formen verwendet, die innen sind, und diese Datei ist sehr hilfreich für sie, weil sie dann wissen, welche Art von Rändern und Mustern sie in ihrem Mantel enthalten können. Und welche Art von Übergängen sollten sie verwenden? Weil sie alle diese Animationen sehen, die Sie innerhalb von Adobe X'd Kopfschmerzen erstellt haben und im fortgeschrittenen geplant haben, was sie in den Mantel legen können, damit alles richtig funktioniert . Schließlich haben wir Links verwaltet. Auf diese Weise können Sie alle Links verwalten, die Sie zuvor mit Ihren vorherigen Clients geteilt haben . Stellen Sie sich also vor, Siehaben vor sechs Monaten mit einigen Kunden zusammengearbeitet , Sie und möchten dieses Projekt löschen, weil das Projekt bereits abgeschlossen ist. Sie haben dich bezahlt und alles hat gut funktioniert. Aber Sie möchten etwas Speicherplatz innerhalb Ihrer Online-Bibliothek freigeben. , wo Sie einfach dort klicken können, wird es Sie zu Ihrem Konto führen, und dann können Sie die vorherigen Projekte löschen, an denen Sie gearbeitet haben. Und schließlich haben wir ein Rekordvideo. So können Sie ein Video von all diesen Prototypen aufnehmen, oder es wird ein Prototyp starten. So wie ein Klick direkt hier. Toe Vorschau meines Prototyps in diesem Fenster, und es wird mit der Aufnahme beginnen und Sie werden dann können Sie die Möglichkeit haben , dieses Video exportieren . Alles, was du hier siehst, wird im Video sein. Also alles klickt und bewegt sich, und dann könnt ihr dieses Video entweder auf Online-Plattformen wie Big Chance oder Dribble teilen um allen anderen zu zeigen, was ihr getan habt. Und Sie können dieses Video zum Beispiel innerhalb von vier setzen zum Beispiel . Shop innerhalb der mehr Tassen, können Sie statische mehr Ernte verwenden, was nur im Grunde statische Bilder ist. Oder Sie können animierte mehr Tassen verwenden, die beliebter sind. Eine Za-Flotte, und Sie können diese mehr Tassen in einer beweglichen Weise präsentieren. Grundsätzlich, für Windows, haben Sie die grundlegende Gaming-Aufnahmeoption, so dass es diesen Text direkt hier an der Spitze halten wird. So, zum Beispiel, Vorschau auf unser Projekt und medizinisch hier geweint. Es wird diesen Dis-Text direkt hier zeigen und Symbol alles andere offenlegen. Aber Sie können es auch vergrößern. Es wird genau hier in der Mitte sein, und dann, was auch immer du tust, es zeigt nur hier in der Mitte. Und dann können Sie es ausschneiden innerhalb von vier Laden, zum Beispiel, oder nach Effekten oder reicher, weicher Sie verwenden. Und dann können Sie es auf diese Weise präsentieren, wenn das etwas ist, das Sie wollen, wenn Sie mit Ablehnungen teilen, können Sie ihnen einfach dieses Video senden, und das ist es, wenn sie ein Video sehen möchten und sie nicht für klicken möchten sich selbst. Aber wenn Sie auf einem Mac sind, sind die Dinge viel einfacher, also können Sie einfach diesen Datensatz treffen oder direkt hier treffen, und es wird einen Prototyp ohne diese Leiste an der Spitze aufnehmen. So ist es wirklich. Der Hauptunterschied zwischen Eggs D unter Windows und Mac ist, dass Videoaufzeichnung Funktion, weil es ein Video direkt von diesem Bildschirm aufnehmen wird. Aber unter Windows haben wir diese Option immer noch nicht, weil aus wie Fenster strukturiert erstellt werden, so haben wir immer noch diese Leiste an der Spitze. Aber wie sie sagten, können Sie es einfach vergrößern. Importieren Sie dieses Video wie folgt in Ihre Fotoshop-Datei, und Sie können es dann ausschneiden und sicherstellen, dass diese Leiste oben verschwindet. Also, das ist es im Grunde für den Aufnahmeteil. Also lassen Sie uns jetzt unser Projekt mit dem Kunden teilen, also werde ich einfach hier klicken. Klicken Sie auf Teilen zur Überprüfung Jeder mit der Lincoln Ansicht oder Sie können nur Personen einladen, die Sie möchten , dass dieses Projekt anzeigen können. Wenn Sie also ein nd A mit dem Client unterzeichnet haben, ist diese Option äußerst hilfreich. So können zum Beispielnur Personen innerhalb des Teams zum Beispiel oder einige große wichtige Stakeholder dieses Projekt sehen. Sie können ihm hier einen Namen geben, also haben wir einen Auslöser, damit wir es so nennen können. Sie können Kommentare zulassen, und ich empfehle es. Wenn Sie Feedback direkt beim Verlassen der Website von Adobe erhalten möchten, können Sie Hotspot-Hinweise anzeigen, was wirklich wichtig ist, weil manchmal Kunden stecken bleiben. Sie wissen nicht, wo sie klicken sollen, daher sind Hotspot-Hinweise äußerst hilfreich, Sie können Navigationssteuerelemente anzeigen, die die Steuerelemente am unteren Rand, außerhalb des Bildschirms sind , und sie bestätigen, dass sie zwischen den Bildschirme, und sie werden dann wissen, wo sie sind. Im Moment können Sie im Vollbildmodus öffnen. Wenn Sie dies tun, werden die Navigationssteuerelemente anzeigen automatisch verschwinden, und schließlich können Sie ein Kennwort benötigen. Wenn dies eine Art geheimes Projekt ist und Sie es geheim halten möchten, können Sie ein Passwort benötigen und jeder mit dem Pass kann eingeben. Und dann, zum Beispiel, kommentieren und sehen Sie all diese Hot Spots und alles andere. Alles, was Sie hier tun müssen, ist, einen Link zu erstellen, und er wird geladen. Und je nachdem, wie groß Ihr Projekt ist und wie schnell Ihre Internetverbindung ist, kann dies von wenigen Sekunden bis zu wenigen Minuten dauern. Also sehe ich dich, wenn es zu 100% kommt und wenn es veröffentlicht wird. , Wenn Sie diesen Prototyp ändern, können Sie auf „Aktualisieren“ klicken und diesen Link aktualisieren, und Sie können diesen neuen Link dann an unsere Kunden senden und das aktualisierte -Link. Ich meine dem Kunden, und sie können dann die Änderungen überprüfen. Oder Sie können einfach Linkkopie in schlechter Kälte kopieren. Und Sie können dies in Darstellungen einbetten, die etwas, das Sie wollen, oder Sie können einfach auf diesen Link klicken, und es öffnet sich das nebeneinander neben dem neuen Fenster. Wenn Sie es zum ersten Mal öffnen, dauert es einige Zeit, um zu laden, also denken Sie daran. Wie Sie sehen können, hat die Animation bereits begonnen, und hier sind wir auf dem ersten Bildschirm, und alle Animationen funktionieren. Gut, wie Sie hier sehen können. Wenn ich zum Beispiel auf das Menü-Symbol klicke , können Sie sehen, wie das aussieht. Und wenn ich auf dieses Bild klicke, wird es es vergrößern. Also alles, was wir zuvor getan haben, hat es genau hier geschaffen. Aber Sie werden einige Pannen von Zeit zu Zeit sehen, weil Sie durch diese in unserem Fall gehen müssen , 29 verschiedene Bildschirme, die Sie hier sehen können. Und dann werden Sie in der Lage sein, alle Animationen reibungslos anzuzeigen, sobald Sie alle diese 29 verschiedenen Bildschirme durchlaufen haben . Also, wenn ich hier klicken, können Sie sehen, dass wir verschiedene Animationen haben. Und wenn ich irgendwann ins Haus springen möchte, kann ich einfach hier klicken, und es wird mich zum ersten Bildschirm bringen. Nun, wenn es darum geht, zu kommentieren, können Sie einfach diesen Pin ziehen. Sie können es zum Beispiel platzieren . Sagen wir hier und schreiben wir zum Beispiel einen Kommentar, zum Beispiel einen Kommentar, und Sie können auf Senden klicken, und es wird es einreichen. Und zum Beispiel zum Beispiel kann ich durch all diese verschiedenen Bildschirme wechseln. Lassen Sie mich schnell nachsehen. Vielleicht bin ich auf Bildschirm 20 und ich möchte mich daran erinnern, wo war dieser Kommentar übrig? Ich kann einfach darauf klicken, und es wird mich zu diesem Bildschirm bringen, und es wird so hervorheben. Sie können viele dieser Schmerzen platzieren, wie Sie wollen. So zum Beispiel können Sie zum Beispieltippen, vielleicht ändern Sie dieses Bild und es wird in Echtzeit aktualisiert, und Sie können immer darauf zurückgehen und herausfinden, wo diese Kommentare waren. Also, wie ich schon sagte, vielleicht bist du auf diesem Bildschirm. Sie können hier klicken, und es wird Sie zu diesem Bildschirm führen. Also ist es wirklich einfach. Wirklich schlichte Zehe. Erhalten Sie Feedback, um Änderungen vorzunehmen, die Ihre Prototypen hier aktualisieren und sie dann noch einmal mit dem Client überprüfen und sehen, ob alle auf der gleichen Seite mit dem Design sind. Und schließlich können Sie alles, was Sie zuvor gearbeitet haben, an Ihren Kunden an ihre Entwickler liefern , so dass sie dieses Design am Ende entwickeln können. Im nächsten Video werde ich Ihnen zeigen, wie Sie alles vorbereiten und Assets für Entwickler exportieren können und wie Sie sie packen können, um sie einfacher an Entwickler und Kunden zu senden. Also sehe ich dich dort. 99. Assets exportieren: Jetzt ist es an der Zeit, unsere Assets zu exportieren und sie sowohl an die Entwickler als auch an die Kunden zu schicken . Also, wie können wir das tun? Wir werden keine Prototypen exportieren, weil alle diese Elemente bereits in unseren Designbildschirmen enthalten sind . Sie bewegen sich nur und ändern sich hier und da. Aber zum Beispiel haben wir diese Dashboards genau hier. Aber wir werden fertige exportieren. Und wir haben diese beiden Tasten, also werden wir sie so exportieren. Also, wie können Sie tatsächlich exportieren? Was ich Ihnen empfehle, ist, dass Sie eine Art Struktur erstellen. Also, wie Sie hier sehen können, haben wir vier, 68 10 12 verschiedene Bildschirme innerhalb des Designabschnitts und verschiedene Variationen von den gleichen Bildschirmen hier. Aber zum Beispiel ist dieses Bild genau das gleiche auf all diesen drei Bildschirmen sowie auf diesem Symbol. Sie ändern sich nur in der Größe. Also warum sollte ich diese drei exportieren, wo ich nur dieses exportieren kann, ich werde dieses Symbol nicht von hier exportieren. Ich werde einfach zum Styleguide springen und alle diese Assets von hier exportieren. Wie bei den Böden So wie Sie sehen können, ist Styleguide sehr nützlich für das auch. Wie Sie also exportieren können, ist, dass Sie eine Dateistruktur erstellen können. Also hier ist meine Dateistruktur genau hier. So können Sie sehen, wie das aussieht. Grundsätzlich habe ich in dem Ordner für jeden von diesen Bildschirmen. Sie können sie direkt hier aus dem Galerie-Crop-Dashboard sehen und so weiter. Und auch, ich habe Icons Ordner, das ist mein Ordner für alle von diesen Icons direkt hier aus dem Sal Guide. Denn wenn Sie sich erinnern, ich habe sie einfach von den Bildschirmen kopiert. Das sind also Originalgrößen, wie sie auf diesen, wo Bildschirmen sowie mit dem Logo erscheinen . Also, wie Sie es tun können, ist, dass Sie alle diese Symbole direkt hier exportieren können. Sie können das Logo in acht separaten Ordner oder außerhalb all dieser Ordner exportieren, die Sie gehen können. So zum Beispiel, weiß ich zum Beispiel,dass diese veröffentlichten Schaltflächen vom Veröffentlichungsbildschirm stammen, so dass Sie sich hier befinden können. Es ist eine Beschreibung veröffentlicht, und Sie können sie dann dorthin exportieren. Lassen Sie uns zum BeispielSymbole exportieren. zum Beispiel Zuerst wähle ich alle diese Symbole von hier aus aus. Also halte ich meine Umschalttaste gedrückt, wähle alles aus und drücke dann die Kontrolle oder den Befehl E. Und es wird mir diese Export-Assets Strafe zeigen. Also werde ich SPG für die Icons wählen. Und bevor Sie etwas exportieren, rate ich Ihnen, mit den Entwicklern zu sprechen und sie zu fragen, welche Art von Dateien sie benötigen? Ich mache das immer, wenn ich meine Projektbeschreibung erstelle. Und Sie können das in der kurzen lesen, damit ich es im Voraus wissen kann. Welche Art von Dateien benötigen sie? Welche Art von Größen benötigen sie? So wissen wir, dass sie iPhone 10 Größen benötigen, um loszulegen und mit diesem Projekt zu beginnen . Das ist die Onley-Größe, die für die IRS exportiert wurde. Schlechtern Sie sich vorerst. Wenn sie etwas später erledigen möchten, korrigieren wir diese Größen für die größeren Geräte und exportieren die Assets dann erneut. Oder wenn sie bereits SPG-Säuren haben, die unendlich skalierbar sind, weil sie Rektordateiformat sind und X T Wahlwerkzeug ist, so dass sie diese SVG-Dateien verwenden können, wie sie am Anfang exportiert wurden. Aber zum Beispiel, für P und G für J Peg Bilder müssen wir sie noch einmal exportieren. Also, sobald Sie im Format ausgewählt haben, können Sie in verschiedenen Stylings haben. Aber Sie können internes CSS haben, wenn sie CSS von diesen Symbolen kopieren möchten. Aber ich empfehle, dass Sie diese Einstellungen immer so lassen, wie sie sind, es sei denn, Entwickler haben in verschiedenen Exporteinstellungen nach gefragt, damit Sie sie eingebettet oder als Links optimiert, vereinheitlicht haben können als Links optimiert, . Also, das ist extrem wichtig und gute Option zu haben, vor allem, wenn Sie Websites entwerfen, denn wenn Sie klicken, optimieren, optimieren, wird es diese SVG-Symbole noch weiter optimieren. Also dann werden sie noch schneller laden und öffnen die Website sogar Foster, was extrem wichtig ist, offensichtlich für S CEO und für Suchmaschinenoptimierung im Allgemeinen. Aber lassen Sie uns die Dinge einfach für dieses Video halten und einfach alles so halten, wie es ist. Und schließlich können Sie exportieren, und Sie können ändern und wir können unsere Symbole zu finden. Hier ist es, und ich kann diesen Ordner auswählen und ich kann einfach auf Export klicken, und es wird alle diese verschiedenen Assets als separate Symbole exportieren. Also, wenn ich diesen Ordner hier öffne, so hier ist es, die Symbole können Sie sehen, dass es jedes einzelne Symbol separat in diesen Icons Ordner exportiert . Also behalte ich mehr über einen Export all diese verschiedenen Assets aus diesen verschiedenen Bildschirmen. Also werde ich nicht Ihre Zeit verschwenden und jedes einzelne Asset exportieren. Was ich empfehlen kann, ist, dass Sie diese Abbildung so exportieren, wie sie ist. Aber noch einmal, wenn Sie sich erinnern, haben wir gerade von hier aus zusammengearbeitet und einfach hier in den Styleguide eingefügt. Für diesen speziellen Bildschirm bei New Image können Sie diese Illustration einfach von hier aus exportieren. Oder wenn Sie möchten, können Sie einfach einspringen und exportieren Sie es von hier aus, weil wir das bereits exportieren. Diese Symbole können Sie einfach exportieren diese Platzhalter und das ist im Grunde das Ende. Tun Sie es. Also lassen Sie uns diese Bilder exportieren. Also, was ich tun kann, weil dies ein Wiederholungskrit ist, den ich un Gruppendescript und was ich hier bekomme , ist die Karte. Aber wie Sie sehen können, hat es sich im Grunde bewegt. Verwerfen Sie draußen, aus und unseren Hafen. So können Sie sich daran erinnern, dass wir ein ähnliches Problem mit einem der vorherigen Videos hatten. Also, was ich tun kann, ist, alle diese Karten zu gruppieren, so dass sie in diesem unserem Hafen enthalten sind und ich kann es einfach so nennen. Und ich kann die Startkarte positionieren, die diese ist. Ich könnte es den ganzen Weg nach unten bewegen. Tut mir leid, es ist eigentlich in diesem, glaube ich. Lassen Sie uns schnell überprüfen, welcher ist. Das ist Auto Nummer eins. Also lasst uns es direkt über positionieren Dies ist Karte Nummer zwei. Ja, das ist es. Also nenne ich es einfach Auto Nummer zwei. Und das ist Karte Nummer drei. Also ziehe ich den Wagen den ganzen Weg runter. Also bewegen Sie es hier und lassen Sie es 20 Pixel sein. So wie, und diese Abstände. Also kann ich all diese Karten öffnen und du siehst, dass wir genau die gleichen Namen haben . Also, was Sie tun können, ist zu springen und nennen Sie diese Kunst oder eine. Das ist auch bitter. Und schließlich, das am Ende, ist raus. Unsere drei und Sie können das gleiche mit Bildern tun. Das ist also Bild eins. Das ist Bild zu und schließlich ist das hier unten Bild drei. Nun, da Sie diese Symbole exportiert haben, können sie die Symbole so verwenden, wie sie genau hier waren. so dass sie in den Icons Ordner springen und sie von hier aus nehmen können, weil sie genau die gleiche Größe haben und wenn Sie es für die Entwicklung mit ihnen teilen. Also, wenn ich hier klicke, haben Sie schlew diese Assets zum Download hochladen und Sie können einfach einen Link erstellen. Und es wird dieses Projekt für die Entwickler und innen von dort erstellen. Und sie können den Unterschied Bettwäsche und Ränder sehen und so weiter. Und sie können verschiedene Abstände sehen, die Sie verwendet haben und alles andere. Und sie können dann starten und diese App erstellen. Sie haben auch Adobe X'd. Sie können es öffnen und sehen für sich diese Differenz-Basis, die Sie an verschiedenen Orten verwenden . Aber damit wir etwas exportieren können, können wir diese Bilder auswählen und Sie können die Kontrolle halten, während Sie es auswählen, oder Commander Mac und Sie können alle diese verschiedenen Bilder auswählen. Dann drücken Sie die Kontrolle Befehl E. Und statt der Festlichkeit, können Sie PNG wählen. In diesem Fall können Sie Design wählen oder Sie können IOS wählen und es wird ausgewählt. Es wird ausgewählte Assets mit einem x zwei x und drei x exportieren und ich empfehle Ihnen wirklich, das zu tun , es ist auf einem X entworfen, so dass es in Originalgröße entworfen ist und es wird skaliert, falls sie für größere Geräte benötigen später, damit sie es so verwenden können. Und schließlich können wir ändern, weil wir wollen, dass dies in einen anderen Ordner exportiert werden, so dass Sie hier klicken und das Haus suchen können. Also hier ist es. Ich werde diesen Faller Aaron auswählen, einen Hit-Export. Es wird alle meine Bilder als PNG exportieren. Und wenn ich hier zu Hause finde, siehst du, wie alles aussieht. Also haben wir ein Wasser 11, das zwei X und eins ein drei X ist und es tat genau das Gleiche für den Rest von unseren Bildern. Also nächstes, was Sie exportieren können, sind nie bar in Tab sind. Also lassen Sie mich schnell alles schließen, so dass Sie hier klicken können, um die nab unsere und auf die Registerkarte sind. Das ist, warum wir in diesen die Namen wie diese gegeben haben, so dass Sie sowohl Nie bar und Träne Bar Hit Control oder Befehl e wählen als PNG und Hit Export, weil wir wollen, dass sie ableto Overlay sein . Diese als PNG's oben auf diese verschiedenen Elemente. Und schließlich, was Sie von hier aus exportieren können, ist die Statusleiste. Aber die Statusleiste kommt normalerweise standardmäßig innerhalb von weniger, so dass ich den Punkt nicht sehen kann, dass die Statusleiste exportiert wird. Es ist nur für Abstände hier. Also sind alle auf der gleichen Seite wie Zehe, wo die Elemente kommen. Das gleiche ist mit diesem Home-Indikator, es ist die Standardoption innerhalb von Iris. Es hat also keinen Sinn, es zu exportieren, weil es kommen wird, wenn Entwickler reinkommen wollten . Es ist nur wegen der Referenz hier. Also wissen sie, welche Art von Abstand sie verwenden sollten? Denn wieder kommen diese Home-Anzeige sowie die Statusleiste vom Standard-IOS. Sie mögen es von Apple gemacht, bereits in einem der vorherigen Videos darüber gesprochen. Also, du weißt, du gehst zu gehen, weil du genau den gleichen Abstand wie Apple selbst benutzt hast. Sie wissen also, dass Sie auf dem guten Start sind. Sie exportieren keinen Text, weil sie Text innerhalb des Mantels enthalten, also werden sie hier drinnen sehen. Wenn Sie für die Entwicklung teilen. Sie werden wieder verschiedene Abstände sehen. Also zwischen, zum Beispiel, dieses nach Bild und diesem Bild. Und zwischen diesem Bild und diesen Symbolen und so weiter, werden sie sehen, welche Art von Größe Sie für den Text verwenden. Wie viele Absätze haben und so weiter und so weiter, damit sie alles wissen. So exportieren Sie einfach im Grunde Bilder und diese verschiedenen Platzhalter. Also für mich, nicht in jeden einzelnen Bildschirm zu gehen, schnell durchlaufen zu lassen und es Ihnen sagen, noch einmal gehen Sie Zehe Export dieser beiden Bilder und Sie werden den Stich exportieren, sind unten rechts hier. Also spreche ich von unserem Projekt. Offensichtlich werden Sie diese Illustration exportieren oder wenn Sie bereits aus dem Styleguide getan haben , können Sie diesen Schritt einfach überspringen. Aber Sie können es von hier aus exportieren. Sie werden diese Platzhalter so Galerie BG sowie Kamera BG exportieren, weil es verschiedene Elemente und ihre anklickbar sind. In diesem Fall Sie das Symbol bereits exportiert, sodass Sie sich auf diesem Bildschirm keine Sorgen machen müssen. Sie werden alle diese verschiedenen Bilder exportieren. Wenn das etwas ist, das Sie wollen, weil Sie es und diese Dimensionen exportieren möchten. Sie können sie auch in einen separaten Ordner einfügen, damit die Clients die Originalgröße haben können. Zum Beispiel zitierte dieses Bild 5000 mal 3000 so etwas. Aber meiner Meinung nach sollten Sie alle diese Bilder direkt von hier aus exportieren, da Entwickler auf diese Weise wissen, welche Größen sie von hier aus verwenden sollten. Als nächstes haben wir Bild hinzugefügt und ich werde dieses Bild nicht in diesen verschiedenen Zuständen exportieren. Wie Sie hier sehen können, werde ich nur dieses Originalbild exportieren. Jetzt für die Schieberegler, Sie werden nur diese drei Elemente exportieren. Also Kreis, Schieberegler Farbe und Schieberegler Bijie, Sie gehen, um sie als separate PNG zu exportieren, so. Entwickler werden einfach diesen Schieberegler kopieren, damit Sie sie nicht mehrmals exportieren müssen . Sie können einfach zu diesem exportieren, und dann können sie sie einfach kopieren, weil sie diese Freigabe für Entwicklungslink erhalten können und sie die verschiedenen Abstände sehen können und so weiter. Genau hier können Sie diesen Bildzuschneidebereich exportieren, aber noch einmal können sie die ursprüngliche IOS-Zuschneidefunktion enthalten. So zum Beispiel können sie zum Beispieldiese benutzerdefinierten Symbole enthalten. Aber die ursprüngliche Zuschneidefunktion aus dem IRA-System selbst, so gibt es keine Verwirrung dort. Schließlich, für die Beschreibung und Veröffentlichung, können Sie offensichtlich exportieren Sie dieses Bild, dieses Bild, und Sie können diesen Textbereich exportieren. Diese Linien und für die Unterseite zeigen bereits, dass Sie Schaltflächen innerhalb des Styleguides befinden, so dass Sie sie auf diese Weise exportieren können. Jetzt für die Charts von sich selbst, können sie die Standard-Charts verwenden und dass die IOS bietet und sie wissen, mit Haien, die sie verwenden sollten, um diese zu imitieren. Aber nur für den Fall, dass Sie diese Diagramme entweder als Gemüse oder PNG exportieren können, nur für ihre Referenz, Sie exportieren keinen Text, und wieder gehen Sie zu dem Export. Diese BGs so Art von BG mag BG und schließlich die besten Zeiten, um VG zu posten, weil das Ihre Platzhalter sind. Sie werden auch diese Zeilen exportieren, und das ist es im Grunde für diesen Bildschirm. Für die Likes. Sie gehen die Bilder noch einmal oben und die Nie Bar für das Profil exportieren. Noch einmal dasselbe. Also diese beiden, sowie alle Bilder, die Sie sehen und schließlich, für das Seitenmenü, können Sie dieses Symbol exportieren, aber noch einmal ist es in der Styleguide befindet, so dass es aus exportieren kann Es waren wie wir , und schließlich können Sie dieses Bild so exportieren, wie es aber als PNG exportiert wird. Also jedes Mal, wenn sie innerhalb des Menüs enthalten, wird es transparent PNG sein. So wird es all diese netten Effekte bekommen, die Ihnen bereits in unseren Videos gezeigt haben. Und das ist im Grunde, dass das im Grunde das für den Export ist. Und schließlich, wenn es an der Zeit ist, es mit Ihrem Kunden zu teilen, müssen sie nur tun, dass Sie einfach alle auswählen können. Und unter Windows kann ich mit der rechten Maustaste auf WinZip klicken und zu Shutter App zip hinzufügen. Und sobald es das tut, wird es eine einfache und leicht freigegebene ZIP-Datei erstellen. Also, in meinem Fall ist, können Sie sehen, dass es auf Lee sechs Megabyte groß ist, und Sie können diese unsere Projektdatei speichern und separat senden, wenn Sie möchten. Aber in unserem Fall, wie Sie gesehen haben, ist unsere ZIP-Datei nur sechs Megabyte, so können wir es an unseren Kunden senden, und sie können leicht geteilt werden, waren E-Mail, die Sie teilen können, wurden Luft fallen gelassen, zum Beispiel kannst du sie über WhatsApp Viber teilen. Was auch immer Ihre Kunden verwenden, kann über slack kommunizieren, so dass Sie sie über Dropbox senden können usw. Und sie können diese Zip-Datei sowohl unter Windows als auch auf Mac leicht öffnen und haben diese Ordnerstruktur direkt hier drin. Sie können es auch so mit ihren Entwicklern teilen, und sie werden in der Lage sein, alle diese Dateien zu öffnen und sie als ihre beabsichtigte Zehe zu verwenden . 100. Schlussbemerkung: Herzlichen Glückwunsch. Sie haben das Ende des Kurses erreicht. Ich hoffe wirklich, dass Sie es nützlich fanden. Irgendwelche, um einige dieser Techniken nützlich und neu und informativ zu finden, und dass Sie gehen Zehe sie in eine zukünftige Arbeit anwenden. Ich hoffe wirklich, dass Sie dieses Wissen auf die Probe stellen werden und dass Sie wirklich gehen, zumindest einen Teil von dem, was Sie in diesem Kurs gelernt haben, in die zukünftige Arbeit anwenden und dass all diese Informationen Ihre Arbeit zumindest für einige verbessert haben Grad. Und jetzt lasst uns schnell zusammenfassen, was wir gelernt haben und was wir innerhalb dieses Kurses getan haben . Also das erste, was Quelle. Wir haben alle diese acht verschiedenen Kategorien durchlaufen. Also gingen wir von Bildern durch Diagramme, Schaltflächen, Effekte und so weiter bis zu anderen. Und wir haben verschiedene Effekte vollendet. Und wir haben gelernt, alles zu animieren, von Symbolen über Form bis hin zu Text und so weiter. Und dann, wenn wir die Schulden abgeschlossen haben, haben wir unser Projekt erstellt. Wir haben von der Design-Briefung begonnen. Wir haben die Projektplanung einbezogen. Wir haben einige Drahtrahmen aufgenommen, die wir auf Papier zeichnen, dann haben wir unseren Style Guide erstellt unsere Drahtrahmen und das gesamte Projekt geplant. Dann, nachdem wir die Drahtrahmen fertiggestellt haben, haben wir das Design durchgemacht. Wir haben verschiedene Variationen von diesen Drahtrahmen aufgenommen. Wir schließen die verschiedenen Bilder ein, einige verschiedene Schlagschatten erstellt, und wir haben die Dashboard-Bildschirme und jemand erstellt. Und nachdem wir unser Design abgeschlossen haben, gingen wir dann zu den Prototypen über erstellten mehrere Zustände aus all diesen verschiedenen Bildschirmen. Und schließlich, sobald wir den Prototyp erstellt haben, teilten wir das mit abgelehnt mit den Entwicklern. Und ich habe Ihnen gezeigt, wie Sie all das verpacken können, Toby leicht verdaulich sowohl für Ihre Kunden als auch für ihre Entwickler. Also, das ist es im Grunde für den Diskurs. Vielen Dank. Noch einmal, so viel dafür, es zu nehmen. Und noch einmal, ich hoffe wirklich, dass Sie einige Kenntnisse in einigen wertvollen Tipps davon aufgenommen haben und dass Sie Fuß gehen, wenden Sie sie in Ihrer zukünftigen Arbeit in das letzte Video dieses Kurses Ich werde mit Ihnen teilen einige -Links. Und Ressource ist, dass ich im Diskurs erwähnt, wo Sie Mittel finden können, wo Sie Bilder immer mit, wo Sie beschränkt finden können. Schöne, gute kostenlose Symbole, wo Sie diese Illustrationen finden, die wir verwenden und jemand, bis ich Sie dort sehen. 101. Links und Ressourcen: Schließlich möchte ich Links teilen und Ressource ist mit Ihnen. So werden Sie diese Links zu bekommen und Ressource ist pdf Sie können es öffnen und einfach auf diese Links klicken will auf sie klicken. Es wird Sie mit dieser Nachricht auffordern. Sie können auf erlauben klicken, so dass Sie in der Lage sein, Zehe zu bekommen, dass Link sofort. Also hier haben wir offene Sense Fund, die frei von Google-Schriften ist, und wir waren mit, dass in allen von unserer Arbeit, können Sie kostenlose Bilder von auf Splash herunterladen und dass das Stockfoto So können Sie im Grunde auf diese blauen klicken Worte und es wird Sie zu diesen Links zu bringen. Und schließlich können Sie kostenlose Icons aus dem Materialdesign von Google herunterladen und sie sind frei, sowohl für den persönlichen als auch für den kommerziellen Gebrauch zu verwenden. Schließlich können Sie mich jederzeit kontaktieren, wenn Sie Fragen haben. Warum sind diese Plattformen so entweder Skill-Anteil oder Sie für mich, wo immer Sie meinen Kurs oder meine anderen Kurse nehmen ? Und ich werde immer gerne antworten. Vielen Dank nochmals, dass Sie diesen Kurs besucht haben, und ich hoffe wirklich, dass Sie so Wert darin gefunden haben. Und ich hoffe wirklich, dass du es auf eine Zukunft anwenden wirst. Sie Ich entwerfen Arbeit so bis zum nächsten Mal, kreativ sein und kümmern 102. Adobe Xd Update-Komponenten: Hey, Designer Alex hier. Und ich wollte Ihnen nur ein schnelles Update über Adobe X'd insgesamt geben. Ah, während zurück Adobe Eier, das Team startete ein Update für die Komponenten, und jetzt können Sie eine Komponente aus Ihren Schaltflächen erstellen, Bilder, Formulare und so weiter, und dann können Sie interagieren zwischen diesen Komponenten. Also wollte ich nur ein Update für den Tod erstellen, weil ich warten wollte und sehen, was sie in diesen Komponenten enthalten werden. Weil, wie Sie wissen, Adobe Eggs, das Team startet Updates jeden Monat. Also, im Grunde wollte ich Ihnen nur einen schnellen Überblick geben und wie Sie diese Komponenten verwenden können, wenn Sie mit Techniken wollen , die ich Ihnen in diesem Kurs beigebracht habe. Das erste, was ich erwähnen möchte, ist, dass Sie sie nicht verwenden müssen, aber es ist vorteilhaft für Sie, sie zu verwenden, weil Sie Ihre Arbeit schneller erstellen und Sie werden Ihre Arbeit schneller als zuvor beenden, weil dieses Update wirklich wichtig ist. Also, um loszulegen, zeige ich Ihnen, was ich meine. Also lasst uns Rechteck erstellen. Verwenden Sie so etwas wie zu früh mit Colonel 70 zum Beispiel, lassen Sie es uns in der Mitte positionieren. Geben wir ihm zum Beispiel einen Eckenradius von 50, nur um eine schöne, einfache Flasche zu schaffen . Lassen Sie uns die Farbe So drei e C sechs Stab F ohne Rand verwenden. Und lassen Sie uns zum Beispiel hinzufügen, lädt mehr Text. Inside mit mir schließen offenen Sinn wie so 20 East. Ordnung. Mach es zentriert und widerspreche es in der Mitte so, und ich werde auch sicherstellen, dass das weiß ist. Wählen Sie beide aus und klicken Sie einfach hier. Drücken Sie die Kontrolle G, um sie zu gruppieren. Und wie immer, werde ich es Bt Ende nennen und ich werde reinspringen und dieses Bt und B G nennen. Nun, was können Sie mit diesem Knopf tun? Es ist ganz einfach. Wir hatten immer Komponentenerstellung innerhalb von Adobe ist D, so können Sie einfach steuern oder Befehl K drücken, und Sie werden eine Komponente erstellen. Und wenn ich direkt hier springe, können Sie sehen, dass wir Komponenten haben und wir BT in haben, was diese Komponente ist, die ich gerade erstellt habe. Dieser ausgefüllte Diamant bedeutet, dass seine Master-Komponente, was im Grunde bedeutet, dass es die erste Komponente ist, die Sie aus dieser Instanz erstellt haben, und Sie können so viele Instanzen erstellen, wie Sie auf unseren Boards und in Ihren Design, alles, was Sie tun müssen, ist einfach Drag & Drop von hier. Und Sie können sehen, wenn ich auf diesen hier klicke, dass dieser Diamant gefüllt ist und dieser innen hohl ist . Wenn Sie viel näher fortsetzen, können Sie sehen, was ich meine. Das ist also hohl und das ist ausgefüllt, was im Grunde darauf hinweist, dass dies die Master-Komponente ist. Und das ist die Instanz von dieser Master-Komponente Was das wieder bedeutet. In der Praxis klicke ich zum Beispiel direkt hier und tippe zum Beispiel. Ich kenne die Suche nicht. Sie können sehen, dass es aktualisiert, aber Sie können direkt hier in der 2. 1 springen und ich wurde mehr geblasen. Und Sie können das sehen, weil dies die Instanz von dieser Monster-Komponente ist. Wieder einmal können Sie sehen, dass es aktualisiert wird, was bedeutet, dass es hat. Es hat eine Änderung im Vergleich zur Master-Komponente, denn jetzt können Sie sehen, dass dieser Diamant nicht mehr hält. Aber es hat diesen Punkt in der Mitte. Was das bedeutet, ist im Grunde Eier die Suche nach Ihren Änderungen und es kann sehen, dass Farbe aus dieser Monster-Komponente ist blau und aus. Diese Instanz ist ebenfalls blau. Also, zum Beispiel, wenn ich diese Farbe in eine andere Farbe ändern möchte, hasserfüllte Update-Instanzen durchgängig. Aber wenn ich hier eintippe und klicke, erfahren Sie mehr, werden Sie sehen, dass es nicht auf diese Komponente unter dieser Instanz aktualisiert wird, weil wir diese Instanz getrennt von dieser Monster-Komponente geändert haben . Also im Grunde, was auch immer Sie erstellen, es geht zu einer Show unten. Wenn Sie diese Features anzeigen möchten oder Sie diese Features überschreiben können, indem Sie einfach diese Instanzen verwenden und einfach aktualisieren, was Sie in Ihrer Master-Komponente nicht geändert , können wir beispielsweise haben, können wir beispielsweiseden Eckenradius ändern. Also lassen Sie uns 20 verwenden und Sie können sehen, dass geht Toe Update. In beiden Fällen in Echtzeit können Sie auch Grenze wählen, weil wir die Grenze nicht geändert haben und damit spielen. Sie können zum Beispiel mit diesen Einstellungen spielen . Sie können hier alles einbinden, was Sie wollen. Sie können es so erweitern, dass Vorlesungen für 100 zum Beispiel. Sie können sehen, wie es sich in Witz erstreckt und all die Dinge, die Sie verbessern können. Sie können einschließen, wenn Sie möchten, und es wird in Echtzeit aktualisiert. Über Ihre Instanzen hinweg. Aber denken Sie daran, wenn Sie eine Instanz aus Ihren Master-Komponenten erstellen, wird sie aktualisiert, wie Sie die Aktualisierung gewünscht haben. Also noch einmal, wenn Sie wollen, dass alle in Ordnung, diese Instanz und halten Sie einfach die blaue Farbe in diesem Beispiel. Ich kann hier klicken, und ich kann 20 eingeben. Und Sie können sehen, dass die Instanz aktualisiert wird, während die Master-Komponente immer noch so ist, immer noch in ihrer ursprünglichen Form. Und wenn ich hier klicke und das zum Beispiel auf 20 ändere, oder noch weniger, Lieutenant, sagen wir, wie Sie sehen können, wird es nicht die Instanz aktualisieren. Es wird nur die Master-Komponente aktualisieren. Im nächsten Video werde ich Ihnen zeigen, was das alles bedeutet, und wir werden mit Staaten spielen, und ich werde Ihnen zeigen, wie Staaten Ihren Prototyping-Prozess weiterentwickeln werden. Was sind die Stärken und auch Was sind die Grenzen? Weil dies einige Einschränkungen hat, und Sie werden immer noch mehrere unserer Ports für einige Animationen verwenden müssen. Nicht für alle, aber für einige Animationen. Also werde ich Sie im nächsten Video sehen, wo wir gehen, um zu erkunden, dass 103. Adobe Xd Update-Komponenten: Also, wie er im vorherigen Video sagte, hat dies einige Einschränkungen, und ich werde Ihnen zeigen, welche. Aber bevor ich es tue, lassen Sie mich schnell erklären, was das ist. Wie Sie aus dem vorherigen Video sehen können, haben wir eine Komponente erstellt, und das war immer innerhalb von Adobe X'd. Es hieß einfach vorher. Jetzt nennt man es Komponenten. Aber was anders ist, ist das. Also haben Sie hier auf Ihrer rechten Komponente, Master, Master, und hier haben Sie Standardstatus, so dass Sie rechts hier klicken können, toe, einen Zustand hinzufügen, und wenn Sie dies tun, können Sie. Sie werden mit einem neuen Status oder Hover-Status präsentiert. Wie Sie sehen können, hat es dieses Tonder-Symbol, so neuen Zustand können Sie es nennen, wie Sie wollen. So nennen wir es zum Beispiel angeklickt, zum Beispiel angeklickt, und Sie können es jetzt hinzufügen. Dieser geklickte Zustand, wie Sie wollen, also werde ich direkt hier zu meinem BT und BG springen, und ich werde die Farbe ändern. Zum Beispiel wird es eine dunkle Farbe nur verwendet, zum Beispiel, so etwas, und Sie können jetzt zwischen Ihren Stilen ändern und Sie können Standard sehen. Zustand ist dieses schöne Blau in geklickt ist diese dunkelgraue Farbe. Also, wie können Sie diese Zustände verwenden? Ist wirklich einfach. Sie müssen nur zu einem Prototyp Graben gehen und einfach hier klicken, und es wird Zehenpunkt auf den gleichen Hafen wie Sie sehen können, und Sie werden Trigger wählen . zum Beispiel Tippen Siezum Beispielauf Übergang. Lassen Sie uns auch animieren Ziel, und Sie müssen einen Zustand wählen, da Sie jetzt Status haben, und Sie können so viele von diesen Zuständen hinzufügen, wie Sie möchten. Zum Beispiel leere Hover, geklickt, Fehler, Erfolg usw., damit Sie beliebig viele dieser Zustände hinzufügen können. Also lasst uns einfach Juden benutzen. Staat angeklickt, weil das die Staaten sind, die wir haben Lockerung so im Grunde wie zuvor . Lassen Sie uns mit einfach jetzt Dauer 0,3 gehen, und das ist es im Grunde. Also, wenn ich hier rechts klicke und hier klicke, können Sie sehen, dass es sich in diesen Klickstatus ändert. Also, wenn wir das noch einmal tun, können Sie sehen, wenn ein Klick es schnell in diesen Zustand ändert, weil das einzige wirklich ändert, ist die Farbe in diesem Fall jetzt, wie all dies auf unsere Animationen übersetzt. Ich werde dir im nächsten Video zeigen, wenn ich die Zehe gehe. Erklären Sie einige Stärken und Einschränkungen, da dies, wie ein Satz im vorherigen Video, einige Einschränkungen hat. Und der Schlüssel ist genau hier. Wenn Sie also Interaktionen auswählen, können Sie sehen, dass wir keine Zeit haben. Also im Grunde werde ich im nächsten Video erklären, Sie können eine Menge der Dinge damit tun, aber es gibt immer noch einige Einschränkungen, also werde ich Sie dort sehen. 104. Adobe Xd Update: Die Hauptbeschränkung bei diesen Komponenten ist im Grunde die Zeit. Also, wenn ich hier reinspringe, unsere Buttons Datei und Sie können auch diese Datei herunterladen, ist es bereits zur Verfügung gestellt. Sie können das sehen, wo immer wir die Zeit haben, damit Sie die Zeit auslösen können. Wir können es mit Komponenten verwenden, wenn es so ist, so können wir eine mehrfache Interaktion zwischen Komponenten haben, wenn wir die Zeit haben, aber wir können es nicht verwenden, wenn es die erste 1 ist, die ich nicht weiß warum. also zum Beispiel diese Ladeanimation wünschen, Wenn Siealso zum Beispiel diese Ladeanimation wünschen,die ich Ihnen zeige, die mit dem Zeitauslöser beginnt, können Sie sie nicht verwenden, weil Sie die 1. 1 nicht als Zeit verwenden können. Manchmal wird es Ihnen auch nicht die Möglichkeit geben, den Zeitauslöser für diese Sekunde zu verwenden und Einsen zu schalten und so weiter. Aber in der Regel wirst du das tun. Aber lassen Sie uns Schulden untersuchen, also werde ich dies als Beispiel verwenden, und ich werde zurück zum Design springen, damit ich dieses kopieren werde. Also drücken Sie Kontrolle oder Befehl tief, ich werde hineinspringen, und Sie können stattdessen sehen, dass diese Ordner wie Süden und mit zu unseren Häfen. für diese Animation Lassen Sie unsfür diese Animationschnell Steuerbefehl K verwenden, um eine Komponente zu erstellen. Und nennen wir es fallen gelassen, zum Beispiel, So und wie Sie sehen können, sind wir jetzt auf dem Standardzustand. Aber lassen Sie uns neue Zustände wählen und nennen es geschlossen. Und für diesen neuen Zustand öffnen wir einfach die Maske, wählen sie aus und halten Sie einfach die Umschalttaste gedrückt, um sie zu schließen. Und das ist im Grunde alles, was Sie tun müssen, wenn Sie Ihr Design haben. Daher ist es wichtig, dass Sie zuerst Ihr Design haben müssen, um dieses auswählen zu können. Wie Sie sehen können, habe ich diese Animation oder auch hier erweitert. Aber ich werde das nicht um der Zeit willen tun. Ich will dir nur zeigen, was du damit machen kannst. Wenn Sie also einen Prototyp erstellen möchten, müssen Sie nur auf einen Standardstatus zum Prototyp klicken und dort klicken, wo immer Sie wollen. In diesem Fall werde ich hier klicken. Klicken Sie einfach hier, um es zu erweitern. Sie treten ein, und das habe ich Ihnen gesagt. Wie Sie sehen können, haben wir nicht den Zeitauslöser. Wenn der Time-Trigger also der 1. 1 ist, können Sie ihn nicht verwenden. Also lass uns den Wasserhahn benutzen und lass uns den Saft schließen. Einfach jetzt 0,3. Das ist in Ordnung. Nun, was Sie tun müssen, schließen Sie dies. Es ist einfach Kopf auf über die nahe ein, und dann müssen Sie hier klicken und Saft Schritt. Sie können sehen, dass wir hier immer noch keine Zeit haben. Einfach jetzt 0.3 und wählen Sie unseren Port aus Standardzustand Und jetzt, einmal ein Hit hier, um den Prototyp-Modus zu betreten. Klicken Sie hier. Sie können sehen, dass es sich erstreckt. Klicken Sie hier. Sie können sehen, dass es schließt, aber wie Sie stattdessen sehen können, um unsere Häfen, wir haben nur einen. Und wie sie sagten, können Sie so viele dieser Staaten haben, wie Sie wollen, so können Sie 50 Staaten 60. Es spielt keine Rolle, jedoch ist ein anderer Staat, so können Sie auch einen Hafenstaat hinzufügen. Sie müssen zum Beispielden Standardstatus auswählen Beispiel oder geschlossen. Lassen Sie uns den Faltzustand wählen und ah, schweben. Lasst uns gehen. Es, jedoch Staat. Und jetzt, was Sie tun müssen, ist einfach Woods zu ändern. Gehen Sie mit dem Moschee Rechteck. Fügen wir zum Beispiel einen Schlagschatten hinzu, der auf 55 so 20 erweitert ist , , und lassen Sie uns unsere Moschee noch mehr erweitern, damit wir sehen können, wie diese Schlagschatten tatsächlich aussehen. Und wenn ich hier klicke, können Sie sehen, dass wir uns in einem Hafenstaat befinden. Aber hier sind wir, Standardzustand. Wenn ich also auf Vorschau klicke, können Sie sehen, wie es funktioniert. Aber wenn Sie versuchen, es zu schließen und die Animation durchzuführen, funktioniert es nicht. Aber lassen Sie mich in den Standardzustand gehen. Klicken Sie noch einmal, Sie können sehen, dass wir die Macht haben, aber wir können sie nicht schließen. Warum wir es nicht schließen können, weil es einen Unterschied zwischen dem Hafenstaat und dem Standardzustand gibt, weil wir innerhalb des Horrorstatus die Moschee erweitert haben und Adobe Eier können die Auto-Animate-Funktion nicht funktionieren, weil die Moschee erweitert. Aber du bekommst die Idee eins. Wenn Sie mit dem Entwerfen beginnen, beginnen Sie, diese Elemente während des Entwurfs einzubeziehen, und erstellen Sie dann Komponenten, nachdem Sie die Entwürfe fertig gestellt haben. also zuerst Erstellen Siealso zuerstalles und erstellen Sie dann Komponente und dann in verschiedenen Zuständen zu Ihren Komponenten . Also bist du es nicht. Sie enden nicht mit einer solchen Situation, also können Sie im Grunde nicht verschiedene Elemente zwischen Ihren verschiedenen Staaten haben. Alle Ihre Elemente müssen gleich bleiben, wenn Sie Auto-Feind verwenden möchten, also ist das im Grunde für diese Komponenten. Wie Sie sehen können, können sie Ihnen viel Zeit sparen. Also im Grunde, wenn Sie unsere Boards wie diese haben, werden sie nicht funktionieren, weil sie die Zeit sind. Und wenn Sie unsere Häfen wie diese mit grundlegenden Zuständen haben, werden sie funktionieren. Eine weitere Sache ist, wenn Sie Orte wechseln, zum Beispiel von hier nach hier, werden sie manchmal einige Störungen erzeugen, besonders in Fällen wie diesen, wenn Sie Farben ändern. Von blau nach rot wird es eine Art Panne erzeugen, wenn es die Position von hier nach hier ändert . Also bitte bedenken Sie das. Dieses System ist wirklich nicht perfekt, und ich werde immer empfehlen, dass Sie es testen, bevor Sie sich dazu verpflichten. Also, im Grunde, sehen Sie, ob es so funktioniert. Wenn ja, dann fantastisch. Und es wird immer so aussehen mit einigen grundlegenden Animationen. So, zum Beispiel, in Fällen wie diesen, geht es von einer Seite Zehe auf die andere und ändert einfach die Farbe und ändert die Form von diesem Symbol, so dass es immer in diesen Fällen funktioniert. Aber in diesen komplizierten Fällen ist es vielleicht immer am besten, mehrere unserer Ports zu verwenden, besonders wenn Sie Zehe zu vielen dieser Schritte haben, wie 1/2 in einigen dieser Schritte. Zum Beispiel, in diesem, wo wir diesen Donald-Prozess haben und so weiter in Fällen wie diesen, wird es immer gut funktionieren, so dass Sie es verwenden können, um sich etwas Platz und einige Zeit innerhalb von Adobe X'd zu sparen . Und außerdem, alles, was ich gesagt habe, werde ich immer empfehlen, ist, dass Sie Komponenten verwenden, weil Komponenten eine fantastische Art und Weise Toe sind . Steigern Sie Ihre Geschwindigkeit und verbessern Sie Ihren Workflow, denn mit Komponenten können Sie viele Dinge tun. Wie Sie in früheren Videos gesehen haben, können Sie die Farben separat ändern. Sie können verschiedene Mittel einbeziehen. Sie können zum Beispiel verschiedene Eckenradius, Schlagschatten und so einen für verschiedene Komponentenzustände Schlagschatten und so einen für verschiedene Komponentenzuständeeinschließen, so dass Sie wirklich damit spielen können. den Animationsteil betrifft, stellen Sie sicher, dass Sie testen, ob es nicht mit nur einem Art-Boards funktioniert, und mit allem, was in diesem einzigen unseren Port kombiniert ist, dann können Sie immer zu diesem Prinzip zurückkehren und einfach kopieren und einfügen unsere Ports und einfach zwischen diesen sind Ports, weil, wie Sie gesehen haben, haben Sie viel mehr Optionen, vor allem mit dem Time-Trigger und mit dem Voice-Trigger, wenn Sie mehrere unsere Ports haben als nur mit einem Einzel unseren Hafen.