Adobe XD Für Anfänger: Webdesign lernen

1. Einführung: Hallo zusammen, und willkommen zu meinem brandneuen Skillshare-Kurs für Adobe XD beginnt. Von allen. Mein Name ist Sam Harrison und ich betreibe ein Webdesign- und Entwicklungsunternehmen mit Sitz in Großbritannien. Und in diesem Kurs möchte ich Ihnen beibringen, wie Sie Websites mit Adobe XD entwerfen Adobe XD Die wichtigsten Punkte, die wir während dieses Kurses ansprechen werden, ist die Verwendung all der verschiedenen Formwerkzeuge. Wie benutzt man ein wichtiges Video und Lottie-Dateien. So verwenden Sie verschiedene Tastenkombinationen, die Geschwindigkeit Ihres Arbeitsprozesses und wie Sie generell den ABX-Tag für das beste Ergebnis erzielen , um Ihren Workflow so reibungslos wie möglich zu gestalten. Wie Sie am Ende dieses Kurses ein gutes Verständnis dafür haben, wie Sie Adobe XD verwenden können. In unserem Klassenprojekt erstellen wir im Grunde eine Zielseite , für die Sie dann auf dem Wissen aufbauen können , das Sie für Ihre eigene Arbeit gewonnen haben. Wenn Sie also gerade erst anfangen und lernen möchten, wie Sie ein Webdesign-spezifisches Programm wie Adobe XD verwenden. Dieser Kurs wird Ihnen auf jeden Fall beim Einstieg helfen. Und als Anfängerniveau, Art der Einstieg in das Tool und Einstieg in die Erstellung von Websites. Okay, also wenn das gut für dich klingt, fangen wir an. 2. Die Grundlagen lernen: Okay, also führe ich Sie für den ersten Teil dieses Kurses am nächsten Tag durch viele verschiedene Aspekte des Tages. Und im Grunde bin ich Sprache, um dich an die Schnittstelle und Hefe zu gewöhnen , um den Mais zu überholen, wie man sie benutzt. Jetzt gibt es eine ganze Reihe verschiedener Dinge über ADHS zu lernen , und nicht alles ist in diesem Kurs codiert. Ich arbeite speziell auf Dinge ab, die mit Webdesign zu tun haben, und all die Dinge, von auf Dinge ab, die mit Webdesign zu tun haben, und denen ich denke, dass Sie lernen müssen, XD zu verwenden und wie Sie mit diesem Tool mit dem Erstellen von Websites beginnen können. Wir werden jetzt alles in Bezug auf Grafikdesign abdecken. Benutzen wir Formen und manipulieren sie irgendwie herum? Dieser Kurs zielt jedoch speziell darauf ab, Websites mit XD zu erstellen. den ersten Videos beginnen wir also mit der Verwendung von Kunsttafeln, wie man Zeichenflächen manipuliert, verschiedene Formen manipuliert, Bilder importiert und wie man ein Video importiert Lottie-Dateien. Okay, also lasst uns mit den ersten Videos anfangen. 3. Kunstboards: Okay, sobald du dich angemeldet und angemeldet hast, wirst du mit diesem Startbildschirm konfrontiert. Zunächst werden wir also über unsere Boards und Bildschirmgrößen und einige grundlegende Grundlagen zum Manövrieren bestimmter Elemente in Adobe XD sprechen. Zuallererst werden Ihnen vier verschiedene Optionen für verschiedene Bildschirmgrößen angeboten . Die erste ist viele verschiedene Telefon- und Tablet-Größen. Du rufst also wieder populär an. Ich finde Größen Gigapixel, iPad. Von dort aus haben wir verschiedene Desktop-Größen. Du hast also HD, du hast 1366 von 76, acht, 1280 mal 100. Und nochmal, so können Sie eine vordefinierte Standardeinstellung für verschiedene Bildschirmgrößen auswählen . Sie haben dann auch verschiedene Social-Media-Typen der Bildschirmgröße. Wenn Sie also wie ein Facebook-Cover erstellen, hat es keine Voreinstellung oder in jedem Jahr haben wir das auch dort. Nun, die Empfindlichkeit wird ein Einzelgänger sein und Ihr eigenes Ding erstellen , um benutzerdefinierte Größe zu erstellen. Aber was wir heute machen, da wir uns auf die Erstellung von Websites in diesem Tutorial konzentrieren werden , klicken wir bis 1080 auf Web 1920. Und das wird uns unsere Zeichenfläche geben. also noch einmal, um es noch einmal zu wiederholen, Denken Sie also noch einmal, um es noch einmal zu wiederholen, an Ihre Kunsttafel als Ihre leere Leinwand für Ihre Projekte. Und das ist im Grunde nur der Canvas, an dem du arbeiten kannst. Also ein Befüllen mit Inhalten. Und du kannst die Leinwand herumziehen , indem du einfach darauf klickst. Sich selbst. Halten Sie Ihre Leertaste gedrückt und Sie erhalten das kleine Handsymbol wo, was bedeutet, dass Sie es bewegen können. Wenn Sie ein Trackpad haben, können Sie auch einfach kneifen und zoomen. Apropos Zoomen: Wenn Sie in eine bestimmte Stelle auf der Kunsttafel zoomen möchten , können Sie dies tun, indem Sie die Strg- oder Befehlstaste gedrückt halten , wenn Sie auf einem Mac sind , und es wird mit dem Mauszeiger angezeigt, wenn Sie auf einem Mac scrollen Ihr Mausrad dorthin, wo sich Ihre Maus gerade befindet. Wenn ich also nach oben rechts gehe, halte die Strg- oder Befehlstaste gedrückt und zoomen Sie dann mit meinem Scrollrad hinein . Sie scrollen zu dem Punkt, an dem sich Ihre Maus befindet. Das ist also eine sehr nützliche Sache, die Sie während Ihrer gesamten Zeit mit XD ziemlich viel verwenden werden . Das ist also irgendwie die Grundlagen dessen, was ein Kunstbrett ist. Wenn er anfangen will, die Größe zu ändern. Also änderst du deine Meinung. Du willst nicht, dass es 1920 bis 1080 ist, du kannst es ändern. Sie können dies einfach nach Belieben ziehen , wenn es ausgewählt ist. Wenn Sie eine Website erstellen, benötigen Sie natürlich mehr Bildschirm-Immobilien, die unnötig sind , anstatt eine neue Zeichenfläche für jeden Abschnitt zu erstellen , oder Sie müssen dies einfach nach unten ziehen und es wird so weit heruntergehen wie du willst, dass es geht. Vielleicht sehen Sie, dass wir diese Art von blauer gepunkteter Linie haben. Du musst damit nicht unbedingt herumspielen. Dies lässt Sie im Grunde nur Höhe des Darstellungsfensters wissen. Also das Darstellungsfenster Höhen, in diesem Fall, extra 1920 bis 1080. Betrachten Sie dies also im Grunde wie Ihren Heldenbereich der Website. Und alles unten befindet sich unter der Falte Ihres Designs. Höhe des Darstellungsfensters beträgt also 1080. Das ist also im Grunde das, womit wir arbeiten. Aber auch hier kannst du das ändern, wenn du es willst. Aber sagen wir auch, Sie möchten auf einmal an mehreren Projekten arbeiten . Das kannst du auch machen. Nehmen wir an, Sie möchten die Liste der Bälle sehen , die am nächsten Tag geliefert werden. Wenn Sie auf der Tastatur auf den Buchstaben A klicken, sehen Sie dann auf der rechten Seite, wir haben jetzt all die Dinge, die wir bei den Sternen hatten, den Käsefarmen. Wenn Sie eine weitere Zeichenfläche hinzufügen möchten, können Sie einfach auf eine klicken und dann habe ich sie direkt neben der Sicherheit und andere, Sie können das Gleiche wieder tun. Sie können sicherstellen, wenn Sie den Buchstaben a drücken, erhalten Sie alle hier und Sie können einfach so viele auswählen, wie Sie möchten. Jetzt gibt es auch eine Option, wenn er Ihre eigene Größe erstellen möchte , das können Sie tun. Wenn Sie den Buchstaben a gedrückt halten, werden Sie sehen, dass sich der Cursor ein wenig verändert hat. Wenn ich loslasse, wenn ich von der Familie zurückgehe wenn er sieht, dass er sich jetzt um den Zeiger kümmert, wenn ich einen gedrückt halte, werden Sie sehen, dass sich der Cursor geändert hat, und dies ermöglicht es mir, meine eigene Zeichenfläche auf jede Größe zu zeichnen , die ich möchte. Auch hier sind sie irgendwie die wichtigsten Möglichkeiten, wie Sie unsere Boards steuern können. Auch hier kannst du so viele haben, wie du willst. Du bist überhaupt nicht begrenzt, also wie viele kannst du haben. Und natürlich möchten Sie später, wenn Sie eine ganze Website erstellen, irgendwann die Prototypoption verwenden, mit der Sie Seiten grundsätzlich miteinander verknüpfen können. Auch hier werden wir etwas später näher darauf eingehen . Aber ich wollte Ihnen zunächst nur eine grundlegende Einführung geben , wie unser Körper funktioniert, was sie sind und wie Sie Blätter überall manipulieren können . Okay, also das nächste Video, was wir ein wenig darüber sprechen werden, wie man Raster verwendet und wie man in einem Container mit maximaler Breite arbeitet, was für das Entwerfen von Websites sehr nützlich sein wird. 4. Gitter-Layout: Okay, als Nächstes möchte ich ein wenig darüber sprechen, wie man das Layout-Raster in XD benutzt. Da wir also Websites erstellen, haben die meisten Websites tendenziell eine Containergröße. Wenn wir uns jetzt nur einen kurzen Blick auf eine Website werfen, schauen Sie sich die Webflow-Website an. Sie können sehen, ob ich meinen Fall mit der Maus bewege, ich habe den Vorteil, dass der gesamte Inhalt, den Sie sehen können, eine maximale Breite erreicht. Dies ist nicht unbedingt bei jedem Projekt der Fall , bei dem Sie wach sein werden. Es ist jedoch ziemlich üblich zu sehen , dass der größte Teil Ihrer Inhalte eine maximale Breite haben wird, so dass er nicht direkt am Bildschirmrand haftet. Und wenn Sie Websites mithilfe von XD erstellen, Sie dies versuchen und irgendwie folgen. Und Sie wollten versuchen, alle Ihre Entwürfe innerhalb einer bestimmten Containergröße funktionieren zu lassen . Da wir 1920 bis 1080 gewählt haben, möchten Sie nicht, dass der gesamte Inhalt direkt am Bildschirmrand liegt. Der Weg, dies zu tun, besteht darin die Rasteroption hier unten zu verwenden. Dafür haben Sie tatsächlich zwei verschiedene Möglichkeiten. Sie haben die sogenannte Layer-Option. Und wir haben auch Quadrate. Also Quadrate werden wir in diesem Kurs nicht zu viel abdecken. Wenn Sie also wieder Quadrate verwenden, verwenden Sie dies eher für etwas wie das Erstellen von Symbolen. Sie können also irgendwie sicherstellen, dass sie alle die gleiche Art von XYZ sind. Aber für diesen Kurs werden wir uns vermutlich die Ebenenoption ansehen , in der wir Spalten haben. Wenn wir also nur für einen Moment herauszoomen, werden Sie jetzt sehen, dass wir diese Option standardmäßig ausgewählt haben . Wir haben 12 Spalten und wir haben einige Definitionsbestimmungen für die Breite und die Spaltenbreite. Und wir haben diese Art von 12 Spalten hier, die derzeit wie eine Schwanzfarbe sind . Sie können die Farbe dieser ändern , indem Sie hier einfach Ihren Farbwähler gewinnen. Du kannst es mit jeder Farbe machen, die du willst. Persönlich bevorzuge ich es, es wie ein cremefarbenes Grau zu haben . Dies hängt natürlich davon ab, welche Art von Website-Farbschema Sie haben und was Sie entwerfen. Und das ist die Idee, dass Sie die Dinge an bestimmten Spalten ausrichten können. Wenn Sie ein ganz bestimmtes Design haben, das in gewisser Hinsicht völlig gleichmäßig sein muss. Dies ist etwas, das Sie grundsätzlich als Leitfaden verwenden können , um Ihnen dabei zu helfen. Jetzt persönlich benutze ich das nicht oft , wenn es darum geht, 12 Spalten zu haben. Ich persönlich habe es die meiste Zeit gerne, damit ich ein Set haben kann, das eine Breite enthält, wie wir gerade diskutiert haben. Anstatt also 12 Spalten zu haben, warum ich eher als 12 möchte , tippe ich einfach eine ein. Und das gibt mir nur eine große Art von grauem Quadrat. Und im Moment heißt es, Column Width ist 1640, was wir wollen ist 1200. Und das wird uns von hier bis hier eine maximale Breite von 1200 Pixeln geben , was etwas Ähnliches wie auf der Webflow-Website widerspiegelt , die Hauptleinwand hat, die natürlich in voller Breite ist, da es mit einem weißen Hintergrund ist, aber der Inhalt ist innerhalb dieses maximalen Containers fixiert. Und das ist die Vorstellung von dem, was wir gerade machen. Dies ist also im Grunde ein Container mit fester Breite von 1200. Und Sie können jetzt damit beginnen, die Dinge darauf auszurichten. Wenn ich einen Teil des OEM sehr kurz ziehen würde, werden wir in nur einem Augenblick darauf kommen. Aber wenn ich das einfach lösche und ich irgendwie sofort die Haare finde, werden Sie es darauf schnappen wollen, dass Sie hoffentlich sehen können, ob ich das noch einmal mache, wenn ich heranzoome, während ich näher komme, es rastet automatisch zur Seite ein. Und das wird für alles, was du hineinwirfst, dasselbe sein. Es ist also nur eine wirklich nützliche Art , alles in Ihrem Design zu führen. Okay, das sind also die verschiedenen Layertypen, die Sie haben können. Auch wenn du deine Meinung änderst, kannst du immer zurückgehen. Sie möchten also zu 12 Spalten zurückkehren, das können Sie tun. Und natürlich wird es dieses Setup für dich haben. Aber ich persönlich mag es nicht, es zu haben, da man eine Art persönliche Sache ist. Vielleicht möchten Sie mehrere Spalten haben, um die Dinge an mich persönlich auszurichten , wenn ich nur eine große Spalte verwende , die es mir ermöglicht, meine Legos auf eine maximale Breite an Ihren Inhalten auszurichten . Das sind also die Grundlagen der Verwendung dieses Lammes, und das werden wir in diesem Kurs überwiegend verwenden. Sagen wir mal, du willst das nicht ständig haben. Du bist also vielleicht ein bisschen ablenkend. Du kannst es einfach loswerden. Und du kannst es tun, indem du einfach noch einmal darauf klickst und es wird es los. Aber manchmal, wenn Sie viele Dinge vor sich haben und Sie nicht unbedingt die Zeichenfläche auswählen können. Was Sie also auch tun können, ist eine Tastenkombination zu verwenden, die Schichtkontrolle und dann Apostroph sein wird, und das wird es zurückbringen, um sie loszuwerden, Kontrollapostroph wieder zu verschieben. Wenn Sie auf einem Mac sind, ist es Shift Command Apostroph, und das wird dasselbe tun. Ich sorge dafür, dass ich eine Animation auf dem Bildschirm habe, um Ihnen alle verschiedenen Tastenkombinationen anzuzeigen , die ich während des gesamten Kurses verwende. Okay, das sind also die Grundlagen der Verwendung des Layout-Rasters. Spielen Sie wieder selbst damit herum. Du entscheidest irgendwie selbst, was dir am besten gefällt. Und im nächsten Teil des Kurses werden wir uns all die verschiedenen Formen ansehen , die wir innerhalb von XD haben. 5. Formen der Formen Teil 1: Okay, also jetzt werden wir uns die verschiedenen Formen von Formwerkzeugen ansehen , die wir in XD haben. Jetzt gehe ich diese nacheinander durch und zeige dir auch, wie du Zwillinge kontrollieren kannst. Kurz bevor wir das tun, besitzen sie nur, um darauf hinzuweisen , dass wir das Auswahl-Tool haben. Mit dem Auswahl-Tool , wie der Name schon sagt, können Sie, wie der Name schon sagt, Dinge auswählen, und das ist die Art der Standardoption, die Sie am nächsten Tag haben. Jetzt ziemlich oft, wenn Sie ein anderes Tool verwenden. Offensichtlich hat sich der Fall, den man genau hier sehen kann, tatsächlich zu einem Fadenkreuz geändert. Angenommen, Sie möchten das nicht mehr und möchten zum Auswahlwerkzeug zurückkehren. Offensichtlich, worauf Sie sich verabreden müssten, gehe ich hier drüben zurück. Oder Sie sehen, wenn ich den Mauszeiger darüber geschoben habe, heißt es Select und dann ist der Buchstabe V in Klammern. Und das bedeutet im Grunde genommen eine Tastenkombination. Und wir haben tatsächlich Tastenkombinationen für all diese verschiedenen Optionen ganz nach unten. Das ist also etwas, das Sie damit beginnen möchten einen Blick darauf zu werfen und sich daran zu gewöhnen, um Ihr Leben ein wenig einfacher zu machen, während Sie XD verwenden. Also denke ich, dass die Auswahl, vielleicht von allen von ihnen, diejenige ist, die Sie am meisten mit einer Tastenkombination verwenden möchten, nur um Sie zu ersparen, etwas zu tun und alte Haare zu bekommen und den ganzen Weg zurück. Nun, wieder, es ist keine große Sache. Aber nur für die Geschwindigkeit ist viel einfacher, nur um auf den Buchstaben V zu klicken und du wirst sehen, dass mein Cursor meine Meinung geändert hat , dass wenn ich zurück zu den 2-Wege-Haaren gehe, mein Fall häufig über ein, wenn ich einfach auf diesem Fernseher tippe, es wird los und es geht automatisch zum Auswahlwerkzeug zurück. Also werden wir das vorerst los, aber wir werden jetzt einfach zum Rechteckwerkzeug gehen und es in unsere Kunsttafeln zeichnen. Oder Sie haben den Tag, an dem diese geschlossen wurden , halten Sie die linke Maustaste gedrückt. Und dann ziehen Sie es einfach auf die Größe, die Sie haben möchten. Und natürlich, wie Sie erwarten würden, können Sie dies dann so manipulieren, wie Sie möchten. Sie können die Höhe und Breite nach Belieben ändern . Jetzt ist das offensichtlich eine Art von mir irgendwie frei in der Größe dieses Rechtecks zu formen. Wenn wir es loswerden, stellen Sie sicher, dass es ausgewählt ist. Dieses Mal. Wenn wir die Umschalttaste gedrückt halten und dann ziehen, werden Sie sehen, dass es ein perfektes Quadrat erzeugt. Wenn Sie also etwas wollen, das perfekt quadratisch ist, halten Sie die Umschalttaste gedrückt und das wird es tun. Wenn Sie Ihre Meinung danach ändern, wenn Sie dann auf den Buchstaben V klicken , um Ihr Auswahlwerkzeug wieder zu erhalten können Sie dieses nach Belieben ziehen. Da wir also zuerst hier sind, Ich werde dich auch hier durch ein paar Optionen führen. Und offensichtlich gibt es viele dieser Optionen, die plötzlich aufgetaucht sind, oder? Sie garantiert die Arbeit durch diese, während wir während des gesamten Kurses gehen, wird einfacher sein, all die verschiedenen Optionen für bestimmte Elemente zu demonstrieren . Wenn das Rechteck also so ist, denke ich, dass ich Ihnen zeigen werde, dass der Grenzradius ist und wie Sie die Füllung und den Rahmen verwenden. In XD ist alles, was Sie haben, standardmäßig alles, was Sie auf die Leinwand ziehen, Gerunds tatsächlich einen Rahmen haben , den Sie möglicherweise nicht unbedingt möchten. Wenn Sie also nicht möchten, dass es eine Grenze hat , können Sie sie deaktivieren. Und offensichtlich ist der Moment, in dem die Füllfarbe und du sagen kannst, Hey, weiß. Was wir also tun werden, ist, dass wir es vorerst einfach schwarz machen, damit wir es sagen können. Und es wird offensichtlich Zeiten sein, in denen Sie kein perfektes scharfes, abgewinkeltes Rechteck oder Quadrat haben möchten . Was Sie tun können, ist offensichtlich den Grenzradius zu beeinflussen. Auch hier gibt es ein paar Möglichkeiten, wie Sie es tun könnten wenn wir nur Foramen vergrößern, werden Sie hier direkt darunter sehen, wir haben diese Option. Und wenn wir darauf klicken und es dann ziehen, werden Sie sehen, dass es tatsächlich die Ecken krümmt. Auf diese Weise ist es tatsächlich möglich, mit diesem Werkzeug auch Ellipsen und Kreise zu erstellen . Aber wenn Sie es nicht so machen möchten, können Sie hier zu dieser Option gehen und dann einfach 10 eingeben. Und das wird zu Kurve f. Ist das nur wenn wir etwas Extremeres wie eine 100 eingeben, werden Sie sehen, dass es ziemlich chaotisch ist. Sie haben also eine Art Mikrocontroller die Haare, und Sie können es auch steuern, indem Sie diese spezielle Option auch dorthin klicken und ziehen. Auf diese Weise können Sie die Krümmung der Ecken eines Quadrats oder Rechtecks erstellen. Etwas anderes, das auch erwähnenswert ist. Wenn Sie eine Ecke machen möchten, haben Sie diese Option hier. So können Sie auch auf jede Ecke einen anderen Radius anwenden . Wenn wir also ein Fett sagen wollten, vielleicht nur oben links und unten rechts, könnten wir das tun. Wenn wir also vielleicht eine 100 für diesen machen wollten, werden Sie sehen, dass es nur für oben links spendet und auch für jeden, der auch unten rechts beeinflusst. Wenn wir hier weitermachen, geben Sie eine 100 ein, Sie sagen, dass es nur die oberen linken und die unteren Rechte beeinflusst hat. Und das ermöglicht Ihnen wieder mehr Kontrolle über die Krümmung Ihrer Grenzen. Okay, das ist also so ziemlich genau das für das Rechteckwerkzeug. Auch hier werden wir auf all das eingehen, während wir gehen. Also werden wir das vorerst los. Und was wir als nächstes tun werden, ist mit dem Ellipsen-Werkzeug beide Kreise fortzufahren . Das Gleiche gilt also, wenn ich einfach anfange zu ziehen. Du wirst sehen, dass ich kontrollieren kann welche Art von Form sein will, muss kein perfekter Kreis sein. Es kann, kann ein Böses sein wie wieder, das Gleiche gilt. Aber sagen wir noch einmal, wenn wir einen perfekten Kreis haben wollten, würden Sie sicherstellen, dass er ausgewählt ist. Und dann hältst du einfach die Umschalttaste gedrückt und ziehst dann. Und egal wie groß wir es machen, sei immer ein perfekter Kreis. Okay, also nochmal, für das Ellipsen-Werkzeug gelten dieselben Dinge wie beim Rechteckwerkzeug, Sie können einen Rahmen haben, wenn Sie möchten, sehen Sie, was Sie die Farbe ändern können. Sie können keinen Rahmen haben und Sie können auch sagen lassen , dass dies eine andere Füllfarbe sein wird. Schauen wir uns jetzt auch verschiedene Füllfarben an. Derzeit ist es also weiß, also können wir sagen, machen wir es zu einer dunklen Farbe. Dies ist offensichtlich standardmäßig nur eine einfarbige Farbe. Und aber was wäre, wenn wir dafür eine Art Gradienten haben wollten ? Sie haben also auch diese Optionen. Also wählst du einfach diese Option hier aus. Wir erhalten dann ein Dropdown-Menü mit den Angaben Volltonfarbe, linearer Verlauf, radialer Farbverlauf und Winkelverläufe. Lassen Sie uns Sie also einfach durch diese Optionen führen. Ein linearer Verlauf gibt Ihnen also eine Optionsart von Ende zu Ende oder das Element, das Sie nicht angezeigt haben. Wenn Sie also die Farben beider Seiten ändern möchten, können Sie tatsächlich den Verbleib manövrieren , an dem der Farbverlauf von bis reicht. Du musstest es nicht richtig haben, so Ende zu Ende. Du hast es irgendwie in der Mitte. Sie können tatsächlich auch Gradienten in der Mitte hinzufügen. Wenn du es sehen wolltest, dann bekomme ich drei verschiedene Farben. Also deaktiviere ich das nur für den Moment. Aber um die Farbe dafür zu ändern, wenn wir hier ganz links gehen, lassen Sie uns das vielleicht wie ein dunkelblau sein. Dann auf der rechten Seite siehst du jetzt, was wir eine andere Farbe wählen können und wir haben sie irgendwie wie eine Schwanzfarbe. Das sind also lineare Verläufe. Und wieder können Sie dies nach Belieben manövrieren. Du kannst sie umschalten. Damit kannst du so ziemlich alles machen, was du willst. Aber sagen wir noch einmal, wir möchten die Art des Gradienten ändern, den wir haben, und wir wollen einen radialen Gradienten. Ein radialer Gradient ist also so ziemlich, wie es vermuten lässt, eine Art Strahlung nach außen. Und wieder können Sie dort auch mehrere verschiedene Farben haben . Nehmen wir an, wir wollten vielleicht eine hellere Farbe in der Mitte haben. Wir haben wie ein Hellblau und außen wo immer es tatsächlich dunkler wird, damit Sie das dort sehen können. Und Sie können beeinflussen, in welcher Position Sie haben, dass Sie es breiter oder kleiner machen können , je nachdem , welches Design Sie haben würden. EIN GROSSBRITANNIEN. Sie können also auch mehrere verschiedene Typen haben. Wenn Sie einen hinzufügen möchten, können Sie den Aufenthaltsort auswählen, der in der Zeile angezeigt wird. Man kann schon wieder irgendwie offensichtliches Zeug sein. So können Sie viele verschiedene Arten von Farbverlauf auswählen , wie Sie möchten. Machen wir das also vorerst einfach rückgängig. Okay, und der letzte wird ein Winkelverlauf sein. Wie der Name schon sagt, erzeugt die Art von eine Gradientenbasis auf einem Winkel. Also, genau wie zuvor, können Sie alle verschiedenen Farben wählen. Das ist eine ganz andere Farbe für diese, also ist sie heller. Du kannst dann auch noch einen drin haben. Wenn Sie dieses also etwas anders machen möchten, können Sie sagen, dass dieses zum Beispiel wieder gelb ist. Auch hier haben Sie alle verschiedene Kontrolle darüber, wie diese verschiedenen Farbverläufe funktionieren. Und es gibt alle möglichen Infografiken , die Sie damit machen können. Ich schätze, das ist die grundlegende Erklärung für welche Farbverläufe. Ich komme ein bisschen darauf zurück , während wir den ganzen Kurs durchlaufen. Im Moment werden wir also unser Ellipsenwerkzeug loswerden und uns unser Polygonwerkzeug ansehen. Dies ist also die letzte der Formen, die wir vorerst behandeln werden. Dann werden wir in den nächsten Videos Zeilen, Stift und Texte abdecken . Für Polygon haben wir standardmäßig ein Dreieck. Nun nochmal, das ist irgendwie von mir irgendwie frei, dies zu formen. Sie können jede Art von Form erstellen indem Sie sie nach Belieben ziehen. Wenn wir die Umschalttaste gedrückt halten und dann ziehen, wird ein gleichseitiges Dreieck erzeugt, was bedeutet, dass offensichtlich alle Seiten gleich lang sind. Nun, wieder, wenn du deine Meinung änderst, kannst du es. Wenn du es geschafft hast, mach es natürlich größer und kleiner. Und du steckst nicht nur mit einem Dreieck fest. Sie werden also hier sehen, was wir haben ist die Anzahl der Ecken, die wir haben. Die Hornhaut besteht aus drei Säulen, die ein Dreieck erzeugen , wenn wir es haben wollen. Tao des größeren Rechtecks oder der Raute angeht, können wir dann jede Art von unterschiedlicher Größe losgehen , die Sie wollen, Sechsecke, Achtecke, was immer Sie wollen. Und das schafft alle möglichen verschiedenen Formen, wie Sie sich vorstellen können. Das Gleiche hier mit dem Brett eines Eckenradius, sollte ich sagen. Dies war im Grunde genommen die Ecken des jeweiligen Objekts, das Sie haben, weicher zu machen. Wenn wir es also vorerst auf vielleicht fünf schaffen, zoomen wir nur eine Berührung heraus. Wenn ich dann einen Grenzradius für diesen oder etwas wie 20 auswähle , wirst du sehen, dass es die Kanten an der Form ein wenig weicher macht . Sie haben dann auch dieses Stallverhältnis zwei. Wenn wir also zu etwas wie vier zurückkehren, wenden wir ein Sternenverhältnis darauf an. Es wird ungefähr 50 sein. Sie werden sehen, was es getan hat, ist im Wesentlichen ein Sternviere geschaffen. Und Sie können dieses Verhältnis ändern. Es geht darum, ob du es willst, also ist es extremer. Und wieder kann man bis zu 100 Prozent haben , damit es wieder größer wird. Spielen Sie also noch einmal ein wenig damit herum und sehen Sie, was Sie sich einfallen lassen. Und das wird natürlich für jede Art von Form funktionieren , die Sie haben. Wenn wir also zu vielleicht 10 Seiten zurückkehren, können Sie sehen, dass sich das ein wenig geändert hat. Machen Sie es irgendwie je weniger Prozentsatz Sie haben, desto extremer sind sie irgendwie die integralen Blätter, die im Wesentlichen so werden , als würde ich es noch mehr Masse als 25 Prozent machen . Siehst du dort haben wir diese Art von Form. Auch hier gibt es Ihnen viel Kontrolle für all die verschiedenen Formen, die Sie mit diesem Werkzeug erstellen können. Es ist also sehr, sehr formbar und man schafft damit viele interessante Dinge. Okay, damit ich denke, dass es vorerst so ziemlich die verschiedenen Formen abdecken wird , die wir für diesen ersten Teil des Videos verwenden werden. Das nächste Video, das wir uns ansehen werden, wird das Linienwerkzeug, das Stiftwerkzeug und auch das Abrufen von Text auf die Seite sein. 6. Formen der Formen Teil 2: Okay, also die nächsten Dinge, die wir uns ansehen werden das Linienwerkzeug sein. Wir werden uns dann das gefürchtete Pentel und dann auch die Textwerkzeug-Option ansehen . Aber fangen wir mit der geraden Linie an. So wird das Linienwerkzeug und vielleicht oft genauso verwendet wie vielleicht das Stiftwerkzeug, denn mit dem Bleistift haben Sie eine Art Flexibilität in dem Einkaufszentrum, was Sie damit machen können. Dies ist buchstäblich nur, um gerade Linien oder nicht einmal gerade Linien zu zeichnen , nur Linien im Allgemeinen. Wenn Sie also möchten, dann kann es tatsächlich eine Linie zeichnen, wie Sie möchten. Sie können es in jeder Art von Winkel bewegen. Wenn Sie dann anfangen, eine andere Linie zu zeichnen und dann versuchen, sie bis zu einem gewissen Grad zu verbinden. Aber wenn wir hineinzoomen, werden Sie sehen, dass es nicht wirklich perfekt ausgerichtet ist. Wenn du so etwas willst, wollen wir irgendwie Punkte zueinander verankern. Sie möchten also, dass eine Zeile einer anderen beitritt. Die bessere Option ist das Stiftwerkzeug, zu dem wir in einem Moment kommen werden. Sie möchten also wirklich an das Linienwerkzeug denken , um gerade Linien zu zeichnen. Sie verbinden sich nicht unbedingt mit einem anderen. Wenn Sie eine Art von und ja erstellen möchten, bestimmte Arten von Symbolen oder vielleicht vielleicht über die Art von Dingen, vielleicht über die Art die Sie vielleicht mit dem Stiftwerkzeug ausprobieren möchten. Sie können das tun und Sie können sehen, dass die Linien uns wissen lassen , wann etwas richtig ausgerichtet ist. Wenn ich das auch einfach bewege. Sie sehen jetzt, dass alle diese Zeilen tatsächlich richtig miteinander ausgerichtet sind. Und so benutzt man dieses Tool im Grunde. Es gibt also auch keine Fülloption dafür , da es nur eine gerade Linie ist. Sie können natürlich die Farbe der verschiedenen Linien ändern , die Sie haben. Ein König vergrößert die Größe der Grenze. Dies gilt übrigens auch für jeden Artikel hier. Alle diese Optionen haben also eine Boarder, Sie werden die anderen Formen voll machen zehn der Omeka viel dicker. Du kannst dann auch einen Strich haben. Wenn wir also die Nummer fünf eingeben, werden wir wieder einen Verlust von gestrichelten Linien bekommen. Die Lücke, die wir erhöhen können, sowie zu 10 machen können. Es wird es mehr voneinander entfernt machen. Also nochmal, all diese Optionen, hey, Sie haben sie tatsächlich auch für Rechteckellipse und auch für Polygon. Das ist also ein grundlegender Überblick über das Linienwerkzeug. Als Nächstes haben wir das Stift-Werkzeug. Das Stift-Werkzeug. Wenn Sie jetzt mit der Verwendung von Photoshop vertraut sind oder mit Illustrator vertraut sind, werden Sie ziemlich vertraut sein, wie das funktioniert. Der Bleistift in XD funktioniert auf eine ziemlich ähnliche Art von Weise. Jetzt könnte das Stift-Werkzeug für sich allein ein Kurs sein , weil es sehr kompliziert ist. Es kann sehr kompliziert werden, besonders wenn Sie sich Grafikdesign beschäftigen und viele verschiedene Arten von Formen erstellen . In diesem Kurs geht es nicht wirklich darum. Also gebe ich dir einfach einen grundlegenden Überblick darüber, was das Stift-Werkzeug nützlich sein kann. Stellen Sie sich den Bleistift wirklich als eine Möglichkeit vor, verschiedene Linien miteinander zu verbinden verschiedene Linien miteinander zu , die perfekt miteinander verbunden sind. In meinem vorherigen Beispiel hätten Sie gesehen, dass sie, wenn ich mich angeschlossen habe oder versuche, die Leitungen miteinander zu verbinden, sie tatsächlich perfekt verbunden waren. Aber wenn wir hier hineinzoomen, werden Sie sehen, dass diese tatsächlich perfekt als eine Art seltsame Lücke dort ausgerichtet sind . All das ist also zusammengefügt. Und wenn Sie dafür eine Füllung erstellen möchten, können Sie die Form aufschieben. Im Moment haben wir nur eine Grenze , die diese Form schafft. Auch hier können Sie all dies in das ändern , was Sie wollen. Wenn du die Grenze loswerden willst, kannst du tun, ich habe sie nicht nur als Füllung. kannst du auch machen. So kann ich also am besten beschreiben, wie das Stiftwerkzeug funktioniert, um Linien miteinander zu verbinden. Sie können sich also all die verschiedenen verrückten Formen vorstellen , die Sie mit dieser kreieren können, sie hat die Form geschaffen und Sie kehren zu Ihrem Auswahlwerkzeug zurück. Sie können es so manipulieren, wie Sie möchten. Etwas, das ich noch nicht erwähnt habe, ist das Rotationswerkzeug. Sie werden also sehen, wenn wir den Mauszeiger darüber bewegen, erhalten wir ein Symbol, das sich in die Rotation ändert. Wenn ich also nur ein bisschen zurückgehe, siehst du, wenn ich mich nach außen bewege, ändert es sich dort zu diesem Symbol. Wenn ich jetzt klicke und ziehe und drehe, wird das Objekt gedreht . Dies gilt natürlich auch für alle anderen Formen, die wir haben. Das Rotationswerkzeug, Sie erhalten eine Option für Rechteckellipse und auch für Polygon. Das ist also der grundlegende Überblick darüber, wie man damit verschiedene Formen erstellt. Jetzt, wo es interessanter wird ist, dass wir mit dem Erstellen von Kurven beginnen. Wenn Sie also einfach weiter klicken und dann an bestimmten Stellen anhalten , werden gerade Linien erzeugt. Aber jetzt, diesmal, wenn ich klicke, wenn ich gedrückt halte, verschiebe es. Aber wenn ich dieses Mal halte und ziehe, wird es eine Kurve oder eine Bezier-Kurve aufrufen. Auch hier kann dies sehr kompliziert werden. Und das, im Grunde genommen als eine Möglichkeit Linien zu krümmen, ist der beste Weg, wie ich es beschreiben kann. Und Sie können sich all die verschiedenen Farben und Formen vorstellen, die Sie damit machen können. Und wie manipulieren Sie diese Art von Balken hier, wird die Intensität der Kurve manipulieren , die Sie haben. Und wie Sie sehen können, erzeugt dies hier nur eine Kurve auf der linken Seite. Wenn wir weitermachen, klicke ich woanders. Man kann sagen, dass es immer noch zum nächsten Ort gekrümmt festgestellt wird, dass er die Opsins in meine Haare einfügt. Das können wir machen. Und dann wird diese Kurve an dieser Box dort ausgerichtet. Wenn ich jetzt von diesem Tool komme und du erneut klickst, gehe ich zurück, um in gerade Linien zu gehen. Und so funktioniert das im Grunde genommen. Auch hier kann dies sehr kompliziert sein. Ich gehe dafür nicht zu viel Tiefe, aber lass es uns noch einmal machen, nur um es dir zu zeigen. Wenn du also gedrückt hältst, haben wir mit Bleistift geschlafen. Und wenn du dann klickst und dann zu einem anderen Punkt gehst, dann hältst du gedrückt. Und dann wird Drag eine Kurve erzeugen, ist der beste Weg, wie ich sie beschreiben kann. Also wenn wir dann loslassen und dann zu unserem ersten hier gehen und dann mitmachen. Ok, das können wir tun, indem wir erneut klicken. Und dann haben wir eine Kurve erstellt. Ich erschafft diese Art von kurviger Form. Und wenn wir ins Büro kommen und einfach zu unserem Auswahlwerkzeug zurückkehren, werden Sie jetzt sehen, ob wir hineinzoomen, all diese Punkte sind perfekt miteinander verbunden. Es gibt keine peinliche Lücke. So können Sie sich all die verschiedenen Formen vorstellen , die Sie damit erstellen können. Wenn Sie mehr ins Grafikdesign einsteigen möchten. Wenn ich, wenn du daran interessiert bist, dass ich einen weiteren Kurs dazu erstelle , lass es mich wissen. Auch in diesem Kurs geht es darum, dass sich die Benutzeroberfläche als Grafikdesign bewegt. Aber das ist ein sehr, sehr einfacher Überblick über die Funktionsweise des Stiftwerkzeugs und ermöglicht es Ihnen, Formen zu erstellen, die Sie sonst nicht nur mit dem einzeiligen Werkzeug erstellen könnten . Okay, noch eine Sache bevor wir uns über etwas anderes treffen. Und sagen wir, Sie haben Ihre Meinung geändert und diese Form ist nicht ganz das, was Sie wollen. Und tatsächlich füllen wir es einfach aus. Nehmen wir an, Sie möchten das tatsächlich ändern. Wenn Sie darauf doppelklicken, können Sie tatsächlich einen anderen Punkt erstellen. Du siehst, wenn ich den Mauszeiger darüber fahre, bekommen wir einen Kreis, der erscheint. Und wenn wir das noch einmal machen und wenn ich klicke und dann ziehe, kannst du sehen, dass ich dorthin zurückkehren kann. Ein Autor. Nun, ich hab's schon getan. Also wenn ich das ein bisschen rausziehe, dann ist das in Ordnung. Lektion Ich möchte das Gleiche hier machen. Wenn ich klicke und es herausziehe, kann ich es dann noch einmal manipulieren und dann eine andere Form erstellen, selbst wenn sie die ursprüngliche Form von dir fertiggestellt hat. Hoffentlich ergibt das einen Sinn. Dies ist nur ein kurzer Überblick darüber, wie Sie das Stiftwerkzeug verwenden können , um alle Arten von verschiedenen Formen zu erstellen. 7. Text: Okay, also als Nächstes haben wir unser Texttool. Wenn wir dies also auswählen und dann einfach auf den Canvas-UNC klicken, erhalten wir einen Cursor, an dem wir anfangen können zu tippen, was wir wollen. Und du wirst sehen, ob ich das einfach niederhalte. Wenn ich weiter tippe, geht es normalerweise einfach weiter und los. Es gibt also im Moment keine definierte Breite und es wird einfach so viel tippen, wie Sie sagen wollten. Offensichtlich ist das nicht besonders nützlich. Sie werden es irgendwie bis zu einem gewissen Grad enthalten möchten , wenn Sie Text auf der Seite eingeben. Es gibt also ein paar Möglichkeiten, wie Sie dies tun können. Zunächst zeige ich Ihnen einfach, wie Sie ändern können, was Sie bereits getan haben. Sagen wir, du wolltest das, was ich gerade gemacht habe, aber du wolltest es nicht ganz rüber. Es gibt ein paar Möglichkeiten, dies zu manipulieren. Und der wichtigste hier ist, eine automatische Höhe zu haben. Wenn Sie also hier auf diese Option klicken, haben wir jetzt die Möglichkeit, dieses Feld im Grunde zu ziehen, wie wir dies wollen, und jetzt sehen Sie, dass sich der Cursor am Ende ändert. Wenn ich anfange, nach innen zu ziehen, werden Sie sehen, dass es sich jetzt automatisch so skaliert wo der Text jetzt unten fällt. Also, wenn Sie so gemacht haben, wie ich es gemacht habe, wo Sie nur Text durchlaufen nur Text durchlaufen haben und die Breite ändern möchten. kannst du machen. Sie können es auch so haben, dass es eine feste Größe für Zustände gibt eine feste Größe für , die niemals über einen bestimmten Punkt hinausgehen werden. Wieder das Ähnliche. Also hey, du hast dann die Möglichkeit, ein bisschen weiter unten zu gehen und ich werde nie über einen bestimmten Punkt hinausgehen. Okay, also wenn wir das für einen Moment wieder auf die automatische Breite setzen für einen Moment wieder auf die automatische Breite und wir werden das einfach loswerden. Wenn wir dies noch einmal versuchen, stellen Sie sicher, dass wir alle ausgewählten Text erneut schreiben, Sie können auch einfach auf den Buchstaben T klicken. Wenn Sie dann klicken und ziehen, können Sie tatsächlich einen Bereich erstellen , den wir erreichen, über den der Text nicht hinausgeht. Wenn wir jetzt anfangen zu tippen, werden Sie sehen, wenn es an den Rand dieses Feldes kommt, es wird auch unten fallen. Also nochmal, beide Dinge, die ich dir gerade gezeigt habe, machen das Gleiche. Es kommt also nur darauf an, ob Sie im Voraus wissen wie Ihr Text dimensioniert werden soll. Das ist also irgendwie der grundlegende Weg dafür. Wenn ich also nur etwas darüber tippe, irgendwie Unsinn, sagen wir einfach, dies ist ein AB XD-Kurs für Anfänger. Alle Textoptionen, die Sie mit irgendeiner Art von Programm oder diesem erwarten würden , oder hier können dann die verschiedenen Arten von Spaß ändern , die wir hier haben. Sie können auch Ihre Kleinkinder hochladen. Aber wir haben wieder Zugang zu einem Babygeld und allen möglichen Dingen, die Sie ein S haben können Wenn wir einfach etwas anderes versuchen, dass wir alles mit Füllfarbe zu tun haben. Auch hier hätte ich gesehen, dass ich damit rechnen würde, als etwas zu sehen. Das kannst du ändern. Es kann ihm auch eine Grenze geben. Sie können die Deckkraft des Textes selbst oder die Ausrichtung ändern . Sie würden erwarten, es hier zu sehen, damit Sie es nicht nach rechts schicken können. Und wieder, sicherlich auch noch erhöhen und was hast du. Wir haben auch Gitterabstände. Wir haben Zeilenhöhe, wir haben auch Absatzhöhe. Okay, es gibt also nur eine andere Sache über die ich sprechen möchte, wenn es um Text geht und wie man es manipulieren kann. Manchmal möchten Sie in der Lage sein, anzupassen, wie Text auf der Seite tatsächlich aussieht. Vielleicht möchten Sie einzelne Zeichen anpassen und dies können Sie standardmäßig nicht tun. Aus diesem Grund ist dies ein Text, das ist eigentlich Text. Es ist technisch gesehen noch keine Vektordatei, aber es gibt eine Möglichkeit, sie so viel zu erstellen. So wie Sie dies tun würden, stellen Sie sicher, dass Ihr Text ausgewählt ist. Es ist dein Objekt. Und du gehst auf den Weg. Sie können den Pfad dann umwandeln. Dafür gibt es auch eine Tastenkombination. Und jetzt, wenn wir hineinzoomen und vergrößern, können wir tatsächlich einzelne Pfade für jeden dieser Buchstaben auswählen . Wenn wir also etwas daran ändern wollen , wie etwas aussieht, können wir das tun und wir können es auf die gleiche Weise manipulieren, Sie dazu bringen, jede der Formen zu manipulieren, die wir haben. Dies ist also im Wesentlichen eine Vektordatei, die Sie jetzt ändern und manipulieren können , wie Sie möchten. Wenn Sie also ein Lego entwerfen, wir an, Sie verwenden XD, Sie können eine Art Benutzerbasisschriftart ändern und dann können Sie es so ändern, wie Sie möchten, um sicherzustellen, dass Ihr Regen ist. Und wieder gibt es alle möglichen Anwendungen, für die Sie dies verwenden können. Irgendwas. Grundsätzlich musst du einfach etwas so leicht mit Text ändern . Auf diese Weise würdest du es tun. 8. Bilder: Okay, als Nächstes werden wir darüber sprechen, wie man Bilder manipuliert und importiert. Offensichtlich können Sie während Ihrer Zeit keine Bilder verwenden , um Websites mit XD zu entwerfen. Gehen wir also mit So den beiden Hauptoptionen in Bezug auf den Import eines Bildes. Vor allem ist das Wichtigste, was zu lernen ist, eine Tastenkombination, nämlich Umschalttaste und der Buchstabe i oder Umschalt-Befehl. Oder wenn Sie auf einem Mac sind, wird Ihr Panel geöffnet, in dem Sie offensichtlich aus all den verschiedenen Ordnern auswählen können offensichtlich aus all den verschiedenen Ordnern auswählen , die Sie haben. Nachdem Sie es einen Zoll anwenden wollten, klicken Sie auf einen und klicken Sie dann auf Importieren. Wenn Sie auf alle klicken und das ganze Los importieren möchten, können Sie das auch tun. Und XD importiert automatisch alle Dinge, die Sie gerade auswählen. Und dann kannst du das so verwenden, wie du willst. Du kannst sie auf eine Seite ziehen. Wenn Sie denken, um sie später wieder alle einzeln zu verwenden , können Sie das tun, aber lassen Sie uns nur das vorerst. Das ist also eine Möglichkeit, es zu tun. Die andere Möglichkeit, ein Bild zu importieren besteht darin, dass bereits ein Ordner geöffnet ist, in dem Sie Bilder einfach nach Belieben ziehen können . Offensichtlich können Sie so viele ziehen und auswählen und sie auch auf diese Weise ziehen. Das ist also wieder hoffentlich, dass ziemlich offensichtliche Möglichkeiten, Bilder zu ziemlich offensichtliche Möglichkeiten importieren, dies vorerst rückgängig machen. Also sind wir wieder auf Platz eins. Da sind wir also. Und dann, wie Sie sich vorstellen können, können alle Dinge, die Sie mit einigen der Formwerkzeuge tun können, auch mit Bildern erledigt werden , sowie wenn Sie sich um die Grenzen kümmern möchten. Sie können das einfach durch Ziehen tun. Sie können es auch in Bezug auf den einzelnen Kegel ändern, wenn Sie möchten, möchten Sie nur eine Kurve an einer Ecke haben. könntest du auch machen. In Bezug auf Dinge wie die ruhige Farbe füllen, wird es einfach eine völlig einfarbige Farbe bekommen. Der Film ist also wirklich nur das Bild selbst. Wirtschaft hat das getan. Du kannst Grenzen haben. Wenn Sie also einen großen dicken Rand an Ihren Süßigkeiten haben möchten, kontrollieren Sie auch die anderen Formen. Alles, was wir bisher gerade gemacht haben, ist also auch für Bilder verfügbar I, k. Und in Bezug auf Schlagschatten stehen wieder alle Dinge zur Verfügung, stehen wieder alle Dinge zur Verfügung damit Sie Schlagschatten haben können , um die Menge an Unschärfe, die du hast und den ganzen Rest davon. All das ist also verfügbar. Okay, das ist also eine Art offensichtliche Macht aus dem Weg. Lassen Sie uns nun darüber sprechen, wie man diese Dinge tatsächlich auf eine offensichtlichere Weise für das Entwerfen von Websites verwendet. Was Sie also oft verwenden werden, sind Hintergrundbilder und nur Einrichtungsbilder mit Info-Blöcken in Ihrem Design. Das erste, was wir Ihnen zeigen, ist, ein Haarbild mit dem Harry-Abschnitt mit dem Bild zu erstellen . Wenn wir das jetzt einfach an die Ränder ziehen, sehen Sie, dass es einrastet. Aber hier befindet sich unsere Art unter dem Faltpunkt hier. In der Tat, wenn ich das nur ein bisschen tiefer setze, siehst du hier, das wäre unser Haarbereich einer Website. Und ziemlich häufig haben Sie ein Bild, das die volle Breite davon einnimmt. Aber wenn wir das tun, werden Sie sehen, dass dieses Bild tatsächlich ist, es eigentlich nicht richtig Cinco wird. Es wird unter der Herde liegen, was wir heute nicht wirklich wollen. Und was du tun könntest, schätze ich, dann lege es irgendwie in die Schachtel darüber, den COVID hoch. Aber das ist nicht der effektivste Weg. Der bessere Weg, dies zu tun, ist die Verwendung einer Form. Zunächst einmal, was wir tun werden, ist, dass wir unser Formwerkzeug, Rechteckwerkzeug, verwenden. Und wir werden einfach ein Rechteck bis zu einem Punkt zeichnen , an dem es unter der Falte liegt, rechts, um einen Haltepunkt zu behaupten. Und dann werden wir machen wird Bild in diesem Quadrat geworfen. Also das werden wir jetzt tun und sagen, dass ich mein Fenster hier aufziehe . Ich nehme einfach ein Bild auf. Ich lasse es hineinlegen und du wirst sehen, dass es automatisch auf diese Form skaliert wurde . Und das würde auch für jede andere Form funktionieren , die Sie haben. Wenn ich also auf das Bild doppelklicke, kann man sehen, dass es tatsächlich immer noch oben und unten ist. Es passt also eigentlich nicht perfekt, aber wir schneiden tatsächlich automatisch einen Teil dieses Bildes weg. Das ist also irgendwie perfekt, wenn Sie etwas wie ein Header-Bild entwerfen. Und wenn er herummanövrieren möchte, können Sie das einfach durch Doppelklick tun. Und wann immer du loslässt und ausklickst, bleibt es dann schwer. Nehmen wir an, Sie möchten dieses Bild noch viel mehr erweitern . Und du willst nur haben, dass vielleicht die untere Ecke des Bildes groß genug ist und es dir erlaubt, es zu tun. Das kannst du auch machen. Und wenn ich davon wegklicke, siehst du, dass es jetzt verschwindet. So würden Sie also anfangen, Bilder zu verwenden , um eine Art von Heldenabschnitten oder Websites zu entwerfen. Und wir werden auch etwas später im Kurs darauf zurückkommen . Das ist also der naheliegendste Weg, dies zu tun. Ich werde das einfach für einen Moment löschen und Sie werden sehen, sobald ich das getan habe, es auch die Form gleichzeitig gelöscht. Masse sie also im Grunde beide zusammen. Also zeige ich dir nur noch ein Beispiel. Also habe ich erwähnt, dass du es auch mit jeder Form machen kannst . Wenn wir vielleicht nur einen Kreis zeichnen, werden wir diese Art von hier einfach zur Seite stellen. Und dann werden wir noch einmal ein Bild in diese Form werfen, und es passt das Bild automatisch an diese Form werfen, und es passt das Bild automatisch die Form an, die Sie gezeichnet haben. Und wenn du es dann bewegen willst, können wir es tun. Und offensichtlich ist es nicht nur das Ellipsen-Werkzeug auch für das Polygonwerkzeug. So macht man das im Grunde genommen. Und das sind alle möglichen Dinge Sie offensichtlich mit diesem super, super nützlichen Tool machen könnten . Okay, das ist also ein kurzer Überblick darüber, wie Sie Bilder in Ihr Design importieren können. Auch hier, wenn Sie einfach eine Menge Bilder importieren möchten und mehr auf der Seite bereit haben, damit Sie sie verwenden können. kannst du machen. Wir werden gesamten Kurses viel mehr Bilder manipulieren. Gehen Sie statt mehr Details und wie Sie wiederholende Raster verwenden können , die in einem Moment zu kommen begannen, in dem Sie Elemente ganz einfach kopieren und einfügen können . Aber im nächsten Video werden wir darüber sprechen, wie man Videos und Lottie-Dateien importiert. 9. Video und Lottie: Okay, als Nächstes werden wir ein wenig darüber sprechen, wie man Videos in Lottie-Dateien in Adobe XD importiert. Also nehme ich diesen Kurs Ende 2021 auf. Und das ist eigentlich eine ziemlich neue Sache, die wir gerade vorgestellt haben. Also zeige ich dir einfach, wie du das machen kannst. Eine sehr einfache Ähnlichkeit wie Sie ein Bild importieren würden. Oder wir müssen im Wesentlichen ziehen oder einfach nur die Steuerung und Alt oder Shift Command I verschieben Und dann nur Video. Oder wir ziehen es einfach an, wie ich bereits erwähnt habe. Und jetzt sind wir es, wir haben ein Video. Jetzt wird es erst abgespielt, wenn Sie die Leinwand selbst tatsächlich in der Vorschau anzeigen. Und es gibt ein paar Einstellungen, die Sie auch haben können , wie sich tatsächlich verhält. Sie können also hier sehen, dass wir hier eine neue Art von Einstellungsoption haben , wo Play on Tap steht, was es gerade ist, Platons monatliche oder keine Wiedergabe, oder Sie können dann Aspekte der Spielweise bearbeiten. Dies hat mehr mit dem Post-Typing-Teil zu tun. Bolus hat Ihre eigene Spielautomatik, denn die Chancen stehen gut, wenn Sie ein Video verwenden, Chancen sind ziemlich hoch, wird meistens eine Art Hintergrundvideo sein . Wenn wir jetzt eine Vorschau anzeigen, werden Sie sehen, wie wir das tun, dann beginnt es sofort, Mommy Preview zu spielen. So ist Mackenzies Video im Grunde genommen. Und offensichtlich können Sie die Größe ändern, wie Sie möchten. Wir haben alle die gleiche Art von Kontrollen Sie mit irgendetwas anderem haben. Es gibt einige der Dinge, die Sie nicht automatisch haben, wie Schlagschatten Sie nicht haben. Du bist ein bisschen eingeschränkter, wenn es darum geht. Genau wie bei Bildern können Sie tatsächlich auch Maskottchen in eine Form bringen. Zeigen wir dir das einfach. Wenn wir nur ein Dreieck zeichnen, werfen wir vielleicht unser Video einfach ins Dreieck. Doppelklicken Sie und dann erhalten Sie eine Option, um zu sehen, wie es abläuft. Also spielen sie wieder automatisch. Ich kann davon abkommen und dann können wir das hoffentlich auf jede Größe ausdehnen, die wir wollen. Und wenn wir dann eine Vorschau anzeigen, werden Sie sehen, dass sie automatisch in der Form abgespielt werden , die wir maskiert haben, um tot einfach zu sagen Dies ist genau das Gleiche , was Sie mit Bildern machen. Schon wieder. Das ist also das für Video. Und wieder gibt es wahrscheinlich noch ein paar Dinge, die Sie damit machen können. Aber auch hier wollte ich Ihnen die Grundlagen zeigen , wie das funktioniert. Sie können alle verschiedenen Arten von Videos verwalten , die Sie im linken Bereich haben, wir werden in nur einem Moment in die Assets des Dokuments eingehen . Aber sagen wir einfach, du Latae-Akten. Latae-Dateien, wenn Sie sich ihrer nicht bewusst sind, oder im Grunde nach After Effects-Dateien, die in Hitze und auf Websites konvertiert wurden , auf Webflow und Dingen wie Element oder der Moment. Der Grund dafür ist eine viel kleinere Dateigröße und so etwas wie ein Video oder GEF. Es gibt also, es gibt Blumen, die ziemlich groß sind. Und je größer die Dateigröße für eine Website ist, desto langsamer wird die Website geladen. Je kleiner die Dateigröße, desto besser und diese Dateigröße ist sehr klein, weshalb sie sehr, sehr beliebt sind. Also möchte ich einfach eins herunterladen , um dir zu zeigen, wie das funktioniert. Nochmal, super einfach. Viele davon sind kostenlos. Wenn Sie sich also all die verschiedenen ansehen möchten , die Sie hier haben. Wenn Sie zu Lottie files.com gehen, können Sie eine Menge verschiedener kostenloser Animationen leise durchlaufen, die von den Leuten einige zu verwenden haben , wie Sie möchten. Sie haben auch einen Marktplatz, auf dem Sie möglicherweise fortgeschrittenere oder bestimmte Animationen in einem bestimmten Thema kaufen möglicherweise fortgeschrittenere oder können. Also lasst uns das herunterladen, glaube ich. Und alles, was wir heute haben, können Sie diese tatsächlich in ein paar verschiedenen Formaten herunterladen. Sie können sie tatsächlich als Geschenk für oder in einem Video haben. Wenn wir diese Topologie herunterladen, ist die benachbarte Datei gesperrt, werden Sie sehen, dass dies der Fall ist. Und dann ziehen Sie es einfach auf unsere Canvas, lassen Sie es einfach rüber und lassen Sie es fallen. Und genau wie bei einem Video haben Sie ein paar verschiedene Optionen und wie es ein Spiel auf Tap abspielt oder Sie können es automatisch abspielen lassen. Also denke ich, was wir wahrscheinlich machen werden, ist es automatisch spielen zu lassen. Und lasst uns das einfach irgendwo reinbringen. Also nochmal, du musst es tatsächlich in der Vorschau anzeigen. Es ist tatsächlich, dass die Animation funktioniert. Und was wir dann tun werden, ist das Spiel automatisch zu wählen. Und wir wollten auch nicht, dass es einfach danach aufhört, nachdem wir einmal gespielt hatten. Das bringt also Haare auf der linken Seite ein, und dies gilt auch für Video hätte sagen sollen , dass dies die Wiedergabe in die Schleife bringen wird. Wenn wir dies jetzt in der Vorschau anzeigen, wird es kontinuierlich Überstunden spielen, was Sie wahrscheinlich hätten , wenn Sie dies auf einer Website verwenden würden. Also los geht's. Also ja, wieder, so werden Sie Lottie-Dateien und Videodateien verwenden. Es gibt dir nur ein bisschen mehr Gestaltungsfreiheit. Und so können Sie sehen, wie eine Website aussehen könnte oder wie eine Anwendung eher als fertiges Produkt aussehen könnte , also wird das aktualisiert. Das ist der springende Punkt. Manchmal muss man bis zum Entwicklungsprozess gewartet haben , um zu sehen, wie es tatsächlich aussieht. Sie können jetzt viele Dateien haben und Videos ist eine wirklich großartige Sache. Das ist also der grundlegende Überblick darüber, wie Sie Videos und Lottie-Dateien in Ihren Entwürfen verwenden können . 10. Shortcuts: In diesem Video auf SOC sind sehr häufige Tastenkombinationen , die Sie lernen möchten. Ich werde Ihnen in den Kursmaterialien eine vollständige Liste der verfügbaren Tastenkombinationen zur Verfügung stellen, die einen Blick auf Ihre Freizeit werfen können. Es gibt ziemlich viel. Also wollte ich jedoch einfach darauf eingehen, warum ich ziemlich viel verwende und nur die absoluten Grundlagen der Verwendung von Abkürzungen für bestimmte Dinge. Okay, also das offensichtlichste ist das Kopieren. Sagen wir einfach, wir wollen dieses Quadrat haben. Ich kopiere es woanders. Sie können einfach C steuern und V steuern und es wird Ihnen automatisch eine andere Version dessen geben , was Sie gerade getan haben. Das ist also eine Art zu kopieren. Eine andere Möglichkeit ist, wenn Sie das Element leicht Alt gedrückt halten und Sie es dann verschieben können, während Sie dieses O gedrückt halten, erstelle ich ein Duplikat dessen, was Sie bereits haben, die SR. Also eine andere Art, das zu tun. Eine andere Sache darüber, wenn Sie Alt gedrückt halten , als eine Art von etwas anderem, das sehr nützlich ist, wenn Sie ein Element auswählen und es einfach gedrückt halten, aber ich ziehe. Es zeigt Ihnen die Entfernung von einem Element zum anderen an. So können Sie hier sehen, dass es Ihnen den Abstand von diesem Punkt nach oben, auf beiden Seiten, unten zeigt den Abstand von diesem Punkt nach oben, . Wenn Sie also nicht ziehen, ist eine andere Möglichkeit , dieses Steuerelement zu verwenden, wo ich es Ihnen sagen kann geben Sie eine Vorstellung von Abstand. Es ist also sehr, sehr nützlich, das irgendwie zu tun. So können Sie Tastenkombinationen zum Duplizieren von Elementen verwenden . Eine andere Tastatur, Shoko, sagen wir natürlich, wir wollen alles loswerden, was wir getan haben. Einfach Control und Z, mach alles rückgängig, was wir gerade getan haben. Okay, genau wie Sie es für alle anderen für Sie nützlich sind, wenn Sie einen PC oder Mac verwenden. Okay, also die Art der Offensichtlichen von dort, wir werden hier offensichtlich viele dieser verschiedenen Symbole durchgehen . Wir versuchen, diese beiden Modi tatsächlich nicht zu verwenden, nur damit Sie besser sehen können, was los ist. Aber jeder einzelne von ihnen hat eine eigene Tastenkombination, wie ich bereits erwähnt habe. Sie möchten sich jedoch besonders daran gewöhnen das Auswahlwerkzeug an der VA zu verwenden. Denn was auch immer Sie gerade tun, wenn Sie sich den Fall ansehen, drücken den Buchstaben V und wir sind wieder zur Auswahl. Das wird also während des gesamten Kurses ziemlich viel genutzt . Ich werde nicht ständig zu diesem zurückkehren , sondern die Hecken, ein sozial nur ich sagen würde für immer essen, ich möchte das mit Tastenkombinationen tun, um Elemente zu manipulieren. Auch hier haben wir das wahrscheinlich schon ein bisschen angesprochen. Wenn Sie jedoch die Umschalttaste für ein Element, das Sie haben oder eine beliebige Form, die Sie haben, gedrückt ein Element, das Sie haben oder eine beliebige Form halten, wird es erstellt. Ich werde einfach genau so skalieren, wie es ist ohne irgendeine Art von Wissenschaft auf beiden Seiten hinzuzufügen. Wenn Sie es loslassen, können Sie es nach Belieben anpassen. Wenn du längen willst. Aber oben und unten. Und wenn Sie Alt gedrückt halten, werden Sie sehen, dass es bewegt und skaliert wird, aber nur so und so. Also oben und unten, wenn er es auch in die andere Richtung getan hat, halten Sie Alt erneut gedrückt, es wird auch auf beiden Seiten so wachsen. Es sind ziemlich übliche Dinge , die du benutzen wirst. Dinge wie Bring to Front sind eine weitere sehr häufige Tastenkombination. Wenn wir diesem also nur eine Füllfarbe geben damit Sie besser sehen können, was wir tun. Und wir zeichnen einfach auch etwas anderes. Und wir werden eine Füllung bekommen und schnell haben wir bereits Film als feine Asche bekommen, jetzt geben wir ihm sonst eine andere Füllfarbe und werden verwirrend. Nehmen wir also an, dass wir dieses Feld hinter dieses Feld bringen möchten , Sie können einfach mit der rechten Maustaste darauf klicken , zurücksenden oder auch eine Tastenkombination verwenden . Sie sind also diejenigen, die du benutzen wirst. Ziemlich viel. Block heißt, schauen Sie sich die Taste an, die Liste der Tastenkombinationen, die Sie einer Folie zur Verfügung stellen, und Sie möchten wirklich so viel wie möglich essen, versuchen Sie es einfach zu verwenden. Es kommt also auf eine Phase, in der es fast zweite Natur ist. Und nachdem Sie dies eine Weile benutzt haben, wird es zur zweiten Natur werden, insbesondere Dinge wie das Batterieauswahlwerkzeug, indem Sie den Buchstaben V auswählen. Diese Dinge sind offensichtlich, sind offensichtlich, Control V wird für Sie sehr offensichtlich sein. Es funktioniert. Du bist es wahrscheinlich gewohnt, Dinge zu benutzen. Aber scrollen Sie wieder durch und finden Sie Dinge, die Sie gerne verwenden. Und es wird Ihr Leben viel schneller machen , wenn Sie dieses Programm verwenden. 11. Steuern und Einrichten und Einrichten: Okay, also als Nächstes, wie man Elemente innerhalb von XD steuert und manipuliert. Also zeige ich dir das auf eine Art nutzbarer Weise. Lassen Sie uns also sehr schnell ein Basic Nav-Menü erstellen , weniger Giraffe, das Rechteck. Und stell dir vor, das ist nicht genug Geld oder werde die Grenze los und wir geben ihr eine Farbe. Also lasst uns vielleicht dunkelblau machen. Also los geht's. Wir haben die Funktionsweise des Navigationsmenüs jetzt in einem App-Menü auf der Website, offensichtlich haben Sie im Allgemeinen ein Bein auf der linken Seite. Dann haben Sie die Navigationsmenüpunkte entweder in der Mitte zum, auf der rechten Seite. Also lasst uns das einfach jetzt machen. Wenn wir also anfangen möchten, Dinge darüber hinaus zu erstellen, möchten Sie dies manchmal nicht versehentlich verschieben, was sehr einfach ist, insbesondere wenn Sie versuchen, die Größe von Elementen zu ändern oder andere Elemente auszuwählen, dies kann eine Farbe sein. Sie möchten dies tatsächlich in Position setzen. Ich zeige dir das einfach, wie es ein Problem sein kann. Ich werde einfach ein sehr, sehr einfaches Logo erstellen. Lass uns diesen Kreis einfach rot machen, nur um es dir zu zeigen. Okay. Also haben wir das auf der linken Seite vorbei und dann erstellen wir hier drüben einige als Navigationsgegenstände. Wenn wir also hier auf das Text-Tool einsteigen und anfangen einzutippen, haben wir vielleicht Liebe zu Hause. Und wir klicken das ab und dann werden wir das einfach ein paar Mal duplizieren. Also wenn ich das gespielt habe, mache ich das einfach nur phänomenal in freier Form sehr ordentlich. Aber sagen wir, wir wollen irgendwie neu einstellen, was wir hier haben. Bei dem Abstand geht es also nur um Rechte oder ich habe es vor einem Moment bekommen. Lass uns das einfach nochmal machen. Okay, damit du den Raum gleichmäßig sehen kannst. Aber was ist, wenn wir diese anpassen wollen? Wenn ich all diese zusammen auswählen möchte, werden Sie sehen, wie ich das versuche, es verschiebt einfach die Navigationsleiste weil sie nicht in Position gesperrt ist. Wenn Sie also versuchen möchten, alle diese auszuwählen, die sich unter dieser Navbar befinden. Sie können das nicht tun, ohne diese Navigationsleiste zu beeinträchtigen. Was Sie also tun können, um dieses Problem zu umgehen , ist es zu sperren. Also zwei Möglichkeiten, das zu tun. Sie können mit der rechten Maustaste auf das Element klicken, das Sie sperren möchten. Sehen Sie sich eine Option für ein an, das viel hat. Sie können also alternativ einfach darauf klicken und zeigt immer an, dass Sie eine Tastenkombination sind, an die Sie sich gewöhnen möchten, so viel wie möglich nur für die Geschwindigkeit zu verwenden. Also steuerst du ein l oder Command und S auf einem Mac. Wenn wir das tun, sehen Sie jetzt, dass wir dieses Schlosssymbol oben links haben. Und das bedeutet, egal was wir tun, egal was wir versuchen und darauf klicken, es wird sich nicht bewegen, was ist, selbst wenn wir versuchen, es zu löschen, selbst wenn wir versuchen, es zu löschen, es ging später gesperrt . Es wird nicht alles bewegen. Um sie zu entsperren, können Sie einfach auf das Symbol selbst klicken oder erneut auf Control und L drücken und es für Sie entsperren. So funktioniert das im Grunde. Und noch einmal, Control und S oder Command und L. Versuchen Sie, Tastenkombinationen so oft wie möglich zu verwenden . Es spart dir einfach viel Zeit. Jetzt wie an Ort und Stelle bedeutet das, dass ich jetzt, wenn ich versuche, zu ziehen und zu klicken, einfach meine Navigationsgegenstände auswählen kann und es macht keinen Unterschied. Ich kann diese dann ändern, aber ich möchte mit ihnen machen, was ich will. Ich kann es frei machen, ohne ein anderes Element im eigentlichen Menü selbst zu beeinflussen . Das ist also ein offensichtlicher Anwendungsfall für diese Art von Dingen. Sie werden feststellen, dass dies sehr, sehr verbreitet ist. Und wenn Sie anfangen, den x Tag zu benutzen, werden Sie feststellen, dass diese Art von passiert und Sie werden sich einfach angewöhnen, die Dinge abzuschauen , während Sie versuchen, darauf aufzubauen. Das ist also ein sehr, sehr häufiger Anwendungsfall. Sagen wir, lasst uns das alles vorerst loswerden. Und was eigentlich, wenn ich die Formen behalte, werden wir das benutzen, um etwas anderes zu demonstrieren. Ich schalte das einfach frei. Ich werde das eigentlich nur für einen Moment neu verwenden. Jetzt haben wir zwei Formen. Wenn ich das also über mein Rechteck ziehe, wirst du sehen, dass es automatisch über die Spitze gegangen ist. Jetzt bedeutet das nicht unbedingt, dass Sie immer eine Bestellung haben möchten. Manchmal möchten Sie diesen Kreis möglicherweise unter dem Rechteck haben . Wie macht man sie? Ein paar Möglichkeiten, wie Sie dies tun können, ist erneut auf das Element zu klicken, das Sie manipulieren möchten. Sie können mit der rechten Maustaste klicken Und du siehst hier haben wir ein paar Möglichkeiten. Wir haben nach vorne gebracht, vorwärts bringen, rückwärts schicken oder an die Bank schicken. Bring to Front bringt es direkt nach vorne und sendet zurück wird von vorne nach hinten geschickt, da es offensichtlich sein wird. Vorwärts und rückwärts bringen bedeutet, dass es das tun wird, es wird sich innerhalb des Ebenen-Panels bewegen , in das wir Heu haben, in das wir nicht gegangen sind. Ja, wir kommen im nächsten Video dazu. Aber im Grunde kann man das auch hier manipulieren. Ich zeig es dir einfach sehr schnell. Wenn wir das also oben gezogen haben, sehen Sie, dass jetzt hier betroffen ist. So können Sie dies auch auf diese Weise beeinflussen. Oder Sie können auch mit der rechten Maustaste klicken und dann einfach auf die gewünschte Option klicken. Oder du kannst einfach die Tastatur Shoko benutzen , die auch dort aufgeführt ist. Es gibt also zwei verschiedene Möglichkeiten, diese Gegenstände zu manipulieren. Das wird also super, super häufig sein und Sie werden diese Gegenstände ziemlich manipulieren wollen . Wann immer Sie Websites entwerfen, werden Sie dies verdammt viel nutzen. Es lohnt sich also, sich hierfür an Tastenkombinationen zu erinnern . Oder wenn Sie diese Dinge einfach lieber herumschleppen, können Sie das auch tun. Dies variiert natürlich auch für den Text. Wenn wir hier Texte hätten, können Sie das so manipulieren, wie Sie es wollten. Hoffentlich ergibt das Sinn. Sie fallen also wieder, wenn wir etwas später mit der Gestaltung unseres Klassenprojekts beginnen etwas später mit der Gestaltung unseres Klassenprojekts Wir werden all diese verschiedenen Techniken nutzen , während wir gehen. Okay, das ist also ein grundlegender Überblick darüber, wie Sie Elemente näher oder weiter vom Bildschirm können und wie Sie sie in ihrer Position auf der Achse neu anordnen können. Und wie Sie Gegenstände sperren können , damit Sie dann Dinge darauf bauen können. 12. Auswahl und Gruppierung: Okay, also lasst uns jetzt darüber sprechen, wie Sie verschiedene Elemente auf Ihrer Leinwand auswählen und gruppieren können. Also nochmal, das wird sehr häufig sein. Viel Zeit, Sie werden mehrere Elemente zusammen auswählen möchten . Nehmen wir an, wir möchten, dass sich diese beiden Gegenstände gleichzeitig bewegen und die gleiche Entfernung beibehalten , die sie derzeit haben. Wenn wir das tun würden, wenn wir einfach klicken und ziehen und beide Elemente zusammen auswählen, wenn ich jetzt versuche, dies zu verschieben, werden sie beide gleichzeitig verschoben. In dem Moment, in dem ich abklicke und versuche es noch einmal zu tun, wird es die Elemente irgendwie gruppieren. Das ist also eine schnelle Möglichkeit, Elemente zu besprechen, aber Sie möchten nicht, dass sie immer in derselben Gruppe sind. Aber es wird viele Male , in denen du vielleicht sagen willst, vielleicht irgendeine Art Karte erstellen willst. Vielleicht möchten Sie immer, dass sie Elemente zusammenfassen und sie werden irgendwie zu ihrem eigenen Ding. kannst du auch machen. Anstatt nur auszuwählen, treffen Sie sich einfach, wenn Sie wollen, und sich immer gemeinsam zu verhalten und zu reagieren. Sie können das tun, weil ich im Moment wieder abklicke, es wird damit aufhören. Wählen Sie also noch einmal beide zusammen aus, klicken Sie mit der rechten Maustaste und dann sehen Sie, dass es heißt, Hey , Gruppe, die auch eine Tastenkombination ist, nämlich Control und J, dies ist wiederum eine Tastenkombination. Du willst dich so viel wie möglich erinnern. Es wird Ihnen viel Zeit sparen, aber wenn wir das tun, werden Sie sehen, dass es jetzt zusammengefasst ist. Und selbst wenn ich es abklicke und darauf zurückkomme, ich jetzt diese Gegenstände treffen und sie werden immer zusammengefasst werden. Wenn Sie also das Greifen rückgängig machen möchten oder müssen Sie es tun, klicken Sie mit der rechten Maustaste und gehen Sie dann weiter und auf Traube. Wenn Sie anfangen zu klicken, können Sie nun wieder verschiedene Elemente einzeln übergehen. So würden Sie Elemente also zusammenfassen. Und wieder gibt es keine Begrenzung dafür, wie viele davon Sie tun können. Sie können Text hinzufügen. Sie haben mit Text gearbeitet, es funktioniert mit allem. So gruppieren Sie also Artikel zusammen. Auch hier werden Sie oben Anführungszeichen verwenden. Und Sie werden sehen, ob wir es hier in unserem Ebenenbedienfeld behalten. Im Moment haben diese beiden Elemente ihre eigene individuelle Sache in der Minute, in der wir beide zusammen auswählen und dann auf GREP klicken, sagen Sie, es erstellt einen Ordner für diese Elemente. Wenn wir jetzt darauf doppelklicken, werden Sie sehen, dass wir uns in diesem Ordner selbst befinden. Wenn dies also eine Art Element war, werden Sie auf Ihrer Website viel verwenden. Du kannst dem dann einfach einen Namen geben und ihn nennen, wie du willst. Auch hier kehren wir zu diesem Elements-Panel zurück und nur ein bisschen, um Ihnen detaillierter zu zeigen , wo Sie damit umgehen können. Schon wieder. Aber das ist der grundlegende Überblick darüber, wie Sie Elemente zusammenfassen können. Und wenn Sie sie dann mit einer Maus bewegen, bewegen Sie sie immer gleichzeitig zusammen. Es ist auch erwähnenswert, dass Sie diese Elemente monophyletische Gruppe skalieren möchten , das können Sie auch tun. Wenn das immer eine Gruppe ist, wird nur das Element verschoben, auf das Sie klicken. Wenn Sie die Umschalttaste gedrückt halten, werden beide auf dem gleichen Niveau wachsen. So greppst du Elemente und wie du gruppierte Elemente zusammen manipulierst. 13. Hiding: Kurz bevor wir weitermachen, möchte ich Ihnen noch eine Sache zeigen, wenn es darum geht , verschiedene Gegenstände zu manipulieren. Was wir manchmal auch tun wollen, ist Gegenstände auszublenden. Nehmen wir an, für eine Minute, die wir wollen, haben einige Dinge so gestaltet, dass wir etwas haben diese beiden Gegenstände durchschneidet. Aber was auch immer wir bearbeiten möchten, ist vielleicht darunter, damit es die Gruppierung aufheben, aus dem Weg gehen, aber ein besserer Weg und ist möglicherweise nur vorübergehend zu hoch. Warum Sie dies tun können, ist mit der rechten Maustaste darauf klicken und dann einfach auf Ausblenden oder Sie können die Tastenkombination verwenden. Und ich werde es nur vorerst los. Und dann hast du die volle Kontrolle über das Element auch darunter. Und wenn Sie es einblenden möchten, können Sie einfach Z steuern. Oder Sie sehen hier auf Ihrem Ebenenbedienfeld, Sie sehen, dass das Ellipse 1 derzeit ein leeres Handtuch ist und diese Art von Augapfel mit einem Kreuz drei hat . was bedeutet, dass es versteckt ist. Was Sie also tun können, ist einfach darauf zu klicken und es bringt es dorthin zurück, wo es sich um einen Stock handelte. Sagen wir, das ist ein grundlegender Überblick darüber, wie man Elemente gruppiert und wie man sie zusammen manipuliert und wie man Gegenstände vorübergehend ausblendet und dann zurückbringt. Eine, die sie wollte. 14. Formen kombinieren: Okay, also als Nächstes werden wir darüber sprechen, wie man verschiedene Gegenstände miteinander kombiniert. Dies ist vielleicht häufiger, wenn Sie Formen ein bisschen wie diese verwenden. Vielleicht hast du eine Art Grafik erstellt. Dies ist etwas, das Sie vielleicht speziell dafür verwenden würden . Dies hängt also nicht so sehr mit der Erstellung einer Website an sich zusammen. Mehr vielleicht mit Grafikdesign-Bombe zu tun, wird es dir sowieso nur zeigen , weil es offensichtlich auftauchen wird. Ich zeige gestaltete Seiten. Beginnen wir also damit diese beiden Gegenstände tatsächlich in dieser Art von Imposanten zusammen zu geben , sagen wir, ich werde diesen Kreis hier so überlappen. Stellen Sie sicher, dass es schön und eben ist. Und ich gruppiere diese beiden Gegenstände zusammen. Ich wähle sie einfach so aus. Und jetzt siehst du, sobald wir das gemacht haben, haben wir dieses Panel jetzt hier drüben. Also werden wir in einem Moment wieder zu Repeat Grid zurückkehren. Aber wir haben jetzt diese verschiedenen Optionen, die wir ADD haben, wir haben einen Subtrakt, wir haben auch einen Schnitt, und wir haben auch eine Ausschlussüberlappung. Das könnte also bedeuten, dass nichts ein Kopfgeld ist. Also denke ich, der beste Weg, dir das einfach zu zeigen, ist es dir einfach zu zeigen. Was wir anfangs tun werden, ist auf Hinzufügen zu klicken. Und was Sie hier sehen, ist im Grunde genommen, dass Sie gerade die Form hinzugefügt haben, die oben war, der hier ist. Und es ändert sich auch die Farbe. Wenn Sie also im Grunde nur alles hinzufügen möchten, was Sie haben, zu einem anderen Gegenstand, ganz einfach, tun Sie dies und es wird automatisch die gleiche Farbe des folgenden Objekts annehmen , wenn wir dies invertieren ein wenig. Also haben wir vorher gesagt, wenn wir den Kreis etwas tiefer auf der Achse haben wollen, können wir das tun, als ob wir einfach mit der rechten Maustaste klicken und gehen. Vielleicht schicke einfach rückwärts und mach das Gleiche. Du wirst jetzt sehen, dass etwas anderes passiert. Wir haben jetzt, der Artikel hat geprägt, sieht gleich aus, aber es wird auf die Eigenschaften des Elements übernommen, das weitesten entfernt am Zugangspunkt liegt. Hoffentlich ergibt das einen Sinn. Und natürlich können Sie alle möglichen Formen erstellen , indem Sie dies tun , indem Sie Elemente zusammenfügen. Der nächste wird subtrahieren. Jetzt ist dieser sehr, sehr nützlich, besonders verbunden, um einzigartige Formen zu erzeugen. Also, was wir jetzt noch einmal tun werden, stellen Sie sicher, dass beide ausgewählten dann auf Subtrahieren klicken. Und Sie können sehen, dass es jetzt da war, da jetzt ein Kreis herausgebissen aus dem Gegenstand herausgebissen wurde, der sich darunter befand. Also nochmal, die einzige Möglichkeit, dies vielleicht ohne dieses Tool zu tun, aber um vielleicht einen Kreis zu setzen, der auch weiß mit weißem Hintergrund war , könnte man es so machen. Aber auf diese Weise ist das eigentlich S3. Wenn ich also die Form darunter kenne, nur um es dir zu zeigen, und ich gebe ihr eine Hintergrundfarbe. Siehst du, wenn ich versuche, das darüber zu bewegen, sagst du, dass es völlig transparent ist. Es gibt jetzt nichts in diesem Raum. Das subtrahiert also ein Element von einem anderen. Und lassen Sie uns das einfach noch einmal umkehren. Also wenn wir das jetzt rückwärts schicken lassen und wir das Gleiche wieder tun. Wir klicken auf Subtrahieren und jetzt wird das andere Element von NUS-Elementen abgezogen . Entschuldigung, dies ist wichtig, wenn es darum geht, was ein Gegenstand am Achsenpunkt höher ist. Also war das erste Mal das Rechteck. Diesmal ist es ein Kreis. So benutzt man die Subtraktion im Grunde. Auch hier werde ich nicht viele verschiedene Formen dafür erstellen. Ich zeige dir nur die Grundlagen, wie das funktioniert. Also noch einmal, um sicherzustellen, dass ich ausgewählt habe und wir jetzt das Intersect-Tool haben. Und wenn wir darauf klicken, sehen Sie jetzt dass wir diesen Teil nur dort haben. Es hat also beide Gegenstände miteinander durchschnitten. Sie sind eine Art Kontaktstelle. Und wenn ich dann noch einmal darauf klicke und du wirst sehen, wie das funktioniert. Also nochmal, nicht das nützlichste für diesen bestimmten, aber sehr nützlich, wenn Sie versuchen, bestimmte Elemente in einer bestimmten Form miteinander zu kombinieren. Und der letzte, den wir haben, wird die Überlappung ausschließen. Und Sie können jetzt eine ähnliche Sache sehen wie das Subtrahieren dieses Teils, in dem er sich schneidet jetzt völlig transparent ist. Also um das irgendwie zu beweisen, also wenn ich noch einmal etwas darunter lege, wenn ich nur einen Kreis zeichne, gebe ich ihm eine Füllfarbe. Wenn ich diesen Gegenstand verschiebe, siehst du, dass er angezeigt wird. Wenn ich das eigentlich einfach mache. Ich bringe das an die Front. Und du wirst jetzt sehen, wenn ich es durchgehe, darunter wird es tatsächlich durchscheinen , denn das ist jetzt völlig klar. Und so würden Sie diese Tools im Grunde verwenden. Das ist also das Werkzeug zum Ausschließen von Überlappungen. Auch hier ist dies kein Grafikdesign-Kurs, daher werde ich nicht alle möglichen Anwendungsfälle dafür garantieren , aber hoffentlich kann ich sehen, wie nützlich das sein könnte, wenn Sie versuchen zu erstellen sehr spezifische Formen, die möglicherweise nicht so einfach möglich sind, indem Sie die Formwerkzeuge einfach selbst verwenden. Das ist also ein grundlegender Überblick wie man diese Art von Schnittwerkzeugen verwendet und wie man subtrahiert und hinzufügt verschiedene Formen subtrahiert und hinzufügt, um verschiedene Formen zu erstellen. 15. Repeat: Okay, also nächstes Oprah und benutze einfach zufällige Formen hereineilen, um etwas zu erstellen, das eher wie ein Pod oder eine Website aussieht . Also werden wir uns jetzt diese Option hier ansehen, nämlich Raster wiederholen. Was wir also tun werden, ist einen Kartenbereich oder einen Kartenartikel zu erstellen. Und dann werden wir das Wiederholungsraster verwenden, um das Element zu wiederholen , anstatt nur das Ende zu duplizieren. Also könnten wir es einfach duplizieren, indem Alt gedrückt halten und dann ziehen. Sie können aber auch das Wiederholungsraster verwenden, das das Leben viel einfacher macht und es einfacher macht, Dinge zu verteilen. Beginnen wir also mit einem rechten Winkel. Und wir werden für den Moment einfach frei, frei fallen, da so etwas für mich gut aussieht oder bekommt etwas wie in der Mitte des Bildschirms ist. Wir runden die Kanten ein kleines bisschen ab , nur für die schiere Vorderseite. Wir werden die Grenze loswerden und wir geben ihr vielleicht ein bisschen hellgrau. Und dann denke ich, dass wir von dort aus machen Pamps das einfach einschließen werden. Jetzt fangen wir an, Dinge darüber zu bauen. Also nochmal, das ist jetzt vollständig vorhanden. Es wird sich nicht bewegen. Ich kann anfangen, Dinge darüber zu bauen, es wird nicht mit den anderen Gegenständen interagieren, die ich anziehe, bis ich es erlaube. Was wir also tun werden, ist jetzt auf ein Bild zu werfen. Also werden wir die Kontrolle verschieben. Wir werden einfach ein zufälliges Bild auswählen, das hier ist, wird die Größe nur ein wenig ändern, nur damit es in unseren Codeabschnitt passt und wir werden Zoomen Sie auch einfach so leicht hinein. Also ja, damit wir besser sehen können, was wir tun. Also lasst uns einfach sehen, wie weit das ist. Das sind also 13 Pixel oben, und es sind derzeit 15, tut mir leid, 16 von der Seite. Also müssen wir es einfach ein bisschen mehr rausschlagen und zentraler werden. Damit das jetzt verlassen würde, muss nicht nur für den Moment pixelperfekt sein. Und wir kriegen vielleicht auch einen Titel und Haare. Klicken Sie also auf das Textzeilen-Symbol, wir hätten auch einfach auf den Buchstaben T klicken können. Und wir werden sicherstellen, dass Sie hier sehen können , dass es mich an dieser Linie wissen lässt, dass es richtig an dieser Kante ausgerichtet ist . Also machen wir das. Und wir nennen das einfach Fotografie. Und wir zoomen einfach für einen Moment heraus. Okay, das ist alles in Ordnung. Wir gehen zurück zu meinem Auswahlwerkzeug. Eigentlich wird dieser Titel noch etwas kleiner machen, bevor wir es tun. Lass uns so etwas wie 30 machen, wäre wahrscheinlich in Ordnung. Wir werden es auch etwas mutiger machen nur weil warum nicht? Okay, also legen wir vielleicht auch hier einen Absatz an. Also stellen wir wieder sicher, dass all dies korrekt ausgerichtet ist. Also machen wir das einfach hier und wir ziehen es einfach an, das ist ein Absatzsymbolzauber seines Dings. Und das machen wir natürlich viel kleiner. Anstatt fett wird das so regelmäßig haben und wir werden es so etwas wie 18 machen. Okay. Und dann fügen wir von dort einfach noch eine Sache hinzu. Wir haben uns das gerade etwas ausgedacht, also tut es ein bisschen leid, ein bisschen näher am Titel. Okay, das ist vorerst in Ordnung. Fügen wir auch einfach einen Button hinzu. Also benutzen wir einfach unser Rechteckwerkzeug. Und das werden wir nach unten haben. Und Sie werden sehen, dass die Zeile wieder aufgetaucht ist, nur um mich wissen zu lassen, dass diese jetzt richtig am Rand des Bildes ausgerichtet ist. Und dann ziehen wir das einfach raus. So etwas. Wir haben keine Grenze. Und welche Farbe sollen wir haben Lass uns einfach einen Hund haben. Das ist in Ordnung. Und vielleicht nur etwas höher. Und dann wird diese Bindung tatsächlich eingeschlossen. Der Grund dafür ist offen, jetzt etwas Text darüber zu legen . Nur damit ich einfacher herummanövrieren kann, ist es am besten, dies zu tun. Und dann fügen wir einfach hinzu, vielleicht würden wir mehr lernen. Und stellen Sie auch sicher, dass wir es auch sehen können. Anstatt dunkel zu sein oder es so hell zu haben, werden wir es viel kleiner machen. Machen wir also etwas wie 16 Pixel, vielleicht kleiner als das. Ok, und dann steigen wir in den Sensor. Okay, also haben wir eine Art sehr einfachen Kartenbereich erstellt. Auch hier sind unsere Art von Hintergründen alle zusammengeschlossen. Was wir tun könnten, weil wir wollen, dass es als eine Sache Abschnitt heißt. Wenn wir anfangen, dies zu bewegen, werden Sie sehen, dass es einfach nur zufällige Teile davon bewegt und nicht gleichzeitig. also einfach sicher, dass ich freigeschaltet bin. Und was wir jetzt tun können, ist alles auszuwählen und sicherzustellen, dass alles zusammen ausgewählt wird. Und wenn Sie dann auf Control G oder Command G klicken, ist dies jetzt ein gruppiertes Element oder alle diese Elemente insgesamt. Und Sie können hier in meinem Ebenenbedienfeld sehen, all diese in einem eigenen Ordner befinden , der allgemein als Gruppe 1 bezeichnet wird. Offensichtlich möchte ich diesen bloßen Kartenbereich umbenennen. Aber was wir noch mehr ansprechen werden, kommen wir etwas später zu unserem Ebenenbedienfeld. Wie duplizieren wir das? Was Sie heute offensichtlich wollen , anstatt eine Art Leser. Und das nochmal ist im Grunde genommen das, was Sie hier haben. Und vielleicht ändern Sie einfach den Text und ändern Sie das Bild. Was wäre, wenn wir das duplizieren wollten? Das würdest du nicht wollen. Normalerweise kommt der Kartenabschnitt mindestens ein, normalerweise kommt es am häufigsten in drei. Was Sie also vielleicht tun möchten, ist , diese einzige Zusammenfassung davon zu duplizieren. Sie könnten das also tun, indem Sie Alt gedrückt halten und dann das Element erneut auswählen und dann loslassen, und es wird ein Duplikat dessen haben, was Sie haben, dann können Sie es verschieben, wenn Sie möchten. Das ist eine absolut vernünftige Art, dies zu tun. könntest du das dann nochmal machen. Und dann könntest du für alle drei könntest du vielleicht alle zusammenfassen, wenn du willst. Also könnten wir das Ganze erschaffen. Oder alternativ könnten Sie etwas namens Repeat Grid verwenden. Also lasst uns für einen Moment zurückgehen. Stellen Sie sicher, dass wir weiterhin ausgewählt haben. Und sehen Sie, diese Option hat jetzt für genau diese Sache vorgeschlagen, die ich gerade eine Rechnung habe , die Ihnen hier einen Kartenbereich zeigt. Und wir werden tatsächlich genau das tun, was es sagt. Wenn wir also auf Raster wiederholen klicken, sehen Sie jetzt, dass einige neue Arten von Symbolen erschienen sind. Und wenn wir das jetzt herausziehen, werden Sie sehen, dass es automatisch Duplikate von dem erstellt, was wir haben. Und es wird tatsächlich weitergehen und gehen und so weit gehen wie du das tust. Selbst wenn Sie verschiedene Gegenstände haben, wiederholen wir es irgendwie und beginnen dann von Anfang an. Aber auch hier können Sie es sowohl seitlich als auch nach unten tun. Wenn Sie also eine Art Yeah, sich wiederholendes Raster haben , können Sie dieses Tool verwenden und es ist super CB. Also, und der Hauptgrund dafür ist irgendwie nützlicher als sagen, ähm, Sie können den Abstand durch Duplizieren viel einfacher ändern, indem Sie das Raster verwenden. Wenn Sie dies tun würden, indem Sie einzelne duplizieren, ist es nicht ganz so einfach. Während Sie das Raster verwenden, können Sie diesen Abstand genau so erreichen, wie Sie sagen möchten , dass dies eine wirklich nützliche Sache ist , wenn es um Webdesign geht, da die meisten Websites irgendwann einige haben werden Art des Kartenabschnitts. Es ist extrem üblich. Und dies ist eine wirklich nützliche Möglichkeit den Abstand zwischen allem genau gleich zu machen , anstatt manuell Abstand auf jeden einzelnen anwenden zu müssen. Dies macht es automatisch, also ersetzt, friedlich. Und dann sagen wir, du bist zu ihm gekommen, wenn du nur EINE Gruppe willst, die du machen kannst, deine eigene Gruppe, und dann bekommst du, und offensichtlich gibt es auch dafür eine Tastenkombination . Nochmal, nur unsere Messe Sie zurück zur Keyboard-Shoko-Optionsseite , die ich in die Kursmaterialien aufgenommen habe. Sagen Sie noch einmal, dass hoffentlich sinnvoll ist, wie Sie das machen. Offensichtlich, wenn Sie anfangen, verschiedene Artikel zu wechseln G Süßigkeiten. Wenn Sie also diese Energie ersetzen möchten, mit der rechten Maustaste und klicken Sie auf Bild ersetzen, und dann können Sie einfach auswählen, welches Sie möchten. Und dann ist das eine viel schnellere Art , es zu tun, anstatt nur einen erschaffen und dann einen anderen Krieger erschaffen zu müssen. Was Sie tun möchten, ist, sie einfach EVA zu duplizieren, und der beste und einfachste Weg, den Abstand zu steuern ist auch die Verwendung des Wiederholungsrasters. 16. 3D-Transformationen: Okay, in diesem Video wird also über Transformationen in 3D-Transformationen gesprochen. Also ein paar Dinge, bevor wir uns mit dem 3D-Sachen befassen, Es gibt ein paar Dinge, die ich denke, ich möchte einfach noch einmal erwähnen , ich habe vielleicht erwähnt, dies kurz erwähnt, aber man kann tatsächlich Elemente drehen auch keine Gegenstände. wir also einfach sicher, dass alles ausgewählt ist. Und ganz einfach, wenn Sie den Mauszeiger über die Ecke bewegen, können Sie Elemente oder Elemente nicht einfach so drehen , wie Sie möchten. Und wieder, das ist super einfach und ich sage, dass dies davon abhängt, welche Art von Design Sie haben. Ob du so etwas machen willst oder nicht. Wenn Sie es irgendwie in Grad schnappen möchten, können Sie in einer Art von 15 Blöcken galoppieren , wenn Sie sich diesen hier ansehen, also sind es nur 60, der nächste wird 75 sein und so weiter. Und es ist nur das hilft dir einfach einen Winkel zu bekommen, der irgendwie brauchbar ist. Das ist also ein Drehen von Elementen oder Gegenständen. Das kannst du natürlich mit dem nächsten Tag für alles tun. Und auch irgendwie Bilder zu invertieren. haben wir noch nicht erwähnt. Nehmen wir an, Sie haben ein Bild und möchten irgendwie investieren, sagen wir, der Typ ist auf der linken Seite, das können Sie tun. Sie haben also diese beiden Möglichkeiten hier. Wenn wir also hier auf diesen klicken, heißt es „Horizontal drehen“ und ich werde irgendwie invertiert, damit die Jungs auf die linke Seite gehen. Du könntest tun, wenn das gesamte Element, wenn du willst. Offensichtlich, da wir Texte haben , die sehr seltsam aussehen werden, aber Sie könnten es auch vertikal tun. Also könntest du das einfach auf den Kopf stellen. Es gibt also einige sehr grundlegende Transformationen. Aber jetzt schauen wir uns die 3D-Transformation an. Was wir also tun werden, ist dieser speziellen Karte etwas mehr Leben zu geben. Und wenn Sie eine Website erstellen, auf der Sie Art von 3D-Effekten haben möchten. So würdest du es vielleicht machen. Also stellen wir sicher, dass es ausgewählt ist. Und dann klicken wir hier auf dieses Symbol für 3D-Transformation oder ist Steuerungs- und Endbefehl nc, wenn Sie auf einem Mac sind. Und jetzt haben wir dieses neue Icon als Paarung, der wir dies auf der X- und Y-Achse steuern können. Wenn Sie also entweder links oder rechts steuern , wird es irgendwie so verschoben, dass die Kante immer näher an den Bildschirm herangezogen wird. Es bringt es also näher. Auf der X- oder Y-Achse. Du kannst das für links und rechts tun. Sie können auch nach unten oder natürlich eine Mischung aus beiden öffnen . Und das gibt Ihnen im Grunde eine Art 3D-Effekt , den Sie wieder auf vielen verschiedenen Websites sehen. Und es ist ein wirklich netter Effekt, der sehr, sehr brauchbar ist. Und Sie haben auch den Vorteil, dass Sie sich weiter oder näher an den Bildschirm des Zugangspunkts bewegen. Je nachdem, was Sie als Teil Ihres Designs haben, kann dies dann mit allen kombiniert werden. Du könntest es für jedes einzelne Wort zusammen machen , wenn du willst. Sagen wir einfach, wir kriegen es zurück, wie es war, bevor ich angefangen habe herumzuspielen. Wenn ich davon komme, denken Sie daran, ob ich alles gleichzeitig machen möchte Sie daran, ob ich alles gleichzeitig machen wenn Sie alle diese zusammen auswählen , versuchen Sie es erneut. Klicken Sie auf die 3D-Transformation, und wenn wir es jetzt zu einer gemacht haben, wird es das tun. Absolut alle von ihnen, was wahrscheinlich ist , wenn Sie dies für eine Col-Abteilung verwenden , würden Sie es wahrscheinlich sowieso tun. Das ergibt also hoffentlich einen Sinn. Und wieder mussten Sie es nicht einfach verwenden, weil Sie nur die Bilder, die Sie machen können, wenn Sie auch einen Text machen können. All das ist also super, super nützlich und es ist eine wirklich schöne Art , Ihren Entwürfen etwas Leben zu verleihen . Das ist also ein grundlegender Überblick darüber, wie Sie die 3D-Transformation in Ihren Entwürfen verwenden können . 17. Ebenen: Okay, also lasst uns jetzt endlich über unser Ebenen-Panel sprechen. Sie können also auf das Ebenenbedienfeld zugreifen, indem Sie einfach hier unten auf das Ebenensymbol klicken. Oder Sie können einfach eine Tastenkombination verwenden , nämlich Control und y. Und jetzt werden wir es aufrufen. Und das Panel ist im Grunde nur eine Sammlung aller Elemente, die Sie derzeit auf Ihrem ausgewählten Canvas haben. Sie können diese also tatsächlich umbenennen, was Sie wollen. Man kann das Bild also einfach nennen. Oder nochmal, du könntest das haben, um vielleicht mehr Texte zu lernen. Sie hängen irgendwie davon ab, was Sie coole Dinge wollen. Und es ist eine gute Idee, sich irgendwie daran zu gewöhnen, Dinge zu benennen. Denn wenn du zurückkehren oder etwas finden willst , ist es viel einfacher, wenn tatsächlich gegangen bist und dich bemüht hast, Dinge tatsächlich so zu nennen, wie sie sein sollen. Jetzt habe ich diese Gegenstände gerade erst jetzt alle aufgehoben, weshalb wir so viele haben. Aber wenn wir vielleicht alle diese Elemente zusammenfassen, klicken wir mit der rechten Maustaste und dann gehen wir einfach weiter. Wenn Sie dieses Panel hier im Auge behalten, sehen Sie, dass es jetzt in einen Ordner umgewandelt wird. Du könntest den Ordner also einfach in Karte umbenennen. Und dann befinden sich alle Dinge, die sich darin befinden , im Kartenordner. Wenn Sie also Designs erstellen, Sie wahrscheinlich haben Sie wahrscheinlich ziemlich viele verschiedene Ordner. Sie haben im Allgemeinen nicht alles nicht gruppiert. Ziemlich oft hat man alles zusammengefasst, manchmal in Komponentenform, was das nächste Video sein wird. Dies ist jedoch nur ein grundlegender Überblick darüber, wie Sie es verwenden können und wie Sie auf Ihr Ebenenbedienfeld zurückgreifen können. Was Sie also auch mit diesem Ebenenbedienfeld tun können, ist die Reihenfolge zu steuern, in der die Dinge erscheinen. Also werde ich tatsächlich zwei davon loswerden, nur damit wir einfach sagen, dass wir einen haben und es wird einfacher zu folgen sein. Sie können also sehen, dass das Element wahrscheinlich hinten oder was hinten sein sollte unsere Art von unserem Hauptrechteck ist. Also schicken wir das nach hinten und schicken es tatsächlich direkt nach hinten. Aber sagen wir, wir wollten das vor allem haben. Auch hier würdest du das wahrscheinlich nicht tun wollen. Aber nur damit ich es dir zeigen kann, wenn du dieses Rechteck von der Boston-Position hier und sofort nach oben verschiebst . Du wirst jetzt sehen Es ist gleich vorbei Alles bist du jetzt. Sieh mehr irgendetwas, was du hier hast. Und wenn wir es nacheinander nach unten bewegen, können Sie sehen, dass jeder dieser Elemente langsam erscheint, während wir das tun. Das ist also das Rechteck für den Button. Und dann sagen Sie noch einmal, dies ist im Grunde eine Möglichkeit, alle verschiedenen Elemente in Ihrem Ebenenbedienfeld zu steuern . Offensichtlich können Sie auch Dinge wie Cent Bags und rückwärts verwenden oder nach vorne bringen. Sie können das Gleiche aber auch über unser Ebenenbedienfeld steuern . Sie haben auch die Möglichkeit Elemente hier auszublenden. Sie können also sehen, dass dies das Bild ist, das wir haben. Sie haben das Gesetz ist, dass Sie es auch vom Panel aus sperren können , damit sie nicht weitergehen, lochia und off, damit Sie es auch verstecken können, was wir früher kurz erwähnt haben. Sie können auch markieren, ob Exportieren auch. Das ist also ein grundlegender Überblick über das Ebenenbedienfeld. Und noch einmal möchten Sie versuchen, Dinge zu benennen, die Sinn ergeben. Anstatt nur einen Ordner mit der Aufschrift Gruppe 5 zu haben , möchten Sie dies einfach vielleicht, vielleicht Kartenblock, so etwas nennen . Nur so sicher, dass das ganze Gehirn sinnvoll ist. Sie wissen also, wo Sie bestimmte Elemente finden können. Denn wenn Sie eine Vorlagen-Webseite entworfen haben , wird es hier viel sein. Und je mehr Sie können, desto einfacher können Sie sich umso besser zubewegen. Okay, also als grundlegende Übersicht wie Sie Ihr Ebenenbedienfeld verwenden können. 18. Assets und Komponenten: Okay, also als Nächstes werden wir über Dokument-Assets sprechen. Wenn Sie es also hier Ihrem Bibliotheks-Tab gegeben und es dann, werden Sie wahrscheinlich mit diesen Seiten konfrontiert sein. Also Bibliotheken, in denen Sie im Grunde mehrere verschiedene Elemente verwenden können , eine Art von plattformübergreifenden und übergreifenden Projekten. Wenn Sie also ein Geschäft mit verschiedenen Arten von Symbolen haben möchten , vielleicht so anders. Die Abschnitte sind also vorgefertigte oder UI-Kits auch wenn Sie diese in Ihrer Bibliothek haben können , die Sie dann wiederverwenden können. Aber in diesem Video werde ich über Dokument-Assets sprechen. Hier haben wir also Kühler, Charakterstile, die im Grunde genommen die Topographie sind, Komponenten hinzufügen und alle Kampagnen essen , die Sie erstellt haben, die wir in nur einem Moment eingehen werden. Und dann Videos, über die wir eigentlich schon gesprochen haben. Fangen wir einfach zuerst mit Farben an und machen Sie diesen Hintergrund einfach dunkler. Jetzt aus einem bestimmten Grund. Wenn Sie jedoch mit der Erstellung einer Website beginnen, möchten Sie im Allgemeinen ein Farbschema im Auge behalten. Angenommen, Sie möchten sich irgendwie darauf beziehen und sagen, was wir tun könnten , ist einfach unsere eigene Farbpalette zu erstellen, oder wer AFIB-Boxen haben, wird Repeat Grid verwenden. Und wir werden einfach drei oder vier davon haben. Es hängt davon ab wie viele Farben Sie für das Projekt verwenden. Was wir dann tun könnten, ist, das Gitter einfach aufzuheben und ich gebe jeder Box eine andere Farbe. Es wird also Schwarz zu Sternen haben und es wird auch gelesen haben. Auch hier bin ich nur, ich ziehe nur Farben zufällig ist blau. Dies ist nicht die beste Farbpalette. Sagen wir also, das ist unsere Farbpalette. Was Sie tun könnten, ist diese Farben immer verfügbar und leicht zugänglich zu haben , wenn wir hier dieses gesamte Gesetz hervorheben, in Farben gehen und dann auf das Plus-Symbol klicken wird jetzt unsere Farbpalette in unserem Dokument erstellt Vermögenswerte. Und es bedeutet, dass wir jetzt auf diese klicken können um verschiedene Elemente zu beeinflussen, sagen wir einfach, lassen Sie uns einfach unsere Überschrift hier machen. Anstatt dunkel zu sein. Lasst es uns haben. Licht wird den gleichen Absatz tun. Das ist jetzt, dass beide Lichter auch unseren Knopf machen. Wir geben ihm einfach eine Grenze, damit wir es in Amerika sagen können, wir werden das Aussehen tatsächlich ändern. Sagen wir also mit einem Hintergrund anstatt wie ein hellgrau zu sein, was es derzeit ist. Wenn wir Document Assets geöffnet haben und ich ein Panel aufrufe, können wir dies jetzt ganz einfach in alles ändern, was wir haben, indem wir einfach eines auswählen, das wir hier haben. Wenn wir es also als dunkles Loch haben wollen und es blau haben wollen, könntest du das tun. Das ist also nur eine Möglichkeit, verschiedene Farben zu verwenden. So musst du es nicht machen. Man könnte es auch einfach als Swatch nennen. Wenn Sie also auf die Füllfarbe kommen, können Sie einfach hier auf diese Schaltfläche klicken und sie dann als Swat hinzufügen , und Sie haben sie auch mit Ihrem Farbwähler zur Verfügung. Es hängt nur davon ab, in welche Richtung du das tun willst. Und es gibt keinen richtigen oder falschen Weg. Es ist genau was du heute willst. Aber es ist schön, alle Ihre Farben verfügbar zu haben , um schnell verschiedene Gegenstände zu erzielen. Als ob wir von dort aus Charakterstile haben. Wenn wir also, wenn wir das einfach für Maman sperren, und wenn wir dann auswählen und dieser Boxer plus wird, werden Sie sehen, dass er automatisch über efferente Farmen eingezeichnet wird, die wir derzeit in dass er automatisch über efferente Farmen eingezeichnet wird, die diesem aktuellen Element verwenden. Und diese sind jetzt alle verfügbar, wenn wir verwenden, wenn wir anfangen, Text woanders zu erstellen. Nehmen wir an, wir werfen hier eine Textoption an. Und wenn ich sage, fangen wir an, etwas zu tippen, und es wird nicht unbedingt und es wird nicht unbedingt genau die Schriftart sein, die wir wollen. Sagen wir zum Beispiel, sagen wir zum Beispiel, auf etwas anderes eingestellt, sagen wir etwas wie PET-Serife. Aber wir wollten, dass es Proxima Nova ist, das könnten wir tun. Und alles, was wir tun müssten, ist auf das Textelement zu klicken , das wir haben, und dann auf Proxima Nova zu klicken und es wird automatisch in alles geändert, was Sie haben. Jetzt geht dies standardmäßig zu einer dunklen Version. Sie könnten also offensichtlich eine dunkle und helle Version haben , und das wird im Januar für den Ton auftauchen , wenn Sie wie ein Styleguide erstellen , bevor Sie anfangen, das ist wahrscheinlich, was Sie tun. Sie haben wahrscheinlich von UV-Licht - und Dunkelversionen hier drüben, es haben Sie also Ihre Überschriften das ist wahrscheinlich so, wie Sie es tun würden. Du würdest sie alle in deinen Charakterstilen speichern. Wenn Sie gerade entwerfen, können Sie bestimmte Elemente schnell bearbeiten und genau auf das Fama klicken, das Sie für eine bestimmte Handfläche verwenden möchten . Komponenten. Etwas anders. Sprechen wir also über Beschwerdeführer oder Kampagnen. Dies ist im Grunde eine Möglichkeit einen Artikel auf Ihrer gesamten Website wiederzuverwenden. Und Sie können im Grunde einfach eine Instanz einer Ariba kopieren. Dies ist also ein bisschen ähnlich wie Wiederholraster, bei denen Sie, wenn Sie irgendwie auch ein OTC für alle gewonnen haben. Was wir also mit dieser Auswahl machen werden, wir mit der rechten Maustaste und klicken auf Komponenten erstellen. Sie können das auch tun, indem Sie auf die Steuerung k klicken. Und jetzt werden Sie sehen, dass wir diese Art von grünem Umriss haben. Oben links. Wir haben diese Art von Grüns mit Diamant-Symbol, was bedeutet, dass dies jetzt eine Komponente ist, und Sie werden sagen, dass in unserem Panel hier aufgeführt ist, eine vergleicht. Also benennen wir es einfach um. Ich kann nicht blockieren. Nun bedeutet es, wenn wir dies wiederverwenden oder duplizieren, ändern Sie irgendetwas in einer Master-Kampagne für jede andere. Also habe ich es einfach dupliziert, indem ich auf Alt oder Option klicke, wenn du auf einem Mac bist , und es hat es irgendwie so dediziert. Sie können es auch einfach aus dem Vergleichsbereich auf die Seite ziehen Vergleichsbereich auf und es wird dort sein. Sehen Sie also, ob Sie den Unterschied zwischen diesen beiden hier erkennen können. Es gibt also einen entscheidenden Unterschied, und es ist im Grunde dieses Symbol hier. Also haben wir diese Diamant-Ikone hier. Wir können sehen, dass es nicht ausgefüllt ist. Also dieser hier drüben ist ausgefüllt, was Ihnen im Grunde sagt, dass Sie die Master-Komponenten sind. Das bedeutet, dass alles, was Sie ändern In diesem Fall, sich auf jede andere Instanz in Ihrem Projekt auswirken wird . Also nur um zu beweisen, dass wenn ich die Füllfarbe bei etwas und dann Hellgrau ändere , Sie sehen, dass sie bei jeder anderen Instanz, die wir haben, automatisch geändert hat. Wenn wir also ein Vielfaches davon hätten , wird sich bei jedem einzelnen ändern. Und das ist das Gleiche für jedes Element, das Sie haben. Das ist also irgendwie das Nützliche an Beschwerdeführern. Und dies ist besonders nützlich, wenn Sie Websites erstellen , da Sie im Allgemeinen globale Farben verwenden nicht viele zufällige Farben zusammen haben. Im Allgemeinen werden Dinge auf die gleiche Weise erstellt . Wo auch immer du bist. Wenn Sie es jetzt außer Kraft setzen möchten, können Sie es tun, solange Sie den Master-Aktivisten nicht bearbeiten, Sie können ihn nicht wirklich ändern. Also, wenn ich diesen zum Beispiel per Doppelklick ändern würde. Wenn ich es ändere, um vielleicht ein dunkelblau oder hellblau zu sagen, können Sie sehen, dass es die Master-Komponente nicht ändert , weil das unser Master vergleicht. Es ist also eine wichtige Unterscheidung, wenn Sie alles an allen verschiedenen Instanzen auf Ihrer Site ändern möchten alles an allen verschiedenen Instanzen auf , Sie möchten die Master-Komponente beeinflussen. Wenn Sie es überschreiben möchten, können Sie einfach verschiedene Farben auf dem Duplikat auswählen , das Sie haben. Sie können es also ändern, aber denken Sie daran , dass wir, was auch immer Sie an diesem ändern, bei allen ändern werden. Das ist also ein grundlegender Überblick über Komponenten. Und ich nehme an, die Hauptnutzung von Kampagnen wird sein, wenn Sie eine Navigationsleiste haben, natürlich werden Ihre Navigationsleiste und Ihre Fußzeile auf jeder einzelnen Seite gleich sein. Das ist also die Art von Dingen, die Sie als Konkurrent und nur als Beispiel machen möchten . Okay, hoffentlich ergibt das einen Sinn. Und im Allgemeinen wird es für UI-Kits, die Sie auch haben , Komponenten geben. Auch hier ist es einfach super, es ist nur eine super nützliche Möglichkeit , alles gleich zu halten und Ihre Farben global zu halten. Okay, also sind wir fast an dem Punkt , an dem wir unser Klassenprojekt starten werden , wo wir tatsächlich eine Landingpage erstellen werden. Aber kurz bevor wir dazu kommen, müssen wir noch ein paar Dinge abdecken , wie man den Prototyp verwendet und wie man auch die Freigabeoption verwendet. Das kommt also als Nächstes. 19. Prototyp: Okay, also als Nächstes werden wir über unseren Prototyp-Tab sprechen . Um dies zu demonstrieren, , anstatt nur zufällige Formen zu verwenden werde ich Ihnen einen Einblick in unser Klassenprojekt geben, anstatt nur zufällige Formen zu verwenden. Dies ist also im Grunde ein kostenloses UI-Kit, das Sie komplett kostenlos von Adobe XD herunterladen können. Ich werde es auch in der Kursbeschreibung angeben . Und ich zeige Ihnen, wie Sie Prototypen erstellen können und wie Sie Ihr Design interaktiv gestalten können. Was meine ich damit? Wenn wir also auf einen Wohnsitz klicken und dann eine Vorschau anzeigen, wird es nur für einen Moment als Design herauskommen. Wenn wir eine Vorschau anzeigen, können Sie für diesen bestimmten sehen, wenn wir auf einen Button klicken oder zumindest die Bosonen drehen, wird es tatsächlich zu dieser bestimmten Seite gehen. Es ist also fast so, als würde man die Website in geringerem Maße erstellen lassen . Also, wenn ich jetzt nicht wirklich mit allem verknüpft habe, kann ich nicht zum Hauptmenü zurückkehren, aber was Sie tun können, ist im Grunde genommen, indem Sie den optionalen Prototyp verwenden, indem Sie den optionalen Prototyp verwenden. Wenn wir also jetzt darauf klicken, werden Sie tatsächlich sehen, dass sie tatsächlich einige bereits eingestellt haben. So abscheulich zeig dir, wie du das tatsächlich machen kannst. Dies ist also unsere Homepage, auf der wir mit dem Entwerfen der nächsten Videos beginnen werden. Und natürlich möchte ich unser Navigationsmenü zuweisen und es irgendwie mit einer bestimmten Seite verknüpfen. Der Link „Über uns“ hier würde also natürlich auf das Guthaben gehen wollen , das die Geschichten auszahlt. Wir gehen hier auf die Stores Seite und so weiter. Im Grunde kann man das also nicht mit dem nächsten Tag machen. Sie können Webseiten verlinken und Ihren Kunden eine Vorstellung davon geben , wie ich die Website fertiggestellt habe , tatsächlich im Grau aussehen und sich anfühlen könnte. Es gibt Einschränkungen in Bezug auf die Art wie Sie Animationen haben können. Es ist nicht wirklich möglich, der gleiche Grad verwendet beispielsweise so etwas wie den Webplayer. Aber eine Art grundlegendes Gefühl dafür wie Website wir irgendwie aussehen und irgendwie miteinander verbinden werden. Also habe ich jetzt drauf geklickt. Was ich tun werde, ist einfach auf dieses Navigationssymbol zu klicken, es scheint eine Idee, dass Sie all diese zufälligen Zeilen sehen können . Das mag auf den ersten Blick ein bisschen bedrückend aussehen, aber es ist eigentlich sehr, sehr einfach. Wie ich bereits erwähnt habe, geht dieses Fachpaar offensichtlich auf die Seite Über uns, wenn ich nur einen Moment hineinzoome . Und was sie hier gemacht haben, ist verknüpft, dass der Betrag dort lag. Und Sie können sehen, dass die blaue Linie bis zur Seite Über uns führt. Das ist alles was es tut. Diese blaue Linie sagt Ihnen im Grunde nur , dass Sie, wenn Sie auf diesen Link klicken zu dieser Seite gelangen. Und all diese anderen, die wir hier haben , verlinken zwei verschiedene Seiten. Der nächste, von dem ich denke, war was war, also war es unsere Geschichten, die besagen , dass eine, die Sie sehen können, hier über diesen springt und dann zur Store-Seite geht. Das ist also im Grunde das, was los ist. Also super einfach, wenn ich auf diese Schaltfläche klicke, die ich hier habe , doppelklicke ich, dann siehst du diese Option, um das herauszuziehen. Also werde ich mich einfach ein bisschen zurückziehen und das nochmal machen. Also klicke ich einfach darauf und ziehe es auf eine Seite meiner Wahl. Nehmen wir an, wir wollten hier auf diese Seite gehen und sie dann ablegen. Sie werden jetzt sehen, dass diese blaue Linie auf diese Seite verlinkt. Wenn ich jetzt eine Vorschau anklicke und auf diese Schaltfläche klicke und klicke, wirst du jetzt sehen, dass es das tun wird. Also werde ich es hervorheben und jetzt weg, wir sehen uns die Seite tatsächlich in der Vorschau an. Und wenn wir zu dem Knopf gehen, den ich verbunden habe, denke ich, dass es dieser war. Sie werden jetzt sehen, dass es auf die Seite geht , mit der ich es verlinkt habe. So einfach ist es also wirklich. Und obwohl es ein bisschen kompliziert aussieht, aber immer überall hingeht, denken Sie daran, dass Sie nur einen bestimmten Button oder einen bestimmten Abschnitt mit etwas anderem innerhalb einer anderen Zeichenfläche verknüpfen einen bestimmten Abschnitt mit etwas . einfach ist es wirklich. Das ist also super, super einfach. Sie erhalten also auch eine Option wie es sich verhält, wenn Sie auch auf diese Seite gehen. Sie können also verschiedene Triggeroptionen haben. Sie können es haben, während auch ein Übergang ist. So können Sie eine Art Leichtigkeit haben oder sich entspannen. Hier gibt es viele verschiedene Optionen, mit denen Sie auch jede Art von Bounce haben können. Die gebräuchlichste wäre also wahrscheinlich eine Art Leichtigkeit und Leichtigkeit. Und Sie können Ihre Dauer wählen, wie sie aussieht. Und ich denke, dass sie sowieso schon einige davon haben . Wenn wir das einfach noch einmal beten, wird nur der Sheri diesen auswählen. Und wir werden sehen, wenn wir darauf klicken, es irgendwie in den nächsten übergeht. Das ist also im Grunde etwas, das sie dafür einrichten , okay, also hoffentlich macht das alles Sinn. Auch hier ist die Hauptsache, an die Sie denken sollten, dass Sie nur tun, auch wenn es etwas kompliziert aussieht wenn Sie immer überall hingehen, alles, was Sie wirklich tun, ist, dass Sie sich von einem verbinden Flughafen zu einem anderen. Und wenn Sie hier eine Vorschau anzeigen, erhalten Sie natürlich eine Vorstellung davon , was viel ist, wenn Sie auf eine andere Seite klicken Sie haben auch verschiedene Optionen wie sich diese Dinge tatsächlich auswirken. Diese Linie, die wir ausgewählt hatten, können Sie sehen, dass wir einen Übergang haben und er hat sich irgendwie darin aufgelöst. Sie können auch sein SlideUp haben. Lassen Sie uns das jetzt in der Vorschau anzeigen, um Ihnen zu zeigen , wie das funktioniert, wenn ich das noch einmal mache. Also dieses hier sehen Sie unsere Folien nach oben. Dafür haben wir uns für eine andere Art von Animation entschieden. Auch hier ist das irgendwie, es ist wirklich nicht so wichtig, aber es gibt Ihnen nur ein gewisses Rauschen das die Art der Veränderung gegenüber den verschiedenen Zeichenflächen beeinflusst. Okay, also hoffentlich ergibt das alles einen Sinn. Und in den nächsten Videos werden wir sehr bald ein Unterrichtsprojekt starten. Es gibt nur noch eine Sache, die ich behandeln möchte , bevor wir damit anfangen. Und das ist der Share Button, den wir hier haben, wo Sie beginnen können, Ihre Designs mit Ihren Kunden zu teilen. 20. Projects: Okay, also als ich zum letzten Teil gegangen bin, bevor wir anfangen, eine dieser Seiten zu erstellen. Kurz bevor wir das tun, möchte ich Ihnen nur zeigen, wie Sie Projekte mit Ihren Kunden teilen können . Und das ist super, super wichtig und es ist etwas, das ich ständig benutze, weil es der beste Weg ist , dies zu tun wenn Sie ein Designer Slash-Entwickler sind. Und du entwickelst auch deine Websites, vielleicht auf etwas wie Webflow. dass Sie Ihre Website erstellen, ist in einer Designsoftware wie XD zuerst sehr wichtig und es ist einfach viel einfacher Dinge zu ändern und innerhalb des nächsten Tages Feedback zu erhalten . Deshalb haben wir diese Share Option hier drüben. Was Sie also tun können, können Sie im Grunde eine URL für jede der verschiedenen Optionen erstellen , die Sie haben. Und Sie können dies an Ihre Kunden senden und mir dann Feedback zu dem Design geben , das Sie erstellen. Um Ihnen zu zeigen, wie das funktioniert, haben Sie, wenn Sie ein paar verschiedene Optionen haben, eine Designbewertung, die Sie so ziemlich ständig verwenden werden . Sie haben auch eine Entwicklungsoption. Wenn Sie also Ihren Entwicklern, Entwicklern und Entwicklern geben möchten und einfach Teil des CSS zu ihnen transportieren möchten. Das kannst du machen. Ob sie das benutzen oder nicht. Ich weiß nicht aus Erfahrung, dass sie oft, aber ohne das siehst du da irgendwas? Persönlich mache ich sowieso alle meine Websites in Webflow, also brauche ich die Option nicht wirklich. Die Präsentationsoption ist irgendwie wie eine Vollbild-Version, in der es keine Design-Feedback-Optionen gibt und anpassen Sie können eine Art Kunde, möchte, dass sie Münzen legen oder nicht. Aber der wichtigste, den Sie verwenden werden, ist Design Review. Wenn wir also darauf klicken, können Sie auswählen, wer Zugriff auf diesen Link hat. Wenn es also jemanden mit dem Link hat, kann er darauf zugreifen. Oder Sie können sicherlich auch bestimmte eingeladene Personen angeben. Wenn Sie also eine Art C-Suite von PP1 haben , senden Sie diese an, Sie können sie nur an einige ausgewählte Personen und nur sie haben Zugriff darauf. Und was wir tun werden, ist es einfach jemanden mit dem Link zu behalten. Und wir werden den Link aktualisieren. Und sobald das Laden beendet ist, werden wir, sobald wir darauf klicken zu einer URL führen. Netz. Kunden können anfangen, Feedback zu hinterlassen. Sagen Sie, dass dies der Link ist, der jetzt geöffnet wird. Und Sie werden sehen, dass im Grunde Feedback erlaubt. Das ist also super CB. Also, und ich mache das immer generell. Ich fange sehr selten einfach an, mich sofort zu entwickeln erhalte Feedback zu Ihrem Design. Und das wirklich Tolle daran ist diese Option, entweder Heu, die eine Anstecknadel ist , damit sie Kommentare abgeben und sagen können, was sie wollen. Mir gefällt es nicht. Sie können dir sagen, dass es mir nicht gefällt. Oder wenn es ihnen gefällt, können sie dir sagen, dass sie es tun. Aber auch CP, damit sie einen Kommentar abgeben können oder auch die Pins platzieren können. Ich würde einfach etwas eintippen. Also wenn ich lege wenn ich nicht buchstabieren kann So meine Markierungen vor mein Gesicht. Sie können also diesen Kommentar schreiben, was nicht sehr hilfreich ist. Und dann können sie auch eine Anstecknadel platzieren , um dir zu sagen, was ihnen eigentlich nicht gefällt. Sagen wir das, der Text und die Person sind nicht ganz zentralisiert, was nicht der Fall ist. Sie können es dort platzieren, sagen, dass mir das nicht gefallen hat und es einreichen. Und wenn Sie dann in dieses Dokument gehen, werden Sie sehen, was sie gesagt haben, was großartig ist. Es wird für ein ALS veröffentlicht. Kunden. Sag dir sofort, was das Problem ist. Wenn sie einen haben, können Sie sie bitten , so viele Details wie möglich zu lesen oder zu schreiben. Bring ihn nicht dazu, solche Sachen zu sagen, was nicht nützlich ist, noch einmal um zu erklären, warum ihnen etwas nicht gefällt. Und deshalb sage ich meinen Kunden immer, sei brutal. Wenn dir etwas nicht gefällt, sag es mir genau. Das Problem ist, sag mir, wie du denkst, dass es behoben werden kann wenn du eine Idee im Kopf hast. Und im Allgemeinen, was auch immer sie nicht mögen, es ist wirklich nützlich, sofortiges Feedback zu irgendetwas zu erhalten. Und Sie können beliebig viele Pins platzieren wo immer Sie möchten. Schreibe einen Kommentar, der sich darauf stützt. Wenn Sie viele Leute haben, die dies sehen, können sie natürlich alle ihre eigenen Kommentare hinzufügen. Sie müssen durch eine ganze Liste von Kommentaren beim Verflechten durch Troja zurückblättern . Und deshalb ist der Anreiz für viele Menschen, denn Sie haben fünf oder sechs Personen die alle gleichzeitig Kommentare hinterlassen. Sie werden nicht alle miteinander einverstanden sein und es kann ein Albtraum sein. Also werde ich versuchen, mich auf vielleicht ein oder zwei Personen zu beschränken , um dir Feedback zu geben. Nur die Leute, die eigentlich wichtig sind , während die Entscheidungsträger, deshalb versuche ich es sowieso voll anzuschließen. Angenommen, das ist ein grundlegender Überblick darüber, wie Sie Ihre Arbeit mit Ihrem Kunden teilen können. Auch hier denke ich, dass dies vielleicht mein Lieblingsteil des x-Tages ist , wenn es darum geht , wie nützlich für mich und mein Geschäft ist. Zuvor mussten Sie auch den Designer gerade geschickt haben. Und du müsstest dann einfach mit ihnen chatten und das versuchen, dir etwas zu beschreiben. Und weil sie keine Designer oder Entwickler sind, wissen sie nicht, was Dinge immer sind , weil sie nicht unbedingt wussten dies eine Nav-Bar ist oder dass ich immer weiß, dass dies die Harris-Action ist. Also diese Option, um einfach Pins in Dinge zu stecken. Und du kannst auch irgendwie Leute haben. Sie können also Erwähnungen und Völker erwähnen, wenn Sie mehrere Designer haben , können sie Sie auch im Kommentar verwalten. Aber das ist ein CPC, diese werden funktionieren und dies wird eine Art Lebensretter sein , um Dinge schnell zu erledigen , wenn Sie Ihren Kunden Ihren Weg präsentieren. 21. Kursprojekt – Einführung: Okay, so gut gemacht, dass du so weit gekommen bist. Hoffentlich macht alles mit COVID bis zu diesem Punkt irgendwie sinnvoll. Sehen Sie sich diese Videos wieder so oft an, wie Sie brauchen, um alles, Halt und Orte zu greifen. Stellen Sie sicher, dass Sie einige dieser Dinge üben , über die wir im Kurs tatsächlich sprechen. Weil wir in diesem nächsten Satz von Videos eine Zielseite eines beliebten UI-Kits erstellen eine Zielseite eines und Sie können es kostenlos in Adobe XD herunterladen . Was wir also für dieses Klassenprojekt tun werden , ist im Grunde die Desktop-Version einer Website zu erstellen. Dieses UI-Kit hat also tatsächlich alle verschiedenen Bildschirmgrößen. Oh, entwickelt sich. Was Sie jedoch erstellen werden, ist die Desktop-Ansicht. Wenn Sie dann das Tablet und die kleine Firma auch für Sie erstellen möchten, können Sie das natürlich tun. Und wenn Sie es dann mit der Klasse auf Skillshare teilen möchten , wäre das großartig. Zeig uns irgendwie, was du getan hast. Alternativ können Sie, wenn Sie nicht dem folgen möchten , was wir für den nächsten Teil tun werden, möglicherweise Ihr eigenes Webdesign zu erstellen . Und wenn Sie das mit der Klasse teilen möchten , werden Sie jetzt auch großartig sein. Okay, also als Nächstes geht es um ein Klassenprojekt, und wir beginnen mit dem allerersten Video, in dem wir einen Überblick über die Zielseite geben , die wir entwerfen werden. 22. Kursprojekt-Übersicht: Okay, also nähern wir uns jetzt dem Punkt, an dem wir bereit sind , unser Klassenprojekt zu starten . Hier werden Sie die Homepage dieses UI-Kits neu erstellen die Homepage dieses UI-Kits oder Sie können es komplett kostenlos innerhalb von XD herunterladen. Jetzt werde ich Ihnen auch eine Art Version davon zur Verfügung stellen. Ich habe tatsächlich eine Art Ausgangspunkt für euch alle bereit zu gehen, mach das Leben einfach ein bisschen einfacher. Aber kurz bevor wir damit anfangen, möchte ich dir einfach zeigen, wie das irgendwie hingelegt wurde. Also nochmal, das ist am nächsten Tag alles kostenlose Kontingent, aber Sie können sehen, dass wir ziemlich viel los sind. Was wir also haben, ist eine Desktop-Version, wir haben eine Tablet-Version und wir haben auch eine mobile Version. Wenn Sie eine Website erstellen oder diese einem Kunden präsentieren, möchten diese im Allgemeinen eine Website erstellen oder diese einem Kunden präsentieren, verschiedene Versionen sehen. Ich mache nicht immer eine Tablet-Version, wenn ich ehrlich bin, nicht immer. Der Grund dafür ist, dass die ganze Zeit, was Sie tun, Spalten zusammenbrechen. Wenn ich dir also die Homepage auf dem Desktop zeige, siehst du hier. Jetzt haben wir eine Art von vier Spalten. Es gibt drei Spalten. Auf dem Tablet ist es äußerst wahrscheinlich, dass Sie vielleicht die Art von zwei hintereinander haben möchten . Du hast also irgendwie zwei da bis unten. Dies würde wahrscheinlich nur auf ein Alter sinken. Wenn wir einfach herauszoomen und uns ansehen, was sie getan haben, sieht es so aus, als hätten sie genau das getan. Sie haben also eine Art von zwei Spalten, legen Sie diesmal zwei Zeilen ein. Manchmal lohnt es sich also nicht unbedingt , Tablets zu machen. Es liegt an Ihnen, wenn Sie ein sehr ungewöhnliches Design haben ein sehr ungewöhnliches Design , das halb so verändert wird. Speziell für jedes einzelne Gerät würde es das tun, aber ich muss gestehen, ich mache Tablet nicht immer persönlich, aber das ist nur eine persönliche Sache mich. Das liegt also an dir. Aber ich mache definitiv immer eine mobile Version. Um Ihnen zu zeigen , dass ein bisschen mehr Häuser angelegt wurden, haben Sie natürlich alle verschiedenen Seiten hier und ich hätte beschriften sollen, welcher Teil welcher ist. Hier haben wir das UI-Kit, das im Grunde genommen nur die gesamte Typografie verwendet wurde. Eine Summe aller unterschiedlich großen IVs ebenfalls. Also das ist cp ist was willst du? Sie hat irgendwie dein Hauptdesign eingerichtet und du weißt und hast irgendwie entschieden, womit du arbeitest. Du würdest nicht unbedingt immer so anfangen. Und das ist etwas, was Sie tun, wenn Sie Ihr Design irgendwie an Ort und Stelle gebracht haben. Sie haben auch hier eine Komponentenbibliothek. Dies ist also besonders nützlich, wenn Sie diese Arbeit einem Kunden präsentieren und sie irgendwie gehen, naja, das gefällt uns dort nicht. Können wir das irgendwie umschalten oder warten, oh, können wir dieses Stück von dieser Seite hier rüber stellen? Eine Art Komponentenbibliothek aussortiert zu haben, erleichtert diesen Prozess erheblich. Das ist also eine sehr nützliche Sache. Also sieh dir das selbst an , um zu sehen, wie du das darlegen kannst. Dies ist ein sehr, sehr gutes Beispiel und etwas, das es wert ist kopiert zu werden, wie Sie selbst einen Designprozess starten würden. Das ist also ein grundlegender Überblick über dieses Projekt und was wir als nächstes tun werden. Ich werde diese Homepage hier von Anfang bis Ende neu erstellen . Ich führe dich durch, wie das geht. Wir werden der Versuchung widerstehen, irgendwelche Komponenten zu verwenden. Also mache ich es mit der Version Yoga. Ich werde das alles löschen die Vermögenswerte nur hier belassen. Einige der Icons. Und oft werden wir wahrscheinlich nur für die Geschwindigkeit den Text nur kopieren, wenn Mesilla einen Punkt kopiert, ich kopiere Abschnitte aus dem ganzen Punkt dieses Kurses, der sich selbst entwirft. Aber ich denke, das ist ein guter Weg, um einen zu beginnen, besonders wenn man ein Anfänger ist. Auf diese Weise können Sie ein Gefühl für etwas bekommen und Sie können darauf zurückgreifen, indem Sie es nebeneinander betrachten. Das kommt also als Nächstes. Und sobald wir das getan haben, können Sie sich selbst entscheiden, die Homepage der Tablet-Version oder auf der mobilen Version neu zu erstellen . Sobald Sie das getan haben, können Sie Ihr gesamtes Projekt mit einem Kurs über Skillshare teilen damit jeder sehen kann, ob es etwas gibt, das Sie wollen, dass ABA wirklich großartig sein muss, wenn Sie es täten. Okay, als Nächstes beginnen wir unser Klassenprojekt und beginnen damit, unseren Napa zu erstellen. 23. Navbar: Willkommen im allerersten Teil unserer Klassenprojekte. Um es zu wiederholen, wird der erste Teil unseres Klassenprojekts garantiert Erstellen oder das Betriebssystem sein beide die Homepage dieses UI-Kits von XD erstellt. Die Version, die ich hier für dich habe ist eine modifizierte Version, die ich alle Komponenten losgeworden bin die ich alle Komponenten losgeworden nur um die Versuchung zu betrügen. Offensichtlich ist der springende Punkt, dass Sie dies irgendwie neu erstellen werden, indem Sie einfach nachsehen , was sie in Kanada in Ihrem eigenen Ding aufgewachsen sind. Während ich das selbst mache, werde ich einige der Dinge selbst eingeben, aber nur aus Gründen der Geschwindigkeit werde ich die Textebene kopieren und einfügen, nur damit es Ihnen nicht langweilig wird, wenn ich alles tippe. Der Punkt dieses Kurses besteht also nur darin, Ihnen zu zeigen, wie Sie Dinge strukturieren und alle verschiedenen Tools verwenden können. Offensichtlich ist es nicht besonders interessiert, Dinge einzutippen . Heizer beobachten für 20 Minuten. Also, okay, was wir zuerst tun müssen ist damit, unsere Navbar zu erstellen. Also hoffentlich irgendwie sinnvoll, was Sie mit unserem Rechteckwerkzeug verwenden werden , um uns die Form zu geben. Wir garantieren dann eine schwere Krankheit, die auf das Logo und die Navigationsverbindungen angreift . Wenn sie nun auch einen Button erstellen wollten, ist das erste, was wir heute gezählt haben, also habe ich die Leinwand gerade erst vorbereitet , genau das gleiche wie diese. Wir werden dieses Gittersystem auch benutzen, nur weil es irgendwie sinnvoll ist, anstatt dass ich versuche, etwas Cleveres oder Anderes zu tun. Manchmal benutze ich einfach einen großen Farbblock. Wenn Sie in eine bestimmte Note arbeiten , wie sie es zu sein scheinen. Vielleicht behalten wir es nur für diesen Kurs einfach auf dem gleichen. Sagst du. Es wird nicht verwirrend für dich. Okay, also lasst uns anfangen. Wichtigste zuerst: Lassen Sie uns einfach unsere Gitter loswerden oder den Kontroll-Apostroph verschieben. Und wir werfen auf unser erstes Rechteck, das unser Navbar-Element sein wird. Also zeichne ich ein Rechteck. Und in Bezug auf die Höhe können Sie genau kopieren, wenn Sie möchten oder Sie können irgendwie Ihre Umkehrung sein. Ich denke, ich werde mich ziemlich starr daran halten , nur damit es genau so aussieht, wie es sollte. Sie werden die Grenze für dieses rechte Dreieck loswerden. Das ist eine Funktion, von der ich hoffe, dass sie einführen, wo es nicht automatisch mit dem Board kommt , weil das ein Schmerz ist. Was die Höhen angeht, kann man hier sehen, der Wald hat einen 128, ist nicht ganz da, also sind es nur 95, also kopieren wir das einfach. Es ist also ein 128 und ich werde es automatisch gleich groß machen. Als Nächstes werden wir unser Lego dabei haben. Also nochmal, was du tun würdest, wenn du zum ersten Mal Zionisten bist, es geht hier mit deiner Textoption und beginne einzugeben, ob das Lego nur für Geschwindigkeit ist. Ich werde eigentlich einfach kopieren, was wir hier haben. Sag, wir werden das für einen Moment los. Wenn ich das einfach vermasselt habe, werde das los. Also kopiere ich das vorbei. Kommando C oder Control C von Windows aus. Ich sage einfach die Windows nur für den Weltraum. Offensichtlich. Es hängt davon ab, was Sie verwenden. Ich benutze den PC dafür oder Windows. Bringen wir das jetzt an Ort und Stelle. Lassen Sie uns also für einen Moment unser Raster zurückholen und Sie können sehen, was sie hier tun, es hier an der Innenseite dieser Spalte ausrichten. Also werden wir einfach kopieren, was sie tun. wir also sicher, dass wir das Gleiche haben wie sie. Im Moment ist es also falsch. wir es also hier rüber. Und Sie können sehen, dass es automatisch an Stelle eins einrastet , um leicht zu vergrößern. Sie können hier sehen, wo auch unsere Container sind. Wenn wir also nur sicherstellen, dass es in der Mitte einrastet, ist das Messen die gleiche Entfernung, die Sie dort sehen können . Das ist ziemlich weit dran. Okay, also lassen wir dieses Raster nur für den Moment an Ort und Stelle. Ich gehe eigentlich zum ersten, bevor irgendetwas anderes jetzt unser Navbar-Element an Ort und Stelle sperrt. Denn in einem Moment müssen wir anfangen, auf unsere Nav-Links zu kommen und ich zu knöpfen. Und wenn wir versuchen, diese Distanz gleichermaßen herauszuholen, wollen wir nicht, dass sich diese Navigationsleiste bewegt. Was wir also tun können, ist entweder mit der rechten Maustaste zu klicken und auf Sperren zu klicken, oder Sie können einfach die Tastenkombination verwenden, nämlich Control und L. Also lasst uns das sperren. Und jetzt, wann immer wir irgendetwas bewegen, bewegen wir dieses Napa-Element nicht versehentlich irgendwohin in eine Position. Fangen wir jetzt damit an. Weil ich denke, dass wir unsere Navigationslinks der gleichen Entfernung von unserem Button haben, den wir hier haben. Wenn wir Alt gedrückt halten, werden Sie sehen, dass die Entfernung von dieser Person 28 beträgt. Und das Gleiche gilt auch für unsere Navigationslinks. Um das Leben ein bisschen einfacher zu machen, werde ich diesen Knopf zuerst machen. Und dann machen wir danach die Navigationslinks , weil dieser Knopf alles bis zum Ende dieser kleinen Spalte hier auskleidet. Fangen wir damit an. Um diesen Grund zu machen, was wir tun werden, ist, dass wir tatsächlich verwenden, wir verwenden immer noch ein Rechteckwerkzeug, obwohl dies irgendwie zu den Seiten abgerundet ist, werden wir im Grunde nur runden von den Rändern unseres Rechtecks. Was ich sage, machen wir das. Sagen wir, wir wollen tatsächlich, dass es sich hier an diesem ausrichtet. Fangen wir damit an. Also haben wir anfangs ziemlich ungefähr gemacht. Und wir wollen keine Art von Grenze haben. Und was wir jetzt wieder machen wollen , drücke ich wirklich ziemlich viel auf V. Denken Sie daran, wann immer Sie zu Ihrem Auswahlwerkzeug zurückkehren möchten , klicken Sie einfach auf den Buchstaben V und entfernen Sie nun Art von Werkzeug, das Sie verwenden. Wir hatten das nicht mit einer Hintergrundfarbe, also wollen wir es als grüne Farbe haben, und wir möchten ihm auch einen Radius geben. Was man tun kann, indem man einfach so zieht. Okay, das ist also alles in Ordnung, da unser Button down ist und das ist ziemlich genau ausgerichtet. Genauso. Das ist es. Wie viel geht es? Das tut es, okay, also geht es buchstäblich von Kante zu Kante an diesen beiden Spalten hier, was völlig in Ordnung ist. Das ist also alles gut. Wir werden dieses Textelement einfach kopieren und einfügen , nur aus Gründen der Leichtigkeit und Geschwindigkeit. Also werden wir das jetzt machen und das fügen wir hinein. Und wir wollen das mehr ins Zentrum bringen. Los geht's, stirbt jetzt ziemlich genau richtig. Und was wir jetzt tun wollen, ist, diesen Poston zu einer Komponente zu machen. Weil wir das in diesem Design ziemlich oft verwenden werden das in diesem Design ziemlich , wird es mindestens ein paar Mal hier für das Lesen Sie mehr erscheinen. Es hat keinen Sinn, Es hat keinen Sinn eine Person neu zu erstellen jedes Mal. Sie können genauso gut den einen Knopf erledigen lassen und dann den Text einfach ändern, wenn Sie ihn benötigen. Also lasst uns das machen. Was wir also tun werden, ist, dass wir einfach beide Elemente zusammen auswählen. Und wenn wir erneut mit der rechten Maustaste klicken, können Sie einfach Tastenkombinationen verwenden, aber nur damit Sie es einfacher sehen können, benutze ich manchmal den Rechtsklick. Was wir jetzt tun können, ist eine Komponente zu erstellen , die immer dieselbe sein wird. Und wenn du das wiederverwenden willst und du kannst es natürlich tun, aber wenn er dann das ist, dann sind dies im Grunde deine Master-Komponenten. Das wird es also immer sein und wenn du einen ändern willst, also wenn ich sage, dass ich nicht das Ganze bekommen habe, habe ich den Text dazu nicht geändert. Es wird sich nicht auf den Vergleich des Meisters auswirken, nur weil dies die Art des Originals ist. Wenn Sie also die Schaltflächen später ändern möchten, sagen Sie Dinge wie Read More, die Sie hier haben. Du kannst im Grunde dasselbe benutzen, aber dann schuldest du denen, die du hast. So werden wir das also machen. Also lasst uns das einfach vorerst loswerden. Okay, und das ist irgendwie der erste Teil erledigt. Als nächstes müssen wir unseren Text für das Navigationsmenü über Navigationslinks abrufen. Ich bin, ich kopiere das einfach nur für Geschwindigkeit. Dies ist überhaupt nicht besonders ausgerichtet. Warum es ein bisschen aussieht, aber wir werden es einfach an dieser inneren Spaltenabsicherung ausrichten , ist es, bei meiner ACD zu helfen. Also was wir dann tun werden, und es ist einfach das hier einzufügen. Und in der Tat, was wir zunächst tun werden ist nur darüber zu sprechen, ob Sie Ihre Gehaltsstufe verwenden sollen oder nicht. Nun gibt es zwei Möglichkeiten, wie wir dies angehen können. Wir könnten Repeat Grids verwenden, wenn wir das täten und darauf klicken. Sie werden sehen, dass wir das jetzt einfach abschneiden können. Und dann können wir den Abstand nutzen, wie jeder sagt. Das Problem ist natürlich, dass wenn wir anfangen, den Text zu ändern, das ein wenig ändern wird. Obwohl wir den Abstand verwendet haben, ist jetzt Fleischfresser QF und er wird nicht richtig passen. Es gibt also ein Argument dafür, das nicht zu tun. Was Sie ganz einfach tun könnten, ist einfach Ihren Text wieder einzufügen. Und dann können Sie einfach jeweils jeweils duplizieren. Klar. Sie haben die gleiche Entfernung, als sie es nicht wollte. Deshalb denke ich, dass wir es vorerst schaffen können, aber Sie könnten das Wiederholungsraster genauso leicht erleichtern. Der erste ist also Türsteher. Dann haben wir Geschichten in den Nachrichten und Ereignissen gefragt. Geben wir das einfach ein, da ein Korb in Ordnung ist. Und dann waren es unsere Geschichten. Entschuldige dich, mach weiter Rechtschreibfehler. Ich habe ein riesiges Mikrofon vor meinem Gesicht. Ich sehe meine Tastatur. Und dann möchte ich diese einfach ein bisschen bewegen. Und dann duplizieren wir das einfach, indem Alt gedrückt halten und ziehen. Und ich werde es duplizieren. Und dann haben wir Neuigkeiten und Events. Nachrichten und Ereignisse. Sagen wir, ich möchte eigentlich auch immer kapitalisieren. wir also sicher, dass wir das schaffen können. Anstatt sie also alle Kleinbuchstaben zu haben, werden wir so großgeschrieben haben. Und diese sind alle schon okay. Also wieder hätten wir die Wiederholungsgitterblase benutzen können, ich denke, ich werde es tun, nur mein Auge zu löschen. Und so werde ich es hier hier ausrichten, denke ich. Und wir haben einfach jeden von ihnen in einer eigenen Kolumne. Und Sie können sehen, dass diese Linien erscheinen, was mich wissen lässt, dass sie perfekt ausgerichtet sind. Auch hier werden wir es wahrscheinlich nicht nach Spalten tun, da einige dieser Elemente offensichtlich länger sind als andere. Was wir also sparen werden, wählen Sie einfach einen Betrag aus. Also denke ich, was sie gemacht haben, war, ich denke, deine Folie 28 Pixel in Bezug auf den Abstand. Okay, also in Bezug auf das Ausrichten, weniger nur durch Fehler, also denke ich, dass es etwa 24 Pixel von Kante zu Kante war . Wenn wir das tun, können wir das Raster tatsächlich für einen Moment loswerden. Und lasst uns die Distanz dorthin machen. Also schrieb er, um die Entfernung zu messen. Sie können die Alt- oder Wahltaste auf einem Mac gedrückt halten. Und es wird dir sagen, wie weit du von dem Objekt entfernt bist, das ihm am nächsten ist. Das ist also 25. Machen wir es für alle gleich. Das sind also auch 25. Nun, meine Show gebunden, also ist es auch 25 und da sind wir. All das ist jetzt perfekt ausgerichtet. Unser Raster. Also sind wir alle jetzt in der Mitte. Wenn Sie in der Mitte einchecken möchten alle Elemente zusammen auswählen, möchten Sie dies möglicherweise als Gruppe erstellen. Wenn wir es als Gruppe wollten, können Sie mit der rechten Maustaste klicken und dann einfach auf grep klicken. Und auf diese Weise, wenn Sie sicherstellen wollten, dass alles in der Mitte steht, könnten Sie das auf eine und auf diese Weise, wissen Sie, ist auf diese Weise perfekt auf diese Weise ausgerichtet. Also lasst uns das einfach noch einmal vorziehen. Stellen Sie sicher, dass es in der Mitte ist, in der es ist. Okay, das sieht ziemlich gut aus. Okay, also lasst uns unser Netz für einen Moment loswerden. Und jetzt können wir sehen, dass wir hier so ziemlich genau das Gleiche vor sich haben. Und das ist so ziemlich unsere Navbar fertig. Als nächster Halt werden wir uns ansehen, wie wir raten, dass unsere Art von Heldenabschnitt gesalzen ist und alle Vermögenswerte dafür sind. Oh, ich bin auf die linke Seite gekommen. Sie können also buchstäblich einfach auf Ihr Image ziehen und es installieren. Okay, also als Nächstes haben wir unsere Helden-Sektion. 24. Hero: Okay, also als Nächstes haben wir heute unsere Helden-Sektion. Dieser wird also relativ einfach sein. Alles, was wir tun müssen, ist dieses Bild an Ort und Stelle zu bringen und letztendlich einfach wie eine Rechteckform für die Art von Textfeld zu erstellen . Und auch wenn diese Art von Logik nicht wirklich ein Button ist, einfach wie eine Zwischensummenbox. Schon wieder. Also lasst uns anfangen. Zuallererst ziehen wir dieses Bild jetzt an, wenn wir sagen, dass dieses bestimmte Bild tatsächlich bereits korrekt skaliert wurde. Es ist also eigentlich nichts, irgendetwas, was wir tun müssen, damit es funktioniert. Das fühlt sich ein bisschen einfach an. Im Allgemeinen passen Ihre Bilder nicht perfekt. Was Sie also tun müssten, ist, sie auf eine Form zu ziehen , wie wir es früher im Kurs getan haben. Ich passe sie irgendwie einer Form an und dann verschiebst du sie irgendwie so, wie du willst. Sie können hier sehen, dass dies bereits passiert und es ist tatsächlich schon eine Masse in Form gebracht. Wir machen das in nur einer Minute wieder. Wir können die Größe ändern. Aber auch hier, fordern Sie heraus, machen Sie sich bewusst, dass dies deshalb so gut passt. Es ist bereits erledigt. Die anderen, zu denen wir kommen , waren nicht erledigt. Also werden wir, dazu kommen wir. Okay, also dieser Teil ist super einfach, war schon perfekt drauf. Und als nächstes planen, was wir tun werden. Was ich immer gerne mache, ist diesen Hintergrund zu sperren. Wann immer Sie einen Hintergrund haben , bei dem Sie keine Dinge auf dem Medaillon haben , können Sie nicht versehentlich anfangen, ihn zu bewegen, denn wenn Sie anfangen , Dinge zu bewegen, werden Sie es tun klicke unweigerlich versehentlich darauf. Und so Medien, die du natürlich nicht machen willst. Okay, also zuerst denke ich, dass wir diese Art von Heldentext und Titel erstellen werden. Also zuerst, lasst uns unser Raster aufstellen und wir werden sehen, wie sie es machen. Also richten sie es hier wieder an diesem aus. Und dort geht es durch zwei Bars. Also machen wir das Gleiche, oder? Lassen Sie uns also unser Rechteckwerkzeug herausholen und wir werden einfach das Formular 246 freigeben. Und dann so etwas. Auch hier werde ich nicht unbedingt genau kopieren. Wir kommen uns so nah wie möglich an, indem wir es einfach sehen. Wenn du super genau sein willst, die genaue Größe, die sie machen, kannst du sagen, nun, deshalb machen wir das nicht wirklich. Wenn er es tat, war es früher, sich daran zu gewöhnen, XD zu benutzen, aber wenn du genau die gleiche Höhe erreichen willst, also 416 McCann, nur zur Hölle davon. Warum nicht? Lass uns das machen. Okay. Damit werden wir also nicht sicherstellen , dass es jetzt irgendwie in der Mitte ist. Und es gibt zwei Zeilen, die mir das sagen. Also nochmal, noch einmal, weil wir jetzt anfangen werden, die Dinge darüber zu bringen . Ich sperre das auch an Ort und Stelle. Das ist also Control L oder Command L, oder Sie können einfach mit der rechten Maustaste klicken und es so sperren. Auch hier ist der Grund für Verschwendung, dass wir alles legen werden, aber wann immer Sie etwas auf etwas legen, möchten Sie nicht die Gefahr haben , Dinge wie zombie-ähnlich zu bewegen , weil das nervig ist. Okay, also lasst uns wieder darauf zurückkommen. Richtig, also stellen Sie sicher, dass es verschlossen ist. Und du weißt immer, dass es viel ist wenn dieses Symbol erscheinen lässt. Okay, also lasst uns zuerst unsere SMS aufschreiben. Also kopiere ich das auch einfach und füge es ein. Ich fange an, ein paar davon einzutippen. Aber das würde meiner Meinung nach einfach so anziehen, wie es ist. Und dann denke ich, dass wir diesen Text auch für diesen Text kopieren und einfügen werden , was wir anders machen werden. Das ist also füge das an. Und nochmal, vergewissern Sie sich, was eine Art von Central ist. Okay, das ist also in Ordnung. Also mit diesem nächsten, anstatt dass ich einfach tippe und ich wollte dir einfach zeigen , was im wirklichen Leben passieren würde , wenn du das tust. Wir glauben also, dass dies besonders ausgerichtet ist, alles als solches. Also werden wir irgendwie, indem wir sehen, wird es jetzt unsere Schicht aus unserem Gitter loswerden. Und lasst uns anfangen zu tippen. Wenn ich also im Moment anfange, etwas zu tippen, ist es standardmäßig die falsche Art von Schriftart dafür. Also müssen wir sicherstellen, dass wir den richtigen finden können. Nun, so wie sie das dargelegt haben, so dass es relativ einfach ist, Ihnen einen G9 damit zu sehen, zeigt es Ihnen tatsächlich, dass die Schriftart auch zu einem gewissen Grad. Sie können also irgendwie scheitern. Verwenden Sie dort irgendwann ziemlich viele unterschiedliche Schriftgrößen. Es ist also ein bisschen komplexer, als vielleicht Ihre ersten paar Designs Bothell sein könnten. Ich mache das irgendwie, nur um es dir zu zeigen, schau einfach, womit du konfrontiert bist, wenn du das selbst kreierst. Offensichtlich könntest du das so machen , dass du es besser verstehen würdest. Aber nur damit du weißt, ob die Geschwindigkeit tatsächlich diese ist, die wir wollen. Lassen Sie uns das zuerst einfach austippen. Wenn Sie also auf das Tool Text hinzufügen gehen tippen wir einfach hier auf, damit wir es vorerst sagen können, und wir werden es tun, es ist Hashtag und stoppt den Klimawandel. Und was wir jetzt tun wollen, ist es hier rüber zu bringen. Und wir möchten auch sicherstellen, dass es sich um diese spezielle Schriftart handelt. Und von den Leuten verwenden wir unsere Charakterstile innerhalb unserer Dokumentenbestände. Es wird automatisch für so wieder geändert, CPU, also okay, und was wir tun werden, ist, dass wir diese Option hier verwenden, nämlich die feste Größe. Und wir skalieren das einfach ein bisschen zurück und ziehen es dann nach unten. Und dann haben wir so ziemlich das Gleiche wie sie haben. Also bewegen wir uns einfach so, wie ich es je berühre. Und wir sorgen dafür, dass so etwas für mich gut aussieht. Obwohl es tatsächlich die Rückseite der Probanden abdeckt , hatte eine niedrige Basis. Also muss ich für mich zugeben, dass ich, wenn möglich, gerne versuchen werde , es so zu bekommen, dass der Text keine Kopfmenge ist, was die Luft ist. Also könnte ich das einfach freischalten und ich habe ein bisschen herumgespielt und nur die Bemühungen sind etwas zu ändern, ich könnte mich einfach überall hin bewegen, wo ein bisschen mehr. Nur damit wir etwas mehr Platz zum Spielen haben oder zeigen können, kommt auch so runter. Also werde ich mich einfach jemals anfassen. Und ja, ich glaube, wir machen es einfach ein bisschen mehr zurück. Auch hier habe ich mich nur geringfügig verändert. Auch hier ist es ziemlich genau das Gleiche wie das, was sie getan haben. Aber auch hier gibt es dir nur ein bisschen mehr Platz zum Atmen. Auch hier wird dies ohnehin einen Vertrag dienen, wenn Sie in verschiedene Bildschirmgrößen gehen, aber im Allgemeinen wollen Sie keine Texte irgendwie oh, die Köpfe der Leute, wenn möglich, zu viel. Okay. Das ist also so ziemlich so, dass ein bisschen nicht immer tun muss, um diese Macht hier einzuschalten. Also werden wir hier eine andere Rechteckform erstellen . Werfen wir also noch einmal einen Blick auf das Raster und wir werden sehen, was sie lernen. Es braucht den Herrn, sie richten ihn an den Rand dieses ersten Balkens gehen auf halbem Weg zum nächsten. Also werden wir irgendwie etwas Ähnliches machen, denke ich. Lasst uns also unser Rechteckwerkzeug hochziehen und von dort aus anfangen. So etwas. Ich glaube. Stellen Sie sicher, dass es zentriert ist. Und wir werden das mit neun breiteren haben. Und wir haben die Füllfarbe und diese Art von Dunkelblau. Und dann kopiere ich einfach dieses Textelement und füge dieses Textelement ein. Stellen Sie sicher, dass es ausgewählt ist. Fügen Sie das ein und stellen Sie sicher, dass es in der Mitte ist. Also schnappt es irgendwie, mein Raster loszuwerden, nur damit du das besser sehen kannst. Also nochmal siehst du das Fadenkreuz dort. Das ist also irgendwie perfekt ausgerichtet. Okay. so sehr geehrt, dass es jetzt so ziemlich unsere Haarabteilung abgeschlossen ist. Und als nächstes werden wir hier zu diesem nächsten Teil gehen, was irgendwie ist, ich schätze, dass Sie dies den Abschnitt „Maßnahmen ergreifen“ nennen würden . 25. Action: Okay, also als Nächstes haben wir unsere Art von Dingen, die wir nennen, heißt Maßnahmen ergreifen. Das sollte also heute relativ einfach sein. Alles, was wir brauchen, um unser Rechteckwerkzeug zu erhalten , um einen grünen Hintergrund zu erhalten. Und dann werden wir das Wiederholungsraster verwenden , um hier die Art von vier Spalten zu erstellen. Okay, also lasst uns anfangen. Und wir werden auch den Knopf, den wir bereits für Haare erstellt haben, die H0 genannt wird, wiederverwenden den Knopf, den wir bereits für Haare erstellt haben . Ich werde nur buchstäblich den Text zu ihnen ändern, ihn dort platzieren. Was wir also zunächst tun werden, ist, mit einer Art grünem Hintergrund zu beginnen. Okay, also zuerst alles, lasst uns unser Rechteckwerkzeug holen und raus. Und dann zeichnen wir das einfach direkt darunter. So etwas sieht ziemlich gut aus. Wenn wir den Abstand genau gleich haben wollen , können wir sagen 261. Auch hier ist es nicht unbedingt Mathe's Team, das es nur 240 gibt, das liegt an 61. Und was wir dann tun werden, ist , dass das ein bisschen anders aussieht. Damit ich denke, was hier passiert ist , ist, dass das irgendwie darunter geht. Also ist es wahrscheinlich besser, wie wir es zuvor hatten. Das ist also nur ein T4-Eins. Und das sieht besser aus, oder? Das ist also alles in Ordnung. Und dann geben wir das wird die Grenze loswerden und wir bekommen die Füllfarbe von Grün. Und wieder, weil es ein Hintergrund ist und wir dies nicht versehentlich bewegen wollen , während wir versuchen, die Dinge zu bewegen, werden wir das sperren. Also steuerst du ein L zum Sperren. Sie werden also sehen, dass die Blocksymbole wieder erschienen sind. Wenn es ein Mac war, dann ist es Command. Und jetzt ist das alles in Ordnung. Nun, was wir dann tun, ist eine Art von diesen zu erstellen , und dann verwenden wir das Wiederholungsraster , um dies im Grunde entlang der Reihe zu tun. Also lasst uns das jetzt machen. Und ich glaube, ich leihe mir das einfach dort aus. Und wir fügen das an Ort und Stelle ein. Und wir holen unser Netz hoch, nur um zu sehen, wo wir sind. Wir müssen also sicherstellen, dass dies falsch ausgerichtet ist. Das muss also hier drüben sein. Und wir werden es mit dem F tun und jetzt vielleicht. Und dann müssen wir unsere Texte an Ort und Stelle bringen. Also, ups, das verschiebe ich einfach. Also nochmal, wir leihen uns diesen Pol hier einfach aus. Und das kopieren und fügen wir ein. Und wir stellen einfach sicher, dass dies richtig ausgerichtet ist. Also fünf mit Polsterung. Das ist also alles in Ordnung. Was wir jetzt tun werden, ist beide Elemente zusammen auszuwählen. Wir werden unser Raster los. Schon wieder. Wenn ich dies auswählen oder versuchen würde , wenn ich dies nicht gesperrt hätte, als ich versuchte, dies zu tun, hätte es den Hintergrund verschoben. Also nochmal, das ist nur ein weiterer Grund, warum Sie versuchen möchten zu sperren warum ich im Allgemeinen Hintergründe gesperrt habe. Was ich versuche zu tun, so etwas. Okay. Sag, was wir tun werden, stelle sicher, dass alles zusammen ist. Du kannst es gruppieren, wenn du willst. Sie müssen nicht dTTP Grit machen. Wir müssen also auf Raster wiederholen klicken. Und jetzt werden wir das einfach rausziehen, damit wir es für dich haben, okay, das sieht ziemlich gut aus. Wir haben unser Raster nur für einen Moment zurück und wir werden sicherstellen, dass alles richtig ausgerichtet ist. Und ich denke, was sie getan haben, müssen sie ziemlich bis zum Ende dieser Art von zweitletzter Boss hinaufgehen . Und wir werden irgendwie das Gleiche machen. Also erhöhen wir den Abstand Solids damit wir das tun können, sagt so etwas wie diesen Punkt mein Boolescher sagt so etwas , das halbjährlich ausgeliehen wird. Da es also irgendwie zwischen diesen Bällen liegt, ist das vielleicht der beste Weg, um es zu tun. Okay, das sieht also ziemlich gut aus. Und was wir dann tun können, ist entweder auf G3P, ich behalte es Trauben-Sub t. Und dann können wir einfach in all die verschiedenen Texte eintragen, die wir haben. Sagen Sie, dieser wird freiwillig sein. Als nächstes müssen wir teilen und spenden. Also lasst uns das hinzufügen und dann für den letzten spenden. Okay, das ist also so ziemlich der größte Teil dieses Abschnitts oder nicht. Wieder super, super einfach. Wiederholungsraster zu verwenden, wenn Sie sich vorstellen können, wie das ohne es wäre , ist ein echter Schmerz. Offensichtlich müsstest du Art machen und dann eine andere machen müssen. Oder du kannst es einfach duplizieren und sagen, wir hätten Alt halten können und es dann irgendwie so machen. diese Weise hätten wir es schaffen können. Versucht es so auszurichten. Aber auch hier ist Repeat Grid einfach und einfach, zumal Sie die Polsterung zwischendurch verschieben können . Deshalb verwende ich gerne Repeat Grid so oft ich kann. Okay, also noch ein bisschen zu tun. Also müssen wir sicherstellen, dass wir auch diesen Knopf an Ort und Stelle haben , was ziemlich gut in der Mitte ist. Okay, also was wir unten tun werden, ist, dass wir das im Grunde nur duplizieren werden, aber jetzt haben wir hier und legen es irgendwie hier hin und ändern die Textdaten. Wenn Sie also eine Komponentenart dafür bereits sortiert hätten , könnten Sie sie einfach aus einem Komponentenabschnitt hier ziehen. Ich bringe an, nur weil das so nah ist, können wir das genauso gut tun und wir können das so verschieben, dass wir es wollten. Jetzt sieht man im Moment offensichtlich hier , dass ein unter unseren Abschnitt fällt. Was wir natürlich wollen, ist es an der Spitze zu haben. Was wir heute also wollen, ist mit der rechten Maustaste zu klicken und dann gehen wir einfach weiter Bring to Front, und los geht's. Wir werden also einfach unsere Leitungen hier verwenden , um sicherzustellen, dass alles irgendwie perfekt zentriert ist. Und das sieht ziemlich gut aus für mich. Brillant. Okay, also nur um WHO-Büro auch irgendwie zentriert zu machen, stellen wir einfach sicher, dass all dies ausgewählt ist , und ziehen es einfach herum, bis wir diese Zeilen bekommen, die uns sagen, dass es irgendwie alles ist Die Entfernungen sind gleich. Und da sind wir. Das ist so ziemlich unser Handlungsabschnitt. Ich will heute kein Ding mehr. Wir ändern einfach den Text. Sagen wir, wir ändern dies, um Maßnahmen zu ergreifen. Stellen Sie sicher, dass Steuern in dem Sinne es ist, und los geht's. Das ist so ziemlich alles jetzt komplett erledigt. Okay, also als nächstes haben wir das, was wir tun, sanktionieren, was wir hier tun werden , ist auch eine P-Klasse zu verwenden, um diese Art von Codeabschnitt zu erstellen , den wir hier haben. 26. Was wir machen: Als nächstes haben wir unseren Abschnitt „Was wir tun“. Und wie bereits erwähnt, verwenden wir unser Wiederholungsraster, um diesen Aufrufabschnitt mit drei Spalten zu erstellen. Und offensichtlich werden wir einfach nur die Bilder auftauchen, die getrennt sind. Und ich werde auch unseren Button benutzen, den wir oben haben, und ändern einfach den Textbereich, um mehr zu lesen. Auch hier, Zwillinge, wenn Sie Ihr eigenes Projekt erstellen, würden Sie wahrscheinlich nur diese Komponenten erstellen , die Sie dann ziehen können. Wir haben alle Komponenten hier, aber darauf achten wir vorerst nicht zu sehr. Weil ich möchte, dass du all das Zeug baust , während wir gehen. Aber im Allgemeinen würden Sie das tun. Oder Sie können einfach Alt oder Option gedrückt halten und dann irgendwie def fähig und quer, wenn Sie möchten. Das hat nicht funktioniert. Das ist noch nicht zusammengefasst. Wie auch immer, also lasst uns anfangen. Also integrieren wir jetzt unsere Art von Abschnitt da wir unser Rechteckwerkzeug noch einmal verwenden werden. Ich werde sicherstellen, dass es mit Luft übereinstimmt. Und dann hat unser vorheriger den Abstand davon betrachtet, das wird 177 tun. Und wir werden auch die Grenze los. Ups. Und wir geben ihm eine blaue Farbe. Nun, es gibt eine Sache, die ich eigentlich erwähnen möchte. In dieser speziellen Version ist also nicht der gesamte Abstand genau gleich. Dies ist also etwas, worüber Sie nachdenken möchten, wenn Sie Ihr eigenes Design machen. Besonders wenn Sie sich entwickeln möchten , möchten Sie über eine sich entwickeln möchten , möchten Art konsistente Polsterung für jeden Abschnitt nachdenken . Und damit meine ich im Grunde, wie viel Platz es von der Spitze dieser Aktion bis zum Anfang des ersten Elements gibt. Und das Gleiche, vom unteren Ende des letzten Elements bis zum Ende des Abschnitts, möchten Sie im Allgemeinen versuchen, so konsistent wie möglich zu sein , es sei denn, dies ist ein bestimmter Grund, warum Sie einen Abschnitt haben kürzer als ein anderer. Da wir das irgendwie kopieren, ist es möglicherweise nicht unbedingt absolut perfekt. Aber im Allgemeinen möchten Sie versuchen, es konsistent zu halten und es irgendwie zu haben. Es ist also auch auf der gesamten Website dasselbe. Ich weiß also nicht, ob dieser erledigt ist, nicht vollständig, aber das werden wir versuchen für den Rest der verschiedenen Abschnitte, die wir haben, zu tun. Okay, also zuerst alles, lasst uns unseren Knopf erledigen. Was wir also ganz einfach Tage können , stellen Sie sicher, dass wir hier zu diesem Button gehen, stellen Sie sicher, dass alles zusammen ausgewählt ist. Und wenn Sie Alt gedrückt halten und dann ziehen, können Sie eine andere Instanz dieses Bones erstellen. Und vor allem wollen wir sicherstellen , dass es im Moment in die Raserei gerät, denn wir setzen diese neue Art von Rechteck für unseren nächsten Abschnitt auf. Dies kommt darunter Ich klicke noch einmal mit der rechten Maustaste oder du kannst eine Tastenkombination verwenden. Ich bringe das in die Fronten und jetzt kannst du es tatsächlich sehen. Wir möchten jedoch, dass der Hintergrund weiß und der Text verschwommen ist. Also lasst uns das jetzt ändern. Stellen Sie also sicher, dass der Hintergrund zuerst ausgewählt wurde, wir haben dieses Weiß. Und dann wird der Text einfach wie unser blauer Kreis haben. Das ist also alles in Ordnung. Und was den Abstand angeht, hängt wiederum irgendwie davon ab. Es ist von Projekt zu Projekt anders. Es gibt keine Art von einer Sache. Das ist richtig. Und wenn ich mir dieses letzte D ansehe, etwa 200, denke ich, dass wir für diesen speziellen Abschnitt, der aussehen würde, das alle ändern können, sobald wir es getan haben, damit wir entscheiden können, wie denke ich, dass wir für diesen speziellen Abschnitt, der aussehen würde , das alle ändern können, sobald wir es getan haben, damit das Muster aussehen soll. Auch wenn Sie dies selbst entwickeln , können Sie, wenn es um die eigentliche Entwicklung geht, Paul II., selbst entscheiden, was Sie wollen. Okay, als nächstes werden wir diesen Text einfach kopieren und einfügen. Sie müssen nur Zeit sparen. Also kopiere es und füge es ein. Und wir werden wieder versuchen, einen konsistenten Abstand von Elementen zu haben t. Also werden wir wahrscheinlich das 40 von der Schaltfläche haben. Okay, das ist also alles in Ordnung, oder? Jetzt müssen wir unsere Karte hier erstellen. Also nochmal, treffen Sie dieses I Rectangle Tool, um die wichtigsten Elemente an Ort und Stelle ausführen zu müssen. Und dann müssen Sie unsere Bilder auch so langsam etwas ausgleichen. Und wir werden das Raster benutzen, um ihnen auch viel zu besorgen. Okay? Und natürlich verwenden wir danach unsere Option Raster wiederholen. Also zuerst, lasst uns unser Rechteckwerkzeug besorgen. Wir werden sicherstellen, dass es zumindest grob ausgerichtet ist. Und dann erstellen wir unsere Karte. Wenn Sie mit der Version genau sein möchten, die fertig ist, können wir nur eine lokale Latenz oder die Breite dieses 320 haben , also können wir dasselbe tun. Okay, und dann ist die Höhe wahrscheinlich ein bisschen anders. Was haben wir also? Sagen Sie, Höhe ist fünf bis acht, also das ist D, das ist D gleich ein k. Da wir 40 machen, ist 40 80, da dieses Bild etwas höher sein wird. Also lasst uns das einfach nochmal machen. Okay, also erstes Polygon, auch etwas, das ich heute immer vergessen habe, ist, dass Sie diesen blauen Hintergrund tatsächlich sperren möchten diesen blauen Hintergrund damit Sie sicherstellen, dass er ausgewählt ist. Und dann Control und S oder Command. Und jetzt und jetzt, wenn ich das bewege, wird es auch den Hintergrund nicht bewegen. Okay, also das erste Bild, das wir brauchen, ist wie Pflanzen, also ist das in Ordnung, also lasst uns das jetzt an Ort und Stelle bringen. Lasst uns also unser Raster aufrufen. Das ist also dein Tastaturfokus. Was wir also hier machen werden, ist, dass wir versuchen, es hoch zusammenzubringen. Das haben sie getan. Okay, so sieht es so aus, als waren sie mit dem Col Abschnitt ausgerichtet . Es sieht also so aus, als würde das irgendwie auf halbem Weg durch diesen Ball gehen. Also machen wir dann das Gleiche. Und das ist eigentlich ziemlich perfekt und sag, ja, das ist alles gut. Und wenn wir wiederholen, wird das natürlich für jeden von ihnen dasselbe tun. Sie müssen sicherstellen, dass Ihre Bilder alle die gleiche Größe haben. Ich würde es glücklich haben, weil ich dir die Bilder irgendwie die richtige Seite gegeben habe . Das wäre kein Problem für mich. Aber denken Sie daran, wenn Sie Ihr eigenes Projekt erstellen, müssen Sie sicherstellen, müssen Sie sicherstellen dass alles die richtige Größe hat, in der Sie möchten, dass alles alles sein soll. Sie können die Form des Bildes maskieren und irgendwie ja, Sie können ändern, wie wenn Sie möchten. Wie auch immer, sag, das ist alles in Ordnung. Jetzt lasst uns einfach unseren Text anschauen. Also werden wir uns alle einfach leihen und einfügen. Und Sie können sehen, dass wir den Text am Rand dieses Bildes ausrichten . Das tun wir also auch dafür. Wissenschaftler Putnam wieder rein. Also haben wir schon 40 gemacht. Bleib dran. Und dann leihen wir uns diesen Dummy-Text aus. Kopiere das einfach vorbei. Sie das einfach in Einklang. Es sieht also richtig aus. tue ich also. In Bezug auf den Abstand innerhalb von Nessus können Sie dies auf ein paar Arten tun. Es sieht so aus, als hätten sie einen etwas tiefer Panzer, was meine Würde persönlich tun würde, ich denke, was ich tun würde, ist den Text ein bisschen auf den Titel zu bringen, dann vielleicht das Boot und nach unten zu haben. Das ist eine Art persönliche App wirklich eine persönliche Geschmackssache ist. Aber ich denke, was ich tun werde, ja, ich glaube, ich werde das machen. Und dann den Knopf, den wir hier von oben wieder verwenden. Also zoomen wir einfach in unseren Spenden-Button. Stellen Sie sicher, dass dies wieder alle zusammengefasst ist. Im Moment habe ich das als Komponente. Also halte ich einfach Alt gedrückt und dann ziehe ich einfach rüber und das lässt mich eine Kopie davon erstellen. Offensichtlich werden wir dies leicht ändern. Ich und du kannst sehen, dass es tatsächlich unter die Sanktionen kommt. So wieder das Gleiche. Wir müssen sicherstellen, dass es nach vorne gebracht wird, damit wir es tatsächlich sehen können. Und dann legen wir es hier unten auf. Okay, also kannst du sehen, dass wir hier ein Problem mit dieser kleinen Box haben , ist nicht ganz das Ende. Das hat mit der Option zu tun, die wir hier für die feste Größe haben. Wenn wir es also einfach wieder hier zurücklegen, sehen Sie die Boxen und kommentieren den Rand. Und jetzt können wir es viel einfacher ausrichten. So machen wir das also. Also so etwas. Ich möchte versuchen sicherzustellen, dass die Polsterung von unten dieselbe ist wie diese von oben. Und stellen wir sicher, dass das ausgewählt ist. Das sind also 40. Also machen wir das Gleiche auch für den Button. Also stellen wir sicher, dass es 40 Pixel von dort entfernt ist. Also bewegen wir das einfach etwas nach oben. Ein bisschen mehr. Brillant. Okay, also das ist alles erledigt. Okay, das ist also so ziemlich unsere erste Karte abgeschlossen. Und was wir jetzt tun werden, ist unser Wiederholungsraster zu verwenden , um es zu überwinden. Eigentlich, tut mir leid, das Bild ist nicht ganz gestiegen. Dies muss etwas hoch sein. Also werden wir das wieder tun, wir werden das Gleiche dafür tun , nämlich sicherzustellen, dass alles richtig ausgerichtet ist. Das ist also in Ordnung. Und da wir 40 als Platz haben und wir das Gleiche auch für das Bild machen. Okay, jetzt sind wir alle gut. Was wir jetzt tun werden, ist sicherzustellen, dass alles ausgewählt ist , und klicken Sie dann auf Raster wiederholen. Und dann können wir das einfach dreimal herausziehen und dann den Abstand anpassen , wie viel wir brauchen. Wir bringen unser Netz wieder an Ort und Stelle. Ich habe gerade gesagt, dass wir das richtig ausrichten können und du siehst, dass wir eigentlich nicht weit entfernt sind. Alles, was wir tun müssen, ist diesen Abstand einfach zu ziehen, bis er dort einrastet. Und das ist jetzt ziemlich perfekt. Ich glaube. Das sieht ziemlich genauso aus wie das, was sie vor sich haben. Okay. Da sind wir also. Das ist so ziemlich genau das getan. Lass uns einfach mein Raster loswerden. Ich werde diese Bilder jetzt einfach durch das richtige ersetzen . Wenn Sie also darauf doppelklicken, tut mir leid, wenn Sie mit der rechten Maustaste darauf klicken und das Bild ersetzen. Und wenn Sie diese Bilder auf Folie haben, also meine Nähe, können Sie einfach schnell zu ihnen kommen. Also habe ich in diesem Fall tatsächlich , also lass uns das einfach machen. Und so haben wir was das ist und sagen, dass es das ist, denke ich. Oder alternative Öko-Stadt. Lenke sie auch von meinem Verhalten ab, würde es für eine Minute wieder benutzen, um dies zu tun. Also werde ich wieder laufen, also rufen wir Replace Image an. Und dann haben wir das hier. Okay? Also was dann den Text jetzt ersetzt. In der Tat fehlt ähnlichen Angriffen Box. Da das tatsächlich versteckt war, müssen wir nur lesen, dass dies ein bisschen tatsächlich ist. Und stellen wir sicher, dass wir das haben. Das ist also wieder das Schöne an Wiederholungsraster, denn wir müssen jetzt etwas danach ändern. Da wir ein Wiederholungsraster haben, können wir das und wann wir es tun, tatsächlich für jedes einzelne anpassen . Deshalb ist es super, super, super, super nützlich zu verwenden, um zu koordinieren, was wir mit der Antwort gemacht haben. Okay, also das ist alles in Ordnung. Und wenn wir diesen Dummy-Text anpassen müssen, wird dies natürlich auch derselbe sein. Damit können wir das Gleiche machen und sicherstellen, dass alles gleich ist. Und ich denke auch, was wir auch tun werden, ist vielleicht einfach eine Berührung nach unten zu bewegen, oder ist das okay? Eigentlich bin ich damit zufrieden. Okay. Alles, was wir jetzt tun müssen ist einfach auf den richtigen Text zu klicken , den ich außerhalb der Kamera mache, nur um Zeit zu sparen. Sie können sehen, dass sie fast die vierte Manometrie bekommen haben , die sie wollen. Okay, also hoffentlich ergibt das alles Sinn. Offensichtlich müsste ich jetzt die richtige Zielzone bekommen . Ändern Sie dies einfach, um mehr zu lesen, was genauso wäre wie die anderen. Und dann haben wir unsere Ursache-Aktion ziemlich abgeschlossen. Und dann werden wir als Nächstes auf unsere Art von Faktenabschnitt Art von Faktenabschnitt oder DNA-Abteilung eingehen, wie wir es nennen werden. 27. Stat: Okay, als nächstes haben wir unsere Art von Sozialbeweis-Sanktion oder eine Art Statusabschnitt, so wie du es nennst. Okay, tut mir schon wieder leid, das Gleiche. Auch hier haben wir jetzt ein Hintergrundbild. Wir werden noch einmal ein Wiederholungsraster verwenden , um all dies zu erledigen. Das wird also sehr lange sagen. Es ist alles sehr ähnlich wie wir es mit unserer Art von Farbabschnitt gemacht haben. Okay, also lasst uns anfangen. Zuallererst müssen wir unser Image aufbringen. Auch hier ist dies in Bezug auf die Größenbestimmung ziemlich genau richtig. Wenn es nicht offensichtlich wäre, könnten wir dies dann tatsächlich manipulieren, wie wir es müssten. Aber wie es passiert, war das ziemlich gut. Im nächsten Paar denke ich, dass wir es machen. Es wird nur Text hinzufügen, Wang, und einfach, kopieren Sie ihn einfach und fügen Sie ihn ein. Stellen Sie sicher, dass alles vollständig ausgerichtet ist. Und wir müssen auch unseren Button an Ort und Stelle bringen. Also leihen wir uns das einfach aus. Ich mache das darunter. Sie können sehen, dass wir eigentlich nichts sehen können , weil das irgendwie unter Abschnitten ist. Wir klicken mit der rechten Maustaste und bringen dann einfach nach vorne. Wir werden es noch einmal sehen. Und wir werden jetzt einfach den Text ändern, um Maßnahmen zu ergreifen. Also machen wir das jetzt. Also ergreife Maßnahmen. Wieder einmal werden wir nur die Art und Weise ändern, wie dies aussieht, bis die Enden des Boston irgendwie durch die Option verlängert werden , die wir hier ausgewählt haben. Anstatt der festen Größe, es einfach wieder auf die automatische Breite zurück. Und das wird das irgendwie mehr an den Platz bringen , damit wir gehen. Und einige von uns haben 40. Okay, das sieht ziemlich gut aus, oder? Also beim nächsten Öffnen, also erstellen Sie unsere Art von Statistikabschnitt als einige von diesen, einige der Texte Hier wiederholen, dass ich nicht mit Texten als Alpha herumspielen werde. Du kannst das selbst machen, wenn du willst. Aber wir werden diese Art von sozialen Icons zumindest ein wenig erstellen . Wir haben sie zum linken Beistelltisch gebracht , um den Kreis zu schaffen, in den ich gehe. Okay, so gut. Stellen wir nun sicher, dass unser Hintergrundbild gesperrt ist , damit wir anfangen können, Dinge zu manövrieren. Wahrscheinlich würde ich damit beginnen, unser Rechteck zu zeichnen. Und wir werden versuchen sicherzustellen, dass es auch an unserem Raster ausgerichtet ist . Sie können also sehen, dass dieser hier auf diese Art von Sekunde 1 ausgerichtet ist , die zweite bis zum letzten. Das machen wir also auch. Fangen Sie von hier an. Und in Bezug auf das, was sich über sechs verschiedene Chefs erstreckt, den Aufsatz, Lasst uns das Gleiche tun. Okay, und das sieht für mich ungefähr richtig aus. Vielleicht vielleicht etwas hohes Seil. Nun, dazu in nur einem Moment. Okay. Also lasst uns anfangen. Also was wir tun werden es mir schrecklich, mir einfach eine Prahlerei zu leihen, die wir bereits geschaffen haben und gesagt haben Wir werden wahrscheinlich einfach die nehmen, die wir hier haben. Wenn wir also vorerst nur das Ionennetz loswerden, duplizieren wir das einfach. Noch einmal. Stellen Sie sicher, dass wir es nach vorne bringen können , damit wir es sehen können. Geräusche bringen das an Ort und Stelle. Wir werden einfach mein Raster aufrufen, um zu sehen es Alanin zu allem gibt was sie irgendwie sagen, lasst uns dasselbe tun. Und das wird jetzt sein, wussten Sie es? Lasst uns das also in AK ändern. Großartig. Und sagen wir, dass ein räumlicher Text tatsächlich gesendet wird, weil wir das ein bisschen durcheinander gebracht haben. Werden Sie einfach für einen Moment unser Raster los. Brillant. Okay, also das ist alles in Ordnung. Und lasst uns gerade anfangen, unseren Text zu verwirklichen. Ich leihe mir das einfach aus und füge es da rein. Und ich zeige vielleicht noch ein paar Abstände. Auch hier wird dieser Textblock einfach ausleihen und ihn auch dort einfügen. Okay, also wenn es so richtig verteilt ist, können wir diesen Abschnitt auch sperren, damit so richtig verteilt ist, wir das so bekommen können, wie wir es wollen, dass es gesagt wird , dass diese Art von in der Mitte zu haben . Ja, das sieht ziemlich gut aus für mich. Als Nächstes müssen wir anfangen, unsere sozialen Icons zu erstellen. Also muss ich nur einen Kreis erstellen und dann Pop und unsere sozialen Icons an Ort und Stelle machen . Also super, super einfach. Also lasst uns Sky-Zyklen auf den Vornamen bekommen , um die Symbole nur einen Moment zu greifen. Holen Sie sich einfach unser Ellipsen-Tool. Und was wir dann tun werden, ist die Umschalttaste gedrückt zu halten. So entsteht ein perfekter Kreis. Sieht Team aus, was ich tatsächlich so sagen kann. Wir werden die Grenze los. Es muss eine grüne Farbe haben. Und dann werde ich, soziale Icons blau sein, glaube ich schon. Okay. Okay, also schnappen wir uns die einfach. Nur ich, es gibt EVA. So wie ich denke, dass ich das tun werde, haben diese Gruppen, die wir gerade für einen Moment geschrieben haben. Okay, also zuerst, was haben wir? Also haben wir zuerst Twitter. Also lasst uns das anmachen. Wenn wir uns das also einfach schnappen und hineinziehen, sieht das ziemlich gut aus. Vielleicht etwas größer. Ja. Ich kann sagen, wenn Sie die Umschalttaste gedrückt halten. Und das sieht ziemlich gut aus. Okay, als Nächstes werden wir einfach nur ein Duplikat machen , was wir hier bereits haben. Und dann springen wir stattdessen einfach das Facebook-Symbol ein. Und wir werden das vielleicht auch noch größer machen , um etwas größer zu sein, damit es irgendwie mit der Größe übereinstimmt. Okay, großartig. Und dann werden wir beide so zusammenfassen. Und dann werden wir uns einfach inzentrieren. Ja. Ich denke, das sieht aus, dass ich sagen kann , dass so etwas ziemlich gut aussieht. Okay. Wir sind also ziemlich, so ziemlich da. Das einzige, was wir zuletzt hätten tun sollen , eigentlich nach der Installation, sollten Sie den Weg gehen, denn auch wir wollen nicht unbedingt ein Boston für jeden einzelnen duplizieren. Also bin ich gerade aus dem Weg gegangen. Und lasst uns diese Grenzen loswerden. Das wollen wir auch nicht. Okay, also habe ich jetzt alles freigeschaltet und was wir tun werden, ist einfach alles zusammen auszuwählen. Wenn ich auf Raster wiederholen klicke, können wir das nach unten ziehen. Also werden wir für diese haben , damit wir kommen und wie dieser Raum runter ist. Okay, also müssen wir ein bisschen mehr sein, so etwas. Versuch es mit 35. Und dann ist das vielleicht ein bisschen zu groß. Vielleicht können wir mir diese abgerundete Berührung einfach einfach machen. Das Wichtigste ist, dass wir es tatsächlich innerhalb des Abschnitts zentriert haben, den wir haben. wir also einfach sicher, dass es nicht der Fall ist. Also los geht's. Das ist also tatsächlich zentriert. Und ja, das sieht ziemlich gut aus für mich. Ähm, wir haben diese vielleicht nur ein bisschen zu groß gemacht. Wenn das also der Fall ist, können wir sie anklicken , während wir noch im Wiederholungsraster sind. Und wenn wir dann Alt oder Option gedrückt halten, wenn Sie sich auf einem Mac befinden, können Sie sehen, dass der Abstand sowohl über als auch unter dem Element selbst verschoben wird . Wenn sie also ein bisschen zu groß sind , ist es vielleicht so, wie du es machst. Also machen wir sie einfach etwas kleiner , vielleicht auf so etwas. Und dann kann man sagen, dass es alle getan hat, anstatt nur alle einzeln zu müssen, und sagen wir, lass uns zurückgehen, sicherstellen, dass es sich um alle Folien zusammen handelt. Sie sagen, und wir gehen und dann sorgen wir einfach dafür, dass es zentriert ist. Und das wird reichen. Okay, sieht also ziemlich gut aus. Und dann knallen wir diesen Knopf einfach wieder da, wo er war. Lasst uns unser Raster zurückholen. Ich sollte es tun, um sicherzustellen, dass diese auf die gleiche Weise ausgerichtet sind . Ich glaube, es geht uns ziemlich gut. Ich bin nur etwas mehr zur Seite. Ja. Oh, okay. Und dann noch einmal muss das wieder an die Front kommen. Alles klar. Okay, dass ich, das okay. Brillant. Wir sind also ziemlich fertig mit diesem Abschnitt. Jetzt. Lassen Sie uns einen kurzen Blick darauf werfen, wie wir es tun werden, ist alles richtig ausgerichtet? Das ist nicht ganz dasselbe. Lassen Sie uns diese zusammenfassen und diese einfach leicht nach oben bewegen. Ich werde es hier so oben in dieser Box ausrichten . Okay, also unterscheidet er sich vielleicht etwas von dem, was sie getan haben, aber es ist so ziemlich dasselbe. Und es ist nicht gut richtig ausgerichtet. Ich glaube, das ist es. Ja, das ist großartig. Okay. Das ist also so ziemlich genau das. Lassen Sie uns einfach die Tech-Seite ändern, ist die gleiche. Okay, das heißt also, dass wir mit diesem Abschnitt ziemlich fertig sind. Sie können also sehen, dass wir ziemlich gleich sind, vielleicht ist der Abstand für diesen Abschnitt ein bisschen anders. Aber im Wesentlichen haben wir das Gleiche vor sich. Okay, damit Paul jetzt alles fertig ist. Und jetzt werden wir als Nächstes unseren geringsten Abschnitt erstellen. 28. Schiebe-Abschnitt: Okay, also kommen wir da hin. Als nächstes haben wir unseren Schiebereglerbereich. Auch hier wird es ziemlich einfach sein, einfach ein Bild ins Spiel zu bringen. Und dann haben wir nur unser Rechteckwerkzeug, um diese Art von Angebotsfeld zu erstellen . Und dann verweigern wir Ableton von einem, das wir zuvor erstellt haben. Und danach. Wir erstellen einfach diese Art von Schiebereglerindikatoren mit dem Ellipsenwerkzeug. Okay, also lasst uns anfangen. Zunächst müssen wir also unseren Abschnitt erstellen, obwohl es irgendwie nur Leerzeichen ist, werde ich trotzdem ein Rechteck für diesen Abschnitt erstellen . Also lasst uns versuchen, das so ziemlich gleich zu halten. Ich werde dieses Mal tatsächlich den Vorstand verlassen. Und ich werde es auch sperren. Und der Grund dafür ist, dass wir nur sehen können , wo unsere Grenzen sind. Okay, jetzt müssen wir unser Bild einbringen. Wenn wir also einfach herauszoomen und dieses Bild einsetzen, bekomme ich auch nur für einen Moment unser Raster zurück, damit wir sehen können, was wir tun. Und doch hat es eine ziemlich gute Größe im Sensor. Und offensichtlich müssen wir jetzt sicherstellen, dass wir unser Rechteckwerkzeug bekommen und einfach so leicht auf diesen Abschnitt überlappen. Dann verwenden wir das Ellipse-Tool, um diese in nur einem Moment zu erledigen. Okay, also lasst uns diese Art von Texten oder Anführungsblock machen. Zuallererst kommen wir auf diesen Button zurück, alle Beiträge am Ende. Ich kann es nicht sagen. Beginnen wir mit dem Zeichnen, das unser Raster wieder zurückbringt , nur damit Sie sehen können, womit wir arbeiten. Und richtig, lass es uns von hier anfangen, glaube ich. Und es wird sich überlappen, als nur auf den nächsten Ball und so etwas. wir einfach sicher, dass es im Sensor ist. Ich meine, mal sehen, welche Größe wir dafür haben. 344. Nah genug. Okay, sag das ist in Ordnung. Ich werde mein Raster loswerden, um dies ohne Rahmen zu haben , und wir haben eine Füllfarbe unserer Art von Dunkelblau. Es ist nicht so gut. Dann leihen wir uns einfach dieses Textelement hier aus und kopieren und fügen es ein. Das ist also alles in Ordnung. Und es wäre auch für diesen auch dasselbe, nur um Zeit zu sparen. Also lasst uns das als 10 haben. Großartig. Also fast da. Lassen Sie uns unsere Art von Schiebereglerindikatoren holen, den Hals. Sie können also auch Hex sehen, solange Sie grün haben, das bedeutet, dass sie auch Wiederholungsraster verwendet haben. Also werden wir das Gleiche machen, ähnlich wie ein Lass uns das jetzt machen. Einer von ihnen hat also eine Füllfarbe, eine von ihnen nicht. Wir werden sie alle mit, äh, mit ASA-Füllfarbe zuerst haben , und dann einfach die Gruppierung des Rasters aufheben und dann irgendwie eins damit machen, wenn das Sinn ergibt, wird es Sinn machen, wie wir es tun. Also habe ich jetzt das Ellipsenwerkzeug und wir Umschalttaste gedrückt und ziehen es dann heraus, damit wir einen perfekten Kreis erstellen können. Sag so etwas sieht gut aus. Und das wird eine, ein Wille haben eine Grenze, aber es wird keine Füllfarbe haben. Die Randfarbe wird blau sein. Und dann nutzen wir unser Spitzenraster. Und wir ziehen das einfach noch ein paar Mal raus und wir werden es gerade jetzt nur den Abstand so arabisch nahe beieinander etwas wie 10, denke, wird es haben, großartig. Und was wir dann tun werden, ist die Gruppierung des Rasters aufzuheben. Der Grund dafür ist ich 0, ich möchte diesen jetzt selbst auswählen , damit ich ihm jetzt eine Füllfarbe geben kann, während diese offensichtlich nicht getan hätten. Also lasst uns jetzt loswerden, dass West die Farbe dafür herausbringt. Und jetzt kann man sagen, dass das ein schneller Weg war, Robinson, es einzeln zu tun. Und in Bezug auf den Abstand, wie weit ist das von hier entfernt? Um es noch einmal zu wiederholen, Sie bei jedem Auswählen eines Elements Alt gedrückt. Klicken Sie auf ziehen. Es wird Ihnen auch sagen, wie weit ein Element vom nächsten entfernt ist. Das sind also 56, also ist das nichts Bestimmtes. Also lasst uns einfach sehen, ob wir es etwas wirklich steigern können , bevor wir das tun. Das sieht ein bisschen zu groß aus, also lasst es uns einfach ein bisschen kleiner machen. Also nochmal, sie sind nicht mehr im Wiederholungsraster, aber wie gluten zusammen, halte ich die Umschalttaste gedrückt und treffe sie dann einfach etwas, damit wir etwas kleiner werden. Und das sieht für mich ungefähr richtig aus. Okay, wie weit ist dieses Element vom unteren Abschnitt entfernt? Werfen wir einen Blick darauf. 25. Es sieht tatsächlich aus. Das finde ich, aber wir schaffen es einfach etwas weiter weg. Sag nur ein bisschen mehr Aufforderungen. Was machst du 35? Ja, damit bin ich zufrieden. Okay. Wir sind also sehr, sehr fast da. Als Nächstes wollen wir uns einfach leihen. Das bringt es in meine VA, also drücken wir einfach Alt gedrückt halten und dann ziehen und dann lassen wir das einfach hier rüber fallen. Ich sorge dafür, dass es nach vorne gebracht wird. Und das bringen wir einfach ein. Also eine Lenden. Also haben wir 50, glaube ich. Und dann heißt es diesmal mehr lesen. Also lasst uns einfach die Texte ändern Eva, und dann stellen wir sicher, dass sie richtig ausgerichtet sind. Okay, also sind wir jetzt Appleton für den Anfang dieses Bildes, das sich einfach von dem ausleihen wird , das wir hier hatten. Also nochmal halten wir einfach Alt gedrückt und wir bringen es einfach an Ort und Stelle. Sagen Sie, ich bin mir ziemlich sicher, dass dies mit diesen übereinstimmt. Das haben sie nicht. Diese Botschaft zu machen ist nicht unbedingt wichtig. Wenn wir die Größe ändern, wird es sowieso verschoben, aber erst jetzt, richten wir es damit aus. Okay, ähm, wie lautete der Text für diesen Teil? Also Geschichten und es schreibt mir gerade eine SMS, zoomen Sie einfach hinein. Auch hier ist das Zoomen, das Sie tun können , wenn Sie ein Trackpad haben, offensichtlich, Sie werden kneifen und zoomen. Wenn Sie eine normale Tastatur haben, halten Sie einfach Alt oder Option gedrückt und gehen dann einfach mit Ihrem Scrollrad hinein. Ich kann sagen, lasst uns einfach sicherstellen, dass es die Mitte ist. Und da sind wir los. Okay, wir haben jetzt unsere Schieberegler-Sanktion oder abgeschlossen. Jetzt, da wir das getan haben, können wir es tatsächlich wieder anklicken und wir können es einfach für einen Moment freischalten. Und wir werden unsere Grenze los. Nur weil wir als nächstes anfangen werden, einen blauen Hintergrund für unseren nächsten Abschnitt zu setzen . 29. Den Zukunftsbereich speichern: Okay, also weiter zum nächsten Abschnitt. Sagen Sie, was würde er, zuerst ist, unseren Abschnitt mit blauem Hintergrund zu erhalten Abschnitt mit blauem Hintergrund indem Sie in das KI-Rechteckwerkzeug gehen. Und wir werden sicherstellen, dass wir den Rand dieser einen Hand finden und dann anfangen, darauf zu zeichnen. Und dann werden wir das Tor die Grenze loswerden und wir geben ihr eine dunkelblaue Füllfarbe. Das ist also alles in Ordnung. Und dann werden wir das noch einmal sperren. Wir rufen versehentlich irgendetwas bewegen. Okay, also zuerst müssen wir unseren Text ins Spiel bringen. Also werde ich das einfach kopieren und einfügen, wann immer für Geschwindigkeit und dann diesen Kerl an Ort und Stelle. Gehen wir also nur für einen Moment zurück, damit wir sicherstellen können, dass alles richtig ausgerichtet ist. Ein Typ. Stimmt's? Okay, also das ist alles in Ordnung. Okay, also lasst uns unser Bild an den Platz bringen Substantive, was sehr da ist. Es wird es einfach aus einer Auswahl holen. Und was uns dann zeigen kann, ist 0 richtig ausgerichtet. Sie hat also einen tollen Rücken, um die WHO gut zu machen . Und das machen wir nur ein bisschen, damit der Reis es 50 entfernt. Das kann ich sagen. Also werden wir eine schöne Eröffnung finden, um unser Boson und alle meine Texte zu bekommen. Also kopiere ich das einfach und füge es ein. Ich bin nur, weil es irgendwie sinnvoll ist, das zu tun. Ich ziehe das einfach und benimm mich so. Und dann haben wir das einfach etwas unten. Wir werden gerade unsere Umkehrung gemacht, also kopieren wir diese auch einfach. Wir müssen einfach nur rauskommen und wieder an die Front gebracht werden. Wenn wir also einfach mit der rechten Maustaste darauf klicken, bringen Sie nach vorne. Wir haben also immer noch einen leichten Offset, also ist er nicht ganz darauf ausgerichtet, er liegt nur in der Mitte. Also machen wir das Gleiche wieder. Lasst uns eine großartige Bank holen und sie hier haben. Und dann machen wir das Gleiche auch dafür. Okay, großartig. Und dann bekommen wir unseren Dummy-Text , auf dem wir für einen Moment wie Raster loswerden. Wir werden das einfach noch einmal versperren, hier hier. So wie sie Platz haben, kopieren wir irgendwie Eisspiele. Ich weiß nicht, ob ich es genauso mache wie ich es selbst mache, aber ich würde vielleicht entweder über die ganze Kiste selbst verlängern oder vielleicht alle Arten von Klangplatz zusammen haben. Auch hier persönliche Präferenz. Also werde ich einfach das tun, wofür sie nur getan haben , nur zur Leichtigkeit. Ich leihe mir diesen Button hier einfach aus. Schon wieder. Ich möchte, dass du nur sicherstellst, dass wir nach vorne bringen , damit wir es sagen können. Und was machen sie? Wenn sie also nicht bereit sind, habe es so ausgerichtet. Also werde ich es ein bisschen Lehm haben, also haben wir 40. Also passt alles irgendwie zusammen und ist schon Maulwurf gelesen. Das ist also alles in Ordnung. Was wir also mit einem Änderungsantrag tun können, um Zeit zu sparen , werden wir all dies zusammen kopieren. Was wir hier haben, füge ich es hier unten ein, also machen wir das. Sagen wir zuerst, lasst uns das alles zusammenfassen. Du könntest es zu einer Gruppe machen, wenn du willst. Und was wir dann tun werden, ist, dass wir Alt gedrückt halten und das dann duplizieren. Und wir bringen einfach auf diese Weise vorbei. Sorgen Sie sich um den Abstand in nur einem Moment. Okay, offensichtlich muss man den Text in nur einem Moment ändern. Und dann bekommen wir unser letztes verbleibendes Bild für diesen Abschnitt, was jetzt so unten ist. Und lasst uns unser Raster zurückholen, damit wir anfangen können , die Dinge richtig auszurichten. Also kopiere einfach, was sie hier machen. Sie richten es noch einmal als Anfang davon in einem hier aus. Und da kommt es einfach nur an den Rand. Das ist also in Ordnung. Lass uns das Gleiche machen. In der Tat sind wir sowieso nicht weit entfernt. Also lasst uns das einfach etwas weiter hineingehen . Und so gut. Und dann wird dieser hier immer noch auf diesen ausgerichtet sein. Also machen wir das Gleiche. Und lasst uns einen Blick auf den Rand werfen. Ja, das ist in Ordnung. Okay. Also sehen wir ziemlich gut aus. Schließlich müssen wir dann nur sicherstellen , dass wir unseren Text geändert haben. Also mache ich das außerhalb des Bildschirms, nur um Zeit zu sparen. Also nochmal, hoffentlich ist all dies sinnvoll und das ist relativ einfach zu verfolgen. Ich bin, ich werde das einfach ein bisschen bewegen. Wo also keine Lücke zu diesen beiden Satelliten ist, nur gruppenbasiert zusammen und bringt sie etwas näher. Zoomen wir einfach hinein und berühren , um sicherzustellen, dass sie richtig ausgerichtet sind. Okay. Das sieht für mich ungefähr richtig aus. Und dann denken wir, dass wir es tun werden , dann gruppieren wir alles. Ich sorge dafür, dass alles perfekt zentriert ist. Kommen Sie einfach wieder an. Stellen Sie sicher, dass wir dort am Rande sind. Ich kann sagen, dass wir ziemlich gut aussehen. Das hat eigentlich nicht allzu lange gedauert. Großartig. Also aktualisiere ich die Tags außerhalb des Bildschirms. Und als nächstes haben wir eine Art I2 letzte kleine Bits zu erledigen, was unser Call-to-Action-Bereich und unsere Fußzeile ist. Das ist also sehr schnell in der Tat, was ich wahrscheinlich tun werde, ist beide Dinge zusammen zu machen , weil es so sehr lang ist und ich, okay, also auf unseren letzten Teil dieser Klassenprojekte, unsere Handlungsaufforderung und unsere Fußzeile. 30. CTA und Footer Abschnitt: Okay, also auf unseren letzten Teil dieses Klassenprojekts. Hoffentlich musst du vielleicht der Serif folgen , wenn das hoffentlich alles sinnvoll ist. Wenn sie es jetzt langsam hatten, einfach, weil wir alle unsere Vermögenswerte bereits vorhanden hatten oder die Größe, aber ich dachte nur, es wäre sinnvoll, es so zu tun , um Sie daran zu gewöhnen, es zu benutzen. Und so ist das Nachahmen von etwas anderem zunächst eine gute Art zu lernen. sich als eine Sache, um es jetzt zu erwähnen Vergewissern Sie sich als eine Sache, um es jetzt zu erwähnen, dass Sie den Text nach unten ziehen. Der gesamte Text ist also vorhanden. Im vorherigen Video glaube ich, dass nicht alle Texte vollständig geteilt wurden. Sagen Sie, wenn Sie irgendwie denken: Oh, es ist eine kleine seltsame Lücke, stellen Sie einfach sicher, dass das Textfeld vollständig lang und verlängert ist, damit Sie tatsächlich alles sehen können. Also das ist vielleicht Y0, um vorher seltsam zu sein. Okay, also los geht's. Wir müssen unseren Call to Action Bereich und dann unsere Fußzeile machen . Also machen wir das eigentlich alles als ein Video, nur weil das überhaupt nicht lange dauern wird. Okay, also zuerst, lasst uns unser Rechteckwerkzeug holen und unseren Call to Action Abschnitt herausziehen. Werden Sie die Grenze los und wir haben diese grüne Füllfarbe. Wird es wieder sperren, tut mir leid, nachdem Sie versehentlich etwas bewegt haben. Und was wir tun werden, ist, unsere Textelemente zuerst an Ort und Stelle zu bringen . Also kopieren wir das hier drüben und stellen sicher, dass alles zentriert ist. Das ist alles in Ordnung. Und dann gehen wir tatsächlich auf Farbverläufe ein, die wir einfach kopieren und tatsächlich einige der Dinge machen, die wir haben, sind, dass diese Art von Adresse sowohl für Ihre NTC-E-Mail-Adresse fehlgeschlagen ist wir haben, sind, dass diese Art von Adresse . Also lasst uns das machen. Wie kann man das machen? Du hast mich also zum Nachdenken gebracht, oh, vielleicht könntest du einfach das Ellipsenwerkzeug benutzen. Ich bin irgendwie so. Nein, das machst du nicht. Sie betreten tatsächlich wieder Ihr Rechteckwerkzeug und runden dann einfach die Kanten ab, genau wie Sie es mit dem Boston tun. Also lasst uns das jetzt machen. Also lasst uns das herausziehen. Also so etwas. Sieht für mich richtig aus. Also bin ich nur etwas größer. Whoops, das dreht es. Okay. Das sieht gut aus. Wir wollen die Grenze nicht, aber wir haben keinen Radius dafür. Also können wir diesen Einlass einfach ziehen und ich werde es so ziemlich tun, super einfach. Ich werde es eigentlich nur etwas länger nachdenken lassen. Und nur aus Gründen der Geschwindigkeit leihe ich mir diesen Text einfach aus und lege ihn ein. Das ist also zentriert. Zoomen wir einfach hinein und berühren. Und ja, so etwas sieht ziemlich gut für mich aus. Okay, was wir jetzt brauchen, ist eine dunkle Version dieses Buttons. Was wir also tun werden, ist, dass wir das einfach duplizieren werden. Wir werden es nach vorne bringen. Noch einmal. Wir stellen sicher, dass es auch im mittleren Raster ausgerichtet ist , nur damit wir sicherstellen können, dass es richtig steht. Und dieses hier wollen wir uns natürlich ändern. Sie wollen, ist dunkelblau zu haben. Und dann wird der Text in der Mitte weiß sein. Weint, vergewissern Sie sich, dass Ihr Text ausgewählt ist, und wählen Sie dann ein k. Und dann stellen wir sicher , dass es sich richtig an unserem Raster ausrichtet. Okay, sah also ziemlich gut aus, das war schnell. Das ist also der Teil, den wir jetzt als Nächstes fertig machen. Oh, tut mir leid. Eine weitere Sache, die wir brauchen, um sicherzustellen, dass unser Text tatsächlich nicht gerechtfertigt ist, wie das Grüne sagt: Meine Show, dass wir das tun. Da sind wir los. Also werden wir einfach mein Raster davon loswerden und einen kurzen Blick darauf werfen. Und ja, das sieht ziemlich gut aus für mich. Und stellen wir einfach sicher, dass wir uns im Wesentlichen richtig ausrichten, damit es die gleiche Entfernung entfernt ist. Das ist alles gut. Stimmt's? Also unser letzter Teil von ihnen , der unsere Fußzeile sein wird. Also was ich auf ein paar Arten tun werde, wie du das tun kannst. Sie könnten buchstäblich einfach ein Textfeld eingeben. Aber ich werde tatsächlich eine davon machen. Und dann werde ich noch einmal das Wiederholungsraster benutzen, um uns für jeden dasselbe zu geben . Also sehen wir ziemlich gut aus. Lassen Sie uns also einfach herauszoomen und sehen, was wir bisher gemacht haben. Also nochmal sind wir ziemlich genau die gleichen wie das, was sie getan haben. Sie sich nochmal keine Sorgen, wenn es nicht genau den gleichen Abstand hat, was haben Sie? Dieser Kurs soll Sie nur daran gewöhnen, XD zu verwenden und jeden dazu zu bringen , wie Sie vorgehen und wie Sie sich nähern würden. Also die Schaffung bestimmter Sanktionen. Was wir also tun müssen, ist, unser Logo einfach von einem Paar zu leihen, das wird nur duplizieren. Und wir bringen es einfach ganz nach unten und sagen: Schauen wir uns das mal an. Also zentrieren wir uns hier nicht wirklich alles. Also lasst uns das einfach ein bisschen mehr Höhe bekommen. Sag etwas wie Verdienen darüber wird gut sein. Und dann haben wir diesen Abschnitt, in dem wir unsere Tags haben. Ich leihe mir das einfach und wir fügen es ein. Und dieser Typ greift eigentlich zurück damit wir es tatsächlich mit etwas lernen können. Und so werden wir es um uns haben. Also, so gut. Okay, jetzt müssen wir nur noch eine Art von unserer Linie an Ort und Stelle bringen . Also lasst uns das jetzt machen. Also könnten wir wieder das Stiftwerkzeug benutzen, wir könnten einfach die Linie verwenden, wo Dinge sind, da wir buchstäblich eine gerade Linie machen, werden wir dies einfach benutzen. wir also gedrückt und halten Sie die Umschalttaste gedrückt, um sicherzustellen, dass es eine völlig gerade Linie zeichnet. Und wir werden diese beiden hier haben. Und die Größe, ich glaube, wir haben es so etwas wie 399, definitiv A3, andere auch. Und das sieht ungefähr genauso aus, ich denke ist Toulon, dass sie dort vielleicht etwas dicker sind. Was auch immer das ist, das ist alles gut. Okay, also das ist alles in Ordnung. Aber mein Auswahlwerkzeug, und ich sehe, dass dies eher als anmutig blau sein wird, macht irgendwie Sinn. Und dann werde ich einfach nur diesen Text versperren und ihn kopieren und einfach runtergehen, um zu sehen, wie ich unsere Texte für immer eintippe. Okay, also kommen wir uns jetzt sehr nahe und fragen heute von hier aus sichergestellt wird, dass wir dies ausgewählt haben. Und ich werde noch einmal unser Wiederholungsraster benutzen, ich ziehe es raus, also haben wir noch zwei. Und dann passe ich einfach den Abstand an. Russland bringt diesen Abstand wahrscheinlich in nur einem Moment zurück. Also müssen wir diesen Teil auch weitermachen. Also klicken wir einfach für einen Moment ab. Okay, also klicke ich einfach hier drüben an. Ich werde die Gruppierung des Beschwerdeführers einfach aufheben , damit das nicht alles mitnimmt, wenn ich versuche , es zu sperren. Also dupliziere ich es, indem ich Alt gedrückt halte und dann ziehe. Ich lasse es hier rüber fallen. Okay? Dann holen wir unser Gitter zurück und stellen sicher, dass die Kanten genau hier auf diese Art von n ausgerichtet sind. Und wir sorgen dafür, dass es auch im Zentrum ist. Großartig. Das macht also alles Spaß. Und vielleicht nicht weit weg zu sein ist in Ordnung, also brauchen wir ein bisschen mehr. Es wird weniger geben, selbst wenn es um den Abstands-Aufsatz geht. Also so etwas denke ich ist das, was wir wollen. Berlin, ich glaube, wir sind da. Stellen Sie einfach sicher, dass ich das Ende ausgewählt habe. Ja, damit zufrieden. Brillant. Okay, also müssen wir jetzt nur noch sicherstellen, dass der entsprechende Text vorhanden ist , den Sie natürlich ausfüllen können, wenn Sie möchten. Und wir sind im Wesentlichen fertiggestellt. Alles ist jetzt ziemlich erledigt. Lassen Sie uns also einfach herauszoomen und sehen, was wir haben. Also nochmal, wir haben vielleicht ein bisschen von ihrer Version so leicht geradeaus . Wenn es um die verschiedenen Polsterungen geht und was hast du. Aber wir haben größtenteils immer noch das meiste davon selbst mit einer Art Kopieren und Einfügen dieses Textes nur für Geschwindigkeit erstellt selbst mit einer Art Kopieren und Einfügen dieses . Aber auch hier ist der springende Punkt dieses Klassenprojekts Sie sich nur daran gewöhnen, XD zu verwenden. Also denke ich immer, dass der beste Weg, etwas anderes zu beginnen, darin besteht , etwas anderes nachzuahmen. Hoffentlich haben Sie das nützlich gefunden und hoffentlich hat es Sie irgendwie dazu inspiriert vielleicht Ihre eigenen Projekte zu erstellen, was Sie hoffentlich für die nächsten Klassenprojekte tun werden, die Sie hoffentlich im Projektbereich Skillshare-Klasse teilen werden. Aber hoffentlich sieht dir das alles gut aus. Hoffentlich hat es dir gefallen, das zu tun. Und wir sehen uns im letzten Video. 31. Probiere meine Webflow auf Skillshare: Okay, also wenn du dieses Video erreicht hast, bedeutet das, dass du wieder am Ende des Kurses bist. Nun, mit Ihren neu gefundenen Fähigkeiten im Webdesign, denken Sie jetzt vielleicht nach, wie kann ich diese Websites tatsächlich erstellen? Und zufällig habe ich zwei weitere Kurse auf Skillshare, in denen es zwei weitere Kurse auf Skillshare, sich um Webflow handelt, ein Tool namens Webflow, das im Grunde ein Webentwicklungstool ist dem Sie eine Website erstellen können visuell unterscheidet sich Webflow jetzt ein bisschen etwas wie Wix oder anderen Drag-and-Drop-Buildern. Sie können Elemente per Drag & Drop ziehen, aber es ist ein professionelles Webentwicklungstool und es ist dem Verlangern am nächsten, das Sie erreichen können , ohne tatsächlich wissen zu müssen, wie man kodiert. Wenn Sie also ein Design erstellen, das Ihnen gefällt , hat Ihnen dieser Kurs dabei geholfen. Wenn Sie jetzt mit der Entwicklung von Websites beginnen möchten, können Sie jetzt die beiden Fähigkeiten miteinander kombinieren indem Sie sich meine Überholkurse auf Webflow ansehen. Gehen Sie also dorthin und schauen Sie es mir an und lassen Sie mich wissen, was Sie denken, und probieren Sie es aus, um zu sehen, ob Sie es entwickeln können, indem Ihre neu gefundenen Fähigkeiten aus dem Design verwenden. Und dann können die Website-Kurse Ihnen auch bei der Entwicklung der Websites helfen. Wenn du willst, schau mehr für mich, ich habe einen YouTube-Kanal. Wenn du nur einen Harrison Webflow eintippst, findest du mich wahrscheinlich dort. Ich hoffe, Sie fanden diesen Kurs nützlich, und ich hoffe, er hat Ihnen zumindest einen Ausgangspunkt gegeben , um mit der Erstellung Ihrer eigenen Designs zu beginnen. Okay, nochmals vielen Dank, nimm den Kurs, lass es mich wissen und überprüfe, was du davon hältst und wir sehen uns auf dem nächsten Kurs.