Grafikdesign für Anfänger: Lerne die Grundlagen durch Posterdesign

1. Einführung: In diesem digitalen Zeitalter, in dem viele Dinge visuell konsumiert werden und Menschen mit Hilfe von sozialen Medien oder Online-Plattformen einfach über Nacht ein Online-Geschäft machen können , ist die Verlegung der Grundlagen des Grafikdesigns eine großartige Möglichkeit, Ihre Selbstkreativität auszudrücken bietet Ihnen aber auch mehr Möglichkeiten. ob Sie eine Idee haben, damit können Sie Ihre Idee effektiver und effizienter kommunizieren. Hi, ich bin Smitesh Mistry, Grafikdesigner und Illustrator mit Sitz in Großbritannien. Als ich zum Erlernen von Grafikdesign kam, ging ich nicht den traditionellen Weg. Nachdem ich Product Design an der Universität gemacht hatte, verbrachte ich viel Zeit alleine damit, von verschiedenen Ideen und verschiedenen Lernmethoden herumzuspielen . Es hat mir eine Möglichkeit gegeben, die Grundlagen für das zu sehen , was es ist, und zu sehen, welche Teile wichtig sind. Das Erlernen der Grundlagen des Grafikdesigns ist eine so nützliche Fähigkeit, unabhängig davon, ob Sie Ihr Geschäftsprofil zum Platzen bringen, ein Poster für die Geburtstagsfeier Ihrer Kinder erstellen oder sogar eine Website erstellen. Das Erlernen der Grundlagen des Grafikdesigns wird Ihnen die großartige Grundlage bereiten, um Ihnen bei all Ihren Kreationen zu helfen. In diesem Kurs lehre ich die Grundlagen des Grafikdesigns von Typografie über Farbe, Hierarchie und vieles mehr. Ich führe Sie Schritt für Schritt durch jeden Abschnitt und gebe Ihnen Beispiele dafür, was jeder bedeutet, zusammen mit visuellen Beispielen, damit Sie selbst und Möglichkeiten sehen können , die Sie in Ihre Entwürfe implementieren können. In dieser Klasse entwerfen wir ein Poster. Alle Fähigkeiten, die Sie in diesem Kurs erlernen werden, sind alle auf alle grafischen Projekte übertragbar, die Sie in Zukunft durchführen, sei es von der Gestaltung sozialer Medien, eines Posters oder sogar einer Website für Ihr Portfolio. Ich freue mich darauf, diesen Kurs zu unterrichten, nicht weil ich ein Profi bin, sondern weil ich in ähnlichen Situationen war, in denen du vor ein paar Jahren warst. Für mich ist es aufregend zu wissen, dass all die Fähigkeiten, die ich jetzt gelernt habe und wie es mir geholfen hat und dass ich die Möglichkeit habe, Ihnen dies beizubringen, mir große Freude bereiten. Das einzige, was ich am Grafikdesign liebe, ist, dass es Ihnen eine Möglichkeit gibt , sich strukturiert auszudrücken, ob die Idee, die Sie kommunizieren möchten oder was auch immer Sie erstellen möchten, es einem Benutzer ermöglicht, es zu verstehen dass es manchmal schwierig sein kann, Ihre Idee visuell zu kommunizieren. Dieser Kurs ist perfekt für Anfänger, die nichts über Design wissen oder vielleicht schon einmal etwas darüber wussten, Sie möchten nur Ihr Gedächtnis darüber neu aufnehmen oder auffrischen, oder manchmal hilft es, ein Thema zu wiederholen , das Sie zuvor gelernt haben Sie treten zurück und öffnen Ihren Geist für verschiedene Möglichkeiten, Ihr Projekt zu erstellen oder zu sehen. Ich habe versprochen, dass du die Welt in einem ganz neuen Licht sehen wirst, nachdem du dich in dieser Klasse gewagt hast. Nachdem ich es selbst gemacht habe, meine Perspektive auf alles, von Menüs bis hin zu Einkaufsschildern, ändert sich alles, weil Sie es für die Art und Weise sehen, wie bis hin zu Einkaufsschildern, es erstellt wird. Schnappen Sie sich Ihren Laptop, Bleistifte und Papier und lassen Sie uns in kürzester Zeit schöne Designs kreieren. Wir sehen uns in der nächsten Lektion. 2. Kursorientierung: Innerhalb dieser Klasse arbeiten wir an einer Vielzahl verschiedener Übungen, die alle ihre Rolle dabei spielen, Sie zu diesem Thema aufzuklären und Ihnen mit jedem Element entlang Ihrer Zeit üben zu lassen, um die Klasse richtig zu verstehen. Bei jeder Lektion wird es eine kleine Aufgabe geben, der Sie folgen können da ich eine Arbeitsdatei in die folgende Beschreibung eingefügt habe. Machen Sie sich keine Sorgen, wenn Sie nicht genau die gleiche Software haben, da die Funktionen, die ich abdecken werde, auf alle Softwares übertragbar sind. Für das Gesamtprojekt entwerfen wir ein Poster als Feld. Dies ist der beste Weg, um alle Fähigkeiten, die wir in dieser Lektion erlernen, in ein Projekt einzubeziehen . Außerdem gibt es dir etwas zum Anzeigen. Sobald wir alle verschiedenen Elemente in dieser Klasse abgedeckt haben, garantiere ich Ihnen, dass Sie sich in Zukunft sicherer fühlen werden, Ihre eigenen Designs zu erstellen. Die Tools für diesen Kurs, den ich verwende, sind mein Laptop, und softwaremäßig wird Adobe Illustrator sein. Aber machen Sie sich keine Sorgen, wenn Sie diese Software nicht haben, da es viele andere kostenlose Vektorsoftware gibt. Eine, die ich empfehle, ist Affinity Designer, was meiner Meinung nach nur ein einmaliger Preis ist. Der Grund, warum ich mich für dieses Projekt entschieden habe, ist, dass es alle Fähigkeiten, die Sie erlernen, zu einem vereint dass es alle Fähigkeiten, die Sie erlernen, zu einem und Ihnen auch etwas gibt, das Sie an Ihrer Wand zeigen können. Schnappen Sie sich Ihren Laptop oder gehen Sie vielleicht zu Ihrem Computer und lassen Sie uns in kürzester Zeit schöne Designs erstellen. Wir sehen uns in der nächsten Lektion. 3. Ausgeglichenheit: In dieser ersten Lektion werde ich das Gleichgewicht und die Bedeutung des Designs abdecken . Das Ende dieser Lektion besteht darin, Ihnen ein gutes Gefühl dafür zu vermitteln, wie das Gleichgewicht innerhalb des Designs funktioniert und wie wichtig es ist, ob es Ihr Design schaffen und brechen kann. Ich zeige Ihnen die verschiedenen Möglichkeiten, wie Sie feststellen können ob Ihre Arbeit ausgewogen ist und verschiedene Aspekte und Möglichkeiten, wie Sie Ihr Design ausgleichen können. Zu Beginn zeige ich Ihnen all die verschiedenen Formen der Balance, die es im Design gibt, zeige Ihnen für jedes Element und wie sie funktionieren, und dann gehen wir zu einem praktischen Beispiel über, in dem Sie herumspielen können , um besser zu werden Verständnis des Gleichgewichts. Da es besser ist, alleine an etwas zu arbeiten, als du mich nur beobachtest. Was ist Balance? Balance ist die Verteilung des visuellen Gewichts eines Objekts, einer Farbe, einer Textur oder eines Raums. Wenn das Design eine Skala war, sollten diese Elemente ausgeglichen werden, damit sich das Design stabil anfühlt. Innerhalb des Designs gibt es drei Haupttypen von Balance, Sie sind symmetrisch, asymmetrisch und radial. Lassen Sie mich durchgehen, wie jeder funktioniert. Zu Beginn werde ich die drei Arten von Anleihen übergehen , die im Design verwendet werden können. Ich werde dir das mit einfachen Formen zeigen, nur damit du ein besseres Verständnis bekommen kannst. Erstens haben wir symmetrisch. Hier sind beide Seiten gleichermaßen ausgeglichen, wie Sie hier sehen können. Zweitens haben wir unsymmetrisch oder asymmetrisch. Bei asymmetrischer Balance sind die Layouts unterschiedlich. Sie sind nicht symmetrisch und sie sind nicht gleich. Aber wenn sie gleichermaßen gewichtet sind, fühlen sie sich immer noch ausgeglichen. Schließlich haben wir eine radiale Balance. Hier sind alle Objekte um einen zentralen Punkt verstreut oder angeordnet. Der Zweck besteht darin, das Auge oder die Aufmerksamkeit des Benutzers auf die Mitte des Bildes zu lenken. Jetzt kennen Sie die verschiedenen Arten von Balance. Lassen Sie mich Ihnen Beispiele zeigen, wie es im Kontext verwendet werden kann. Das erste Beispiel, das ich mit symmetrischer Balance habe , ist diese Illustration dieses Charakters, den ich gemacht habe. Der Grund, warum ich mich dafür für eine symmetrische Balance entschieden habe, ist, dass Menschen fast etwas Symmetrisches Attraktives finden. Es ist bewiesen, dass Menschen mit symmetrischen Gesichtern oder symmetrischen Objekten oder Gegenständen im Allgemeinen attraktiver sind, wenn sie sie betrachten. Dies ist eine Illustration, ich stoßen wollte, um ein attraktives, am Benutzerende gezeichnetes zu halten , weshalb ich für diese Illustration eine symmetrische und ausgewogene Balance gewählt habe . In ähnlicher Weise ist hier ein Beispiel, in dem ich ein Marketingmaterial für ein Restaurant erstellt habe. Da es sich um eine Veranstaltung zum Valentinstag handelt, ist es perfekt, dafür ein symmetrisches Layout zu wählen. Zweitens, übergehen Sie zum Asymmetrischen. Hier sind zwei Beispiele, die ich erstellt habe. Hier ist die Vorderseite einer Visitenkarte für ein Unternehmen. Die Idee dahinter war, die Augen des Benutzers zu beschäftigen , da das Bild nicht symmetrisch ist, aber immer noch ein allgemeines Gleichgewicht fördert. Damit möchte ich das Publikum so lange wie möglich beschäftigen, weshalb ich mich für dieses Design entschieden habe. Wie Sie hier sehen können, habe ich bestimmte Abschnitte hervorgehoben , die zeigen, dass Sie einen großen Abschnitt, ein Medium und dann einen kleinen Abschnitt haben . Aber wenn es alles zusammenbringt, fühlt es sich optisch ausgeglichen an. Schließlich haben wir hier einige Symbole, die ich erstellt habe, um zur radialen Balance zurückzukehren . Ich habe das Gefühl, dass Symbole oder Logos perfekt für die Funkbalance sind da sie den Benutzer in die Mitte des Bildes ziehen, was Sie im Allgemeinen wünschen. Profi-Tipp, wenn es um das Balancieren geht, sagen wir, wenn Sie drei Objekte auf einer Seite haben, möchte ich diese drei immer im Hinterkopf behalten. Ein wirklich großes, ein Medium und dann ein kleines. Für mich habe ich immer das Gefühl, dass sich das nur ausbalanciert und es ist eine großartige Möglichkeit, loszulegen. Was ich hier machen werde, ich habe diese Datei zusammengestellt die in der Beschreibung unten angehängt wird. Sie können mir mitfolgen, wenn Sie die Datei einfach herunterladen. Ein Paar von 3 Kunsttafeln, auf denen wir ein asymmetrisches Gleichgewicht üben werden, und hier mit dieser einzigen, mit diesen Elementen hier, werden wir ein symmetrisches Gleichgewicht üben. Ich habe dir drei Kunsttafeln gegeben, die du so viel erforschen kannst, wie du willst, aber ich werde zwei oder drei verschiedene erforschen, die potenziell sein könnten. Aber auch hier ist es einfach zu fühlen und zu sehen, ob beide Seiten oder das gesamte Kunstbrett optisch ausgewogen aussehen. Ich werde sicherstellen, dass dieser Pfeil hier, dieses Auswahlwerkzeug, das schwarze ausgewählt wird, indem Sie einmal darauf klicken. Dann können Sie mit jedem Objekt einfach anklicken und ziehen, wo immer Sie möchten. Wir fangen hier damit an. Ich klicke und ziehe sie einfach auf die Kunsttafel, nur um ein Gefühl davon zu bekommen, womit wir arbeiten. Das erste hier, das ich gemacht habe, wollte ich nur sagen, es fühlt sich nicht wirklich ausgeglichen an, weil es hier viel Weißtempo gibt und hier viel läuft. Ich fange einfach an, einige der Elemente wieder zu bewegen, klicke und ziehe einfach, wo ich will. Wenn ich jetzt viel mehr Balance fühle, fühlt es sich viel leerer an, also kann ich es tun. Ich klicke und halte die Umschalttaste gleichzeitig, halte die Umschalttaste gedrückt und klicke. Ich spiele nur mit verschiedenen Orientierungen, die du machen kannst. Ich halte die Leertaste und klicke. Auf diese Weise kann ich die Leinwand nach links ziehen. Wenn nicht, haben Sie das Handwerkzeug hier unten. Haben Sie das Handwerkzeug, mit dem Sie einfach klicken und ziehen können. Aber für Abkürzungen halte ich Platz und verschiebe die Kunsttafel. Ich klicke auf die Umschalttaste gedrückt und halte die Umschalttaste erneut gedrückt. Was wir tun werden, wir werden das auf diese Art Board duplizieren. Alt oder Option gedrückt halte, je nachdem, welche Software du verwendest, klicke ich auf Alt und ziehe dann und dann haben wir eine tiefe Farbe. Erneut Leertaste drücken und ziehen. Lasst uns nun an einem anderen arbeiten, dem du denkst, dass es funktionieren könnte. Ich bin glücklich mit der Art, wie diese drei aussehen. Auch hier ist es am besten, sich im Weltraum zu bewegen. Um dies mit all diesen Teilen zu sehen, befinden sich außerhalb der Kunsttafel und sind abgeschnitten. Wenn Sie zu „Ansicht“ gehen und auf diese Weise auf „Ansicht zuschneiden“ klicken , können Sie sehen, wie es aussieht, wenn die abgehackten Elemente abgehackt sind. Du kannst einfach reingehen und ein paar ordentliche Feinoptimierungen vornehmen. Aber für mich war das ein ziemliches visuelles Gleichgewicht. Es gibt genug Leerraum zwischen allem und die Mandeln, die bestimmte Abschnitte füllen, funktionieren gut zusammen. Dies sind drei verschiedene Arten, wie ich das asymmetrische Gleichgewicht erforscht habe. Lasst mich nun zur symmetrischen Balance laufen. Ich schalte die Trimmansicht durch [nicht hörbare] Ansicht und Trim-Ansicht aus. Jetzt, mit diesen drei hier, wollen wir eine symmetrische Balance machen. Der wichtigste Weg, dies zu tun, besteht darin, alles aufzustellen. Beginnen Sie damit, das hier zu platzieren, diese hier, bewegen Sie das ein wenig nach unten, lassen Sie dies einmalig abschneiden. Durch diesen in der Mitte und dann gibt es Plätze an der Spitze. Auch hier gibt es wahrscheinlich ein paar Möglichkeiten, wie Sie dies tun können, Sie können auf andere Weise die Formen sind, Sie können hier weitermachen und vielleicht dort weitermachen. Es gibt nur Möglichkeiten, die Sie tun können, aber wie Sie sehen können, gibt es hier eine Symmetrielinie, die das Gesamtding symmetrisch ausgeglichen anfühlt. Sie verdienen ein Spiel mit [unhörbar], Sie können beliebig viele verschiedene Optionen ausführen, wie Sie möchten, Alt oder Option gedrückt halten , hinüberziehen, und dann können Sie mit den verschiedenen Ausrichtungen herumspielen. Da Sie schnell mit Formen trainieren, werden Sie nicht mit Bildern Textkörpern detailliert, so etwas. Halten Sie ein ganz einfach, nur damit Sie ein besseres Verständnis des visuellen Gleichgewichts und der Art und Weise haben, es zu verwenden. Dies war die erste Lektion, die abgeschlossen wurde. Wir haben ausgewogen, die Bedeutung davon, die verschiedenen Möglichkeiten, wie Sie Ihr Design ausgleichen können, behandelt und Beispiele gezeigt, und Sie haben an einer Datei gearbeitet, um Ihnen ein besseres Verständnis der Balance innerhalb des Designs zu vermitteln . Wir sehen uns in der nächsten Klasse. 4. Ausrichtung: Die Konzepte dieser Lektion bauen wir auf der vorherigen Lektion auf, und ich zeige Ihnen verschiedene Möglichkeiten, wie Sie Ihre Entwürfe ausrichten können. Die Ausrichtung der verschiedenen Elemente in Ihrem Design ist Schlüssel zur Bereitstellung einer robusten Struktur für Ihre Arbeit. Alle Elemente in Ihrem Design müssen ausgerichtet sein, sei es Text, Bilder, Elemente, Assets oder sogar Hintergrundbilder. Lassen Sie mich zunächst alle verschiedenen Möglichkeiten durchgehen, wie Sie Ihre Arbeit ausrichten können. Ich werde all dies in einer Arbeitsdatei durchlaufen, die auch unten zu finden ist. Sehen Sie, die Sache ist, wenn ein Design schlecht ausgerichtet ist, wird es überladen und schrecklich aussehen. Wenn es ausgerichtet ist, ist es für den Benutzer leicht zu lesen, zu verstehen und optisch erfreulich zu betrachten. Eine kleine Aufgabe für diese Lektion wird darin bestehen, nur mit dem Align Tool in Illustrator herumzuspielen , oder es kann in jeder Software verwendet werden, die Sie verwenden werden. Wie bereits erwähnt, habe ich unten eine Arbeitsdatei angehängt , damit Sie die Schritte ausführen können, die ich unternehme. Lassen Sie mich Ihnen einige visuelle Beispiele für verschiedene Arten von Alignment zeigen, die verwendet werden. Wir beginnen mit der zentralen Ausrichtung, hier sind alle Elemente auf der Seite an einem zentralen Punkt ausgerichtet. Wie Sie hier an dieser violetten Linie sehen können. zur linken Ausrichtung weitergehen wieder zur linken Ausrichtung weitergehen, ist es ziemlich selbsterklärend. Alle Elemente sind an einer Linie ausgerichtet , die sich auf der linken oder linken Seite jedes Elements befindet und an dieser Linie ausgerichtet ist. Dies gilt auch für die rechte Seite. Hier sind alle Elemente auf der rechten Seite jeder Form ausgerichtet. Zu unserem Beispiel sind all diese Elemente nur Formen. Aber auch hier könnte dies ein Logo sein, dies könnte eine Überschrift, Subtext und dann vielleicht ein Aufruf zum Handeln oder was auch immer Sie möchten. Dies ist der Weg des Mitten -, Links - und Rechtsausrichtens, und das Gleiche kann für oben und unten getan werden. Gehen wir zur Verteilungsausrichtung über. Wenn Sie eine Reihe von Vermögenswerten haben, die alle identisch sind gleichmäßig verteilt werden möchten, ist dies eine Sache, die auch getan werden kann. Hier haben wir gesagt, dass dies Zeugnisse sein könnten oder es könnte ein Symbol für die Erklärung sein, es könnte alles sein. Dies ist die horizontale Verteilung, und hier ist ein Beispiel für die vertikale Verteilung. Dies sind die wichtigsten Arten der Verteilung oder Ausrichtung, die ich gerne in meinen Entwürfen verwende, und sind ein guter Ausgangspunkt für Sie. Für die Aufgabe beginne ich mit dieser Illustrator-Datei, damit wir es gemeinsam machen können. Wir werden eine linksbündige, eine zentral ausgerichtet, eine rechts ausgerichtet machen . Dann versuchen wir die Verteilung, vertikal und horizontal. Beginnend mit dem ersten. Lass mich das zusammen mit dir durchgehen. Ich wähle jedes Objekt aus, indem „Halten“ und „Umschalt“ klicke und dann immer wieder klicke. Was wir tun werden, wir gehen auf die rechte Seite, wo Sie dieses Symbol hier sehen. Wenn Sie dieses Symbol nicht sehen können, wenn Sie oben einfach zu Fenster gehen und dann auf „Ausrichten“ klicken, sollte es angezeigt werden. Ich klicke es nur für eine kurze Zeit an. Da sind wir los. Wir haben all diese Elemente ausgewählt und all diese Objekte hier auf diese linke Zeile aufgehoben . Alle diese ausgewählten, lassen Sie alle Ihre Schaltflächen los und klicken Sie dann einfach einmal auf das Objekt. Wie Sie sehen können, hat das jetzt eine schöne blaue Linie. Das zeigt, dass wir alle diese Assets an diesem ausgewählten ausrichten werden. Gehen wir hier zum Ausrichtenbedienfeld und klicken dann auf „Linksausrichten“. Wir klicken einmal, alles wird dahin gehen. Ich klicke erneut auf mein „Auswahl“ -Tool, klicke aus und zoome dann heraus. Das haben wir für linksbündige Personen getan. Gehen wir weiter zu zentrierter Ausrichtung. Wir klicken, halten „Umschalt“ gedrückt, klicken, klicken und klicken. Alle diese werden ausgewählt, während ich gedrückt habe und Shift. Eine Option hier, auf die wir uns ausgerichtet haben, also hier ist dies die Auswahl, also wird hier alles an dieser Auswahl ausgerichtet. Wenn ich jetzt das Mittellinienwerkzeug drücke, wird alles in die Mitte dieser Auswahl verschoben. Aber wir wollen es in der Mitte der Artboard. Lassen Sie mich unseren Befehl z steuern. Hier unten können wir „Zeichenfläche“ wählen, wie Sie hier sehen können, An Zeichenfläche ausrichten. Wenn wir jetzt darauf klicken, sollte alles in die Mitte der Zeichenfläche verlagert werden. Wie Sie sehen können, gibt es zwei Möglichkeiten, es gibt eine hier und es gibt eine hier, die einen Teil der Schnittstelle dieser beiden hier auftaucht . Du entscheidest, ich wähle frei, welches du willst. Ich wähle den hier oben aus. Los geht's, es ist in der Mitte der Zeichenfläche gerastet. Jetzt für die rechte Ausrichtung. Es ist ziemlich wiederholend, aber es ist gut, dies zu tun, nur damit Sie sich mit der Funktionsweise dieser Dinge vertraut machen. Klicken Sie erneut auf, halten Sie „Umschalt“ gedrückt, klicken, klicken und klicken Sie auf. Wir werden es diesmal auf der rechten Seite ausrichten. Ohne eine der Tasten zu drücken, klicken Sie einfach einmal auf das Shape. Dann möchten Sie sicherstellen, dass diese ausgewählt ist. Dann klicken wir auf „Richtig ausrichten“. Dort haben wir alles, was auf der rechten Seite ausgerichtet ist. Jetzt zur Verteilungsausrichtung. Wie Sie hier sehen können, sieht das ziemlich chaotisch aus. Es wurde nicht richtig ausgerichtet. Die Lücken oder der Abstand zwischen jedem einzelnen sind nicht konsistent. Ich klicke und ziehe, um alles hervorzuheben. Eine Sache, die Sie sicherstellen müssen : Wenn Sie einen solchen Cluster haben, möchten Sie sicherstellen, dass jeder einzelne gruppiert ist. Ich werde die Gruppierung einfach aufheben. Wenn Sie klicken und ziehen oder auf jede einzelne Umschalttaste klicken, können Sie mit der rechten Maustaste klicken und auf „Gruppieren“ klicken. Dies bringt jetzt all diese Gegenstände als eins zusammen. Es wird so rauskommen, lass uns halten und ziehen. Dann werden wir für diesen hier unten an diesen arbeiten, den Verteilungsobjekten. In diesem Fall wähle ich die horizontale Verteilung entlang der Mitte aus. Sie einmal darauf klicken, wird alles auf sich selbst ausgerichtet, aber Sie können sehen, dass es an der Außenseite des Boards gerastet ist. Ich wollte die Distanz halten, die wir bereits hatten. Ich drücke „Command“ oder „Control Z“. Ich stelle sicher, dass die Auswahl dieses Mal ausgewählt ist. Wenn wir das drücken, bleiben diese beiden Objekte hier außen an derselben Stelle, aber diese Objekte in der Mitte werden einfach so mit gleichem Abstand ausgerichtet. Jetzt ist jedes Element schön mit gleichem Abstand verteilt. Jetzt machen wir das Gleiche für den Horizontalen. Klicken und ziehen Sie erneut, sicherzustellen, dass die Auswahl ausgewählt ist, um sicherzustellen, dass die Auswahl ausgewählt ist, und dann verwende ich diesmal die auf der linken Seite. Die vertikale Verteilung entlang der Mitte, wenn wir einmal darauf klicken. Da sind wir los. Dies ist nur ein kurzes Beispiel für Sie, an dem Sie arbeiten können, nur um sich daran zu gewöhnen, wie Sie die Ausrichtungstools in Illustrator verwenden können, da ich diese auch ziemlich benutzt habe. Diese Lektion war schnell, um nur die Grundlagen der Ausrichtung zu behandeln, zu verstehen, wie sie funktioniert, und verschiedene Möglichkeiten, Assets innerhalb Ihrer Arbeit auszurichten. In der nächsten Lektion werden wir einen der wichtigsten Aspekte des Designs behandeln, der meiner Meinung nach Hierarchie ist. Wir sehen uns in der nächsten Lektion. 5. Hierarchie: In dieser Lektion werde ich auf die Bedeutung der Hierarchie eingehen und wie Sie diese in Ihrem Design erstellen können. Hierarchie kann verwendet werden, um Benutzer durch Ihre Arbeit zu führen , Struktur hinzuzufügen, wichtige Bereiche hervorzuheben oder bestimmte Teile Ihres Designs hervorzuheben. Ich zeige Ihnen, wie Sie Ihr Design davon abbringen können, indem Sie einfach verschiedene Elemente der Hierarchie einbeziehen. Es gibt eine Vielzahl von Möglichkeiten, wie Hierarchie in Ihrem Design erstellt werden kann. Dies ist erforderlich, um ein Gefühl der Bedeutung oder Ordnung zu schaffen, mit der Ihre Benutzer interagieren können. Dies kann durch einfache Manipulation dieser fünf Aspekte erfolgen: Größe, Form, Farbe, Textur und Raum. Denken Sie daran, dass dies die fünf Aspekte sind, die wir in dieser Lektion verwenden werden. Dies kann jedoch auf andere Aspekte des Designs verwendet oder angewendet werden, einschließlich Webdesign oder Illustration. Zunächst zeige ich Ihnen jeden Aspekt einzeln, die fünf, die wir erwähnt haben. Ich zeige Ihnen verschiedene Beispiele für jeden einzelnen, bei denen Sie nur diesen einen Aspekt manipulieren und wie dies zur Hierarchie beiträgt. Zum Schluss zeige ich Ihnen, wie wir alle fünf zusammenbauen können , um Ihr Design robuster und strukturierter zu gestalten. Wie in den vorherigen Lektionen habe ich unten eine Arbeitsdatei angehängt, damit Sie die Schritte ausführen können, die ich ausführen werde. Ich werde jedes Element durchlesen, das ich manipuliert habe, um davon zu kommen. Fangen wir an. Erstens haben wir Größe. Hier können Sie bestimmte Elemente auf der Seite vergrößern oder verringern , damit sie auffallen. Zweitens haben wir Gestalt. Hier können Sie die Form von Objekten oder Elementen auf der Seite ändern. Drittens haben wir Farbe. In diesem Beispiel habe ich die Farbe zweier Formen geändert. Sie können genug Unterschied und Kontrast erzielen, um das Auge des Benutzers auf die Seite zu lenken. Viertens haben wir Textur. Dies geschieht, indem die Textur einiger Elemente geändert wird. Endlich haben wir Platz. Hier können Sie den Abstand zwischen Elementen auf der Seite vergrößern oder verringern , um sie hervorzuheben. Indem ich auf das vorherige Beispiel zurückverweise, das ich am Anfang gezeigt habe, lassen Sie mich Ihnen zeigen, wie Sie durch Manipulation einiger Objekte Hierarchie hinzufügen, um zu arbeiten. Denken Sie daran, dass die Art und Weise, wie ich es Ihnen zeige, nicht die einzige Möglichkeit ist, dies zu tun. Sie können jedes Element manipulieren, das wir gerade besprochen haben und das Sie möchten, um Ihrer Wahl eine Hierarchie hinzuzufügen. Die ganze kreative Freiheit liegt in Ihren Händen, was das Schöne daran ist. Sie können es so aussehen lassen, wie Sie möchten, und wie Sie das Gefühl haben , eine Hierarchie hinzuzufügen, funktioniert am besten für Sie. In diesem Beispiel beginnen wir mit einer Reihe von Text und Bildern auf dieser Seite. Wie Sie sehen können, hat alles die gleiche Größe und auf dieser Seite gibt es keine wirkliche Reihenfolge für irgendetwas. Alles scheint das erste Wichtigste zu sein. Bevor wir beginnen, müssen wir entscheiden, in welcher Reihenfolge der Benutzer sich auf dieser Seite umsehen soll. Dafür möchte ich, dass dies oberste Priorität hat. Ich möchte, dass diese Typen durchscheinen, und dann möchte ich, dass diese ziemlich subtil sind. Fangen wir mit diesen Elementen an. Manipuliere sie auf verschiedene Arten, um die Hierarchie zu erstellen. Ich fange mit dem Teil an, den ich will. Ich möchte damit beginnen, Verloren in der Welt der Fotografie. Nennen wir es Slogan. Ich möchte mit diesem Slogan beginnen. Ich werde es einfach größer machen, ich klicke und halte die Umschalttaste. Mach es nur größer. Lass mich diese Typen aus dem Weg bringen. Tut mir leid, ein bisschen chaotisch. Wir haben das Logo. Ich spiele nur zuerst herum, nur Potenzial wohin es gehen könnte. So funktioniert es, nicht derjenige, der damit arbeitet. Ich ziehe einfach Gegenstände herum, um zu sehen, wie es aussieht. Da es sich um eine Landschaft handelt, ist es vielleicht gut, diese Elemente in lange Abschnitte zu trennen. Wie Sie hier sehen können, haben wir drei Hauptabschnitte. Wir haben den Titel, wir haben den Hauptbereich, wo es die Bilder und die Beschreibung der Bilder sind. Dann haben wir das Logo. Vorbehaltlich dessen, was wir zuvor besprochen haben, haben wir drei Hauptabschnitte. Wir haben ein Medium, wir haben ein großes und wir haben ein kleines. Jetzt, da wir eine grobe Struktur aus dem Weg haben, die ich möchte, dass sie aussehen soll, gehe ich rein und fange an, ein bisschen zu optimieren. Ich komme vorbei. Ich möchte, dass das mutig ist. Ich möchte, dass das viel mehr auffällt. Was wir getan haben, erhöhen wir damit die Größe. Dies fällt definitiv viel mehr auf der Seite hervor. Wir richten diese einfach an den Rand der Bilder aus. Auch hier möchte ich auch diesen ausrichten. Dieser Text möchte ich gerade ein bisschen trennen. Dann gehe ich hier rüber zum Zeichenfeld und dann werde ich hier den Zeilenabstand vergrößern. Ich werde dies in der nächsten Lektion behandeln, aber nur für dieses Beispiel möchte ich den Abstand nur ein kleines bisschen vergrößern. Ich werde die Größe ein wenig verringern. Ich werde das ein bisschen größer machen, weil es verloren geht. Vielleicht mach das auch mutig. Das sind winzige Optimierungen. So funktioniert es. Das Beste ist, sich zunächst anzulegen und dann durchzugehen. Ich mache nur winzige Optimierungen hier und da. Im Moment sieht das wie ein Abschnitt aus. Nichts fällt wirklich sehr hervor. Die Beschriftung ist etwas größer, fügt sich aber immer noch in eine ein. Ich werde diese fett machen, indem ich einfach klicke und und sie dann fett setze. Was mache ich? Ich werde die Schriftgröße erhöhen, nur hier oben nur um ein bisschen, vielleicht ein bisschen weniger. Jetzt innerhalb dieses Abschnitts selbst ist diese Hierarchie hier drin. Ich möchte, dass die Benutzer zuerst das Bild ansehen, dann die Bildunterschrift lesen und dann die Beschreibung lesen, was wir hier erstellen. Wieder groß, klein, mittel. Selbst bei der Hauptkomposition können Sie immer noch Elemente innerhalb derjenigen haben, in denen der Benutzer durch die Informationen auf der Seite geführt wird. Ich werde jetzt einfach damit fertig werden. Jetzt bin ich ziemlich nah dran, wo ich damit zufrieden bin. Wo gibt es eine klare Hierarchie, wohin die Augen des Benutzers gehen. Eine Sache, die ich nicht bemerkt habe, ist, diese beiden am meisten zusammenkommen. Ich möchte nicht, dass das so dauerhaft ist. Was mache ich? Ich fange an, reinzugehen und die Farbe zu ändern. Welche Farbe? Klicken Sie auf den Text, doppelklicken Sie hier auf das Farbfeld, und dann gehe ich für ein Grau, vielleicht etwas heller. Es ist ein bisschen subtiler. Vielleicht geh und ändere es auf mittel. Ich mache das ein bisschen kleiner. Was mache ich? Ich gehe rein und wechsle die Farben. Ich wähle den Text aus. Ich drücke I auf meiner Tastatur. Dann wähle ich eine Farbe aus einem dieser Bilder aus. Einfach so. Auch hier müssen diese letzten Optimierungen eingehen und den Text um einen weiteren Punkt reduzieren , weil ich das Gefühl habe, dass er noch etwas zu prominent ist. Los geht's, ich bin ziemlich zufrieden mit der Art, wie das aussieht. Mal sehen, womit wir angefangen haben und wo wir gelandet sind. Wir haben mit einer Komposition wie dieser angefangen, in der alles gleich aussieht, es gibt keine Hierarchie. Alles sieht genauso wichtig aus. Aber was wir getan haben, haben wir die Elemente befreit, die wir am Anfang besprochen haben. Die fünf verschiedenen Möglichkeiten, ein Objekt oder ein Bild oder Text zu manipulieren. Wir haben das hinzugefügt, und jetzt sind wir mit diesem letzten Teil gelandet. Lassen Sie uns durchgehen und besprechen, was wir getan haben. Zu Beginn haben wir Größe. Diese, diese, diese und diese haben wir diese vergrößert, um sie prominenter zu machen. Wir haben die Größe dieses Textes und den Namen des Ereignisses verringert , um ihn weniger hervorzuheben. Zweitens haben wir die Farbe geändert. Radikal musste ich es ein bisschen mehr hervorstechen lassen. Wir haben diesem wirklich Textur oder Form hinzugefügt, aber wir haben Platz hinzugefügt. Wenn Sie den Speicherplatz hier erstellen, kann der Benutzer diesen Teil der Informationen zuerst verarbeiten, dann diesen, und dann gehen sie schließlich darauf zu. Das wollten wir. Wir wollten, dass sie zuerst den Slogan lesen, dann wollen wir zu den Bildern gehen und die Bildunterschriften lesen, und dann möchten wir, dass sie sich das Logo ansehen. Dies war eine erfolgreiche Art und Weise, dass wir diesen Informationen Hierarchie hinzugefügt haben und dann damit endete. Hier ist ein kleiner Tipp, den ich gerne verwende, wenn ich mit der Hierarchie meines Designs herumspiele. Ich zeige meine Arbeit Leuten um mich herum, Freunden, Familie oder sogar Arbeitskollegen und frage sie, wohin geht dein Auge zuerst, zweitens, drittens oder abhängig von der Anzahl der Elemente, die da drin sind, nur damit sie es tun listet die Reihenfolge auf, in der sich das Auge um Ihre Arbeit bewegt. Als Zusammenfassung haben wir verschiedene Möglichkeiten behandelt, wie Sie Hierarchie zum Arbeiten hinzufügen können , indem Sie bestimmte Aspekte wie Größe, Farbe und Raum manipulieren . In der vorherigen Lektion empfehle ich Ihnen, etwas Zeit damit zu verbringen, damit zu spielen verschiedene Aspekte zu manipulieren: die Größe, die Farbe oder den Raum. Nur um sich mit verschiedenen Möglichkeiten vertraut zu machen, wie Sie Ihrer Arbeit Bedeutung oder Struktur verleihen können . Aber denken Sie daran, dass es keinen festen Weg gibt, dies zu tun. Es geht darum, einfach nur Spaß zu haben und Ihrer Kreativität fließen zu lassen. In der nächsten Lektion werde ich mich mit den Grundlagen der Typografie befassen. Auch hier müssen Sie nur mit den Grundlagen kratzen , damit Sie bestimmte Terminologien verstehen können, die ich verwenden werde. Wir sehen uns in der nächsten Lektion. 6. Typografie: In dieser Lektion werde ich die Grundlagen der Typografie durchgehen , damit Sie sie zu Ihrer Arbeit hinzufügen können. Zu Beginn werde ich die drei Hauptschriften durchlaufen und dann auf ein paar weitere Terminologien und verschiedene Arten stoßen , wie sie angewendet werden können. Typografie kann in drei Haupttypen unterteilt werden. Zuerst haben wir Serifenschriftarten. Dies sind diejenigen, die die kleinen Bewegungen an den Enden haben. Diese kleinen Filme werden Serifs genannt. Zweitens haben wir einige San Serifen-Fonts. Sans bedeuten ohne das sind also die Schriftarten, die nicht den Film haben. Dann haben wir endlich dekorative Schriften. Dies sind diejenigen, die normalerweise nicht in die Einschränkungen derjenigen passen , die wir zuvor erwähnt haben. Aber ich werde es vorerst dabei belassen. In dieser Lektion konzentrieren wir uns hauptsächlich auf San Serif- und Serifenschriftarten. Der Grund dafür ist, dass diese beiden Schriftarten die wichtigsten sind , die in verschiedenen Designs verwendet werden. Sie haben dekorative Schriftarten, Skriptschriftarten und viele andere verschiedene Typen, aber ich denke, dass diese beiden die wichtigsten beiden sind, die verwendet werden. Da wir es also einfach halten, werden wir uns nur auf diese beiden konzentrieren. Wie bereits erwähnt, denke ich, dass es gut ist, die Grundlagen und Grundlagen zu beherrschen damit Sie ein besseres Verständnis erhalten, bevor Sie sich zu fortgeschritteneren Teilen entwickeln. Einige der Terminologien, die beim Umgang mit dem Typ gut zu wissen sind , sind die Verfolgung und der Zeilenabstand. Tracking ist die Lockerheit oder Dichtheit eines ausgewählten Textblocks, während Zeilenabstand, auch als führend bezeichnet, sich auf den Abstand zwischen Ihren Textzeilen bezieht. Ein weiterer wichtiger Aspekt bei der Verwendung von type besteht darin, sicherzustellen, dass beim Koppeln von zwei Schriftarten sie funktionieren, sei es als Kopf- und Texttext oder Untertitel oder irgendetwas je nachdem, wann Typ verwendet wird, ist es wichtig zu verstehen, dass die von Ihnen gewählten Paarungen gut zusammenarbeiten. Wenn Sie Schriftarten koppeln, denke ich, dass es am besten ist, sie auf maximal zwei verschiedene Schriften zu belassen, um sie konsistent zu halten, aber auch einfach mit Text und Header als Serifenschrift oder Serifenschrift zu arbeiten oder zu verwenden . Lassen Sie mich Ihnen nun ein paar Beispiele für Schriftpaarungen zeigen, die ich zuvor verwendet habe oder solche, die gut zusammenarbeiten. Wenn Sie eine Schrift wählen, ob sie gleich ist oder ob es sich um eine andere Schrift handelt, möchten Sie, dass sich die Schriftart gegenseitig ergänzt, aber dennoch genügend Kontrast hat. Dies kann erreicht werden, indem Sie das Gewicht der Schriftart ändern, indem eine fette Schriftart mit einer regulären Schriftart kombinieren, wie ich es Ihnen jetzt zeigen werde. Wie Sie in diesem Beispiel sehen, sind beide, die Überschrift und der Körpertext beide auf mittel eingestellt, wie Sie sie sehen können. Nur wenn man die Art und Weise ändert, kann dies wirklich einen guten Kontrast dazu bringen. Ich klicke zunächst auf die Überschrift, klicke auf das Dropdown-Menü und mache es fett und reduziere dann den Weg dieses auf regulär. Wie Sie hier sehen können, haben wir den Kontrast zwischen diesen hinzugefügt, obwohl es dieselbe Schriftart ist und sehr gut funktioniert. Jetzt zu den verschiedenen Schriftpaarungen. Lassen Sie mich damit beginnen, Ihnen einige Beispiele für Schriftpaarungen zu zeigen, die gut zusammenarbeiten. Hier haben wir ein Beispiel für Helvetica Neue und Garamond. Für die Titelschrift habe ich sie fett und dann für den Textkörper als regulär festgelegt . Genau wie wir zuvor besprochen haben, funktioniert dieser Kontrast zwischen den beiden Schriftarten sehr gut. Diese Schriftpaarung ist sehr klassisch verwendet Helvetica für Titel und Überschriften und Garamond für den Textkörper. Der Grund, warum diese beiden zusammenarbeiten, wobei Helvetica eine San Serifenschrift ist, und der Haupttext, dass der Garamond eine Serifenschrift ist, hilft wirklich, den Kontrast zu den glatten geraden Linien dieses und dann den kurvigen Serifen auf der Rand der meisten Charaktere bringt diese beiden wirklich zusammen. In diesem Beispiel verwenden wir denselben Schriftarttyp. Beides sind serifenlose Schriftarten, aber wie Sie sehen können, unterscheiden sie sich geringfügig. Hier oben haben wir Roboto als Überschrift und für den Körpertext haben wir Montserrat. Diese beiden funktionieren gut zusammen, denn wie Sie sehen können, ist diese Schriftart ziemlich schmal und diese ist ziemlich breit, was dort einen Kontrast erzeugt. Aber auch dann, wie wir es zuvor getan haben, die Überschrift fett und dann der Körpertext in dieser Situation regelmäßig oder leicht gemacht wird, hilft es wirklich, den Kontrast zwischen den beiden hinzuzufügen, wodurch sie hervorstechen bei der Hierarchie, die wir in der vorherigen Lektion besprochen haben. Es gibt viele weitere verschiedene Schriftpaarungen, die Sie erforschen können da die Anzahl der Schriftarten endlos ist. Es gibt viele Websites, auf denen Sie beliebte Schriftpaarungen durchsuchen können , wenn Sie Schwierigkeiten haben, damit zu beginnen. Ausgehend von Schriftpaarungen sind hier einige Punkte, die Sie bei der Arbeit mit Typografie wissen müssen. Erstens haben wir Schriftgewichte. Ich bezeichne dies gerne als wie fett oder wie dünn die Schrift ist. Wenn Sie eine Schriftart wählen, enthält sie im Allgemeinen andere Optionen wie normal, mittel, fett, und sie geht bis zu schwer oder schwarz. Dies ist nützlich, wenn Sie Prinzipien anwenden, die wir in unserer vorherigen Lektion über Hierarchie gelernt haben , unabhängig davon, ob Sie etwas Mutiges machen oder etwas hervorheben möchten. Zuerst wählen Sie einfach das Element aus, das Sie ändern möchten. Hier wähle ich diese Überschrift aus, und dann erscheint sie hier in diesem oberen Abschnitt neben dem Formular bereits. Hier unten gibt es einen Pop, in dem Sie alle verschiedenen Möglichkeiten auswählen können, da Sie sehen können, wie es sich ändert, während ich von dünn, leicht, mittel, fett und dann schwarz über die verschiedenen schwebe . Diese Terminologien sind in den meisten Schriftarten ziemlich üblich, was Ihnen das Verständnis erleichtert. Dünn, leicht bedeutet, dass das Gewicht der Schrift geringer ist, und je höher Sie so fett und schwarz sind, desto größer wird der Weg der Schriftart. Zweitens haben wir Leerraum. Dies ist wichtig, wenn Sie mit Typografie arbeiten , da es wichtig ist, Ihren Text atmen zu lassen. Ich weiß, dass das albern klingt, aber die Erhöhung des Zeilenabstands um ein oder zwei Punkte macht den größten Unterschied beim Lesen des Textes. Damit meine ich, den Text nicht zu nahe beieinander zu haben, wie Sie in diesem Beispiel sehen können. Es gibt zwei Möglichkeiten, wie dies geschehen kann. Erstens, indem Sie Gegenstände voneinander wegbewegen. In diesem Fall verschieben Sie die Überschrift vom Haupttext weg. Zweitens kann dies geschehen, indem der Linienraum, in dem wir zuvor besprochen haben, vergrößert werden, was hier oben möglich ist. Klicken Sie auf „Charakter“ und dann, wie Sie dieses Icon hier sehen können, wo diese beiden Ebenen übereinander liegen. Wenn Sie einfach darauf klicken, steigt der Zeilenabstand, wie Sie sehen können. Das sieht jetzt viel einfacher aus zu lesen, viel mehr nach Osten zu konsumieren, indem man den Text ein wenig atmen lässt. Schließlich haben wir Ihren Text ausgerichtet. Es gibt drei Möglichkeiten, wie ein Text unabhängig davon ausgerichtet sein kann , ob er links, mittig oder rechts ist. Es gibt andere wie gerechtfertigten Text, aber das werde ich in dieser Lektion nicht behandeln. Ähnlich wie wir in der vorherigen Ausrichtungsstunde besprochen haben, möchte ich Sie jedoch nur mit den verschiedenen Symbolen und der Funktionsweise vertraut machen. Es ist ziemlich ähnlich, aber ich möchte das nur durchgehen, damit du es weißt. Zunächst wählen wir diese beiden Elemente aus. Hier oben zeigt es automatisch die Ausrichtungstools für Ihren Text an. Sie haben linksbündig, mittlere Linien und rechtsbündig ausgerichtet. Ich persönlich verwende gerne hauptsächlich linksbündig oder zentriert, ich berühre sehr selten rechts ausgerichtet, wie es unsere Augen im Allgemeinen tun, von links nach rechts gelesen. Wenn der Text links ausgerichtet ist, gibt es eine gewisse Struktur und eine Möglichkeit für den Benutzer zu wissen, wo er mit dem Lesen beginnen soll. Aber nur zum Beispiel werde ich es dir zeigen. Sie klicken einfach, halten erneut „Umschalt“ gedrückt und klicken erneut. Sie können auf die mittlere Linie unten tippen und wie Sie hier sehen können, ist alles durcheinander. Dies liegt daran, dass die Mitte dieser Box da ist und dann der Mittelpunkt dieses Titels da ist. Es gibt zwei Möglichkeiten, dies zu tun. Sie können dies rüberziehen, bis es einrastet, wie Sie es dort gesehen haben. Jetzt gehen wir los. Beide sind zentral liniert oder drücken Befehl oder Strg Z, ich kann beides hervorheben. Was wir dann in der anderen Lektion über die Ausrichtung gelernt haben, wenn wir auf dieses Feld klicken und dann zu Ausrichten gehen und sie dann zentral ausrichten. Es gibt eine andere Möglichkeit, Ihren Text auszurichten. Hier sind zwei Tipps, die ich regelmäßig verwende, wenn ich mit Typografie arbeite. Erstens beginnen wir mit dem Schriftgewicht. Wenn wir versuchen, Hierarchie hinzuzufügen, Betonung hinzuzufügen oder etwas hervorzuheben , überspringe ich gerne eine Gewichtskammer. Ob der fett gedruckte Text mittel oder normal ist, und ich überspringe eine Gewichtskammer. Ich gehe von mittel bis fett oder gehe von mittel zu halbfett zu fett. Wie du gesehen hast, habe ich die Klammer weggelassen, ich habe das Halbfett übersprungen. Die zweite Spitze ist der Zeilenabstand. Ich persönlich kann es schwierig sein, den richtigen Zeilenabstand zu finden. Wie ich bereits erwähnt habe, ist es wichtig, dass Ihre Texte atmen. Aber mal in der Größe deiner Schrift um 1,4. Für mich habe ich das Gefühl, dass es am besten funktioniert. Mit dieser Lektion gibt es nicht wirklich viel Übung zu tun. Es geht nur darum, sich mit diesen Schlüsselwörtern vertraut zu machen, da es mehr darum ging , die Grundlagen der Typografie zu verstehen, wenn Sie sie in Ihren Entwürfen verwenden. Ein wichtiger Takeaway, von dem ich hoffe, dass Sie von dieser Lektion erhalten haben Schriftpaarungen und das Verständnis, wie sie funktionieren. Aber Sie haben auch Spaß damit und verstehen, was Sie fühlen, ist optisch ansprechend, aber Sie integrieren auch Aspekte der Hierarchiestunde in Ihre Typografie, um sicherzustellen, dass zwischen dem Typ, den Sie verwenden, genügend Kontrast besteht. Wie bereits erwähnt, spielen Sie ein wenig damit herum, spielen Sie mit verschiedenen Schriftarten. Gehen Sie mit Ihren eigenen Schriftpaarungen, bei denen Sie sich als Arbeit fühlen , aber machen Sie sich auch mit diesen verschiedenen Terminologien vertraut. Wenn Sie Typ verwenden, fühlen Sie sich wohler. In der nächsten Lektion werde ich die Farbe, die grundlegende Terminologie und verschiedene Möglichkeiten übergehen , wie sie verwendet werden kann. Wir sehen uns in der nächsten Lektion. 7. Farbe: In dieser Lektion werde ich Farbe abdecken. Es geht darum, Ihnen ein besseres Verständnis für verschiedene Terminologien zu vermitteln, die verwendet werden, wenn Sie Farbe verwenden oder die Farbe in Ihrer Arbeit beschreiben. Erstens lese ich zunächst einige Terminologie durch , die in Farbe verwendet wird. Dann fahren wir mit Farbpaarung, Farbschemata und Farbpaletten fort. Zu Beginn sind drei Hauptmethoden, wie Farbe beschrieben werden kann, mit Farbton, Sättigung und Wert. Hue bezieht sich im Allgemeinen auf die Farbe selbst. In Illustrator sind dies drei Balken, hier haben wir den Farbton. Das sind alle Farben, die Sie haben, egal ob grün, rot, violett, das ist Ihr Farbton. Zweitens haben wir Sättigung. So stark oder wie schwach die Farbe ist. Schließlich haben wir einen Wert. Dies ist die Art, Ihre Farbe aufzuhellen oder zu verdunkeln. Diese drei Elemente waren Hand in Hand, wenn Sie Farbe in Ihrer Arbeit verwendeten. Es ist aber auch gut zu verstehen, wie sich das Ändern eines oder zweier dieser Schieberegler auf die Farbe auswirkt, die Sie auswählen möchten. Innerhalb des Designs könnte Ihr Projekt manchmal einfarbig sein, wie in diesen Beispielen hier, in denen alle dieselbe Farbe verwenden, aber vielleicht wurde der Wert oder die Sättigung geändert. Aber in einigen Projekten möchten Sie vielleicht mehrere Farben verwenden, vielleicht zwei, vier, vielleicht sogar mehr. Wenn Sie jedoch mehr als eine Farbe wählen, ist es wichtig, dass diese Farben zusammenarbeiten, da sie Ihr Design erzeugen oder brechen können. Lassen Sie mich Ihnen ein kurzes Beispiel zeigen, bevor wir in verschiedene Arten von Farbkombinationen mit einem guten Beispiel und einem schlechten Beispiel dafür einsteigen verschiedene Arten von Farbkombinationen mit einem guten Beispiel , wie die Wahl der richtigen Farbe oder der falschen Farbe Ihr Design machen oder brechen kann. Die drei Haupttypen von Farbschemata, die Sie erhalten können, sind angrenzende und monochromatische Gegensätze . Lassen Sie mich jeden einzelnen durchgehen und was sie bedeuten, mit Beispielen, die Sie zeigen können. Für dieses Beispiel verwende ich das Farbrad. Dies ist eine übliche Sache, die im Design verwendet wird, nur um Farben ein bisschen besser zu verstehen. Bevor ich darauf eingehe, zeige ich Ihnen in Illustrator, wo Sie das Farbfeld finden und wie Sie es ähnlich wie ich es erkläre verwenden können. auf der rechten Seite Wenn Ihr Pfeil auf der rechten Seite so ist, drücken Sie einfach, um ihn zu erweitern. Hier haben Sie das Farbfeld. Wenn dies nicht der Fall ist, können Sie erneut zu Fenster gehen und dann auf Farbe klicken. Ich erkläre Farbe und wie ich sie mit Farbton, Sättigung und Wert verwende , die hier zu finden sind. Wenn Sie diese drei Zeilen drücken und dann zu HSV gehen, haben Sie hier Ihren Farbton, Ihre Sättigung und er ist hier mit B für Schwarz gekennzeichnet, aber wir werden als Wert arbeiten, um Ihre HSV-Schieberegler zu erhalten. Erstens haben wir Hue. Dies bezieht sich auf die Farbe selbst, wie Grün, Rot, Gelb. Dies ist die Farbe, die ich zuerst wähle, bevor mit den anderen Schiebereglern beginne oder herumspiele. Zweitens haben wir Sättigung. So stark ist die Farbe. Ich passe diesen an, wenn ich die Helligkeit ändern oder die Farbe dunkel machen möchte. Dann haben wir endlich einen Wert. So viel Schwarz wird der Farbe hinzugefügt. Dies ist eine großartige Möglichkeit, die Farbe, mit der Sie arbeiten, viel dunkler zu gestalten. Alle diese Schieberegler arbeiten Hand in Hand. Mit diesen Schiebereglern herumzuspielen, um zu verstehen, wie sie funktionieren, wird für Sie wirklich von Vorteil sein. Nehmen Sie sich Zeit und spielen Sie einfach mit diesen Schiebereglern herum. Jetzt wissen Sie, wie Sie die Farbe ändern und die Farbe auswählen. Die meisten Designs, mit denen Sie arbeiten werden, haben möglicherweise eine oder sogar mehrere Farben. Lassen Sie mich drei Haupttypen von Farbkombinationen durchgehen, um Ihnen den Einstieg zu erleichtern. Aber andererseits hört es nicht auf. Es gibt noch viele mehr. Dafür ist dies jedoch ein guter Ausgangspunkt. Zu Beginn beziehe ich mich für viele dieser Beispiele auf das Farbrad. Dieses Farbrad ist durchaus üblich, um Farben zu erklären, Farbtheorie und einfach die beste Art, sie zu verwenden. Dies ist das Farbrad. Zunächst werden wir über die angrenzenden Farbschemata sprechen. Dies ist, wie Sie auf dem Bildschirm sehen können, wo Ihre bestimmten Farben, die nebeneinander auf dem Farbrad liegen, damit Sie endlose Kombinationen machen können. Du könntest Violett und Blau haben, du könntest Rot und Rosa haben, du könntest Gelb und Orangen oder sogar Blau und Grün haben. Die verfügbaren Optionen sind endlos. Es ist nützlich, sich bei der Auswahl der Farben auf das Farbrad zu beziehen. Aber ich habe diese beiden Farben genommen und mit der Sättigung und dem Wert gespielt , um eine völlig neue Farbkombination zu schaffen. Lassen Sie mich ein Beispiel für frühere Arbeiten zeigen, die ich mit diesen Farbschemata erstellt habe. Ich will lila, blau und pink. Wie Sie sehen können, sind sie alle im Farbrad nebeneinander. Hier ist eine Illustration, die ich mit diesem Farbschema erstellt habe. Du hast den Blues, du hast das Rosa und du hast das Violett. Es ist eine großartige Möglichkeit, ein ganzes Konzept zusammenzubringen, da es wirklich gut funktioniert. Hier ist ein weiteres Beispiel, wenn Sie eine andere Farbkombination wählen, bei der Sie Gelb und Orangen haben. Hier ist eine Farbpalette, die verwendet wurde, und hier ist die Illustration, die wir erstellt haben. Hier haben wir den Donut mit den Gelben und Orangen. Es funktioniert wirklich gut zusammen, da diese Farben auf dem Farbrad nebeneinander liegen. Sie in einer Illustration zusammen zu haben, funktioniert sehr gut. Nur indem man die Sättigung und den Wert dieser Farben ändert , bringt das Ganze wirklich zusammen. Als du die Dunkelheit hast, das Licht, hast du deine mittleren Töne, und sie funktionieren alle gut zusammen. Hier ist eine andere Kombination. Ich habe benachbarte Farben verwendet, aber die angrenzenden Farben, die ich verwendet habe, sind viel größer. Ich fange von Orange bis hin zu Grün an. Andererseits funktionieren diese sehr gut zusammen, da sie eine Mischung aus verschiedenen Sättigungen und Werten sind . Sie alle zusammen zu haben, funktioniert sehr gut. Sie verirren sich nicht ineinander. Die zweite Art von Farbkombination, die Sie ausführen können , sind entgegengesetzte Farben oder kontrastierende Farben. Wie der Name schon sagt, sind dies die Farben, die sich auf gegenüberliegenden Seiten des Rades befinden. Diese Farben sind sehr kontrastierend, funktionieren aber bei richtiger Anwendung sehr gut zusammen. In diesem Beispiel wurde ich auf dem Rad ausgewählt, wie Sie die Gegensätze voneinander sehen können. Du hast Rot und Grün. Dies sind kontrastierende Farben, also werden Sie vorsichtig sein, wenn Sie diese zusammen verwenden. Wenn ich diese in Kontexten verwende, zeige ich Ihnen einige Beispiele für Illustrationen, die ich mit dieser Farbkombination gemacht habe. Wie Sie bei diesen sehen können, verwenden diese alle dieselbe Farbpalette. Aber eine Sache, die Sie beachten sollten, ist, dass ich raten würde, eine Hauptfarbe auszuwählen und dann die andere Farbe zu haben, die Sie als Highlight oder Akzent auswählen. Wie Sie bei diesem sehen können, ist die Hauptfarbe bei der Socke das Rot, und ich habe hier und da kleine grüne Glanzlichter. Sie zu einem Knödel übergehen, ist die Hauptfarbe hier der Hintergrund , der rot ist, und dann habe ich als Highlights oder als Akzentfarbe das Grün verwendet. Dann ist hier mit der Wassermelone wieder die Hauptfarbe das Rot, und ich habe das Grün als Akzent verwendet. Zeigt ein anderes Beispiel. Geh zurück ans Steuer. Wir haben lila und gelb, zwei entgegengesetzte Farben. Aber lassen Sie mich Ihnen Beispiele zeigen, wie ich sie in früheren Illustrationen verwendet habe. Also hier zwei Beispiele, die ich gemacht habe, sowohl lila als auch gelb kombiniert. In beiden Beispielen habe ich Lila als Hauptfarbe verwendet, und dann habe ich das Gelb als Akzent verwendet, indem ich den Wert und die Sättigung dieser Punkte angepasst habe, um genügend Kontrast zwischen den Farben zu erhalten. Aber auch die Farben können gut zusammenarbeiten, sodass sie platzen können. Endlich haben wir Monochrom. In diesem Beispiel beziehe ich mich auf das Rad, weil Sie einen beliebigen Farbton auswählen würden, und dann passen Sie nur die Sättigung und den Wert an. Mit diesen monochromen Kombinationen ist es [nicht hörbar], den gewünschten Farbton auszuwählen. Anschließend passen Sie den Wert und die Sättigung dieser Farben an, um eine Palette zu erstellen. Hier sind einige Beispiele für Illustrationen, die ich mit diesen Farbpaletten erstellt habe. Dieser auf der linken Seite ist sehr blau, indem die Sättigung angepasst wird, und der Wert dieser ergibt genügend Kontrast zwischen den Farben, damit sie sich untereinander abheben können. Dann hier auf der rechten Seite haben wir dieses Herz, das aus verschiedenen Werten von Rot und Rosa besteht. Auch hier, indem Sie den Wert und die Sättigung anpassen. Sie haben gut zusammengearbeitet, weil ich dafür gesorgt habe, dass der Kontrast zwischen den Farben hoch genug ist, damit sie durch Anpassung der Wert- und Sättigungsschieberegler nicht ineinander verloren gehen. Aber keine Sorge, wenn es Ihnen ziemlich schwer fällt, eine Farbpalette zusammenzustellen. Es kann ziemlich schwierig sein, wenn Sie das erste Mal damit verbringen, aber es gibt mehrere Websites, die Ihnen bei Farbpaletten helfen. Hier sind ein paar Websites, die ich zuvor benutzt habe, nur um Sie in den Fluss zu bringen Farben zu verstehen und verschiedene Möglichkeiten, sie miteinander zu koppeln. Der erste ist Color Hunt. Dies ist eine großartige Website, da sie Ihnen bereits Voreinstellungen geben, Sie müssen nichts suchen, Sie gehen einfach auf die Website und Sie können einfach scrollen und scrollen und scrollen und einfach nach der Farbkombination suchen, die Ihnen gefällt. Eine Sache, die ich jedoch erwähnen muss, ist, wenn Sie Farbpaletten auswählen, wenn Sie den Mauszeiger über diese Farben bewegen, es einfach mit diesen Codes platzen, und Sie fragen sich vielleicht, was sind diese Codes oder wie bekomme ich diese Farben in Illustrator? Lassen Sie mich es Ihnen zeigen, damit Sie darauf klicken können. Hier haben Sie Ihre Farbpalette, sie gibt die Aufschlüsselung hier unten. Diese Codes hier wird Hex-Code genannt. So weiß die Software, was die Farbe hat. Wie Sie dort gesehen haben, indem Sie darauf klicken, kopiert es die Farbe. Ich gehe zurück in Illustrator. Wenn ich diese Farbe vermitteln möchte, klicke ich hier auf das Shape. Ich klicke und ziehe, nur um eine Form zu erstellen, und jetzt möchte ich es füllen. Ich gehe hier rüber und klicke auf die Füllung. Jetzt ist es weiß. Aber ich möchte es hier in diese Farbe bringen. Wie gesagt, wir haben es erneut kopiert, indem wir geklickt haben. Jetzt auf der rechten Seite gehen wir zurück zur Farbpalette, aber dieses Mal müssen wir in RGB gehen, wie Sie hier sehen können. Wie Sie unten sehen können, können Sie diesen Hash sehen, in dem Sie den Code eingeben können. Wenn wir durch Drücken von Befehl oder Strg V einfügen, dann drücken Sie die Eingabetaste. Die Farbe, die wir online gesehen haben, wurde eingefügt. Wir können das Gleiche für den Rest von ihnen tun. Ich klicke bei gedrückter Alt-Taste, nur um vier Shapes zu erstellen. Lassen Sie mich diese einfach reduzieren. Jetzt können wir zurückgehen. Dann können wir das Gleiche für diese tun. Wir können auf Kopieren klicken, auf das Shape und den Code hier einfügen, indem wir die Eingabetaste drücken, und dann für den nächsten genau dasselbe, also Kopieren, Einfügen, Eingabetaste und zuletzt klicken, Kopieren und dann einfügen in hier, drücken Sie die Eingabetaste, und los geht's. So haben wir die Farbpalette von der Website zu Illustrator bekommen. Hier ist eine Website, wir haben Color Hunt. Eine andere Website, die ich gerne verwende, ist eine namens Coolors. Dies ist ein ähnliches Konzept, aber mit diesem gibt es Ihnen ein bisschen mehr Freiheit. Sie beginnen mit der Generierung und dann ist dieses Layout anders. Sie haben die Farben hier und tippen Sie auf die Leertaste, um die Farbpalette zu ändern. Zum Beispiel gefällt Ihnen dieses Rot, Sie können den Mauszeiger darüber bewegen und dann auf Sperren klicken. Wenn Sie dann wieder die Leertaste drücken, wird diese Farbe gleich bleiben, aber Sie erhalten verschiedene Kombinationen anderer Farben. Sie können endlos gehen und die Leertaste drücken, bis Sie eine Farbkombination finden. Dann ist es dasselbe wie bei Color Hunt, der Code ist hier, also klicken Sie, Sie können ihn mit Befehl C oder Control C kopieren und dann zurück in Illustrator gehen, und Sie können dasselbe erneut tun. Ein Tipp, den ich gerne beim Erstellen Ihrer Farbpalette verwende, ist, mit dem Wert oder der Sättigung der von Ihnen gewählten Farben herumzuspielen , da dies sehr interessant macht. Schließlich, bevor ich diese Lektion abschließe, gibt es noch einen weiteren Punkt, den ich erwähnen möchte. Farben können Emotionen vermitteln. Ob es warm, kalt, liebevoll, streng ist, alles hängt davon ab. Ich werde es kurz ansprechen. Aber die beiden wichtigsten Kategorien, in die ich sie gerne setze, sind warm und kalt. Weil du warme Farben wie Orange, Gelb, Rot hast und du cool geworden bist wie Violett, Blau. Diese können jedoch in Ihrem Design verwendet werden, je nachdem, welche Idee es gibt und wie Sie mit dem Publikum kommunizieren möchten. Hier ist ein Beispiel für warmes Poster. Ich versuche glückliche Emotionen zu vermitteln. Stellen Sie sich vor, Sie verwenden warme Farben und kalte Farben und sehen, mit welcher Sie sich glücklich fühlen. der Übung für diese Lektion möchte ich, dass Sie eine Farbpalette erstellen, die aus vielleicht drei bis vier verschiedenen Farben besteht und die Dinge enthält, die Sie in dieser Lektion gelernt haben. Da dies die Farbpalette ist, die wir für unser Abschlussprojekt verwenden werden. Jetzt, da wir uns dem Klassenprojekt nähern, möchte ich, dass Sie zunächst eine Farbpalette erstellen. Alles, was wir in dieser Lektion besprochen haben, möchte ich, dass du zusammenstellst. Ich möchte, dass Sie eine Farbpalette von drei bis vier Farben zusammenstellen, die Sie verwenden möchten, sobald wir in der nächsten Lektion ein Poster erstellt haben. Erstellen Sie eine neue Zeichenfläche, damit Sie dies tun können, indem Sie nach Hause gehen und neu erstellen. Sagen Sie dazu, wenn Sie auf Instagram posten möchten, werden wir dafür erstellen. Wir gehen zum Panel an der Seite. Wir werden dieses Poster nennen. Unsere Breite wollen wir auf 1080 einstellen, und unsere Höhe wollen wir auf 1350 einstellen. Das war's. Wir wollen, dass unsere Zeichenflächen eins sind, falls sie nicht bereits eins sind. Diese Pixel und alles andere, was Sie noch lassen möchten, dann möchten wir auf Erstellen klicken. Jetzt haben wir unsere Leinwand, die wir in der nächsten Lektion verwenden werden. Aber zuerst möchte ich, dass Sie eine Farbpalette erstellen. Auf diese Weise gehe ich zum Shape-Panel. Sie können einen Kreis verwenden oder das Quadrat verwenden. Ich habe das angesprochen, indem ich lange auf die Form drückte. Sie können sehen, dass es dort wie ein winziger Pfeil gibt, das bedeutet, dass unter jedem Werkzeug ein anderes Werkzeug oder mehr Werkzeuge darunter stehen. Sie können dies aufdecken, indem Sie lange drücken, wenn Sie klicken. Ich halte, klicke und schiebe hinüber und klicke auf das Quadrat. Ich gehe jetzt ins Quadrat. Oben oder auf der linken Seite hier, indem du den Platz hältst, bewege einfach die Leinwand herum. Auf meinem Quadrat klicke ich auf Ziehen und halte die Umschalttaste gedrückt , um es in ein Quadrat zu rasten. Ich halte die Umschalttaste gedrückt und ziehe. Erstens gehe ich zurück zu meinem Auswahlwerkzeug, klicke und halte Alt oder Option und ziehe nach unten und wieder und noch einmal. Ich möchte, dass du hineingehst und eine Farbpalette erstellst. Sie können entweder online eins ausziehen, Sie können Ihre eigenen erstellen. Sie können mit den Schiebereglern herumspielen, hier oben auf der rechten Seite. Es liegt total an dir. Große Freiheit liegt in deinen Händen. Vor der nächsten Lektion, bevor wir fortfahren, möchte ich, dass Sie diese Farbpalette zusammenstellen, die wir in der nächsten Lektion verwenden werden. In der nächsten Lektion werden wir alles, was wir bisher gelernt haben , in diesem Poster kombinieren . Wir sehen uns in der nächsten Lektion. 8. Kursprojekt: In dieser Lektion werden wir alles, was wir bisher gelernt haben, in unsere Arbeit einbringen. Ich werde die Art und Weise durchlaufen, wie ich dieses Poster zusammenstellen würde all die verschiedenen Elemente und Aspekte enthält , die wir aus den vorherigen Lektionen gelernt haben. Hier sind alle Informationen, mit denen wir beginnen werden, und Folgendes werden wir dazu verwandeln, die von uns gelernten Aspekte zu nutzen . Lasst uns dran kommen. Für das Klassenprojekt werden wir ein Poster über ein Ereignis oder eine Funktion erstellen, die möglicherweise stattfindet. Ich habe eine Datei unter der angehängt, die Sie jetzt auf dem Bildschirm sehen können. Der Grund dafür ist, dass wir daran zusammenarbeiten können. Wie Sie auf der rechten Seite sehen können, habe ich eine Reihe von Illustrationen hinzugefügt, die Sie verwenden können, es sei denn, Sie möchten Ihre eigenen erstellen Dann können Sie gerne bei Ihrem Farbschema oder Ihrem Poster helfen , je nachdem, was Sie sind werde es weitermachen. Bevor wir beginnen, möchte ich, dass Sie alle diese Informationen auf der linken Seite eintragen. Darum wird es in meinem Beitrag gehen. Ich habe diese Veranstaltung erstellt. Wir werden eine Dessertparty veranstalten. Ich bin reingegangen und habe all diese Dinge ausgefüllt. Ich habe ein Logo, ich habe den Titel der Veranstaltung, ich habe den Slogan, ich habe eine kleine Beschreibung darüber, worum es bei der Veranstaltung gehen wird, ich habe den Tag und die Uhrzeit. Dies ist die Illustration, die ich verwenden werde, und dann ist dies die Farbpalette, die ich aus der vorherigen Lektion ausgewählt habe. Jetzt möchte ich, dass du reingehst und all diese Fragen beantwortest. Ersetzen Sie Ihr Logo, erstellen Sie ein Logo oder nehmen Sie eines aus dem Internet. Ich möchte, dass Sie sich für Ihren Veranstaltungsnamen, Ihren Slogan, eine kleine Beschreibung darüber, Uhrzeit und Datum entscheiden . Sie können entweder eine der Illustrationen auf der rechten Seite auswählen oder eine eigene und dann Ihre Farbpalette hinzufügen. Das alles wird uns helfen, wenn wir mit der Herstellung des Poster kommen. Fangen wir zuerst damit an und dann korrigieren wir sie. Sie nun alle Informationen auf der linken Seite eingefüllt haben, entscheiden wir als Nächstes die Reihenfolge, in der der Benutzer die Informationen auf der Seite sehen soll. Ich werde dies tun, indem ich alle Informationen, die wir bereits getippt haben, neu anordne , nur von oben nach unten, wobei oben am wenigsten ist. Was ich hier habe, habe ich vier Abschnitte gedruckt. Erstens möchte ich für mich, dass der Name der Veranstaltung auffällt, also steht das ganz oben auf meiner Liste. Zweitens möchte ich, dass das Publikum die Illustration sieht. Drittens habe ich all diese in einem Abschnitt zusammengefasst. Wir haben den Slogan, die Beschreibung, das Datum und die Uhrzeit, da all diese Informationen Hand in Hand zusammenarbeiten. Schließlich ist das Logo am wenigsten wichtig. Ich möchte, dass du das Gleiche tust und deins so darstellst. Am wichtigsten nach oben, zweiter, dritter und vierter und so weiter. Sie nun die Reihenfolge aller Informationen ausgewählt haben, die sich auf Ihrem Poster befinden, beginnt der Spaß, wenn Sie verschiedene Aspekte, die Größe und die Farbe dieser Elemente manipulieren können, um die Hierarchie zu erstellen, in der wir besprochen haben die vorherigen Lektionen. Jetzt beginnt der Spaß hier. Ich fange an, all diese Elemente auf der linken Seite auf die Seite zu bringen und einfach ein Gefühl dafür zu bekommen, wie alles aussehen wird. Das ist es, was ich gerne als Erster bin, sollte alles auf den Bildschirm legen, nur um ein Gefühl von der Menge an Informationen zu bekommen , die sich dort befinden werden. Was ich jetzt tun werde, ist mit der Größe all der verschiedenen Elemente herumzuspielen nur bis ich das Gefühl habe, dass es eine klare Hierarchie dafür gibt, wohin die Augen des Benutzers gehen würden. Im Moment möchte ich, dass die Größe davon viel kleiner ist, weil es im Moment zu viel Platz auf der Seite beansprucht hat. Im Moment denke ich, weil der Donut ein Kreis ist und ich ihn in die Mitte der Seite stelle, habe ich das Gefühl, dass eine symmetrische Balance die beste Option dafür sein wird. Ich werde es einfach erkunden, indem ich eine zentrale Verkleidung oder die Dinge in Richtung Zentrum bewegen lasse. Was ich tun werde, ich möchte, dass dieser Titel viel größer ist als tatsächlich ist. Ich teile es in zwei separate Teile auf. Jetzt, da ich ein grobes Layout habe, mit dem ich zufrieden bin, denke ich, dass die Hierarchie ziemlich klar ist. Als erstes wird mein Auge auf diesen Titel gelenkt. Zweitens denke ich, was ist das für eine Illustration? Drittens hatte ich die Informationen unten gemacht, über das Essen gesprochen, über den Slogan, die Beschreibung und dann das Ereignis, Tag und Uhrzeit gesprochen. Jetzt, da wir die Hierarchie in Schach haben, müssen wir nur sicherstellen, dass sich das Gesamtplakat ausgeglichen anfühlt. Dies geschieht im Allgemeinen durch die Zunahme und Abnahme der Größe oder durch das Verschieben einiger Elemente. Lasst es uns ausgleichen. Was ich tun werde, ist, dass ich diesen weißen Hintergrund nicht fühle, also werde ich dem einen Hintergrund hinzufügen. Ich gehe hier rüber zu den Shapes. Klicken Sie auf das Rechteck-Werkzeug. Ich klicke und ziehe die Farbe mit meiner Farbpalette hier unten, ich ziehe das nach oben. Ich gehe rein und setze es als gelb ein. Ich drücke die I-Taste auf der Tastatur und klicke dann auf das gelbe. Ich werde diesen Hintergrund haben, hat die Illustration weniger offensichtlich gemacht , was ich wollte. Ich wollte wirklich, dass dieser Titel platzt. Was ich jetzt mache, ist, dass ich reingehe und die Schriftarten ändere. Ich klicke und klicke während ich die Umschalttaste gedrückt halte, um den Titel auszuwählen. Ich werde mich für die Kombination entscheiden, die wir im Topographie-Kurs besprochen haben. Ich fange mit Roboto an. Ich möchte mit den Mutigen gehen. Ich setze mich für Medium und dann den Körpertext, ich möchte Montserrat sein. Wie Sie hier sehen können, der Text bei diesem kleinen roten Quadrat aus dem Feld gegangen. Ich klicke auf das Feld, ich gehe einfach, während ich auf Option klicke und ziehe. Im Moment scheint dieser Block ziemlich schwer zu sein. Was ich tun werde, ändere ich das in Weiß, indem ich auf der Tastatur drücke und dann darauf klicke. Ich mag es sehr, wie das jetzt mit dem Weiß aussieht , aber ich möchte immer noch, dass der Titel ein bisschen mehr auffällt. Was ich tun werde, werde ich es viel, viel größer machen. Was ich tun werde, ist, dass ich ein bisschen mit den Ebenen herumspielen werde. Ich verschiebe das hinter den Donut. Ich werde das hinter den Donut verschieben, ich klicke mit der rechten Maustaste und arrangiere und schicke es zurück. Dann klicke ich auf den Hintergrund, klicke rechten Maustaste und sende ihn dann nach hinten. Jetzt hat es für uns hinter den Donut verschoben. Ich gehe rein und mache winzige Optimierungen, nur bis ich das Gefühl habe, dass alles gut zusammenfunktioniert. Wie wir in der Topographiestunde besprochen haben, werde ich den Zeilenabstand auf das 1,4-fache der Schriftgröße erhöhen, also 21 und dann den Asterix mal 1,4, dann drücke „Enter“. Im Moment geht dieser Text ein wenig verloren. Ich ändere die Farbe davon in Violett. Jetzt bin ich damit ziemlich zufrieden. Ich fühle mich, als fühlt sich alles ziemlich ausgeglichen an. Es gibt einen schweren Abschnitt hier oben, aber es ist der untere Abschnitt hier, weil er ziemlich konzentriert und ziemlich dicht ist diesen oberen Abschnitt hier oben ausgleicht. Aber wie Sie sehen können, habe ich mich für eine symmetrische Balance entschieden. Der Grund dafür ist, dass ich, wie in der Balance-Klasse erwähnt, möchte ich, dass dieses Poster attraktiv ist. Deshalb habe ich mich für die symmetrische Option entschieden. Jetzt sieht alles gut aus, aber wir wollen nur reingehen und sicherstellen, dass alles auf die Mitte ausgerichtet ist. Alles abhängig davon, ob Sie sich für asymmetrisch oder radial entschieden haben, liegt bei Ihnen. Nachdem die Hierarchie abgeschlossen ist und wir das Gesamtplakat ausbalanciert haben, gehen wir hinein und richten schließlich alles aus, um sicherzustellen, dass alles starr und strukturiert ist. Es mag so aussehen, als wäre es schon ausgerichtet, aber lasst uns einfach reingehen, um es noch einmal zu überprüfen. Ich werde das tun, weil ich für die zentrale Linierung gehe, klicke und markiere alles. Dann gehe ich hier rüber zu diesem Icon. Ich möchte das in Zeichenfläche ändern. Ich möchte, dass alles auf die Zeichenfläche zentriert ist. Ich klicke auf „An Zeichenfläche ausrichten“. Jetzt klicke ich auf die Mittellinie. Mal sehen, was passiert. Es gab eine leichte Fehlausrichtung zwischen allem, aber sicherzustellen, dass alles ausgerichtet ist, bringt alles gut zusammen. Nochmals klick, da geht's los. Je nachdem, ob Sie sich für das Asymmetrische entschieden haben, richten Sie es so aus, wie wir es in der Lektion besprochen haben. Wie Sie damals gesehen haben, habe ich hier und da ein paar kleine Optimierungen vorgenommen, sicherzustellen, dass alles ausgerichtet ist und sich ausgeglichen anfühlt. Hier ist ein Poster, das ich erstellt habe, auf dem der Titel und die Illustration im Mittelpunkt stehen sollen. Lassen Sie mich Ihnen einige andere Beispiele für dasselbe Poster zeigen, die gleichen Informationen, die gleiche Farbpalette in derselben Illustration, aber wo ich die Hierarchie geändert habe, wo ich wollte, dass der Slogan wichtiger ist oder ich möchte die Beschreibung oder Illustration soll wichtiger sein. Hier ist ein weiteres Beispiel dafür, wo ich wollte, dass der Titel prominenter wird. Aber das ist mein asymmetrisches Gleichgewicht. Hier habe ich wieder Platz hinzugefügt. Ich habe die Größe geändert und mit dem Layout herumgespielt, also fühlt es sich viel ausgeglichener an, während ich einen großen Gegenstand, einen mittleren Gegenstand habe und dann den kleinen Gegenstand habe. Hier sind zwei Beispiele dafür, wo ich wollte, dass die Illustration im Mittelpunkt steht. Wie Sie hier sehen können, was ich getan habe, habe ich die Illustration zu diesem und zu diesem Thema riesig gemacht. Ich habe dies zum Hauptaugenmerk gemacht und alle anderen Elemente auf die Außenseite gelegt , weil ich nicht möchte, dass das von Bedeutung ist. Wie Sie sehen können, gibt es viele verschiedene Layouts, die Sie machen können. Sie bleiben nicht nur an einem in dem Beispiel fest, das ich gemacht habe, wo ich alles zentralisiert habe und die Verbote symmetrisch waren. Wie Sie hier sehen können, habe ich viel mit der Größe herumgespielt und dabei geholfen, die Hierarchie hinzuzufügen, in die die Augen des Benutzers eingezeichnet werden sollen. Ich habe dies nur zusammengestellt, um Ihnen zu zeigen, dass es so viele verschiedene Möglichkeiten gibt , wie dieselben Informationen dargestellt werden können je nachdem, wie die Benutzer die Informationen konsumieren oder die Informationen auf der Seite. Hier machen wir nur das einfache Poster, aber das gilt für alles, von Illustration, Webdesigns, Visitenkarten und der Liste geht weiter. Aber hier ist nur um Ihnen zu zeigen, dass es mit derselben Farbpalette, derselben Demonstration und gleichen Informationen möglich ist. Alles, was wir getan haben, ist die fünf Elemente zu manipulieren , die wir in der Hierarchiestunde besprochen haben. Form, Farbe, Textur und Raum. Mit diesen können Sie endlose Möglichkeiten schaffen und mit der Reihenfolge herumspielen, in der der Benutzer Ihre Informationen konsumieren soll. Dies ist einer der größten Teile des Designs, Ihre Idee einfach zu kommunizieren und für Benutzer leicht verständlich macht. Jetzt haben wir unser letztes Poster. Wir sind damit zufrieden. Jetzt möchte ich es ausnutzen. Lassen Sie mich Ihnen zeigen, wie Sie das Poster exportieren, damit Sie es überall teilen können. Ich empfehle Ihnen, einige Zeit damit zu verbringen, einfach herumzuspielen, sicherzustellen, dass sich alles richtig anfühlt, indem Sie Dinge einbeziehen, die wir in den vorherigen Lektionen gelernt haben, nur damit Sie sich glücklich fühlen und sich ausgeglichen anfühlen und die Hierarchien zuvor in Schach sind zur nächsten Lektion übergehen. In der nächsten Lektion werden wir Ihre Datei untersuchen , damit Sie sie teilen und überall verwenden können. 9. Exportieren: Jetzt, da wir uns dem Ende dieser Klasse nähern, haben wir unser Poster erstellt, wir sind in der gesamten Hierarchie gelaufen, wir haben Matrixausgeglichen, Essenz, nett und ausgerichtet. Jetzt holen wir uns diese Poster-Exploits, damit du sie überall teilen kannst. Geh ein Poster, lass mich dir zeigen, wie du es ausnutzen kannst, damit du es teilen kannst, wo immer du willst. Wir werden damit beginnen, nach oben zu gehen. Klicken Sie auf Datei und Exportieren. Wenn Sie den Mauszeiger auf den Export bewegen, erhalten Sie diese drei Optionen. Da wir es online teilen möchten, werden Sie für das Internet sparen. Ich klicke auf Für das Web speichern. Dies ist der Bildschirm, den Sie angezeigt haben, wenn Sie auf „Für Web exportieren“ klicken. Wir möchten das Dateiformat in JPEG ändern und dann alles andere lassen wir es gleich. Wir möchten, dass die Qualität 100 Prozent und das Maximum beträgt und die Breite und Höhe so belassen, wie wir den Anfang geschaffen haben. Alles, was wir rübergehen und auf Speichern drücken. Da sind wir los. Es gibt das Poster, das ich erstellt habe. Ich kann es kaum erwarten, diejenigen zu sehen, die Sie geschaffen haben. Bitte teilen Sie es unten im Fenster des Projekts mit, zusammen mit einer Liste der Hierarchie, in der der Benutzer Ihre Arbeit sehen soll. Lass mich sehen, ob das passiert. Wenn ja, ist das erstaunlich und wenn nicht, gebe ich Ihnen Feedback und Möglichkeiten, wie Sie Ihr Poster für zukünftige Designs verbessern können. Sie nun die drei verschiedenen Möglichkeiten kennen, wie Sie Ihre Datei exportieren können, warum erforschen Sie nicht, wie Sie möchten, je nachdem, wo Sie teilen möchten. Wir sehen uns am Ende, wo wir diesen Kurs abschließen werden. 10. Schlussbemerkung: Herzlichen Glückwunsch, Sie haben es durch diese Klasse der Grundlagen des Grafikdesigns geschafft. Ich habe das Gefühl, dass wir viel in diese Klasse abgedeckt haben und es gibt viel zu verstehen. Wenn Sie das Gefühl haben, dass Sie zurückgehen und einige der Lektionen erneut ansehen müssen, dann tun Sie es bitte, damit Sie ein besseres Verständnis erhalten, da es ziemlich überwältigend sein kann. Die meisten dieser Fähigkeiten in dieser Klasse müssen im Laufe der Zeit geübt werden, und je mehr und mehr Sie es tun, desto besser werden Sie darin. Sagen Sie zum Beispiel Balance. Je mehr Sie versuchen, Ihre Arbeit auszugleichen, wie Sie Ihr Auge darauf trainieren, visuell zu sehen, ob etwas ausgeglichen aussieht oder nicht, wie es visuell ist, nicht der tatsächliche Weg, sondern je mehr Sie es tun, desto besser werden Sie darin. Wir haben in dieser Klasse viel abgedeckt, alles von Typografie bis Balance. Aber für mich ist der König Hierarchie, und wenn Sie das beherrschen, habe ich das Gefühl, dass Sie bei all der Arbeit, die Sie in Zukunft schaffen werden, einen großen Unterschied machen werden. Wenn es eine Sache gibt, von der ich hoffe, dass Sie diese Klasse wegnehmen, dann hoffe ich, dass Sie sich sicherer fühlen in den Designs, die Sie erstellen, mit etwas mehr Verständnis und mehr Wissen, und es einfach hübsch aussehen lassen. Dieser Kurs war hier, um dir die Grundlagen zu zeigen. Aber das ist wichtig, weil dies Ihre Grundlage für die Erstellung von Designs schafft, die Sie in Zukunft erstellen. Sie können diese Fähigkeiten jederzeit verbessern, da jeder Abschnitt hier einen erweiterten Teil hat, damit Sie immer weiter lernen können. diese Grundlagen verstehen und ein starkes Fundament aufbauen, werden Sie definitiv dabei helfen, voranzukommen. Nachdem wir unser Poster erstellt haben, laden Sie es unten im Projektfenster hoch, damit ich Ihnen Feedback geben und sehen kann, was Sie erstellt haben. Aber wenn Sie Ihre Datei hochgeladen haben, schreiben Sie auch eine Liste der Reihenfolge, in der meine Augen reisen sollen, und lassen Sie mich sehen, ob das passiert. Wenn nicht, kann ich vorschlagen, wie Sie es für zukünftige Projekte verbessern können. Vergessen Sie nicht, wenn Sie mir folgen oder eine andere kreative Arbeit unterstützen möchten, die ich mache, folgen Sie mir auf Instagram @design_with_smit, wo ich dort viel Illustrationsarbeit habe, aber Sie können mir auch folgen, während ich meine Reise gehe. Ob dies der Beginn Ihrer kreativen Reise ist oder Sie schon eine Weile auf diesem Weg sind, ich glaube, dass Sie sich kreativ ausdrücken, ist eines der befriedigendsten Gefühle. Ich hoffe, du hast diesen Kurs nützlich empfunden. Ich wünsche dir alles Gute und bleib kreativ. Tschüss.