Farbharmonie: 3 einfache Methoden mit Adobe Illustrator

1. Einführung: Haben Sie manchmal das Gefühl, dass Sie sich im Kreis drehen? Unbeabsichtigt, beim Versuch, eine Farbpalette zusammenzustellen , die einfach funktioniert Nun, du bist nicht allein. Hallo, ich bin Tammy Desilva und Designerin für Oberflächenmuster aus Sunny Brisbane, und Designerin für Oberflächenmuster aus Sunny Ich bin hier, um Ihnen zu helfen, Ihren Farben etwas Harmonie zu verleihen. Als digitaler Künstler kreiere ich lustige, verspielte Designs für alle Arten von Produkten, und Farbe ist ein großer Teil davon Ich liebe es auch, das, was ich auf meiner kreativen Reise gelernt habe, mit anderen Kreativen zu teilen meiner kreativen Reise gelernt habe, mit anderen Kreativen In diesem Kurs zeige ich Ihnen drei leicht zu befolgende Methoden, mit denen Sie Farbpaletten erstellen können, die wunderbar funktionieren Ich werde Adobe Illustrator verwenden, aber die gute Nachricht ist, dass diese Techniken auch in anderen Programmen wie Procreate und Photoshop funktionieren auch in anderen Programmen wie Procreate und Also, was auch immer Ihr bevorzugtes Design-Tool ist, schließen Sie sich mir an. Am Ende dieses Kurses werden Sie in der Lage sein, mit Leichtigkeit Ihre eigenen harmonischen Farbpaletten zu erstellen mit Leichtigkeit Ihre eigenen harmonischen Farbpaletten , indem Sie eine oder mehrere der Methoden verwenden , die ich Ihnen vorstellen werde. Okay, lassen Sie uns anfangen und etwas Farbzauber kreieren. 2. Arbeitsbereich vorbereitung: Okay. Bevor wir mit der Erstellung von Farbpaletten beginnen, möchte ich Ihnen zeigen, wie Sie Ihren Arbeitsbereich in Illustrator für diesen Kurs vorbereiten und vorbereiten Arbeitsbereich Sie ausgewählt haben, sieht Ihr Illustrator-Arbeitsbereich möglicherweise etwas anders Je nachdem, welchen Arbeitsbereich Sie ausgewählt haben, sieht Ihr Illustrator-Arbeitsbereich möglicherweise etwas anders aus als meiner Arbeitsbereiche finden Sie unter Fenster. Und dann Workspace. Ich habe meinen eigenen Arbeitsbereich auf der Grundlage des Malarbeitsbereichs angepasst , aber Sie können gerne den Arbeitsbereich verwenden , mit dem Sie sich am wohlsten fühlen Jetzt gibt es sechs Bereiche, von denen ich sicherstellen möchte, dass Sie sie geöffnet haben Aktionen, Farbführer, Ebenen, Farbfelder und Transparenz. Wir kehren zu Window zurück und Sie können jeden von ihnen dort finden Wenn sie schon geöffnet sind, haben sie ein Trinkgeld neben sich. Wenn nicht, klicken Sie darauf, um es zu öffnen. Dann kannst du sie in deinem Arbeitsbereich anordnen , wo immer es dir passt. Dann kannst du sie an der Seite andocken, damit ich das raus und wieder rein bewegen kann. Man kann sehen, wenn es blau wird , dann wird es dort andocken. Ich kann sie verschieben, und ich kann hier auch Abkürzungen in die linke Leiste einfügen, wie ich es für Aktionen getan habe. Jetzt sind Sie wahrscheinlich damit vertraut, dass alle Standardfelder im beim Öffnen einer neuen Illustrator-Datei alle Standardfelder im Farbfeldbedienfeld angezeigt Ich persönlich finde sie ablenkend und werde sie gerne los, wenn ich eine neue Datei öffne, damit ich einen Neuanfang machen kann Falls Sie sich dessen nicht bewusst sind, gibt es im Lieferumfang von Illustrator eine praktische Aktion , die wir ausführen können, um alle ungenutzten Objekte zu entfernen Jetzt, da es sich um eine neue Datei handelt, ist alles unbenutzt. Es ist also ein guter Zeitpunkt, sie loszuwerden , um einen Neuanfang zu beginnen. Also gehen wir zum Aktionen-Bereich wo immer du das in deinem Workspace hast. Und du kannst hier sehen, dass wir all diese Standardaktionen haben . Wir scrollen nach unten, Sie können sehen ungenutzte Panel-Elemente gelöscht werden. Dann können wir unten in diesem Bereich auf die Play-Schaltfläche klicken, wodurch die Aktionen ausgeführt werden. Und jetzt können Sie sehen, dass unser Farbfelder-Panel übersichtlich ist. Ordnung, da unser Arbeitsplatz vorbereitet und bereit ist, können wir loslegen 3. Technik 1: Ordnung. Lassen Sie uns in unsere erste Technik zur Erstellung harmonischer Farbpaletten eintauchen, den Color Guide Dieses Panel befindet sich normalerweise in einer Registerkarte mit dem Farbpanel Bevor wir zum Farbhilfe-Panel gehen, möchte ich nur darauf hinweisen falls es für Sie anders aussieht, dass, falls es für Sie anders aussieht, wenn wir zweimal auf eine Registerkarte tippen, wir sie in verschiedenen Ansichten zusammengeklappt und erweitert sehen können. Ich werde auch zuerst eine zufällige Farbe aus dem Farbfeld auswählen . Wenn wir jetzt zum Farbhilfebereich übergehen, wurde die Farbe, die ich gerade ausgewählt habe, hier als Grundfarbe festgelegt, und Farbkombinationen werden darauf basierend generiert. Sie basieren auch auf der ausgewählten Farbharmonieregel. Wenn ich zu diesem Dropdown-Pfeil gehe, kann ich all die verschiedenen Harmonien sehen. Wenn derzeit eine verwendet wird, wird sie hervorgehoben. Andernfalls können Sie einfach einen auswählen. Damit Sie mir Schritt für Schritt folgen können, wählen wir mit einem Hex-Code eine andere Farbe aus. Ich gehe zurück zum Farbpanel und beginne mit einer blaugrünen Farbe Also hier drüben können Sie sehen, dass wir Hex-Codes eingeben können. Geben wir 005 f6b ein und drücken Enter. Ich werde diese Farbe auch zu meinem Farbfeldbedienfeld hinzufügen, indem ich sie per Drag-and-Drop hineinziehe Wir können sehen, dass die Füllung jetzt auf 005 f6b eingestellt ist. Wenn Sie ein CMYK-Farbprofil eingestellt haben, wird der Hex-Code einem anderen Hex-Code für dieses Farbprofil zugewiesen, was für die Zwecke, die wir in dieser Klasse tun, in Ordnung ist was für die Zwecke, die wir in dieser Klasse tun, in Gehen wir nun zurück zum Farbführer. Wenn sich die Farbkombination für die neue blaugrüne Farbe nicht automatisch geändert hat, müssen Sie oben links auf die Schaltfläche „ Grundfarbe festlegen“ klicken oben links auf die Schaltfläche „ Grundfarbe Dadurch wird die Farbkombination dann erneut generiert. Sie können immer sehen, ob die Grundfarbe festgelegt wurde, da sie die erste Farbe in diesen aktiven Farben sein wird . Ich kehre dann zu unserer Farbenharmonie zurück und wähle Triade zwei Nun, diese mittlere Spalte hier , über der sich der Pfeil befindet, zeigt an, dass dies die aktiven Farben sind, die auch oben im Bedienfeld angezeigt werden Die Spalten links davon zeigen Schatten und die Spalten rechts davon zeigen Farbtöne Wenn Sie nun das Hamburger-Menü oben rechts aufrufen, können Sie von der Anzeige von Tönen und Schattierungen zur Anzeige von warmen, kühlen oder lebendigen Tönen wechseln Tönen und Schattierungen zur Anzeige von warmen, kühlen oder In diesem Fall wähle ich Warm, Kalt. bietet zwar einen gewissen Kontrast Diese Farbkombination bietet zwar einen gewissen Kontrast und einige dunkle Farben, wir hätten idealerweise auch gerne neutrale oder hellere Farben. Wir können uns also die Farben, die wir mögen, hier auswählen und dann wieder zu den Farben und Tönungen wechseln, um uns dabei zu helfen Um Ihre Farben auszuwählen, halten Sie also die Befehlstaste auf einem Mac oder die Strg-Taste auf einem PC gedrückt und klicken Sie auf die gewünschten Farben Dann kannst du hier unten rechts auf Save Swatch Group to Swatch Panel klicken Und die Farbfelder, die Sie als Farbgruppe ausgewählt haben , werden automatisch hinzugefügt Sie als Farbgruppe ausgewählt haben , Sie können wieder zu den Farben und Farbtönen wechseln und dann auch einige neutrale Farben per Drag-and-Drop hineinziehen Wie Sie sehen, ist die Verwendung des Farbleitfadens eine hervorragende Methode, wenn Sie zunächst nur eine Farbe haben Fahren wir mit der nächsten Technik fort. 4. Technik 2: Die nächste Methode verwendet Opazität. Zunächst füge ich mit dem Rechteckwerkzeug, der Abkürzung KM, ein weißes Rechteck hinzu, da dies die Basis meiner Farbe sein wird Also setze ich die Füllung auf Weiß und behalte meinen Strich schwarz, und behalte meinen Strich nur damit ich ihn auf meiner Zeichenfläche sehen kann Anschließend erstelle ich mit dem Rechteckwerkzeug drei Quadrate und fülle jedes mit einer Farbe aus den Farben, die wir in der letzten Lektion ausgewählt haben Wenn ich nun die Umschalttaste gedrückt halte während ich dieses Rechteck erstelle, wird es zu einem perfekten Quadrat. Ich werde den Strich entfernen weil ich ihn dort nicht haben möchte, und setze ihn auf Blaugrün Ich gehe zurück zu meinem Auswahlwerkzeug, der Tastenkombination KV, und während ich den Mauszeiger drüber ziehe, halte ich Wahltaste und die Umschalt-Taste gedrückt, um den Text zu duplizieren Ich halte die Wahltaste erneut gedrückt während ich das erneut dupliziere. Ich werde diese Farben auf Senf und Magenta einstellen. Richtig. Ich möchte jetzt die Deckkraft dieser drei Quadrate auf 75% reduzieren Ich kann das über die Steuerleiste machen, Sie können hier oben die Deckkraft sehen Wenn Sie die Steuerleiste nicht haben, können Sie sie jetzt über die Fenstersteuerung aufrufen Oder wir können die Opazität auch hier unten im Transparenzfeld sehen hier unten im Transparenzfeld Also werde ich zuerst die drei Quadrate auswählen Ich werde die Deckkraft auf 75% reduzieren, und Sie können sehen, dass diese Farben aufgehellt wurden und ein Teil des Weißes durchgelassen wurde , weil sie weniger Deckkraft hatten Ich möchte jetzt dafür sorgen, dass sich diese Quadrate überlappen. Ich werde also die Umschalt-Taste gedrückt halten, während ich das überziehe, um es in der richtigen Ausrichtung zu halten, und ich ziehe einfach dieses Bild. Lassen Sie mich ein Rechteck etwas kleiner machen , um es einzurahmen , und ich werde es ein wenig vergrößern. Sie können sehen, dass wir unsere Originalfarben, Blaugrün, Magenta und Senf, haben , die nach einer Deckkraft von 75% aufgehellt werden Aber wir haben hier auch diese vier neuen Farben, bei denen sich die Farben hier auch diese vier neuen Farben, bei denen sich die Farben Ich werde eine Kopie davon machen, einschließlich des weißen Hintergrunds Ich werde aus denen auswählen. Ich ziehe zur Seite und halte dann meine Wahltaste gedrückt. Dieses Mal wähle ich die weiße Basis und mache sie schwarz. Jetzt können Sie sehen, dass die Farben jetzt dunkler geworden sind. Wenn ich das verschiebe, kannst du sehen, wie das Schwarz bei dieser Farbe einen Unterschied macht . Auf diese Weise können wir manuell Farbtöne und Schattierungen erstellen , wobei Weiß oder Schwarz als Hintergrund Sie können natürlich auch einen farbigen schwarzen Hintergrund verwenden. Machen wir das mit der Orange in unserer Palette. Auch hier wähle ich diese aus. Ich fange an, die Maus rüber zu ziehen, halte die Wahltaste und die Umschalttaste gedrückt Ich wähle den schwarzen Hintergrund aus. Vergewissere dich, dass es meine Füllung ist, und ich stelle ihn auf Orange. Und auch hier können Sie aufgrund der unterschiedlichen Farbe, die hinter ihnen steckt , einige geringfügige Abweichungen zwischen diesen Farben zwischen diesen Farben erkennen. Wenn ich nun die Pipette verwenden würde, um diese Farben zu erfassen, was die Tastenkombination Auge ist, werden Sie sehen, wenn ich hier auf die verschiedenen Teile des Senfs klicke , die Farbe in meiner Füllung Wenn Sie das genau beobachten, ändert sie sich nicht wirklich Es nimmt die Farbe tatsächlich so auf, als ob sie Objekt immer noch zu 100% deckend wäre Um die neue Farbe zu erhalten, müssen wir also die Transparenz reduzieren, wodurch jede Farbe flach wird und in ihrer neuen Form wieder 100% Opazität erreicht Um den Unterschied zu verdeutlichen, zoome ich einfach ein wenig heraus, Befehl minus Ich gehe zurück zu meinem Auswahlwerkzeug V. Ich wähle all diese aus, ziehe nach unten und verwende die Wahltaste, um sie zu duplizieren. Ich wähle die unteren drei und gehe dann zu „ Objekt-Transparenz abgeflacht Ich stelle sicher, dass der Vektor den Wert 100 hat und wähle OK. Wenn ich jetzt zurückgehen und die Pipette benutzen würde, die Tastenkombination KI für dieselben Senfsorten verwenden würde, wenn Sie sich ansehen, was meine Füllfarbe hier macht, können Sie sehen, können Sie sehen Die Farbe nimmt also tatsächlich das auf, was hier ist, im Vergleich zu hier oben , wo ich an die drei verschiedenen Stellen klicke, und die Füllung ändert sich überhaupt nicht Wir können also natürlich mit unterschiedlichen Deckkraftwerten für jede der Originalfarben und verschiedenen Hintergrundfarben anstelle von Schwarz oder Weiß herumspielen unterschiedlichen Deckkraftwerten für jede der Originalfarben und verschiedenen Hintergrundfarben anstelle von der Originalfarben und verschiedenen Hintergrundfarben und definieren, welche Farben für die Palette geeignet sind , nach der wir suchen wir also Farben finden, die uns gefallen, können wir sie dann zu unserer Farbgruppe in diesem Uhren-Panel hinzufügen unserer Farbgruppe in diesem Uhren-Panel Wenn ich also diese Farbe haben wollte, habe ich meine Lidtropfen-Grafik verwendet. Und ich kann das jetzt einfach per Drag & Drop in meine Farbpalette Es ist wichtig, auch über das Farbverhältnis nachzudenken. Beim Farbverhältnis geht es darum, wie viel von jeder Farbe Sie in einer Palette verwenden , um das Gleichgewicht zu halten. Ein gängiger Ansatz und eine grobe Richtlinie besteht darin, Folgendes zu haben. Eine dominante Farbe, also die Hauptfarbe, die den Gesamtton bestimmt, vielleicht 60% Ihres Designs. Sekundärfarben, die die Farben unterstützen und für Abwechslung sorgen, vielleicht 30%, und eine Akzentfarbe, bei der es sich eine kräftige oder kontrastreiche Farbe , die für die letzten 10% interessanter ist. In einem Design mit einer gedämpften Blaupalette könnten Sie beispielsweise ein tiefes Marineblau als dominante Farbe, ein sanftes Blau als Sekundärfarbe und einen Hauch Senf als Akzent verwenden ein sanftes Blau als Sekundärfarbe und einen Hauch Senf als Akzent Wenn alles gleich verwendet wird, kann sich das Design chaotisch oder zu hektisch anfühlen Okay, das ist die Verwendung von Opazität. Experimentieren Sie mit verschiedenen Opazitäten und Hintergrundfarben, Experimentieren Sie mit verschiedenen Opazitäten und um eine Reihe interessanter Farbtöne zu erzeugen Gehen wir nun zu unserer letzten Technik über, den Mischmodi. 5. Technik 3: Mischmodi. Nun, Festa, was ist ein Mischmodus Mischmodi steuern, wie Farben interagieren, wenn sie Stellen Sie sich das wie das Mischen von Farben vor, aber digital, statt nur eine Farbe auf einer anderen zu platzieren, ermöglichen Mischmodi, dass die Farben verschmelzen und neue, oft unerwartete Wenn Sie also einen Mischmodus auf ein Objekt anwenden, ist der Effekt bei allen Objekten sichtbar, die unter der Ebene oder Gruppe dieses Objekts Illustrator verfügt über eine ganze Reihe von Mischmodi, jeder seinen eigenen einzigartigen Effekt hat Manche machen die Farben heller, manche dunkler, manche erzeugen lebendige Kontraste und wieder andere erzeugen subtilere und wieder andere erzeugen subtilere Sie finden die Mischmodi unter dem Transparenzbedienfeld, und standardmäßig ist es auf „Normal“ eingestellt Lassen Sie uns den ersten Satz von Farben und Hintergründen kopieren , bevor wir sie aus der letzten Ich wähle diese aus. Ich werde die hier unten duplizieren . Ich werde auch die Opazität bei all diesen wieder auf 100% bringen Ich werde all diese Optionen erneut auswählen und nun beginnen wir , durch die Mischmodi Abdunkeln, Multiplizieren, Farbbündeln, Aufhellen, Bildschirm Color Dodge, Overlay, weiches Licht, hartes Licht, Differenzausschluss, Farbton, Sättigung, Farbton, Sättigung, Mir hat der Unterschied sehr gut gefallen. Ich habe dort einige interessante Kombinationen kreiert. Wie Sie sehen können, spielt die Grund- oder Hintergrundfarbe eine Rolle dabei, wie sich die Farben vermischen, je nachdem , welchen Modus Sie auswählen. Lassen Sie uns nun über die Temperaturbalance sprechen , bei der warme und kalte Töne gemischt , um Tiefe und Interesse zu erzielen. Mischmodi können Farben auf subtile Weise verändern und beeinflussen, wie warm oder kalt sie erscheinen. Und vergessen Sie nicht, dass Sie Mischmodi auch mit Opazitätsanpassungen kombinieren können , um noch mehr kreative Versuchen Sie, die Deckkraft des obersten Objekts zu reduzieren , um weichere, subtilere Mischungen zu erzielen Bei Mischmodi geht es jetzt auch um Transparenz. Wenn wir also die Farbe haben wollen, die der Mischmodus erzeugt hat, müssen wir die Transparenz erneut reduzieren , bevor wir daraus ein neues Farbfeld erstellen Also los, wählen Sie diese aus und ziehen Sie sie mit der Optionstaste nach unten. Und ich gehe jetzt zu Objekt abgeflachte Transparenz und Vektor auf 100 Ich könnte einige dieser Farben zu meiner Palette hinzufügen. Ich hole mir die Pipette und füge einige davon hinzu Ich weiß noch nicht, wie meine endgültige Palette aussehen wird, aber ich füge sie einfach hinzu und dann kann ich sie eingrenzen Okay. Und wenn ich mehr oder andere Farben und Tönungen hinzufügen möchte, kann ich auch die Farbgruppe hier auswählen, also klicken Sie auf diesen kleinen Ordner Und wenn ich zum Farbhilfe-Bedienfeld zurückkehre, jetzt Farbtöne und Farbtöne erstellt , die auf dieser Farbgruppe basieren, die ich ausgewählt habe Und wenn ich den Mauszeiger einfach am unteren Rand des Farbhilfefensters bewege, kann ich den Mauszeiger nach unten ziehen Daraufhin werden mir die Schatten und Tönungen für jede der Farben angezeigt , die ich Ich ermutige Sie nun, zu experimentieren und zu sehen, was die einzelnen Mischmodi bewirken Es ist wirklich der beste Weg, um zu lernen, indem herumspielt und sieht, wie die Farben interagieren 6. Schlussgedanken: Nun, das ist abgeschlossen. Wir haben drei meiner Lieblingstechniken für die Erstellung harmonischer Farbpaletten in Adobe Illustrator behandelt Erstellung harmonischer Farbpaletten in Adobe Illustrator Zunächst haben wir uns mit dem Farbhilfebereich befasst. diesem praktischen Tool können Sie Paletten auf der Grundlage von Regeln für die Farbharmonie erstellen , sodass Sie ganz einfach Farben finden können , die gut zusammenpassen Dann haben wir uns mit Deckkraft-Overlays befasst, bei denen wir Opazität und Layering verwendet haben, um neue Farben zu kreieren und Farbtöne und Schattierungen zu Schließlich haben wir mit Mischmodi experimentiert und herausgefunden, wie verschiedene Modi spannende Farbkombinationen erzeugen und dabei helfen können spannende Farbkombinationen erzeugen und , die Temperatur Ihrer Paletten auszugleichen. Das Schöne an diesen Techniken ist, dass sie Farben erzeugen , die einen klaren Bezug zu Ihrem Ausgangspunkt haben Bezug zu Ihrem Dadurch entstehen Paletten, in denen die Farben auf natürliche Weise ergänzen, was zu einem harmonischen und optisch ansprechenden Design Jetzt sind Sie dran. Ich empfehle Ihnen, Ihre eigene Farbpalette mit einer oder mehreren der Methoden zu erstellen mit einer oder mehreren der Methoden , die wir in diesem Kurs behandelt haben. Experimentieren Sie, spielen Sie herum und haben Sie Spaß damit. Jetzt habe ich auch ein spezielles Bonus-PDF für Sie erstellt, mit einem praktischen Tipp, wie Sie Farben einfach außerhalb Ihres Adobe Illustrator-Fensters aufnehmen und wieder in Adobe Illustrator übernehmen können Ich hoffe, Ihnen hat dieser Kurs gefallen und Sie haben einige neue Techniken zum Erstellen wunderschöner Farbpaletten gelernt . Viel Spaß beim Entwerfen