Theorie des Grafikdesigns – Farbe und Kontrast

1. Einführung: Es fällt Ihnen schwer zu entscheiden welche Farben Sie in Ihren Kompositionen verwenden möchten, um zu wissen, welche Kombination oder Harmonie am besten funktionieren würde, welche Farbe dominant sein sollte oder wie Sie einen Kontrast in der von Ihnen gewählten Palette erzielen können. Farbe und Kontrast sind beide unerlässlich, um Objekte zu verstehen, die uns und unsere Umwelt umgeben. Farbe ist wahrscheinlich das wichtigste visuelle Element eines Grafikdesign-Projekts. Da es automatische Emotionen auslöst und für die meisten Menschen sogar verstehen würde für die meisten Menschen sogar , was sie sehen. In ähnlicher Weise ist der Kontrast ein weiteres entscheidendes Element , das das Auge anzieht Details voneinander trennt und einer Komposition visuelles Interesse verleiht. In diesem Kurs lernen Sie, wie Sie diese beiden wesentlichen Komponenten des Grafikdesigns nutzen können. Wir werden Farbtheorie, Farbharmonien, Bedeutungen von Farben behandeln und viele Arbeiten analysieren, um verschiedene Kontrastformen zu verstehen und zu schätzen. Am Ende dieses Kurses werden Sie sicherer sein, werden Sie sicherer sein Farbpaletten für Ihre Projekte auszuwählen. Machen Sie wichtige Details in Ihren Kompositionen hervorzuheben. Stellen Sie sicher, dass Sie sich das nächste Video ansehen, falls dies der erste Kurs ist , den Sie aus der Grafikdesign-Theorie-Serie belegen. Ich gebe Ihnen einige nützliche Tipps wie Sie das Beste aus diesem Kurs herausholen können. 2. Begriffe und Definitionen: Sie haben wahrscheinlich von Farbton, Sättigung und Wert oder Helligkeit gehört . Dies sind ziemlich grundlegende Dinge, die Sie höchstwahrscheinlich bereits wissen, wenn Sie eine der Adobe-Anwendungen verwenden , wenn Sie eine der Adobe-Anwendungen Die meisten Anwendungen würden sie als vertikalen Balken anzeigen, aber es kann auch mit dargestellt werden ein 360-Grad-Farbkalb. Und deshalb wären es normalerweise 360 Zahlen, die die 360 Grad des Vollkreises darstellen , wenn wir uns hier beziehen wären es normalerweise 360 Zahlen, die die 360 Grad des Vollkreises darstellen , . Sättigung ist ein Begriff, von dem Sie wahrscheinlich gehört haben. Und das ist wichtig, aber wahrscheinlich nicht so wichtig wie Chroma. Chroma ist der Begriff , den wir normalerweise verwenden , um die Reinheit einer Farbe zu definieren. Der höchste Chromawert, den Sie erhalten können, wenn Sie eine Farbe haben , ohne mit etwas anderem gemischt zu werden. Lesen Sie zum Beispiel ein vollständiges Rot wäre das höchste Chroma, das Sie erhalten können. Und sobald Sie anfangen verschiedene Formen einzuführen, wie Weiß, werden Sie am Ende verschiedene rote Farbtöne haben. Oder wenn Sie Schwarz mischen, würden Sie am Ende verschiedene Rottöne haben. Und schließlich, wenn Sie Grau hinzufügen, jede Art von Grau, werden Sie am Ende verschiedene Rottöne haben. Und wenn wir über Sättigung sprechen, ist etwas anders, weil es eher eine Vergleichsmaßnahme ist, bei der Sie die Intensität einer Farbe mit der lebendigsten oder höchsten Intensitätsfarbe vergleichen würden die Intensität einer Farbe mit der , was wir normalerweise als 100 Prozent festlegen werden. Wenn Sie sich also die Farbauswahl in Photoshop als Koordinatensystem vorstellen , wäre die Sättigung die X-Achse und die Y-Achse wäre Helligkeit oder Wert, was definiert, wie hell oder dunkel eine Farbe ist. Bisher klingt es ziemlich einfach, wird aber kompliziert, weil der Farbton den Wert einer Farbe tatsächlich beeinflussen und beeinflussen kann . Und hier gibt es ein perfektes Beispiel. So können Sie die Farben oben und dann darunter sehen, Sie können diese Werte sehen. Selbst wenn Sie also nur reine Farben mit dem höchsten Chroma auswählen , haben Sie immer noch Unterschiede in ihrem Wert. Gelb ist zum Beispiel eine sehr helle, hochwertige Farbe im Vergleich dazu, dunkleres Blau ist wertmäßig sehr niedrig. Versuchen Sie also, den Wert nicht mit Zinn, Farbton und Ton zu verwechseln , denn selbst ohne Weiß, Schwarz oder Grau in die reinen Farben zu mischen , hätten Sie immer noch Unterschiede zwischen den Werten. Und deshalb ist es so wichtig wenn Sie ein Farbthema auswählen, welche Farben Sie auswählen, da Sie am Ende eine unauffällige oder dunkle Komposition haben können eine unauffällige oder dunkle Komposition wenn Sie dunklere Farben auswählen oder eine lebendige und helle Komposition, wenn Sie hellere oder höhere Farben auswählen, zeige ich Ihnen bald viele Illustrationen und Beispiele , die Ihnen helfen werden, diese Begriffe besser zu verstehen. Aber zuerst möchte ich Sie mit ein bisschen mehr Wissenschaft langweilen , weil ich das Gefühl habe , dass dies auch sehr wichtig ist wenn wir über Farben sprechen. Das wahrscheinlich einfachste Diagramm hier, das Sie verstehen können , ist das Farbrad , das wir bereits erwähnt haben. In diesem speziellen sehen Sie die Primärfarben hervorgehoben. Dies sind also diejenigen, die am meisten aus diesem Kreis herauskommen . Dann haben wir die Sekundärfarben, die immer und Mischung der beiden benachbarten Primärfarben sind. Orange besteht zum Beispiel aus Gelb und Rot. Oder Grün besteht aus Gelb und Blau. Und schließlich besteht Lila aus Blau. Und lesen Sie, sobald Sie anfangen Sekundärfarben mit Primärfarben zu mischen, erhalten Sie Tertiärfarben. Und das sind diejenigen diesem Kreis, der dem Mittelpunkt am nächsten liegt. Als Designer oder Illustrator ist das Farbrad auch wichtig damit Sie Farbharmonien finden können, aber vor allem kostenlose Farben finden. Dies sind großartige Farbpaare und sie haben sehr gut zusammengearbeitet. Die Art und Weise, wie Sie sie finden können, ist also sehr einfach. Wo du hast, sagen wir gelb. Sie gehen einfach auf die gegenüberliegende Seite des Farbrads und finden die kostenlose Farbe, die lila oder gleichzeitig für Blau ist, die kostenlose Farbe orange und für Rot wird grün sein. Dies ist bereits eine Farbharmonie, aber wir werden viel mehr über diese und all die anderen verschiedenen Arten von Harmonien zwischen den Farben erfahren. Jetzt können wir neben dem Farbrad auch Farben nach Temperatur kategorisieren, und das ist es, was Sie hier unten sehen können. Es wird also in Kelvin und den niedrigsten Werten oder den wärmeren Steinen gemessen , während höhere Kelvin-Werte die kühleren Töne wären. In der Mitte haben wir Weiß, das ist 5500 Kelvin, und das Sonnenlicht ist tatsächlich etwas niedriger als das, ist 4900 Kelvin. Jetzt ist diese Art der Kategorisierung von Farben für Film und Fotografie wichtiger . Aber immer noch als Designer oder Illustrator, Es ist gut zu wissen, dass dies nur eine andere Möglichkeit ist , sie zu kategorisieren. Und ich könnte viel wissenschaftlicher werden wenn wir anfangen würden, über Wellenlänge zu sprechen. Aber wenn Sie Farbe, Temperatur und Wellenlänge vergleichen , können Sie wahrscheinlich bereits die Ähnlichkeiten erkennen. Aber lasst uns weitermachen und ein bisschen über Farbräume sprechen . Als Designer ist dies definitiv sehr wichtig für, UM, höchstwahrscheinlich sind Sie bereits mit den Unterschieden zwischen CMYK und RGB vertraut . Dies sind also zwei Farbräume, die für verschiedene Mediums verwendet werden. Mein RGB wird hauptsächlich mit Geräten verwendet, die Licht benötigen, um Farben wie Projektor, Kamera und Monitor darzustellen . CMYK würde für den Druck verwendet werden. Und dieses Diagramm hier zeigt es wirklich gut, dass das sichtbare Farbspektrum tatsächlich größer ist als RGB und CMYK. Und RGB ist auch größer als das, was wir mit CMYK oder Cyan-, Magenta-, Gelb- und Schwarztinte darstellen können . Es könnte auch nützlich sein, sich daran zu erinnern, dass CMYK als subtraktive Farbmethode bezeichnet wird, bei der Sie mit Weiß beginnen. Das ist also einfach die Farbe des Papiers. Dann subtrahieren Sie davon bis Sie schwarz werden, was die intensivste Farbe ist, wenn es um den Druck geht. Im Gegenteil, RGB ist eine additive Farbmethode bei der Sie am Ende Weiß haben, wenn Sie alle Farben kombinieren oder mischen. Im Allgemeinen müssen Sie sich daran erinnern, Im Allgemeinen müssen Sie sich daran erinnern dass die Farben, die Sie haben sehen Sie auf Ihrem Bildschirm werden nicht so lebendig und lebendig sein , sobald sie gedruckt sind. Dies ist also, was normalerweise passieren würde , wenn Sie ein Bild ausdrucken. Es wird ein bisschen, die gesättigten und die Farben werden leicht ausgewaschen. Dies liegt wiederum an dem Unterschied im Spektrum. Wieder einmal sind all diese lebendigen Farben in diesen Ecken hier und in diesen Ecken hier und auch hier und da diejenigen, die CMYK nicht darstellen kann. Und wieder ist dies ein riesiges Thema, über das wir über ICC, Farbprofile, Farbmanagement und Sonderfarben sprechen könnten . Aber ich werde nicht zu sehr ins Detail gehen. Ich werde diese noch einmal in dem Kurs behandeln , den ich am Anfang erwähnt habe. Aber ich wollte dir etwas extrem Wichtiges zeigen . Dies hat Jahre gedauert, um herauszufinden und zu verstehen wie wichtig dies entscheidend und kontrastreich ist. Dies sind zwei Begriffe, die Sie normalerweise getrennt hören würden. Aber sobald du anfängst, zusammen an die beiden als Paar zu denken , macht es dann Sinn und dann wird es dir helfen, wirklich auffällige Kompositionen zu erstellen, sei es Fotografie , Illustration oder Grafikdesign. Beide Begriffe, c0 und Kontrast, haben also etwas mit dem Wert zu tun. Und Sie können hier oben sehen, dass das oberste Drittel dieses Koordinatensystems die hohen Schlüsselwerte von Farben darstellen würde die hohen Schlüsselwerte von Farben darstellen als wir mittlere Schlüssel- oder Fleischtöne in der Mitte und dann Low Key oder unten dunklere Werte. Und im Gegensatz dazu sind Sie wahrscheinlich bereits mit Mitteln vertraut, dass Sie Farben nebeneinander haben, die sich deutlich voneinander unterscheiden. Je höher der Kontrast normalerweise ist, desto auffälliger sind die Unterschiede. Und hier ist ein sehr interessantes Diagramm , das die Kombination von Schlüssel und Kontrast nur durch Verwendung von Graustufenwerten zeigt. Dies würde aber natürlich auch für Farbbilder gelten und dies leichter verständlich und besser visualisieren. Hier sind ein paar Porträts, die genau die gleiche Paarung dieser beiden Begriffe zeigen . Oben links haben wir den hohen Key, den niedrigen Kontrast, gefolgt von Heikki-Mittelkontrast und schließlich Heikki, kontrastreichem Bild. Sie sind also alle sehr hell, also ist der Wert hoch, aber wir erhöhen den Kontrast. Und hauptsächlich in diesem Fall sind die Lippen das herausragende Merkmal auf der rechten Seite, es fühlt sich fast so an, als wolle sie vom Bildschirm springen. Und so können Kontraste als Brennpunkt in der Komposition genutzt werden . Weiter unten haben wir die mittlere Schlüsselzeile, wieder von links nach rechts, wodurch der Kontrast erhöht wird. Und schließlich haben wir in der letzten Reihe alle zurückhaltenden Porträts. Und ähnlich haben wir hier Loci, niedriger Kontrast auf der linken Seite. Und dann erreichen wir den guten alten John, vage rechts mit unauffälligem, kontrastreichem. Jetzt sind diese Art von Bildern normalerweise die auffälligsten, da Sie viel Schwarz haben und dann an bestimmten Stellen starke Ausbrüche von Vite haben . Und natürlich ist der höchste Kontrast, den Sie in einer Komposition erzielen können , reines Schwarz, neben reinem Weiß. 3. Bedeutungen von Farben: Okay, jetzt, da wir die Grundlagen der Grundlagen der Farben behandelt haben , sprechen wir über die Bedeutung von Farbe. Und das ist mehr Farbpsychologie. Und hier fangen wir an, einige interessante Beispiele zu sehen. Also zuerst ist hier rot. Wenn Sie jetzt mehr über die Bedeutung von RAB erfahren möchten, habe ich tatsächlich ein separates Video dazu, das Sie wieder in der Beschreibung unten finden können. Und kurz gesagt, Rot ist großartig, um Aufmerksamkeit zu erregen. Es ist eine sehr auffällige Farbe, besonders wenn es mit Schwarz und Weiß kombiniert wird. Und es kann viele Bedeutungen haben, von Macht, Aggression und Stärke bis hin zur Dauerfruchtbarkeit. Und an manchen Orten die Welt auch Wohlstand im Allgemeinen, wenn Sie Rot in Ihrer Komposition verwenden, kann es helfen, schnell Entscheidungen zu treffen. Es ist fast wie ein Aufruf zum Handeln. Im weiteren Verlauf haben wir Blau, das die Farbe des Himmels ist und sieht, also würde es natürlich eine beruhigende Wirkung haben, aber es kann auch Vertrauen, Reinheit, Ruhe und Stabilität darstellen . Es ist eigentlich die am häufigsten verwendete Farbe im Internet und unter Unternehmen, insbesondere für Marken, die mit Sicherheit und Sauberkeit verwandt sind oder in Verbindung gebracht werden. Interessant an Blau ist, dass es unseren Stoffwechsel tatsächlich verlangsamt. Deshalb halten wir es also wieder für eine beruhigende Farbe. Im weiteren Verlauf haben wir Grün, das mit Natur, Wachstum und Balance verbunden ist. Es symbolisiert Harmonie, Gelassenheit und kann auch für die Sicherheit verwendet werden, genau wie Blau. Denk einfach an den Grünen Mann an der Ampel. Es ist eine Farbe, die definitiv oft von Medizin- und Öko-Marken verwendet wird . Im weiteren Verlauf haben wir Gelb, das die Farbe des Sonnenscheins hat, und es steht normalerweise für Freude, Glück und Energie. Denken Sie daran, als wir über den Wert unter all den verschiedenen Verwendungszwecken gesprochen haben , und Gelb ist eine der Farben mit dem höchsten Wert. Es gibt also definitiv eine Verbindung dort. Warum wir normalerweise mit Energie in Verbindung gebracht würden, wenn wir uns gelbe Farbe ansehen, ruft dies angenehme und freundliche Gefühle hervor und wird oft in der Unterhaltungsindustrie und für Spielzeug verwendet . Das kann jedoch auch bedeuten, dass es sich manchmal ein bisschen kindisch anfühlen kann. Natürlich fühlte es sich in Kill Bill nicht kindisch an, aber Sie müssen sich dieses Aspekts dieser Farbe nur bewusst sein . Werfen wir als Nächstes einen Blick auf Lila. Dies ist normalerweise mit Lizenzgebühren, Luxus, Adel und Ehrgeiz verbunden . So ist es ideal für Luxusmarken und High-End-Waren und Dienstleistungen. Es ist erwähnenswert , dass Lila die am wenigsten helle Farbe von Männern ist, aber es ist tatsächlich in den drei besten Lieblingsfarben für Frauen. Und zu guter Letzt werfen wir einen Blick auf Orange. Dies ist die Farbe der Kommunikation und des Optimismus. Es kombiniert die Energie von Rot und das Glück von Gelb. Und es kann normalerweise ein Gefühl von Wärme vermitteln und kann mit dem Sommer in Verbindung gebracht werden. Jetzt möchte ich, dass es absichtlich zeigt, dass es so viele verschiedene Gefühle und Emotionen darstellen kann so viele verschiedene Gefühle und Emotionen darstellen , von der sehr entmutigenden und deprimierenden Apokalypse Now bis hin zu Filmen wie dem König der Löwen und sogar lustigen Orten wie Sommercamps. Zusammenfassend lässt sich sagen, dass die Bedeutung von Farben im Vergleich zu den vorherigen Dingen, über die wir gesprochen haben , keine exakte Wissenschaft ist. Es ist persönlicher und Farben können unterschiedliche Auswirkungen auf verschiedene Menschen haben unterschiedliche Auswirkungen auf verschiedene Menschen und Kulturunterschiede wieder, können die Wahrnehmung von Farbe wirklich beeinflussen. 4. Farbharmonien: Jetzt habe ich frühere Farbharmonien erwähnt und dies ist der nächste Abschnitt, auf den ich mich konzentrieren möchte, beginnend mit dem am einfachsten zu verstehenden, ergänzenden Farben. Jetzt sind dies die beiden Farben auf den gegenüberliegenden Seiten des Farbrads. Wenn Sie diese Farbharmonie in Ihrer Komposition verwenden, können Sie ein sehr auffälliges Ergebnis erzielen und Sie haben den höchsten Kontrast zwischen den Farben. Und es gibt einen Grund, warum Hulk lila Stifte trägt, was wirklich dazu beiträgt, die Intensität des Charakters weiter zu betonen. Nur um hier zwei weitere Dinge hervorzuheben. Ich liebe es, wie wir uns in dieser Komposition zwischen den wärmeren Tönen und den kühleren Tönen unten aufgeteilt haben den wärmeren Tönen und . Auch hier ist es ein perfektes Beispiel ergänzende Harmonie oder das Kunstplakat für den Film Parasite, wo wir die kühleren Töne oben und die wärmeren Töne unten durch die Treppe geteilt haben , was offensichtlich ein sehr wichtiger Teil des Films ist. Und dieser Kontrast in den Farben repräsentiert auch die sozialen Unterschiede zwischen den beiden Familien. Wenn Sie es noch nicht gesehen haben, empfehle ich es sehr, denn es gibt viele wirklich coole Kompositionen und Schnitt im Film. Jetzt haben wir unsere nächste Harmony namens Split-Complete, die mit dem Unterschied vergleichbar ist , dass wir hier eine Grundfarbe haben. Auf der gegenüberliegenden Seite des Farbrads haben wir tatsächlich zwei benachbarte Farben in der Palette verwendet. Diese Palette ist immer noch energisch, auch wenn sie nicht so auffällig ist wie die ergänzende Harmonie. Aber wir können hier ein paar wirklich nette Beispiele sehen, die zeigen, dass es eine wirklich lustige Palette sein kann, mit der man arbeiten kann. Im weiteren Verlauf haben wir Triade, die etwas schwieriger sein kann als die beiden vorherigen. Auch hier ist es die beste Vorgehensweise, eine Grundfarbe zu wählen , und dann sollten die anderen beiden eher einer Ergänzungsfarbe ähneln. Sie sollten also die drei Farben nicht gleich verwenden, sondern eine gute Balance zwischen ihnen haben. Eine meiner Lieblingsfarbharmonien müssen schmerzstillende Farben sein, die sich perfekt für eine bestimmte Atmosphäre eignen. Wenn Sie sich auf die Bedeutungen von Farben verlassen , die wir zuvor in dieser Palette beschrieben haben, würden Sie Farben neben dem Farbrad auswählen , die wir zuvor in dieser Palette beschrieben haben, würden Sie Farben neben dem Farbrad auswählen. Und in diesem Fall würden Sie sich hauptsächlich auf Wert, Töne und Schattierungen verlassen, um Kontrast zu erzeugen . Letzt haben wir Tetra, die Farbpalette, in der wir vier Farben auf einem Rechteck innerhalb des Farbrads haben . Im Wesentlichen können diese vier Farben in zwei kostenlose Paare unterteilt werden . Dies ist wieder ein bisschen komplexer und nicht so einfach zu ziehen wie die anderen, die wir bisher gesehen haben. Allerdings können Veranstaltungsorte geschickt und mit einer guten Balance zwischen den selektiven Farben wieder zu großartigen Kompositionen führen und Sie können tatsächlich sogar Farbharmonien haben V Zweifel Paarung verschiedene Farbtöne untereinander. So könnten Sie am Ende eine einfarbige Farbpalette haben , wenn Sie einen einzigen Farbton verwenden und nur verschiedene Farbtöne, Töne und Farbtöne kombinieren. Und wir können hier sehen, wie schön das funktionieren könnte . Und dann sprechen wir über achromatische Farben. Das ist, wenn Sie sich ausschließlich auf verschiedene Grautöne verlassen. Jetzt wollte ich Ihnen absichtlich zeigen, dass Sie, wenn Sie mit Schwarz-Weiß- oder Grauwerten aus dem sehr bedrohlich aussehenden Schädel auf der linken Seite arbeiten Schwarz-Weiß- oder Grauwerten , tatsächlich haben können diese tatsächlich haben können kuschelig süße Illustrationen auch Eine Farbpalette sollte also niemals eine Einschränkung dessen sein , wie Ihre Arbeit aussehen wird. Es geht mehr darum, eine bestimmte Stimmung oder Atmosphäre hervorzuheben. Und sobald Sie lernen, wie man mit ihnen arbeitet, wird es wirklich zeigen und helfen, Ihre Arbeit professioneller aussehen zu lassen. Da es sich um Harmonien handelt, wollte ich auch die 603010-Regel erwähnen, die hauptsächlich in der Innenarchitektur verwendet wird. Es kann jedoch auch auf Grafikdesign und Illustration angewendet werden . Und es ist bekannt, dass es eine großartige Möglichkeit ist, die Proportionen zwischen den ausgewählten Farben auszugleichen . Und normalerweise würden Sie damit arbeiten , dass Sie Ihre Grundfarbe auswählen würden, die ungefähr 60% der Komposition ausmacht. Diese Farben sollten normalerweise einen hohen Chromawert oder eine reine Farbe haben, gefolgt von einer Zusatzfarbe, die den 30 Prozent innerhalb der Zusammensetzung entspricht. Und schließlich wären die zehn Prozent Ihre Akzentfarbe, die wirklich auffallen würde und normalerweise eine ergänzende Farbe für Ihre Grundfarbe sein würde . Und hier sind zwei Beispiele, wenn es in der Innenarchitektur angewendet wird. Aber wie gesagt, kann es auf alle möglichen Dinge angewendet werden , von Verpackung, Design, Branding und um ehrlich zu sein für alles Visuelle. 5. Wahrnehmung der Farbe: Jetzt haben wir bereits viel über die Wahrnehmung von Farbe gesprochen , aber ich wollte sicherstellen, dass Sie verstehen, dass nicht nur die Bedeutungen, die wir zwei Farben assoziieren, wichtig sind, sondern auch die Bevölkerungsgruppe Ihrer Zielgruppe. Farben können von den Geschlechtern und auch den verschiedenen Altersgruppen unterschiedlich wahrgenommen werden , ganz zu schweigen von Menschen aus verschiedenen Teilen der Welt. Gute Beispiele sind Rot und Weiß, die im westlichen und östlichen Teil der Welt völlig unterschiedliche Bedeutungen haben . Und nicht zuletzt sprechen wir ein wenig über Farbenblindheit, was für Sie als Grafikdesigner wieder sehr wichtig ist, für Sie als Grafikdesigner wieder sehr wichtig denn dies kann sich wirklich auswirken und beeinflussen Sie Ihre Arbeitsweise. Farbenblindheit ist verminderte Fähigkeit, Farben oder den Unterschied zwischen den Farben zu sehen. Und es ist viel häufiger bei Männern als bei Frauen. Und wieder ist dies ein viel komplexeres Thema und ich möchte nicht standardisieren oder verallgemeinern, aber normalerweise können Frauen Farben viel besser unterscheiden als Männer. Das hat wieder viel mit Genetik zu tun. Jetzt können Sie hier die drei wichtigsten Farbenblindheitstypen und ihre Statistiken unter der Bevölkerung sehen. Und wann immer Sie Designs erstellen, müssen Sie auf diese Weise Ausschau halten und sicherstellen, dass die Kompositionen, die Sie erstellen, keine farbigen Paare verwenden, die hart oder unmöglich sind um mit dieser Art von verminderten Sehfähigkeiten zu sehen. Ein großartiges kostenloses Tool, das Sie sowohl für Mac als auch für PC herunterladen können , heißt Color Oracle, das ich hier bereits im Hintergrund ausgeführt habe und derzeit auf normale Sicht eingestellt ist. Aber lass mich hier im Melanom rauszoomen. Und wenn ich eine Verknüpfung drücke, die ich eingerichtet habe, kann ich schnell dazu wechseln, einen der Farbenblindheitstypen zu simulieren. Und wenn ich wollte, könnte ich sogar zu den anderen Typen wie Tweets wechseln und OPIA wird wieder etwas anders aussehen. Dies ist also wieder nur eine Möglichkeit, Farbenblindheit zu simulieren und Ihnen zu helfen zu sehen, wo ich mehr Kontrast zwischen den Farben brauche , insbesondere für die Typografie. Dies ist wichtig, da Verwendung von Farbpaaren nebeneinander, die schwer zu unterscheiden sind, die Lesbarkeit beeinträchtigt. In Photoshop haben Sie tatsächlich die beiden Haupttypen der Farbenblindheit als Farbprüfoption, die Sie im Menü Ansicht Proof Setup finden. Und dort wirst du sehen, wie Farbenblindheit eine OPIA setzt und sie werden OPIA tenorieren. Ich hoffe, ich habe es richtig ausgesprochen. Und Sie können einfach den Befehl verwenden oder die Y-Verknüpfung steuern , um zwischen der ausgewählten Farbenblindheit zu wechseln . Auch dies ist nur eine Simulation und Wechseln der Farben wieder normal. Unten sehen Sie, dass ich absichtlich zwei Farben ausgewählt , die für diese bestimmte Art von Farbenblindheit nicht gut zusammenpassen würden . Die Texte verschwinden also fast vollständig durch, wenn ich zur anderen Farbenblindheit wechsle, werden Sie sehen, dass die Texte oben verschwinden werden. einmal wieder auf den Normalwert wechseln und es wieder sehen oder diese Farbenblindheit simulieren. Es gibt auch eine wirklich coole Website, auf der Sie Ihre Website farbenblind beweisen können. Sie müssen nur Ihre URL eingeben und auswählen , welche Art von Farbenblindheit Sie simulieren möchten. Und dann wirst du sie nebeneinander sehen können. Also die ursprünglichen Farben und wie Menschen mit dieser Farbenblindheit die Farben sehen würden. Und ich kann unsere Seite sehen, die Aufgabe designer.com. Wahrscheinlich sollte sich diese Farbe ändern, da sie auf dem weißen Hintergrund etwas schwer zu erkennen ist . Und das ist alles, was ich in diesem Video behandeln wollte . Ich hoffe, du hast es nützlich gefunden. Wenn Sie sich noch nicht angemeldet haben, stellen Sie sicher, dass Sie dies jetzt tun, falls Sie die kommenden Episoden dieser Serie nicht verpassen möchten . 6. Illustration: Lassen Sie uns direkt ein paar erstaunliche Illustrationen ansehen , um mehr über den Kontrast zu erfahren. Warum ist also zunächst der Kontrast beim Designprinzip? Nun, weil es ein grundlegendes Werkzeug in der visuellen Kommunikation ist ein grundlegendes Werkzeug in der visuellen Kommunikation und egal was Sie als Kreativer tun, müssen Sie es wirklich verstehen und in Ihrer Arbeit nutzen. Ich würde fast jedes Mal sagen, egal was Sie tun, sei es Fotografie, UX-Design, Illustration, Grafikdesign. Es ist etwas, das Sie wirklich verstehen und bewusst in Ihrer Arbeit verwenden müssen. In diesem Video werde ich ein paar Beispiele auswählen und versuche Ihnen zu erklären, wie Kontraste implementiert werden weil so ziemlich alles , was Sie in Ihren Designs verwenden. Alle Elemente , die Sie in Ihrem Design platzieren, können also Kontrast verwenden, sei es Skalierung, Ausrichtung, Farbe, Wert oder so ziemlich alles , was Sie sich vorstellen können. Jedes Attribut kann einen kontrastierenden Effekt haben , wenn es bewusst verwendet wird. Insbesondere bei Illustrationen wird der Kontrast normalerweise als Storytelling-Gerät verwendet. Es ist etwas, das Sie verwenden können , um Spannungen und Interesse zu erzeugen. Selbst bei dieser ersten auffallenden Illustration gibt es einen klaren Kontrast. Und hauptsächlich geht es um diese weichen runden Formen und die scharfen Ecken. Und es ist ein netter Rhythmus , der hier geschaffen wird. So haben wir immer die runde Form und dann einen scharfen Punkt, runde Form und einen scharfen Punkt und das geht durch das gesamte Design. Jetzt wird natürlich auch die Farbe oder der Wert kontrastiert . Aber noch wichtiger ist, ich würde sagen, dass es in diesem Fall um den Kontrast der Form geht , der diese Illustration wirklich effektiv macht. Dies ist ein gutes Beispiel dafür, wie Kontrast für Storytelling verwendet werden kann. Wir haben also zwei sehr kontrastierende Farben, Temperatur in diesem Bild. Wir haben die warmen Töne im Licht, die aus dem Buch kommen, und dann haben wir all diese kühlen Töne in der Umgebung. In diesem Fall hilft uns der Kontrast nicht nur, uns auf das wichtigste Detail in der Illustration zu konzentrieren, sondern erzählt auch diese Geschichte, die Wärme oder positive Energie, die von der kommt Das Lesen des Buches schafft diese schöne und friedliche Umgebung für dieses Paar oder einen anderen Stil, diesem aber sehr ähnlich ist. Wir haben jemanden, der im Wald arbeitet. Und wieder haben wir einen Kontrast festgestellt, in diesem Fall mit einer einfarbigeren Farbpalette in den dunkleren Teilen und einer lebendigen Farbpalette in dem Teil, der von der Taschenlampe beleuchtet wird. Und in dieser Komposition der Kontrast auch dazu bei Bewegung oder Richtung festzulegen. Also haben wir hier eine klare Richtung festgelegt. Und wieder einmal ist der Aspekt des Storytellings wichtig. Wir haben Tiere und Charaktere, die auf das Licht reagieren. Und wir haben diese gruseligen Dinge auch hier im Dunkeln. Ohne Text oder Erklärung verstehen wir klar, was in dieser Illustration vor sich geht , und wir können uns darauf beziehen. Ein anderes Keyword, über das wir sprechen müssen, wenn es um den Kontrast geht, ist die Gegenüberstellung. Es bedeutet, zwei verschiedene Elemente nebeneinander zu platzieren , oder zwei Dinge, die im Gegensatz zueinander stehen. Und es wird in der Werbung und in allen Arten der visuellen Kommunikation verwendet, um die Aufmerksamkeit des Betrachters zu erregen. Gegenüberstellung beruht also auf Kontrast, und es ist ein gutes Beispiel dafür, zwei verschiedene Dinge zu haben , die in ihrer Form ähnlich sind, aber im wirklichen Leben offensichtlich sehr unterschiedlich sind, eine Banane und ein Hai kombiniert zusammen und schafft diesen Schockwert, der wieder verwendet wird, um die Aufmerksamkeit der Menschen zu erregen. Wenn Sie sich diese Illustration ansehen, können Sie bereits darüber nachdenken, welche Eigenschaften verwendet werden, um den Kontrast zu ermitteln. Und es gibt tatsächlich viele von ihnen. Eine offensichtliche ist natürlich die Skalierung. Wir haben also einen riesigen Charakter , der nicht einmal im Rahmen ist, aber wir können die Skala aus dem Schatten sehen , der auf diese kleinen Charaktere geworfen wird , die in der Mitte stehen. Abgesehen davon gibt es auch andere Dinge, die dazu beitragen, den Kontrast zu erzeugen. Und wenn wir uns genauer ansehen, können Sie es wahrscheinlich besser sehen, dass es auch einen Unterschied in der Textur gibt. Durch den Hintergrund und der Schatten ist strukturiert, ist der Charakter in der Mitte völlig sauber, also gibt es überhaupt keine Textur . Und ja, die Textur spielt eine sehr wichtige Rolle bei auch eine sehr wichtige Rolle bei der Feststellung des Kontrastes. Denken Sie einfach an ein Buchcover, bei dem Sie ein schönes Embolus-Detail haben oder etwas, das eine Folie hat. Also hast du sofort eine Textur. Wir unterscheiden zwischen den geprägten oder vollständigen Details im Vergleich zum Rest des Covers. Und selbst wenn dieser strukturelle Unterschied nicht taktil ist, nicht etwas, das man tatsächlich fühlen kann. Wenn man sich eine solche Illustration anschaut, hat man diese bereits im Hinterkopf. Man spürt fast den Unterschied zwischen den beiden Oberflächen. Jetzt gibt es natürlich auch kontrastierenden Wert und Farbe. Die Hauptfigur im Vergleich zur Umgebung. Und als Profi-Tipp sollten Sie immer die hellsten und dunkelsten Details im Mittelpunkt Ihrer Komposition bewahren die hellsten und dunkelsten Details . Was ich damit meine, ist in diesem Fall, offensichtlich hilft es, die Aufmerksamkeit auf den Charakter zu lenken, weil wir diese helle Farbe auf der Hose haben und wir die dunkelsten Details haben, wahrscheinlich in der Abbildung nebeneinander. Aber hier ist ein weiteres brillantes Beispiel dafür diesen extremen Kontrast zu nutzen und ihn im Mittelpunkt zu verwenden, wo wir hier offensichtlich das Detail haben , das am dunkelsten ist, gegen das dieses Gebäude steht die leuchtend weißen Wolken im Hintergrund. Eine weitere Illustration des gleichen Künstlers Liebe und der Sibylle, empfehle Ihnen dringend, sich seine Arbeit anzusehen. Wenn Sie in den Vorstand von Milano gehen, klicken Sie einfach auf den Link und erkunden Sie dann einfach alle Projekte , die er auf Behance hat. Es ist sehr empfehlenswert, da man viel über Komposition lernen kann , wenn man sich nur seine Arbeit anschaut. Aber wie ich gerade sagte, sind die kontrastreichsten Details die Schwerpunkte, die in der Komposition sehr klar festgelegt sind. Und ein weiteres Beispiel eines anderen Künstlers, wir haben wieder einen sehr klaren Schwerpunkt, wiederum dadurch festgestellt wird, dass diese beiden extrem kontrastierenden Farben nebeneinander gestellt werden. Jetzt ist der Kontrast auch ein großartiges Werkzeug, um Distanz oder Tiefe in Ihrer Komposition festzulegen. Und das ist eine Sache, die wir atmosphärische Perspektive nennen, was bedeutet, dass alles, was weiter von uns entfernt tendenziell seine Sättigung oder Lebendigkeit verliert. Und es gibt offensichtlich Luft zwischen dir und der Entfernung, und das fängt an, die Farbe zu verringern und weiter weg ist etwas, desto gedämpfter Farben werden aussehen und desto mehr wird es sich auch mischen mit welcher Farbe auch immer der Himmel ist. Dies wird sehr häufig in Gemälden, in der Illustration verwendet, und wir können es auch hier sehr deutlich sehen. Wir haben also diese kühleren Töne im Vordergrund, kontrastiert durch die wärmeren Töne am Himmel. Und alle Details, die in der Ferne weiter entfernt sind, werden der Farbe des Himmels näher kommen . Aber wie gesagt, ist der Kontrast die Hauptsache die diese Distanz festlegt. Obwohl wir uns eine flache zweidimensionale Illustration ansehen , haben wir immer noch das Gefühl, dass es eine große Distanz gibt, auf die wir zurücklegen können , wenn wir uns dieses Kunstwerk ansehen. Jetzt kann selbst eine vollkommen symmetrische Illustration wie diese eine sehr interessante dynamische Komposition haben, diese eine sehr interessante dynamische Komposition haben indem sie diesen Kontrast in den Farben links und rechts hat. Diese Technik des Kontrastierens mit ergänzenden Farben, die zur Lichtszene verwendet werden, ist auch in der Fotografie sehr verbreitet, und wir werden uns später ein paar Beispiele ansehen. Wenn es jedoch darum geht, eine begrenzte Farbpalette zu verwenden, ist es auch wichtig, den Kontrast als Werkzeug zu verwenden , um Details oder Zeichen in diesem Fall zu trennen. Es werden also wahrscheinlich vier oder fünf Farben in dieser Abbildung verwendet. Aber noch wichtiger ist, dass Sie nie zwei der gleichen Farben nahe beieinander sehen werden. Nehmen wir diesen Charakter zum Beispiel hier mitten in. Also hat sie gelbe Ärmel und dunkellila für die Hose. Ihre Hautfarbe ist blau, direkt neben oder links und rechts haben wir Charaktere mit verschiedenen Hautfarben. Sie sind also magentafarbener. Ihre Hosen sind beide Cyan, also werden sie nicht mit diesem anderen Charakter in der Mitte kollidieren . Und das einzige überlappende Detail, das in diesem Fall dieselbe Farbe hat, ist dieses kleine Detail hier. Also haben wir den Hautton unserer zentralen Figur, den Cyan, bitte neben oder überlappt mit dieser blauen Farbe der Hose dieses anderen Charakters. Dies würde also als Fehler angesehen werden , wenn es nicht beabsichtigt wäre, sondern weil dieser Illustrator die kontrastierenden Farben nebeneinander verwendet die kontrastierenden Farben nebeneinander und einen schönen Rhythmus erzeugt. In dieser Zeichenzeile diese kleinen Bereiche der Mischung verursachen diese kleinen Bereiche der Mischung zwischen den Zeichen kein Problem. Wenn überhaupt, macht es es interessanter und ermöglicht es dem Betrachter , etwas härter zu arbeiten um zu verstehen, was vor sich geht. Wenn Sie jedoch den Farben von links nach rechts folgen , wie das Scannen des Bildes, werden Sie immer ein schönes Muster und einen schönen Rhythmus sehen . Folgen wir einfach der magentafarbenen Farbe. Zuerst. Wir haben es hier auf dem Rock, dann benutzen wir mehr auf der Haut, dann gehen wir runter zum Rock, dann wieder auf die Haut, dann kommt der Hund hier runter als wir es auch auf der Haut haben, dann runter zur Hose als hier oben am Lautsprecher. Und die Haut, auch der Vogel als wir es wieder haben auf diese Details in der Mitte und dann die Haut am Ende. So können Sie sehen, wie schön diese Illustration das Auge des Betrachters wirklich durch die gesamte Komposition führt. Bevor Sie nun ein bisschen mehr über Fotografie sprechen , Hier ist ein weiteres brillantes Beispiel für Kontrast mit vielen verschiedenen Aspekten dieser Komposition. Zuallererst haben wir eine Poesie und eine sehr starke geometrische Form dahinter. In diesem Fall, der geometrischen Form und den organischen Details, schafft das Gesicht bereits Kontrast. Und dann haben wir auch den extremen Kontrast von Schwarz und Weiß nebeneinander, was physisch der höchste Kontrast ist, den Sie erreichen können. Und deshalb können Schwarzweiß-Illustrationen der Typografie so effektiv sein. Am faszinierendsten ist jedoch die gleiche Farbe, die Gesichtsbehaarung oder den Bart und den Schnurrbart auf diesem Charakter verwendet wird, wie die Farbe , die für diese Form im Hintergrund verwendet wird. Und das einzige, was sie wirklich trennt , ist die dünne schwarze Linie hier. also über die Dinge nachdenken, die wir bereits behandelt haben, könnten Sie sagen, dass es hier nicht genug Kontrast gibt . Der Mangel an Kontrast kann jedoch genauso effektiv sein wie der Kontrast. Denken Sie daran, dass ich sagte und visuelle Spannungen erzeugen Entweder durch die Verwendung von Kontrast oder das Gegenteil wird auch genau die gleiche Spannung erzeugt. lernen, wie man ein Designprinzip anwendet, ist der erste Schritt, um es zu verstehen, aber dann ist der nächste Schritt, oder später, wenn Sie sicherer sind, es zu verwenden, zu lernen, oder später, wenn Sie sicherer sind, es zu verwenden, zu lernen, wie man pushen das Limit bis es noch funktioniert, aber es geht nur darum zu arbeiten. Dies ist ein perfektes Beispiel dafür, dass beide wieder schwarze und weiße Farben nebeneinander haben, die organische und geometrische Formen nebeneinander haben. Aber dann auch diese sehr geringe Kontrasttrennung zwischen zwei wichtigen Details, wieder direkt nebeneinander. Auch hier entstehen Spannungen auf vielen Ebenen. Diese subtilen und weniger offensichtlichen Details oder Lösungen sind diejenigen, die Ihre Arbeit wirklich professionell aussehen lassen. Das würden wir normalerweise sagen, dass man ein Auge dafür entwickeln muss , dass es so etwas erschaffen kann. Die beste Übung ist, immer genau darauf zu achten und alles zu analysieren , was Sie sehen, was Ihnen gefällt. Und versuchen Sie wirklich herauszufinden, was diese Arbeit interessant macht, was sie auszeichnet und wie all diese Prinzipien verwendet werden oder nicht verwendet werden , um einen bestimmten Effekt zu erzielen. 7. Fotografie und Film: Wir haben bereits einige erstaunliche Beispiele für Illustrationen gesehen , bei denen Kontrast verwendet wird, sei es, den Schwerpunkt zu ermitteln oder um die Geschichte zu erzählen. Hier sind einige Beispiele für Typografie und vor allem eine Erinnerung an etwas, das wir bereits in einem anderen Video zur Farbtheorie behandelt haben. In diesem Video erkläre ich und gehe detailliert auf den Unterschied zwischen Wert und Kontrast und die Beziehung zwischen ihnen ein. Und diese neun Bilder hier, die Sie auf meinem Bildschirm sehen können, sind perfekte Beispiele für das kleine Diagramm hier auf der linken Seite. Vielleicht haben Sie diesen Begriff „Low-Key“ oder „High Key“ und „Fotografie“ gehört . Und das ist im Wesentlichen das Spielen mit helleren oder dunkleren Tönen. Und auch hier, obwohl es sich um Fotografie und Fotos handelt , die wir betrachten, ist es genau das gleiche Prinzip, das Sie in Ihren Grafikdesign-Kompositionen verwenden können . Die wichtigste Lektion, die Sie hier lernen müssen , ist, dass es nicht immer der höchste Kontrast ist, der Ihnen das beste Ergebnis liefern wird. Es hängt wirklich davon ab, welche Art von Stimmung oder Atmosphäre Sie in Ihrer Komposition festlegen möchten . So kann zum Beispiel ein Bild wie dieses mit hohem Kontrast genauso effektiv sein wie ein Bild mit geringem Kontrast oder ein extremes Beispiel, bei dem fast alles zusammenfügt, aber immer noch wir können die wichtigen Details sehen. Stellen Sie sich also Kontrast als Schieberegler vor, den Sie in Ihrer Komposition anpassen können. Sie können es aufpumpen und etwas sehr Dramatisches schaffen wenn Sie viel Kontrast verwenden oder es sparsam verwenden können, vielleicht nur in bestimmten Teilen Ihrer Komposition verwenden . Wie hier ist ein erstaunliches Beispiel von Florida buschig, wo sie offensichtlich wieder eine hochkarätige, kontrastreiche Komposition hat , aber ein hoher Kontrast wird nur auf diesen wichtigen Schwerpunkten der zusammensetzung. Und ein weiteres erstaunliches Beispiel für die Gegenüberstellung zweier Dinge, die übereinander liegen und auf diese besondere Weise ausgerichtet sind. Das lässt es sehr interessant aussehen, wenn man Filme und andere Waren mag, um zu verstehen wie man Kontrast verwendet, wäre Sin City, wo es offensichtlich wirklich erstaunlich im ganzen Ganzen verwendet wurde -Film. Und tatsächlich sind beide Filme perfekte Beispiele dafür. Fast alle Szenen sind komplett schwarz-weiß und die Details mit dem höchsten Kontrast werden immer für Storytelling verwendet. Sie hatten also die einzigartigen Details hervorgehoben , die für einen bestimmten Charakter wichtig sind. Aber dann gibt es auch viele Szenen, in denen Farben aus der Schwarz-Weiß-Umgebung hervorgehen würden . Auch hier wird es verwendet, um bestimmte Details hervorzuheben und Schwerpunkte zu schaffen. Der Color Pop-Effekt wird natürlich auch in der Fotografie verwendet, um bestimmte Details wieder von der Umgebung zu trennen. Und das ist wieder etwas, das ich als sehr offensichtliche Verwendung von Kontrast bezeichnen würde . Vielleicht bis zu einem Punkt, dass es übertrieben oder kitschig ist, während Sie einen subtileren Kontrast in Kompositionen haben , wenn es um Fotografie geht. Wenn Sie zum Beispiel einen einzelnen Baum haben, scheint, als würde er in der Mitte des Schusses stehen. Aber tatsächlich ist dieser Baum derjenige, der gefallen ist und alle anderen Bäume stehen. Da es sich um eine Vogelperspektive handelt, höchstwahrscheinlich mit einem gezeichneten, aber mit dieser sehr interessanten und subtilen Verwendung von Kontrast aufgenommen aber mit dieser sehr interessanten wird, haben wir eine sehr einzigartige Komposition. Ich sage nicht, dass Sie es vermeiden sollten zu viel Kontrast in Ihren Kompositionen zu verwenden. Es geht wieder darum das richtige Gleichgewicht für das zu finden, was Sie sagen möchten. Denken Sie daran, Sie kommunizieren visuell und es findet Ton der Stimme , der für die Geschichte, die Sie erzählen, am besten geeignet ist. 8. Grafikdesign: springen also direkt hinein, wir haben zunächst ein sehr ikonisches Bild , Graffiti von Banksy, das wirklich viele Aspekte der Dinge zeigt , die wir bereits im ersten Teil besprochen haben Tutorial. Wir haben also einen extremen Kontrast von Schwarz und Weiß nebeneinander. Aber wir haben auch einen Color Pop auf den Blumen. Dieser Kontrast in der Sättigung schafft hier einen klaren Brennpunkt. Aber wir können auch einen klaren Gebrauch der Gegenüberstellung sehen. Wenn wir zwei gegensätzliche Dinge zusammengestellt haben. Wir alle wissen, dass eine Person wie diese keine Blumen für etwas viel Schädlicheres herumwerfen würde . Aber wenn man diesen Schockwert hat, ist es, was diese Graffiti so beliebt und so mächtig macht. Jetzt ist dies auch für Filmplakate üblich , um extremen Kontrast zu verwenden. Und die Kombination aus Schwarz, Weiß und Rot ist in allen Arten von Designs sehr beliebt , da Rot ein großartiges Highlight oder eine Pop-Farbe ist. Und Schwarz und Weiß ist, wie wir bereits besprochen haben, der extreme Kontrast. Also das wirkungsvollste Paar , das Sie zusammenstellen können. Aber neben dem Kontrast in Farbe und Wert gibt es auch andere Dinge, gibt es auch andere Dinge in dieser Komposition kontrastieren. Eine davon ist die Richtung oder der Winkel, weil wir eine sehr klare Linie haben die die Komposition hier in der Mitte teilt. Aber diese Linie wiederholt sich mit den Schultern von Russell Crowe oben und dann auch mit dem Hut von Christian Bales Charakter unten. Diese drei Linien sind also fast parallel und erzeugen eine sehr starke diagonale Bewegung innerhalb des Posters. Gegensatz dazu haben wir einen weiteren sehr starken Winkel, der fast in die entgegengesetzte Richtung geht. Und das wird durch das Gewehr geschaffen , das Christian Bale hält. Und darüber hinaus haben wir auch Kontrast in der Typografie. Die Nachnamen und Vornamen unterscheiden sich also in Bezug auf die Linienstärke sehr. Und das schafft einen sehr guten Kontrast. Und dies ist eine sehr typische Methode, um Kontrast in der Typografie zu verwenden , um Hierarchie zu etablieren und auch Ähnlichkeiten zwischen Elementen zu schaffen. Jetzt haben wir hier ein brillantes Magazincover, wieder völlig einfarbig, also haben wir nur Schwarz und Weiß. Und in diesem Sinne nutzt das Weinberg-Logo auf der Oberseite bereits den extremen Kontrast von Schwarz und Weiß. Aber ich habe den Weg auf diesem speziellen Cover geliebt , wie sich die Silhouette oder die Darstellung überlappt oder in einen bestimmten Teil des Logos eingeht. Es schafft eine nette Interaktion ohne dass es schwer zu lesen ist. Nun, neben dem offensichtlichen Kontrast zwischen dem weißen und schwarzen Raum im Cover, der die Silhouette selbst erzeugt. Wir haben auch einen Kontrast zwischen diesem flachen Farbblock und der eigentlichen detaillierten fotorealistischen Brille, die einen perfekten Brennpunkt nach vorne schafft und auch hilft, die Person im Bild. Jetzt haben Sie auch beim Branding noch einmal Kontrast zum offensichtlichen Wertkontrast von Schwarz und Weiß, wir haben wieder einen sekundären Kontrast der runden Formen auf der linken Seite und die geraden Linien auf der rechten Seite. Und das kann ein einfaches Beispiel sein, um sich daran zu erinnern, dass normalerweise auf einem guten Design unter der Oberfläche, Es gibt all diese zusätzlichen sekundären, tertiären Kontrast. Es gibt also immer eine, die offensichtlich ist, aber es gibt zusätzliche, die Sie finden können. Wenn Sie anfangen, Schichten zu schälen und wirklich zu verstehen, wie etwas entstanden ist und was die Absicht war. Denken Sie also immer daran, dass Sie immer dann, wenn Sie etwas außer dem offensichtlichen Kontrast erstellen , wenn Sie etwas außer dem offensichtlichen Kontrast immer einige versteckte, weniger eine Mischung erkennen können weniger eine Mischung erkennen die subtilere Kontrast verwendet. Hier ist ein tolles Poster , das zum 100-jährigen Jubiläum des Bauhausstils oder der Bewegung geschaffen wurde 100-jährigen Jubiläum des . Und das fängt viele Kontrastschichten wieder perfekt ein. Wir haben also die kontrastierenden geometrischen Formen übereinander liegen. Wir haben auch kontrastierende Farben, aber dann haben wir auch Kontrast in Kante, Detail oder Klarheit. Während jede Form eine sehr klar definierte Ecke hat, wird die andere Seite der Form eingemischt und verschwindet, wodurch eine schöne Mischung zwischen diesen Elementen entsteht, um Gleichgewicht herzustellen zwischen der linken und der rechten Seite dieser Komposition haben wir oben auf der linken Seite die scharfe sichtbare Ecke der Form, während wir auf der unteren Seite während wir auf der unteren diese scharfe sichtbare Ecke haben auf der rechten Seite. Das hilft also, ungefähr das gleiche Farbvolumen zu haben , sowohl auf der linken als auch auf der rechten Seite. Oder Sie können die Komposition auch auf diese Weise teilen. Und wieder werden Sie ungefähr die gleiche Art von Gleichgewicht haben . Und übrigens kann man sich nicht nur auf den Kontrast verlassen , um eine großartige Komposition zu schaffen. Man muss es immer koppeln und mit anderen Prinzipien wie Balance kombinieren . In diesem Fall haben wir Beispiele gesehen, wie wir es zusammen mit Rhythmus und Muster in den Illustrationen in der vorherigen Folge verwenden Rhythmus und Muster in . Hier ist ein weiteres großartiges Beispiel für Kontraste, die in der Typografie verwendet werden. Wir haben also zwei verschiedene Nachrichtenüberlagerungen übereinander. Und der Grund, warum wir es immer noch lesen können , liegt darin, dass sie eindeutig anders sind. Einer ist ein kondensierter serifenloser Typ, nur die Umrisse hat. Und die andere ist eher eine handgeschriebene Skriptsteuer, die offensichtlich auch in der Farbe unterschiedlich ist, aber auch eine etwas dreidimensionale Qualität hat. Damit diese Komposition funktioniert, mussten mehrere Kontrastschichten hergestellt werden. Einige offensichtlicher, einige ein bisschen subtiler. Jetzt gibt es auch einen psychologischen Kontrasteffekt. Es gibt einen Grund, warum die meisten Webshops ähnliche Produkte nebeneinander angelegt hätten. So können Sie sie vergleichen und herausfinden, welcher besser, schneller, größer, so weiter, so weiter ist. Wahrscheinlich wäre Apple eines der minimalistischsten und gleichzeitig professionellsten Beispiele dafür , wo Sie die verschiedenen Modelle wieder nebeneinander sehen könnten . Und auch hier, neben dem offensichtlichen Größenunterschied , den wir deutlich erkennen können, wenn diese beiden nebeneinander stehen. Wir haben auch Kontrast bei der Verwendung von Hintergrundbildern, die die Pro-Version klar definiert von den anderen beiden unterscheidet. Bei UX und Webdesign ist der Kontrast entscheidend da sie hauptsächlich für die Elemente verwendet werden , mit denen Sie interagieren können, unabhängig davon, ob es sich um Dials wie diese oder Schaltflächen oder andere Navigationselemente handelt. Aber auch innerhalb des Inhalts hätten Sie einen Kontrast zur Steuer festgelegt , um sicherzustellen, dass sie leicht zu finden ist. Hierarchie und Ähnlichkeit zu schaffen, haben wir die gleiche Farbe und Schriftart und sogar Platzierung, die in all diesen Symbolen oder Elementen hier auf diesem Bildschirm verwendet wird all diesen Symbolen . 9. Populäre Kultur: Und schließlich sind hier noch ein paar Beispiele. Auch hier, nur um verschiedene Aspekte der Kontrastnutzung zu betrachten . Ein Künstler, den ich wirklich hervorheben möchte , wer meiner Meinung nach ist, ein Meister der Kontrast zu verwenden, ist Olly Moss. Also sieh dir seine Arbeit an. Diese Plakate sind alle von ihm hier oben. Und seine Arbeit ist neben der Verwendung von Kontrast auch für die clevere Nutzung von negativem Raum sehr erkennbar , sei es darum, eine intelligente Paarung der Silhouette oder des Profils von Clint Eastwood und der Waffe zu schaffen , in diesem Fall oder die Kiefer, die als sekundäre Lesung aus den Bergen und den Felsbrocken im Vordergrund geschaffen wird sekundäre Lesung aus . Was ich dieses Poster von Olly Moss noch einmal aufrufen wollte , weil dies mehrere Möglichkeiten hat, Kontrast zu verwenden, haben wir diese starken Linien auf der linken und rechten Seite, die auch wieder Spannungen und hilft wirklich, Auge des Betrachters auf die Mitte zu lenken und sie verwenden Kontrast. Wir haben die hellsten und dunkelsten Details direkt nebeneinander schaffen einen Schwerpunkt auf dem weiblichen Charakter. Der gleiche kontrastreiche, der auf dem Titel verwendet wird, der gleichzeitig auch die Zähne ist. Aber dann haben wir auch den Kontrast im Maßstab zu diesen riesigen, gigantischen Affen und dem kleinen Charakter davor. Seit wir über King Kong sprechen. Dies ist wieder ein weiteres Beispiel für ein ikonisches Design des riesigen Monsters, des Affen und der winzigen kleinen zerbrechlichen Frau ist wie der ultimative Kontrast , den Sie in einem Rahmen und in einem zusammensetzung. Diese extreme Gegenüberstellung, zwei völlig verschiedene Dinge nebeneinander zu stellen zwei völlig verschiedene Dinge nebeneinander zu , erzeugt eine sehr starke Spannung und eine überzeugende Geschichte, die es zu erzählen gilt. Die gleiche Art von kontrastierenden Charakterpaaren findet sich auch in Fernsehsendungen wie The Mandalorian. Auch hier schaffen ganz andere Charaktere auf einer gemeinsamen Reise eine sehr mächtige und fesselnde Geschichte. Und genau wie zuvor ist es nicht nur ihre Größe, sondern auch ihr Verhalten , das anders ist. Die Dinge, die sie sind anders. In diesem Fall ist die Art auch anders. Und die Interaktionen dieser kontrastierenden Charaktere, was eine interessante Geschichte vielleicht nicht so extrem macht, aber der gleiche Kontrast im Charakterpaar ist in Logan zu sehen, auch in der neuesten Version von gott des kriegsspiels, oder sogar „Last of Us“. Und wieder die Tatsache, dass in dieser Komposition neben diesen beiden kontrastierenden Charakteren auch der extreme Kontrast in Schwarz und Weiß vorhanden ist , der dazu beiträgt, die Spannung zu verstärken und macht die gesamte Komposition interessanter anzusehen. Und nicht zuletzt einen anderen Künstler, ich hervorheben wollte, von dem Sie viel über die Verwendung von Kontrast in Ihrer Komposition lernen können . Es ist Magnesia Lopez. Er hat eine unglaubliche Anzahl von Plakaten produziert, von denen Sie wahrscheinlich vertraut sind, wenn Sie Pinterest verwenden oder Hände haben, weil seine Arbeit überall im Internet stattfindet. Und einer der Hauptanziehungskraft seiner Arbeit nicht nur sehr kreativ, ist nicht nur sehr kreativ, sondern auch die clevere Verwendung von vielschichtigem Kontrast. Und inzwischen, nachdem Sie so viele Beispiele durchgegangen sind, bin ich mir sicher, dass Sie die meisten dieser Vs erkennen können , die Kontrast verwenden, zum Beispiel in dieser Komposition oder hier ist eine andere. Auch hier gibt es viele clevere Möglichkeiten , Kontrast einzuführen, sei es scharfe und runde Formen nebeneinander oder helle lebendige Farben neben dunklen Details oder die unerwartete Kombination zweier Bilder Fall, um den Brennpunkt in der Mitte der Komposition zu schaffen . Ich hoffe wirklich, dass diese Beispiele Ihnen helfen werden, Kontrast in Ihrer eigenen Arbeit nutzen und verwenden zu können. Zusammenfassend ist das Wichtigste, wenn es um den Kontrast geht , dass Sie es in jeder Komposition verwenden müssen, aber Sie müssen lernen, es auf und ab zu straffen , je nachdem, was Sie möchten erreichen, erhöhen Sie den Kontrast, wenn Sie ein dramatisches, wirkungsvolles Design erstellen und abschwächen möchten, wenn Sie ein bisschen subtiler sein möchten, aber vergessen Sie auch nicht mehrere Ebenen von Kontrast. also neben dem offensichtlichen Kontrast Haben Sie also neben dem offensichtlichen Kontrast immer ein paar nuanciertere Möglichkeiten es in Ihre Comps einzuführen. Und es hat keinen Sinn aufzulisten, was in InDesign kontrastieren kann, da alles kontrastierend sein kann, wie wir es aus diesen vielen Beispielen gesehen haben , die wir behandelt haben, es liegt nur an Ihrem Kreativität und kreative Entscheidungen darüber, wie Sie es für Ihre Arbeit nutzen. 10. Online: Wenn es um den Kontrast geht, müssen Sie als Grafikdesigner sicherstellen dass genügend Kontrast für den Text vorhanden ist , da dies die Lesbarkeit beeinträchtigt. Dies ist eine brillante Website, für die Sie den Link unter diesem Video und auch auf den Melanomboards finden und auch auf den Melanomboards können, wo Sie Farbkombinationen mit einer Hintergrundfarbe und der Textfarbe testen können . Und Sie werden in der Lage sein, Bewertungen zu erhalten und zu sehen, wie gut sich dieser Kontrast entwickeln wird. In diesem Fall haben wir eine sehr hohe Punktzahl mit dieser dunkelblauen Farbe, die für den Text verwendet wird , und die hellblaue Farbe für den Hintergrund. Aber mal sehen, was passiert, wenn ich die Textfarbe ändere. Ich werde hier oben einfach höher gehen, und sofort sinkt die Bewertung, also erhalten wir eine sehr schlechte Bewertung. Das wird also definitiv nicht genug Kontrast für eine kleine Steuer sein , aber es wird nicht einmal für großen Text funktionieren. Diese Zitate hier auf der rechten Seite dienen nur der Vorschau, aber Sie können dies auch im Vollbildmodus sehen, nur um das Ergebnis der Farbkombination zu sehen. Und ich mag diese Option hier sehr, die Ihnen helfen kann, den Kontrast zu beheben. Sobald Sie darauf klicken, können Sie auswählen, was Sie ändern möchten. In diesem Fall werde ich nur sagen, dass ich beide Farben anpassen und sofort wieder zu einem Highscore beitragen. Das Gute ist , dass Sie diese Hash-Codes kopieren können , sobald Sie die richtige Kombination gefunden haben. Sie können die Auswahl aber auch in andere Farbmodi umstellen. Anstelle des Hex-Codes können Sie also auch RGB, CMYK, sogar Laborcodes erhalten . Und wenn Sie sich entscheiden, dies zu kopieren, klicken Sie hier einfach auf dieses kleine Symbol, das Sie dann in allen Adobe-Anwendungen verwenden können . Falls Sie sich jetzt fragen wie diese Bewertung funktioniert, können Sie weitere Erklärungen dazu finden. Es entspricht tatsächlich den Richtlinien für Barrierefreiheit für Webinhalte, die zwei Kontrastststufen definieren. Die WA ist das minimale Kontrastniveau, und der AAA ist der verbesserte oder ideale Kontrast. Im nächsten Video zeige ich dir ein weiteres sehr interessantes Tool von 3M. Es wird die visuelle Aufmerksamkeitssoftware genannt. Dies ist keine kostenlose Anwendung, aber es ist ein großartiges Plug-In, das Sie in Adobe-Anwendungen verwenden können. Und Sie werden sehen, wie künstliche Intelligenz verwendet werden kann, um sofort vorherzusagen was Zuschauer auf den ersten Blick sehen werden , wenn sie sich Ihre Designs ansehen. Wie Sie sehen werden, haben sowohl Farbe als auch Kontrast in Ihren Kompositionen viel damit zu tun, was Leute auf Sie achten werden. 11. Visuelle Attention Teil 1: Hier sind wir in Photoshop und wie Sie sehen können, habe ich das 3M Visual Aufmerksamkeits-Software-Plug-In bereits auf der linken Seite geöffnet. Und wenn Sie sich fragen, wie Sie dieses Plugin installieren können, wahrscheinlich am einfachsten, wenn Sie zum Plugins-Menü gehen und Browser-Plugins auswählen. Dies führt Sie zur Creative Cloud-App, wo Sie nach Plugins suchen können und nur 3M hier auf der linken Seite eingeben müssen. Dieses Plugin ist derzeit für Photoshop, Illustrator und Adobe XD verfügbar . Aber jetzt gehen wir einfach zurück in Photoshop und schauen uns an, wie wir das Design dieser Schokoladenverpackung verbessern und es Käufern erleichtern können das Design dieser Schokoladenverpackung verbessern und , die relevanten Informationen dazu zu finden. Dieses Design wurde übrigens von Nina erstellt , einer unserer Mitglieder Studenten. Und es wurde für eines der vielen kreativen Projekte eingereicht , die wir in diesem Mentorenprogramm anbieten. Wenn Sie daran interessiert sind, weitere Informationen darüber zu erfahren, finden Sie den Link in der folgenden Beschreibung. Jetzt, da ich dieses Design in Photoshop geladen habe, kann ich das Plugin verwenden, um zu testen wie dieses Design funktionieren wird. Zuallererst müssen wir wählen, um welche Art von Inhalt es sich handelt. Das ist eine Verpackung. Also wähle ich das aus. Aber übrigens kann man sehen, dass es hier ziemlich viele Möglichkeiten gibt. Und wenn es aus irgendeinem Grund nicht in eine dieser Kategorien fällt, können Sie immer andere auswählen. Weil dieses Plugin künstliche Intelligenz verwendet. Es hilft, wenn du am Anfang die richtige Kategorie auswählst . Und danach müssen Sie nur noch einfach auf Analysieren klicken. Um die Dinge schneller und reibungsloser zu gestalten, habe ich hier bereits ein paar Ergebnisse und zeige Ihnen tatsächlich, wie ich das Design basierend auf dem Feedback, das ich vom Plugin erhalte, verfeinere das Design basierend auf dem Feedback, das . Ich schalte einfach Show ein, was mir zuerst eine Heatmap geben wird, aber ich kann auch zu Hotspots und Blicksequenz wechseln. In der Regel dauert es etwa zehn bis 20 Sekunden, um Analysen zu generieren, hauptsächlich abhängig von der Komplexität des Designs, auf dem Sie die Analyse durchführen. Alle Ergebnisse werden hier auf der rechten Seite immer als separate Gruppen generiert . So können Sie es einfach ein- und ausschalten, nur um das ursprüngliche Design und die Informationen zu sehen das ursprüngliche Design und , die vom Plug-In generiert wurden. Wenn Sie also hier links auf diese Optionen klicken , wechseln Sie tatsächlich zwischen den Layern im Dokument. Und wenn ich mir die Heatmap anschaue, sehe ich schon ein paar Dinge. Zuallererst ist der Markenname Choke oder Rica ziemlich gut. Es sticht hervor, aber nicht so sehr wie die Abbildung. Was völlig verloren geht , sind die tatsächlichen Informationen unten. Das wird laut Plugin nicht einmal vom Blick des Betrachters abgedeckt , in diesem Fall erregt die Illustration selbst zu viel Aufmerksamkeit und wichtige Informationen gehen verloren, wenn wir wechseln Sie zu Hotspots , es bestätigt nur noch einmal, dass die Abbildung derzeit zwei dominant ist. Aber wie funktioniert dieses Plugin eigentlich? Es ist wichtig, dies zu verstehen, um unsere Entwürfe verbessern zu können. Unter der Haube analysiert das Plugin tatsächlich eine komplexe Beziehung zwischen den fünf visuellen Elementen , die Sie hier sehen können. Sie fügen also Kanten, Intensität, Rot, Grünkontrast, blauen, gelben Kontrast und Gesichter hinzu. Und es ist auch wichtig zu erwähnen, dass das Plugin tatsächlich den ersten Blick anstelle des bewussten Sehens simuliert. erste Blick ist also etwas, das auf der ganzen Welt universell ist . Und es ist etwas , was wir tun, ohne zu denken, sind die ersten 35 Sekunden , wenn wir uns etwas ansehen. kann das Plugin also sehr genau simulieren. nun zu unserem Design zurückkehren, können wir uns endlich die Blicksequenz ansehen, die auch sehr nützlich ist. Dies gibt uns im Wesentlichen die ersten vier Orte , an denen sich unsere Zuschauer hinziehen werden. Und in diesem Fall bleiben alle vier in der Abbildung. Sie gehen also nicht einmal auf den Namen oben oder die Informationen unten über den Geschmack und die Art der Schokolade, bei unten über den Geschmack und die der diese Verpackung vier ist. In Bezug auf die Ziele dieses Designs, dass die Informationen unten, oben, auffällig oder schnell erkennbar sein sollten. Wir sind derzeit ziemlich weit davon entfernt. Dies ist ein gutes Beispiel dafür, dass manchmal ein schönes farbenfrohes Design hübsch aussehen kann, aber es ist möglicherweise nicht effektiv , was das eigentliche Ziel des Produkts ist. Jetzt, da wir unser Feedback vom Plugin haben, schauen wir uns die zweite Version des Designs an. Dies ist eine subtile Veränderung. Alles, was ich hier getan habe , ist , die Illustration ein bisschen besser zu betrachten. Es hat also weniger Kontrast und weniger Sättigung. Auf diese Weise reduzieren wir auch die Intensität und den Kantenkontrast und sogar den Kontrast für die Farben, und sogar den Kontrast für wie wir zuvor gesehen haben. Und ich habe versucht, die Informationen unten viel dominanter zu machen , also habe ich sie einfach größer gemacht. Werfen wir einen Blick auf die Ergebnisse. Auch hier, beginnend mit der Heatmap, sind die Rottöne die dominantesten Details. Und dann geht es in gelb, grün und dann blau. Blau markiert die Bereiche , die immer noch Aufmerksamkeit erregen , aber die geringste Aufmerksamkeit im Vergleich zu diesen anderen Details. So haben wir es geschafft, hier ein wenig Verbesserung zu erzielen, wir haben jetzt ein wenig Aufmerksamkeit auf diese Informationen unten gerichtet. Die Zuschauer werden wahrscheinlich lesen, welche Art von Schokolade das ist und vielleicht sogar der Geschmack. Was wir wieder sehen können, ob ich einfach wieder das Design zeige. Also die Himbeertexte dort unten, aber leider versiegeln die Illustration zweidominant und erregt immer noch zu viel Aufmerksamkeit. Wenn wir also zu Hotspots wechseln, bestätigt das erneut, dass dieser Bereich hier oben immer noch nicht wichtig genug oder auffällig genug ist. Und innerhalb der Abbildung gibt es Bereiche, die sehr kontrastreich sind und einfach zu viel Aufmerksamkeit auf sich ziehen. Wenn ich zur Blicksequenz wechsle, zeigt das wieder, dass alles hier an diesem Wasserfall beginnt, dann springt sie auf die Informationen unten zeigt das wieder, dass alles hier an diesem Wasserfall beginnt, dann springt sie auf die Informationen unten und kommt dann wieder in der Abbildung zum Vogel zurück. Und erst ganz am Ende würde es bis zum Logo oben gehen. Stattdessen würde ich es vorziehen, unten etwas wie die Nummer eins zu sehen , dann Nummer zwei oben. Und dann kann Nummer 34 irgendwo in der Abbildung in der Mitte sein. Also müssen wir wieder zum Zeichenbrett zurückkehren und unser Design verfeinern. Von dieser zweiten Version bin ich also zu einer viel vereinfachteren Version umgezogen. Es hat immer noch einen Teil der ursprünglichen Illustration, aber auf viel vereinfachte Weise. Wir versuchen also, die Aufmerksamkeit wirklich auf die wichtigen Elemente zu lenken und die gesamte Illustration eher wie eine sekundäre Lektüre zu halten . Sehen wir uns also noch einmal die Ergebnisse für diese Version an. Hier ist die Heatmap. Zuallererst die Illustration leider immer noch zieht die Illustration leider immer noch viele Interessen auf sich. Und wenn wir uns die Hotspots ansehen, scheint es, als könnte selbst ein kleines Hintergrunddetail wie dieses die Zuschauer verwirren. Und anstatt sich die Informationen hier unten anzusehen , werden ihre Augen von diesem unnötigen Detail angezogen sein , das einfach nur zum Zwecke der Dekoration da ist. Dann wechseln wir zur Schwulensequenz. Wir können sehen, dass es immer noch zu viel Zeit hier im Zentrum verbringt , also sind wir immer noch nicht da. Aber hier ist eine andere Version , die wieder weiter verfeinert wird. Lass mich einfach zwischen 34 hin und her wechseln. Wie Sie sehen können, ist die Hauptsache, die ich hier getan habe , einige Elemente neu zu positionieren auch Elemente in der Abbildung zu vergrößern. Und am wichtigsten ist, dass ich diesen bunten Vogel nach unten bewegt habe, da ich weiß, dass er Aufmerksamkeit erregt und ich ihn nicht vom Design weglassen möchte , dann ist es wahrscheinlich am besten platzieren, wo ich die Aufmerksamkeit richten möchte. Das Gleiche gilt für das Faultier, obwohl es in der Mitte Aufmerksamkeit erregen wird, ist es eine gute Möglichkeit, die Aufmerksamkeit von den beiden wichtigen Details oben und unten zu die Aufmerksamkeit von den beiden wichtigen Details lenken. Bevor ich alle meine anderen Designentscheidungen erkläre und wie ich das Design verbessere, schauen wir uns die Analyse dieser Version an. Hier ist also die Heatmap, wie einfach noch einmal sehen, das Design und die Heatmap. Und wir können sehen, dass es schon viel besser ist. So haben wir hier unten und auch oben ziemlich viele aktive Bereiche. Aber hauptsächlich interessiere ich mich , die Hotspots und die Wahrscheinlichkeit der Aufmerksamkeit, die die bestimmten Elemente erregt haben. Und ich kann jetzt sehen, dass das Markenimage oder das Logo das stärkste sein wird , bei dem es eine 84-prozentige Chance gibt 84-prozentige Chance , auf diesen Teil zu achten, dann geht die Sekundarstufe um dieses Detail hier unten zu sein. Und dann wird nur das dritte die Illustration in der Mitte sein. Das ist also die richtige Reihenfolge , die ich erreichen wollte. Aber schauen wir uns auch die K-Sequenz an. Ebenso zeigt es uns oben die Nummer eins, dann Nummer zwei, Nummer drei und Nummer vier, die wieder nach unten gehen. Ich bin also sehr zufrieden damit. Das ist viel besser als das, womit wir angefangen haben. Und nur um zu verstehen, welche Entscheidungen ich getroffen habe, schalte ich nur die Ergebnisse aus und zeige Ihnen, dass selbst einfache Dinge wie wirklich Dimmen oder Hintergrundelemente einen großen Unterschied machen können . So können wir diese Blätter hier immer noch sehen, und es schafft immer noch diese farbenfrohe Dschungel-Stimmung. Aber verglichen mit dem ursprünglichen Design, das zu bunt war und zu viele kleine Details hinzugefügt wurden. Dies ist viel kontrollierter, aber es gibt auch kleine Tricks, die hier verwendet werden, um die Aufmerksamkeit des Betrachters zu lenken. Beachten Sie diese Dreiecke hier unten, die Bäume sein sollen. Sie alle weisen auf diesen Bereich hin, auf ich die Aufmerksamkeit der Menschen lenken möchte. Und selbst zwischen diesen beiden Details, oben und unten, haben wir diese Blätter, die als kleiner visueller Weg zwischen den beiden Details fungieren als kleiner visueller Weg zwischen den , die wir hervorheben wollten. Es ist wichtig zu verstehen , dass Sie als Grafikdesigner immer noch die Kontrolle haben und Sie derjenige sind, der die Entscheidungen basierend auf der Analyse oder den Ergebnissen treffen muss, die das Plugin hat basierend auf der Analyse oder den kann generieren. 12. Visuelle Attention Teil 2: Daher ist es für jeden Grafikdesigner immer noch sehr, sehr wichtig zu verstehen, wie man effektive Kompositionen erstellt und Farbe, Kontrast, Topographie und Hierarchie verwendet und Farbe, Kontrast, Topographie und Hierarchie . Sie müssen sich auf Ihr Wissen verlassen und dieses Wissen verbessern , um bessere Designs erstellen zu können. Und das Plug-In hilft Ihnen nur dabei, diese Entscheidungen zu treffen und zu iterieren. Genau wie das, was ich hier gemacht habe, ein paar Phasen durchlaufen bis ich an einen Punkt gekommen bin , mit dem ich zufrieden bin. Ich kann diese Ergebnisse auch meinem Kunden zeigen. Sie können Ihren VS-Analyseverlauf in der Web-App anzeigen und vergleichen Ihren VS-Analyseverlauf in , wenn Sie sich für ein vollständiges Abonnement anmelden, das den Zugriff auf die Web-App und alle verfügbaren Plugins für Illustrator beinhaltet alle verfügbaren Plugins für Illustrator Photoshop und Adobe XD. So können wir die erste Version, die letzte, leicht vergleichen , indem wir sie auswählen und vergleichen wählen. Und dann können wir zwischen Heatmap wechseln. Hotspots sind schwule Sequenz. Und wenn wir möchten, können wir den Bericht auch als PDF herunterladen , das wir mit unserem Kunden teilen können , falls Sie interessiert sind, was unter der Haube passiert. Sie können sich auch die Registerkarte Visuelle Elemente ansehen, auf der diese Graustufenbilder erstellt werden, die genau die fünf visuellen Elemente zeigen die genau die fünf visuellen , über die wir gesprochen haben. Die Kanten, die Intensität, der unterschiedliche Farbkontrast und die Gesichter. Und in bestimmten Fällen möchten Sie diese möglicherweise separat sehen, und vielleicht hilft es Ihnen, Ihre Designs weiter zu verfeinern. Nun, zurück zu Photoshop, Es gibt noch ein weiteres wichtiges Feature, das ich hervorheben wollte , und das sind die Interessenbereiche. Dies ist etwas, das Sie in jeder der Adobe-Anwendungen tun können , indem Sie das Rechteckwerkzeug verwenden. Und wenn ich diesen Bereich hier oben und diesen Bereich unten auswähle , indem ich diese beiden Rechtecke auswähle und die Option „In Interessenbereiche umwandeln“ hier auf der linken Seite wähle die Option „In Interessenbereiche umwandeln , der Plugin wird jetzt verstehen , dass dies wichtige Details innerhalb des Designs sind. Und wenn ich jetzt zurückgehe und eine weitere Analyse durchführe, kann ich mich auf die beiden hervorgehobenen Bereiche konzentrieren die beiden hervorgehobenen Bereiche und sie wirklich miteinander vergleichen. So kann ich in diesem Fall sehen, die Markendetails oben tatsächlich stärker sind als die Details unten. Und das würde ich normalerweise als letzten Schritt verwenden, nachdem ich alles verfeinert habe und ich weiß, dass das allgemeine Design funktioniert, ich kann immer kleine Details wie das Skalieren von Dingen auf und ab verfeinern , Reduzieren Sie den Kontrast ein wenig und optimieren Sie wirklich nur die Endergebnisse, indem auf diese Interessenpunkte konzentrieren. Zu Beginn des Videos habe ich erwähnt, dass das Plugin auch für Illustrator und Adobe XD verfügbar ist . Und ich wollte nur mit einem anderen unserer Schüler arbeiten. In diesem Fall ist das Philips-App-Design, das hier in Adobe XD erstellt wurde. Hier bietet Ihnen das 3M-Software-Plugin für visuelle Aufmerksamkeit eine zusätzliche Option , um bis zu vier Kunsttafeln zur Analyse und gleichzeitig auswählen zu können. In diesem Fall kann ich diesen Einstiegsbildschirm auswählen, dann vielleicht diesen zusätzlichen Bildschirm, auf dem wir Zutaten und dann die Bestellungen auswählen. Also halte ich einfach die Umschalttaste gedrückt und wähle diese Kunsttafeln aus. Ich werde nur ein bisschen näher zoomen , damit wir sie besser sehen können. Und sobald ich auf „Analysieren“ klicke , werde ich nach ein bisschen Laden wieder die gleichen Ergebnisse auf allen ausgewählten Kunsttafeln erhalten. Also haben wir unsere Heatmaps, wir haben unsere Hotspots und auch die Blicksequenz. Und schon hier auf dem ersten Bildschirm sehe ich, dass die sozialen Icons einfach zu groß sind und zu viel Aufmerksamkeit auf sich ziehen. Stattdessen sollten wir die Login-Option viel auffälliger haben . Auf diesem anderen Bildschirm, der die Checkliste ist. Auch hier können wir unsere Heatmap, die Hotspots und die Schwulensequenz überprüfen . Ich denke, hauptsächlich basierend auf den Hotspots, erregt das Bild etwas zu viel Aufmerksamkeit. Auch hier müssen wir die Dinge möglicherweise ein wenig ausgleichen und sicherstellen, dass das Bild nicht zu viel Aufmerksamkeit erregt. Stattdessen haben wir ein bisschen mehr Kontrast oder Sichtbarkeit über die tatsächlichen Zutaten hier in der Mitte. Und das ist alles, was ich dir in diesem Video zeigen wollte . Ich hoffe, du hast es interessant und aufschlussreich gefunden. Es ist immer gut zu verstehen, wie Sie Zuschauer besser mit Ihren Designs einbeziehen und wie Sie Ihre Kompositionen mit diesem ersten Blick verbessern können. 13. PROJEKT – Adobe Photoshop-Techniken: Wenn Sie in Adobe Photoshop eine PSD-Datei öffnen, finden Sie ältere Ebenen hier im Ebenenbedienfeld. Und sie sind bereits so organisiert , dass es einfacher ist, Dinge zu finden. So sind zum Beispiel die Textdetails alle gruppiert. Und wir haben auch all diese Elemente hier in der Mitte in dieser Ebenengruppe. Um sie einzeln sehen zu können, müssen Sie nur die Gruppe selbst öffnen und dann eine Ebene auswählen. Wie auch immer es ist. Es gibt jedoch einen schnelleren Weg, um zu den Ebenen zu gelangen. Das heißt, wenn Sie das Verschieben-Werkzeug verwenden, wenn Sie die Option Automatische Auswahl deaktiviert haben, aber stellen Sie sicher, dass Sie die Layer-Features ausgewählt haben. Sie können den Befehl oder die Strg-Taste verwenden, um schnell auf Details zu klicken und sie hier im Ebenenbedienfeld auswählen zu lassen. Das ist also ein schneller Weg, um an sie heranzukommen. Wenn Sie jetzt die automatische Auswahl aktiviert haben, geschieht dies automatisch, ohne die gerade erwähnte Tastenkombination gedrückt zu halten . Ich bevorzuge es eigentlich ohne die ältere Auswahl. wir also sicher , dass ich nur die Ebenen wechsle , wenn ich es wirklich wollte. Sagen wir einfach, wir haben diese Ebene hier in der Mitte ausgewählt. Anstatt eine Anpassung direkt auf diese Ebene anzuwenden, würde ich empfehlen eine Einstellungsebene von diesem Symbol hier unten hinzuzufügen von diesem Symbol hier unten Sie finden alle Anpassungen. Ich empfehle jedoch, die meiste Zeit die Farbtonsättigung zu verwenden , wenn es darum geht, die Farben eines vorhandenen Details zu korrigieren . Jetzt, wo diese Einstellungsebene hinzugefügt wurde und wir auf dieses Symbol doppelklicken können , um zum Eigenschaftenfenster zu gelangen , in dem wir unsere Änderungen vornehmen können. Hier können wir anfangen, Dinge zu bewegen. Beachten Sie jedoch, dass wenn ich das mache, es tatsächlich alles beeinflusst was sich unter dieser Einstellungsebene befindet. Also jetzt nur die Ebene, auf die wir zielen wollten , aber alles andere. Es ist wichtig zu verstehen, dass sich nur die Details darunter ändern. So ändert zum Beispiel diese Ebene, die, wie Sie sehen können, die Farbe auf der rechten Seite nicht , weil sie über den anderen Ebenen liegt . Während ich jetzt diese Farbtonanpassung verschiebe, kann ich bereits ein paar bessere Kompositionen sehen. So kann es den Kontrast und die Harmonien zwischen den Farben verbessern die Harmonien zwischen den Farben dies bereits auf globaler Ebene wie dieser tun. Aber ich empfehle, dies individueller zu machen. Sie können dies also tun, indem Sie die Alt- oder Wahltaste gedrückt halten und zwischen der Einstellungsebene und der Ebene klicken zwischen der Einstellungsebene und der Ebene klicken, auf die sie abzielen soll. Auf diese Weise erstellen Sie eine abgeschnittene Einstellungsebene oder eine Schnittmaske. Und wenn ich diese Ebene jetzt ein - und ausschalte , können wir sehen , dass sich die von uns erstellte Anpassung sich die von uns erstellte direkt auf die darunter liegende Ebene auswirkt. Und das ist das Einzige, was sich ändert, wenn ich den Farbtonregler bewege. Neben dem Farbtonregler können Sie jetzt auch die Sättigung anpassen, können Sie jetzt auch die Sättigung anpassen um sie zu erhöhen oder zu verringern, wodurch die Farben einfarbiger oder pastoraler werden. Wenn es nur ist, reduzieren Sie die Sättigung. Und es wird nicht wirklich empfohlen, Änderungen mit Ähnlichkeit vorzunehmen, aber Sie können auch damit experimentieren, wenn Sie möchten. Diese können die Farben wirklich auswaschen. Daher ist es besser, sich bei diesen Übungen hauptsächlich auf Änderungen von Farbton und Sättigung zu verlassen . Sie sollten auch vermeiden, die farbige Funktion zu verwenden , da dadurch nur eine ausgewählte Ebene in eine einzige verwandelt wird ausgewählte Ebene in tint entfernt alle verwendeten Variationen. Also werde ich das nicht einschalten. Stattdessen versuche ich einfach, eine Farbe zu finden , die genug Kontrast zu ihrer Umgebung hat. Und funktioniert gleichzeitig auch als schöne Farbharmonie mit allen Elementen zusammen. Wenn ich dieses Panel jetzt verberge, können Sie sehen, dass ich die von mir erstellte Anpassung leicht ein- und ausschalten kann . Es ist also völlig zerstörungsfrei. Und ich kann auch auf dieses Symbol doppelklicken , um zu den Änderungen zurückzukehren, die ich vorgenommen habe, und weitere Änderungen vorzunehmen, wann immer ich möchte. Wenn Sie mit allen Verbesserungen, die Sie erstellt haben, fertig sind , stellen Sie sicher, dass Sie die PSD-Datei speichern und als JPEG exportieren. Dies ist der einfachste Weg, sie hochzuladen und zu teilen. 14. PROJEKT – Techniken des Adobe Illustrators: In Adobe Illustrator können Sie eine sehr praktische Funktion verwenden , um schnell bessere Ergebnisse zu erzielen. Dies wird als Funktion zum erneuten Einfärben von Kunstwerken bezeichnet. Und ich empfehle in diesem Fall die Verwendung des Auswahlwerkzeugs, nicht des Direktauswahl-Tools. Damit können Sie also größere Komponenten oder Objektgruppen auswählen . In diesem Fall kann das gesamte Banner so ausgewählt werden. Wenn Sie sich jedoch nicht sicher sind, was Sie auswählen, ist es auch gut, das Ebenenbedienfeld geöffnet zu lassen, in dem Sie wirklich verfolgen können, worauf Sie gerade abzielen. In diesem Fall kann ich einfach überprüfen, indem ich diese Auswahl ein- und ausschalte , dass dies das Banner ist , an dem ich auch Änderungen vornehmen werde. Wenn Sie also sicher sind, dass Sie es richtig ausgewählt haben, können Sie einfach hier in der Optionsleiste auf dieses Symbol klicken. Falls Sie dieses Symbol in nicht sehen, rufen Sie einfach das Menü Fenster auf und stellen Sie sicher dass die Steueroption aktiviert ist. Sobald Sie auf die Funktion klicken, wird dieses schwebende Bedienfeld geöffnet, dem Sie sich bewegen können. Und es gibt Ihnen ein paar Optionen. Zunächst können Sie alle in der Auswahl enthaltenen Farben sehen . Und dann können Sie auch die Farben sehen, die auf diesem Farbrad dargestellt werden. Jetzt werde ich nicht zu sehr auf die Funktionsweise dieser Funktion eingehen , da ich das in separaten Videos zeigen werde. Aber im Moment werde ich Ihnen nur schnell zeigen, wenn ich diese Farben nur verschiebe, kann ich sehen, wie sich das Banner auf der rechten Seite ändert. Und wenn ich zu einem ansprechenderen Ergebnis als das Original komme , muss ich nur irgendwo draußen klicken und dann ist es bereits angewendet. Wenn wir also jetzt vorher und nachher sehen wollen, können wir die Rückgängig-Funktion verwenden. Also war es vorher und wiederholen, um die Änderungen zu sehen , die wir vorgenommen haben. Da das Thema dieser Banner Frühling ist und der Frühling sich alles um die schönen frischen grünen Farben dreht. Ich habe das Gefühl, dass es schon viel besser funktioniert als das Original. Aber nachdem wir das Re-Color-Artwork angewendet haben, können wir hier natürlich einzelne Details wie den Hintergrund auswählen , indem wir das Direktauswahlwerkzeug, den weißen Pfeil, verwenden. Damit kann ich in diesem Fall einzelne Objekte wie den Hintergrund anvisieren . Und ich kann die Farben ändern, indem das Farbfeld oder das Farbfelderbedienfeld verwende. Und ich habe hier tatsächlich ein paar nützliche Farbfelder gespeichert , mit denen Sie experimentieren können. Und man sieht sofort, wie diese die Zusammensetzung verändern. Wenn wir also etwas sehr Frisches oder Blasses im Hintergrund haben wollen , kann dies dazu beitragen, mehr Kontrast zu erzielen. Natürlich können Sie sich dafür entscheiden, etwas Dunkleres als den Hintergrund zu verwenden . Denken Sie daran, dass Sie eine schöne Farbharmonie erzeugen möchten und auch genügend Kontrast haben möchten. Eine Sache, dass Stahl in diesem Fall nicht gut funktioniert , ist dieses kleine Band hier, das der Aufruf zum Handeln Teil des Banners ist. Wenn ich also das ausgewählt habe, kann ich sehen, dass es sich tatsächlich um einen Farbverlauf handelt. Es ist also keine einzige Farbe, es ist ein Farbverlauf. Und am einfachsten können wir dies ändern , indem wir G auf der Tastatur drücken, wodurch der Verlaufsannotator aufgerufen wird. Und dann kann ich einzelne Farben innerhalb des Verlaufs auswählen . Wenn ich zum Beispiel diese braune Farbe hier loswerden möchte , kann ich jetzt einfach sehr schnell eine Farbe aus dem Farbfeld oder sogar dem Farbfeldfeld auswählen . Und wenn ich einmal etwas gefunden habe, das gut funktioniert, sagen wir einfach, vielleicht dieses Lila, erzeugt es tatsächlich mehr Kontrast. Dann kann ich wegklicken und es mir besser ansehen. Wenn ich immer noch Änderungen daran vornehmen möchte. Ich werde es erneut mit dem Direktauswahl-Tool auswählen . Drücken Sie dann G auf der Tastatur und ich kann dann eine andere Farbe auswählen. Vielleicht machen Sie das heller oder so. Und wenn ich jetzt wieder wegklicke, kann ich überprüfen, ob es funktioniert oder nicht. Jetzt bin ich mit dieser Komposition immer noch nicht zufrieden. Was wir im Vergleich zu Beginn verbessert haben. Und falls Sie sich nicht sicher sind, ob Sie tatsächlich Verbesserungen erzielen oder nicht, können Sie mithilfe des Zeichenbrett-Tools eine doppelte Zeichenfläche erstellen . Halten Sie einfach die Alt - oder Wahltaste gedrückt, während Sie die Zeichenfläche an ihrer Beschriftung ziehen. Auf diese Weise können Sie ganz einfach die ursprünglichen Banner und die Versionen, die Sie verbessern, verfolgen ursprünglichen Banner und die . Stellen Sie sicher, dass Sie die Illustrator-Datei selbst speichern , um zu den Objekten zurückzukehren , mit denen Sie gearbeitet haben, und weiterhin Änderungen an ihnen vornehmen zu können, wenn Sie jedoch die stellen Sie sicher, dass Sie Ihre Arbeit als JPEG speichern, entweder indem Sie für Bildschirme exportieren oder einen Screenshot machen. Und falls Sie zwei Art-Boards verwenden, können Sie sogar einen Screenshot von ihnen nebeneinander machen, wodurch es für alle einfacher ist, die von Ihnen erzielten Änderungen zu sehen. Viel Glück und viel Spaß bei diesen Übungen. Ich kann es kaum erwarten zu sehen, wie Sie all die Dinge umsetzen, die wir in diesem Kurs gelernt haben und wie sehr Sie die Wirkung dieser Kompositionen verbessern können , indem Sie diese Farbharmonien korrigieren und Kontrast. 15. PROJEKT – Adobe Illustrator – Recolor Artwork: Ich war schon immer ein großer Fan der Funktion zum erneuten Einfärben von Kunstwerken. Sie sollten diese Funktion normal verwenden , wenn Sie die Farbpalette einer Abbildung verbessern möchten . Zum Beispiel haben wir hier auf der linken Seite eine wunderschöne Abbildung mit wunderschönen Herbstfarben. Und auf der rechten Seite haben wir zwei Exemplare derselben Abbildung, in denen ich mit der allgemeinen Zusammensetzung zufrieden bin, aber bei den Farben bin ich mir nicht hundertprozentig sicher. Mit dem neuen und verbesserten Re-Color-Kunstwerk können wir die Abbildung links als Referenz verwenden und die Farben für unsere Abbildung rechts anpassen . Also lass uns das testen. Ich wähle diese Abbildung hier aus. Klicken Sie hier in der Steuerleiste auf das Symbol „ Bildmaterial neu einfärben “. Übrigens, wenn Sie das nicht sehen, gehen Sie einfach in das Menü Fenster und wählen Sie Steuerung. Sobald wir das ausgewählt haben, erscheint dieses neue schwebende Dialogfeld, dem wir uns leicht bewegen können. Ich werde es einfach irgendwo in der Mitte behalten. Und beachten Sie, dass wir hier die Option Color Theme Picker haben. Das ist also das coole neue Feature , das ich dir zeigen wollte. Wenn Sie darauf klicken, können wir eine Abbildung auswählen. Dies ist hier auf der linken Seite gruppiert. Und das ist wichtig, denn wenn Sie die Dinge nicht gruppieren, kann dieses Tool nicht alle enthaltenen Farben gleichzeitig abtasten. Sobald ich darauf klicke, wirst du feststellen, dass es bereits auf der rechten Seite angewendet wurde , und ich habe absichtlich die Originalversion hier in der Mitte behalten die Originalversion hier in , damit du die beiden vergleichen kannst. Aber wir können noch viel weiter gehen , wenn wir nur einen bestimmten Bereich aus dieser Abbildung links mit dem gleichen Farbthemenwähler abtasten wollen einen bestimmten Bereich aus dieser Abbildung links mit dem , können wir einfach um den Bereich, an dem wir interessiert sind. Sagen wir einfach so etwas. Und sofort ändert sich die Abbildung auf der rechten Seite. Lassen Sie mich jetzt noch einmal alle Farben auswählen, und dann verfeinern wir einfach ein paar Dinge. Diese gelbe Farbe, ich werde mich nur ein bisschen mehr auf die Orangen zubewegen , so etwas. Und dann sieht das Zelt mit der grünen Farbe ganz nett aus. Aber vielleicht wollen wir uns auch leicht ändern und hier auf die Purpur zugehen. Ich denke, das passt besser zur allgemeinen Farbpalette. Und Sie können den Vergleich der Farben von vorher und nachher bestellen . Aber lassen Sie uns die Grafik erneut einfärben, in diesem Fall auf der Abbildung in der Mitte. Ich werde das leicht nach links bewegen und dir ein paar zusätzliche coole Features zeigen . Zuallererst können wir die Originalfarben, die wir hier haben, verfeinern, indem wir diese Werte hier unten anpassen. Dies ist die Helligkeit , die wir reduzieren und alle Farben dunkler oder heller machen können . Wir können auch zur Sättigung wechseln, wo wir die Farben entsättigen können, indem wir sie nach links ziehen oder lebendigere Farben hinzufügen , wenn Sie sie nach rechts ziehen. Dies war bereits in früheren Versionen verfügbar, aber es dauerte nur noch viel länger. Jetzt, mit diesem Schnellmenü ist es so viel schneller und einfacher , diese Beträge zu machen. Aber mein bevorzugtes neues Feature innerhalb des Re-Color-Kunstwerks muss der dominierende Farbbereich sein , mit dem wir mit den Proportionen der Farben in der Abbildung herumspielen können mit den Proportionen der . Wenn ich zum Beispiel mehr von dieser Farbe sehen möchte, die sich hier auf der rechten Seite befindet, kann ich sie einfach weiter nach links ziehen und Sie können sehen, wie sie beginnt, die Himmelsfarbe zu übernehmen. Wenn ich es also zurückziehe, haben wir jetzt mehr davon. Oder nochmal, ich kann es zurückverfolgen und dann haben wir wieder mehr von der Farbe auf der rechten Seite. Wir haben auch die beiden Icons hier , mit denen wir die Farben zufällig auswählen können. Dieser hier zufällig die Reihenfolge der Farben, was zu überraschenden Ergebnissen führen kann. Und dann müssen Sie auch die Sättigung und Helligkeit der Farben zufällig festlegen. Diese waren wieder einmal verfügbar. Es ist jetzt einfach schneller, wir können die Farben immer schnell zurücksetzen, bevor wir die Funktion zum erneuten Einfärben beenden. Und wenn Sie zu allen erweiterten Optionen oder dem ursprünglichen Dialog gelangen möchten , können Sie hier unten auf die Option Erweitert klicken. Und dies sollte die vertrautere Art sein, die Funktion zum erneuten Einfärben von Kunstwerken zu sehen. Wenn Sie eine Gruppe haben, können Sie einfach das Direktauswahl-Werkzeug verwenden und die Teile markieren, die Sie ebenfalls ändern möchten. Also habe ich das weiße Pfeilwerkzeug oder das Direktauswahlwerkzeug verwendet es auf der rechten Seite dieser Gruppe hervorgehoben. Und jetzt kehre ich zum gleichen Symbol zurück. Wählen Sie das aus, und gehen Sie dann wieder zurück, verknüpfen Sie Harmoniefarben und ziehen Sie es auf die andere Seite. So haben wir schnell eine ergänzende Seite des Originalkunstwerks geschaffen . Also auf der linken Seite haben wir die warmen Farben. Auf der rechten Seite haben wir die kühleren Töne. Sie können das Potenzial dieses Tools wahrscheinlich bereits erkennen, aber lassen Sie mich Sie durch alles führen , was Sie damit tun können. Ich werde hier tatsächlich zwischen Kunstwerken hin und her wechseln . Ich habe also drei verschiedene Beispiele. Auch hier habe ich das Original auf der linken Seite und werde die Änderungen auf der rechten Seite anwenden. Ich werde in diesem Fall sowohl den Hintergrund als auch das Artwork selbst einbeziehen . Gehen Sie hoch, um das Kunstwerk neu zu färben. Und fangen wir einfach hier in dieser Registerkarte namens assign an. Es gibt diese beiden Hauptbereiche, das Bearbeiten und Zuweisen. Wenn wir jetzt zuweisen hinzufügen, ist eines der ersten Dinge , die ich gerne mache, die aktuellen Farben als neue Farbgruppe zu speichern. Das ist die Option hier oben. Wenn ich darauf klicke. Es wird das für mich generieren. Und wenn ich auf Okay klicke, wird das tatsächlich hier im Farbfelderbedienfeld generiert. Das ist großartig. Wir haben also noch keine Farben geändert. Wir haben gerade eine Farbgruppe erstellt. Natürlich können Sie das auch tun, indem Sie etwas auswählen und auf dasselbe Symbol hier im Farbfelderbedienfeld klicken. Aber wenn ich in Illustrator arbeite, sorge ich auch gerne für Ordnung. Und in diesem Fall würde ich wieder alle unnötigen Farbfelder entfernen, würde ich wieder alle unnötigen Farbfelder entfernen sodass ich auf das Bedienfeldmenü, das Menü des Farbfelderbedienfelds klicken des Farbfelderbedienfelds Alle unbenutzten auswählen kann, und dann können wir sie löschen. Also einfach auf den Mülleimer drücken und löschen. Und jetzt haben wir es nur noch auf die Farbgruppe vereinfacht , die wir derzeit in der Abbildung haben. Ich werde diese noch einmal auswählen, zur Funktion zum erneuten Einfärben der Grafik zurückkehren und jetzt können Sie sehen, dass die Farbgruppe dort bleibt. Wenn ich also hier irgendwelche Änderungen vornehme, werde ich zunächst eine ziemlich drastische Änderung vornehmen , indem ich eine der Harmonieregeln von oben auswähle. Dies ist also die kostenlose Farboption , bei der Sie die beiden gegenüberliegenden Seiten des Farbrads haben. Und in diesem Fall haben wir diese Farben, aber natürlich können wir sie bewegen und wir können sie auch dunkler machen. Sagen wir einfach auch diese. Ich werde die Helligkeit reduzieren . Und wir haben die Farben eingerichtet, ungefähr so. Das ist schon eine ruhige, schöne Duotone-Farbpalette. Wir haben also die ursprüngliche Farbpalette wirklich auf zwei Farbsätze vereinfacht. Und das kannst du hier sehen. So wurden die ursprünglichen wärmeren Töne in diese bräunliche, rostige Farbe verwandelt. Und dann haben wir alle kühleren Töne in etwas verwandelt, das dem ähnelt , was sie ursprünglich waren. Diese Sets, die mit demselben Farbton erstellt wurden , haben nur eine Variation in ihrer Sättigung und Helligkeit. Aber im Grunde haben wir zwei Farben und das können wir auch hier oben sehen. Wenn mir diese Version jetzt gefällt, kann ich diese Farben speichern, indem ich erneut auf die Option Neue Farbgruppe klicke. Jetzt haben wir zwei Sets, und wenn ich weitermachen und verschiedene Farben erkunden möchte , kann ich hierher zurückkommen und vielleicht lass uns das einfach ändern. Gehen Sie in Richtung Lila oder Magenta und ändern Sie diese vielleicht auch und bewegen Sie sie auch mehr in Richtung der Blautöne , so etwas. Auch hier kann ich das mit der Farbgruppenoption speichern. Das Coole daran ist, dass Sie, sobald Sie mehrere Farbgruppen haben, zwischen ihnen hin und her wechseln können. Offensichtlich ist die Verwendung der Harmonieregeln in der Regel ziemlich drastisch, wenn es darum die Anzahl der Farben, die Sie haben, zu reduzieren. Wenn Sie ein bisschen subtiler sein und die Anzahl der Farben reduzieren möchten , gibt es eine bessere Möglichkeit, dies zu tun. Und lassen Sie mich Ihnen das zeigen, indem ich zur ursprünglichen Farbversion zurückkehre . Alles was Sie tun müssen, ist hier in dem Abschnitt zu klicken , in dem Auto steht. Beachten Sie auch hier auf der linken Seite, dass wir die aktuelle Farbnummer sehen können. Es gibt also 24 Farben hier. Wenn ich hier im Farbbereich den Abwärtspfeil drücke, reduziere ich die Farben nur um eins. Also das ist jetzt 23. Aber ich kann dann die Abwärtspfeile auch auf der Tastatur oder den Aufwärtspfeil verwenden der Tastatur oder den Aufwärtspfeil , um den Betrag zu erhöhen oder zu verringern. Und sagen wir einfach, ich gehe auf 20 runter. Also habe ich für Farben entfernt. Ich kann die Änderungen auf der rechten Seite sehen indem ich einfach irgendwo im Dialogfeld klicke. Jetzt wo ich das getan habe, kann ich den Unterschied erkennen. Nun, im Moment macht das für Farben keinen großen Unterschied, da es wahrscheinlich ziemlich viele ähnliche Farben gab. Aber wenn ich noch weiter gehe, sagen wir einfach, ich gehe unter. Jetzt kann ich diese Aktualisierung tatsächlich live auf der rechten Seite sehen . Während ich also die Farben, die Anzahl der Farben oder auch die Reduzierung im Bildmaterial weiter reduziere, bis ich zu den ursprünglichen Farben zurückkehre. Also kann ich auch von unten anfangen, zwei in diesem Fall sagen, das 3456 und so weiter und so fort. Das ist eine wirklich coole Methode, um zu überprüfen, wie viele Farben Sie tatsächlich benötigen, wie viele verschiedene Farben Sie benötigen. Und das ist ein sehr häufiger Fehler bei vielen Illustratoren, die anfangen , zu viele Farben zu verwenden. Es gibt keine Harmonie zwischen ihnen, oder das ist einfach die Menge an Farben, die sie haben, völlig übertrieben. Das kann natürlich auch ein Stil sein. Aber ich habe schon oft gesehen, dass durch ein wenig Verfeinern der Brust die Menge an Farben oder nur Farbtönen im Kunstwerk es erheblich verbessern kann. Ich empfehle Ihnen dringend, diese Funktion auszuprobieren und das Stück herumzuspielen, nur um Ihnen dringend, diese Funktion auszuprobieren und das Stück herumzuspielen, ein Experiment zu sehen, was Sie sich einfallen lassen können und wie Sie Ihre Illustrationen verbessern können. Wann immer Sie die Farben schnell zurücksetzen möchten , ohne das Dialogfeld Bildmaterial neu färben zu verlassen , können Sie einfach auf die Pipette hier oben klicken . Sobald Sie darauf klicken, wird es wieder so wie es war, bevor Sie zu dieser Funktion kamen. Und dann, wenn Sie sich all die Farben, die Sie derzeit hier haben, besser ansehen möchten. Natürlich können Sie nach unten scrollen und sie durchgehen. Beachten Sie dann, dass Sie den Boden haben, falls Sie ihn in Ihrem Kunstwerk haben. Die Schwarz-Weiß-Farben, und standardmäßig ändern sie sich nicht. Sie sind also eingeschränkt oder gesperrt. In gewisser Weise können Sie sie entsperren, wenn Sie möchten, indem Sie auf die kleinen Pfeile und auch auf den Farbfeldbereich neben ihnen klicken . Sie müssen sagen, dass Sie dort eine neue Farbe hinzufügen möchten. Und jetzt ändern sich diese auch wenn Sie hier Optionen zum erneuten Einfärben anwenden. Also werde ich das einfach wieder entfernen. Ich möchte sie an dieser Stelle schwarz und weiß halten. Aber ich werde dir ein wirklich cooles Feature zeigen und das ist eine meiner Lieblingsoptionen, die wirklich versteckt ist. Es ist in diesem kleinen Drop-Down-Menü hier. Im Farbauswahlbereich können Sie also in die verschiedenen Farbmodi wie RGB, CMYK, Lab, sogar wechseln. Aber der beste ist der Global Adjust. Wenn Sie darauf klicken, können Sie die Sättigung anpassen und das Bildmaterial global erhöhen oder verringern, was eine hervorragende Option ist. Es ist also im Grunde wie die Sättigungsfunktion in Photoshop. Sie können die Farben hochpumpen oder die Intensität der Farben reduzieren. Ähnlich können Sie dann auch die Gesamthelligkeit erhöhen. Unsere reduzieren die Helligkeit. Und ich mag die Tatsache, dass es auch eine separate Leuchtkraftoption gibt, die, wie Sie sehen, etwas anderes bewirkt. Das kann also bis zu Weiß reichen und die Helligkeit wird nicht wirklich Weiß erreichen, sondern nur die hellste Version jeder dieser Farben erzeugen . Es ist also etwas anders als die beiden. Und dann ist das andere wirklich coole Feature hier die Temperatur. Also setze ich einfach die Farben zurück und fange dann an, die Temperatur zu erhöhen, wodurch alles richtig warm wird. Und dann kann ich in die entgegengesetzte Richtung gehen , wenn wir alles richtig kalt machen können. Es ist fast wie ein Tag - und Nachtübergang von uns können wir vom Tageslicht zur Nacht übergehen. Und dann ziehe ich es ganz nach rechts. In diesem Fall sieht es aus wie ein Herbstfarbschema. Selbst wenn Sie nur mit der Temperatur spielen, können Sie zu so vielen verschiedenen interessanten Variationen gelangen. Wenn Sie jetzt nur eine bestimmte Farbe ändern möchten, können Sie dies auch tun. Aber zuerst müssen Sie es finden. Hier in dieser Liste finden Sie also eine bestimmte Farbe. Sagen wir einfach das hier. Und nur um zu überprüfen, wo sich diese Farbe im Bildmaterial befindet, können Sie mit dieser auf dieses Symbol klicken. Sie können genau markieren, wo es sich befindet. Und das ist eigentlich ein Toggle , den du ausschalten kannst. Sobald Sie also wissen, wo sich diese Farben befinden, können Sie sie ausschalten. Und dann gehen Sie zurück, um die ursprünglichen oder tatsächlichen Farben oder aktuellen Farben zu sehen . Aber wenn Sie dies beibehalten, können Sie sogar schnell durch die verschiedenen Farben im Bildmaterial wechseln die verschiedenen Farben im und sehen, wo sie sich befinden. Jetzt müssen Sie tatsächlich darauf klicken, um es weiter zu sehen. Sie jedoch klicken und gedrückt halten, wird Ihnen vorübergehend angezeigt , wo sich diese Farben befinden. Wenn ich zum Beispiel ein bisschen runtergehe, haben wir hier ein paar schöne Farben. Jetzt kann ich das ausschalten, damit wir sehen können, was passieren wird. Aber wenn ich jetzt diese Farbe ausgewählt habe, kann ich anfangen, mit Dingen herumzuspielen. Vielleicht kehren Sie zu RGB-Werten oder zur Helligkeit der Farbtonsättigung zurück Und wenn ich einfach anfange, die Farbtöne zu verschieben, können Sie bereits sehen, wie sich diese Farben ändern. Das ist also eine viel kontrolliertere Methode um Änderungen vorzunehmen, da ich genau weiß, mit welchen Farben ich mich beschäftige und wo sie sich im Kunstwerk befinden. In gewisser Weise ist es also wie eine Suchfunktion, die ihnen dort gefällt. Daneben haben wir zwei weitere Icons , die ich auch gerne benutze. Dies sind die Randomizer-Funktionen. Also werde ich wieder zu den Originalfarben zurückkehren und vielleicht gehen wir einfach zu einer anderen Abbildung über nur damit wir etwas anderes sehen können. Ich wähle das neu einfärbende Kunstwerk aus. Ich werde dieses erste Icon hier ausprobieren. Dies ist die Option, um die Farbreihenfolge zufällig zu ändern. Das bedeutet also, dass die Farben gemischt werden, damit es sich nicht ändert. Die Farbe. Palette mischt nur die Farben herum. Wenn ich also darauf klicke, kannst du sehen, dass es schon passiert. Und selbst wenn Sie Farbverläufe in Ihrem Kunstwerk verwenden, wie in diesem Fall, wird das wirklich gut funktionieren. Und es entstehen einige sehr interessante Variationen. Man sieht dort schon den Unterschied. Es ist also immer noch sehr ähnlich, weil wir nur dieselben Farben in einer anderen Reihenfolge verwenden, aber es entstehen wirklich coole und einzigartige Variationen. Wenn ich die Dinge ein bisschen mehr durcheinander bringen möchte, kann ich auch die andere Option verwenden, die die Reihenfolge der Farben, aber auch ihre Sättigung und Helligkeit zufällig bestimmt. Wenn ich also darauf klicke, sehe ich auch mehr einzigartige Variationen. Sie können also einfach Änderungen mit einem Symbol anwenden und dann Änderungen mit dem anderen Symbol anwenden. Und dann werden Sie irgendwann mehr Unterschiede zwischen dem Original und dem neuen bekommen . Nun das ist wirklich, wie gesagt, nur Farben gemischt und diese Dinge zufällig ausgewählt. Sie haben also nicht wirklich viel Kontrolle darüber. Wenn Sie mehr Kontrolle wünschen, würde ich vorschlagen, die andere Registerkarte namens Bearbeiten zu verwenden. Denn hier können Sie alle Farben auf einem Farbrad sehen . Wir können also immer noch zu den Originalfarben zurückkehren , indem wir auf die Pipette klicken. Und dann werde ich zuerst eine dieser Farben bewegen. Damit Sie sehen können, wie ich es im Farbrad bewege, sehe ich sofort die Änderungen hier rechts. Indem ich es auf dem Farbrad bewege, passe ich seinen Farbton und seine Sättigung an. Je weiter die Farbe am Rand des Farbrads liegt, desto gesättigter ist sie, und je näher sie sich an der Mitte befindet, desto entsättigter ist sie. Und natürlich hat das Farbrad die 360 Grad aller Farben, die wir im Spektrum haben. Wir können es also so verwenden, aber wir können auch hier unter dem Farbrad in diesen Modus wechseln, was die Funktionsweise des Farbrads ändern wird. In diesem Fall funktioniert der Farbton immer noch auf die gleiche Weise. Aber jetzt haben wir statt der Sättigung die Helligkeit der Farben. Dunklere Gelehrte werden in der Mitte sein und die hellsten Farben werden am Rande sein. Und es gibt immer eine dritte Eigenschaft , die Sie ebenfalls anpassen können. Und das ist mit diesem Slider hier. Wenn Sie also die Helligkeit im Farbkreis eingestellt haben, haben Sie hier unten diese Sättigung, die sich offensichtlich auf alle Farben auswirkt, nicht nur auf eine ausgewählte. Das ist wie ein globales Umfeld hier. Wenn ich wieder zum ursprünglichen Farbtonrad zurückwechsle, kann ich die Helligkeit hier unten anpassen. Das sind also sehr nützliche Funktionen , wenn Sie im Bearbeitungsmodus arbeiten. Sie können die Farben, die Sie ändern, sehr genau angeben. Außerdem können Sie sie auch viel besser sehen, sodass Sie besser verstehen was Sie mit ihnen machen. Aber das Beste, was Sie hier tun können, ist die Option „Harmoniefarben verknüpfen“. Sobald Sie das getan haben, werden die Farben zusammen angezeigt, sodass sie die relativen Unterschiede zwischen ihnen beibehalten. Das heißt, wenn ich anfange, einen von ihnen zu bewegen werden sich alle Farben zusammen ändern. Ich kann mir sehr schnell ganz andere Looks einfallen lassen . Es könnte zu farbenfrohe Nächte denen verschiedene Fraktionen in dieser Abbildung gegeneinander kämpfen . Aber natürlich können wir hier in diesem Modus zusätzliche Dinge tun , wir können zu diesen verschiedenen Ansichten wechseln, wie den Farbbalken. Anstatt sie also als Farbrad zu sehen, können Sie sie als Balken sehen. Und wenn Sie die Balken haben, erhalten Sie dieselben Optionen wie der Registerkarte Zuweisen. Also die Randomizer-Optionen. Sie können Farben aber auch manuell per Drag & Drop verschieben, um sie auszutauschen. Wenn Sie also vielleicht eine dieser Farben von rechts hierher ziehen , eine der grünen Farben, und Sie lassen sie in eine der violetten Farben fallen. Sie können sehen, wie sie sich ausgetauscht haben , und ich kann es auch zurückbewegen. Das ist manchmal auch ein interessantes Feature, insbesondere wenn ein Kunstwerk nicht zu viele Farben enthält. Es könnte nützlich sein, dies zu überprüfen und Ihnen ein paar weitere Dinge zu zeigen . Ich werde zurück zum zweiten Kunstwerk wechseln und das Kunstwerk neu einfärben. Also wieder, wir haben hier 24 Farben. Und sagen wir einfach, wir möchten einige von ihnen zusammenbringen, weil Sie der Meinung sind, dass sie sich zu ähnlich sind. Anstatt also drei separate Farben für diese blassen Rosa - oder Pfirsichfarben zu haben, kann ich sie zusammenfügen, indem sie per Drag & Drop aufeinander ziehe. Die Zeilen, die Sie einfach ziehen und ablegen, aufeinander. Und jetzt können Sie sehen, dass wir hier drei Farben haben , die alle zu einer zusammengeführt sind. Vielleicht können wir das Gleiche hier unten machen und diese beiden auch ziehen, zusammenführen. Vielleicht können sogar diese beiden zusammengeführt werden. Und dann vereinfachen wir nur die Farben wirklich. Es ist also ähnlich, wenn wir die Reduzierung verwenden, aber in diesem Fall tun wir es manuell und es kann manchmal helfen, mehr Kontrolle zu haben. Jetzt habe ich das Gefühl alle gelben Farben so ziemlich hier zusammen sind. Wenn ich anfange, Änderungen vorzunehmen kann ich sehr schnell alles, was ursprünglich gelb war, in mehr verwandeln alles, was ursprünglich gelb war, in mehr , sagen wir in diesem Fall lila oder blau. Aber zurück zu den kostenlosen Einstellungen , die wir zuvor hatten, als Sie viele der Originalfarben in nur zwei Farben komprimiert haben . In diesen Fällen haben Sie manchmal das Gefühl dass Sie eine Trennung zwischen ihnen haben möchten. Du magst also, was du sagst, aber vielleicht sollten einige der Originalfarben getrennt werden. Ähnlich wie beim Zusammenführen können Sie auch einige der Farben zusammenführen. Nehmen wir an, in diesem Fall möchte ich mir die gelben Farben schnappen, all diese. Und um sie zu trennen, müssen Sie nur auf dieses Symbol klicken. Also habe ich sie ausgewählt, indem ich die Umschalttaste gedrückt hielt. Ich kann also noch einmal mehrere Farben hinzufügen und dann links auf das Symbol klicken. Und jetzt können Sie sehen, dass unsere Gelbtöne wieder normal sind. Wenn ich jetzt noch Änderungen an ihnen vornehmen möchte, kann ich natürlich einfach eine Änderung vornehmen und dann den Farbton anpassen und so weiter und so fort. Sie haben also eine wirklich sehr genaue Kontrolle darüber, welche Farben geändert werden sollen. Welches Ende haben so viele verschiedene Möglichkeiten mit diesem Tool, dass Sie erstaunliche Ergebnisse erzielen können. 16. Schlussbemerkung: Herzlichen Glückwunsch zum Abschluss dieses Kurses der Grafikdesign-Theorie-Serie. Ich hoffe, Sie fanden es nützlich und inspirierend. Vergessen Sie nicht, das Glossar der Begriffe PDF zu durchlaufen, alles zu überprüfen, was wir behandelt haben, und wenn Sie sich bereit fühlen, nehmen Sie am Quiz teil, um Ihr Wissen zu testen. Kommen Sie jederzeit zu den Referenzen auf den Millenial Boards zurück , die wir in diesem Kurs verwendet haben, um Ihnen zu helfen sich an die Dinge zu erinnern, über die wir gesprochen haben, oder definieren Sie Inspiration für Ihr nächstes Designprojekt . hatten das Gefühl, dass in diesem Kurs etwas fehlt oder wenn Sie Vorschläge haben , wie wir ihn verbessern können, senden Sie uns eine E-Mail an info unter der Aufgabe designer.com, und wir werden uns bei Ihnen melden, sobald möglich. Wir bedanken uns sehr für Ihren Beitrag und Ihre Hilfe. Jetzt ist es an der Zeit, dass Sie Ihr nächstes Thema auswählen und in einen anderen Kurs zur Grafikdesigntheorie eintauchen. Denken Sie daran, dass es keine richtige oder falsche Reihenfolge gibt, um diese Serie abzuschließen. Alle Regeln, die wir behandeln, sind gleichermaßen wichtig und alles hängt zusammen. Am wichtigsten ist es jedoch , diese Regeln gut zu verstehen und sie in Ihren Projekten anzuwenden. Ich bin sicher, dass Sie das Gelernte verwenden werden , um etwas Erstaunliches zu erschaffen. Und ich kann es kaum erwarten, es zu sehen.