Farbtheorie: Lerne, wie du Farben richtig einsetzt

1. Einführung: Haben Sie beim Entwerfen Probleme mit Farben? Sie sich keine Sorgen, am Ende dieses Kurses werden Sie genau wissen, wie Sie Farben verwenden anstatt zu versuchen, sie durch Ausprobieren herauszufinden . Hallo, mein Name ist sag ihr und ich bin Grafikdesign-Instruktor. Ich hatte mein ganzes Leben lang mit Farben gearbeitet , in meinen Zeichnungen, im Grafikdesign auf Websites. Ich wusste nie wirklich, dass manche Farben besser funktionieren und andere nicht, bis ich etwas über die Farbtheorie erfuhr. Und keine Sorge, ich werde euch nicht mit Definitionen und Folien langweilen . Ich habe alles in diesem Kurs anhand von Beispielen aus dem wirklichen Leben erklärt. Und um ehrlich zu sein, gehören dazu hauptsächlich Filmplakate sogar mit dem Erlernen der Grundlagen der Farbtheorie beginnen . Wir lernen dann das Farbrad kennen und wie man mithilfe von Farbharmonien entscheidet, welche Farben verwendet werden sollen. Wir lernen auch verschiedene Websites wie Adobe-Farben und -Kühler usw. kennen, um Farbpaletten für Ihre Designs zu analysieren und zu generieren. Wir lernen verschiedene Konzepte wie Farbinteraktionen, Graustufentest, die 603010-Regel usw. kennen, um sicherzustellen, dass unsere ausgewählten Farben richtig miteinander funktionieren. Und schließlich werden wir Skillshare analysieren, um zu sehen , welche Farben sie auf ihrer Website verwenden und warum. Also für wen ist dieser Kurs gedacht? Sie könnten Grafikdesigner und Animator, Webentwickler oder Künstler sein. Grundsätzlich richtet sich dieser Kurs an alle, die Farbe verwenden. Außerdem gibt es am Ende des Kurses ein Projekt, mit dem Sie alles , was Sie im Kurs gelernt haben, umsetzen können. Laden Sie also bitte die Projektdatei über den unten stehenden Link herunter, und ich hoffe, dass Sie sie mit Bravour bestanden haben, oder? Richtig. Komm schon. Das war gut. 2. Grundlagen der Farben – Verwendung und Bedeutungen: Was ist Farbtheorie? Die Farbtheorie ist eine Reihe von Richtlinien und Werkzeugen , die von Designern verwendet werden , um diese Botschaft im Grunde den Menschen zu vermitteln , die ihre Farben beobachten. In gewisser Weise kann man sagen, dass wir Designer auch Kommunikatoren sind, weil wir versuchen, unsere Botschaft durch unsere Designs zu vermitteln. Wann immer Sie eine Stimmung schaffen oder eine Geschichte erzählen möchten, verwenden wir sie mit unseren Designs. Aber bevor wir etwas über Farbtheorie und Farbrad- und Farbharmonien usw. lernen, werden wir im Wesentlichen etwas über die Verwendung von Farbe lernen. Eine der Hauptanwendungen von Farbe besteht darin, etwas unvergessliches zu machen. Ich habe dieses Bild hier drüben. Und wenn ich dich fragen würde, was siehst du in diesem Bild, gibt es offensichtlich eine Dose. Aber wenn ich Sie frage, welche Marke Ihnen in den Sinn kommt , wenn Sie dieses Bild sehen, werden Sie natürlich an Cola denken, weil Coca-Cola die Farbe Rot auf so erstaunliche Weise verwendet hat die Farbe Rot auf so erstaunliche Weise verwendet , dass sie zu ihrer geworden ist Identität. Eine weitere wichtige Verwendung von Farben ist die Kommunikation einer Nachricht und der Ampeln, oder das beste Beispiel dafür. Sie sehen, wenn Sie irgendwohin auf der Welt, in ein beliebiges Land gehen, werden Sie wissen, was die Ampel bedeutet, wenn Sie nur auf Rot oder Grün schauen und wissen, ob Sie hingehen müssen oder nicht. Eine andere Verwendung von Farbe besteht darin, eine Stimmung zu erzeugen. Also haben wir das hier gepostet oder die Ärztekette im Multiversum des Wahnsinns. Und Sie können sehen , dass sie die Farbe Rot so gut verwendet haben die Farbe Rot so gut weil die Farbe Rot die Farbe von Leidenschaft, Liebe und Wut ist . Und wenn Sie den Film gesehen haben, wissen Sie, dass dies das ganze Thema des Films ist. In dem Film warnt Wonder ihre Kinder zurück, weil sie sie liebt und eine Leidenschaft für Mutterschaft hat, aber gleichzeitig ist sie wütend, dass sie sie nicht haben kann. Farbe kann auch verwendet werden , um etwas hervorzuheben. Sie können sehen, indem Sie einfach die Farbe des Wortes betonen hier ändern , ich habe es so viel deutlicher gemacht. Eine weitere wichtige Verwendung von Farben ist die Differenzierung. Sie können also sehen, dass ich diese erstklassigen Getränke von Logan, Paul und KSI habe und sie haben verschiedene Geschmacksrichtungen mit unterschiedlichen Farben dargestellt . Wenn Sie also wissen, wie man Farben richtig verwendet, können Sie so erstaunliche Produkte herstellen. Lassen Sie uns jetzt über warme und kühle Farben sprechen. Im Grunde gibt es also zwei Arten von Farben. Ich würde sagen, die warme Bindung und die kühlen. Auf der linken Seite des Farbrads Grün, Blau und Lila usw. Diese Farben werden als coole Farben bezeichnet. Und auf der rechten Seite des Farbrads werden diese warmen Farben genannt , das sind Gelb, Orange und Rot usw. Wir werden auch in den späteren Vorlesungen etwas über das Farbrad lernen . Lassen Sie uns zuerst die coolen Farben besprechen. Ich habe zwei Produkte hier drüben. Einer von ihnen ist Trident, das ist Spearman-Kaugummi. Es gibt auch andere Geschmacksrichtungen davon. Aber für dieses spezielle Produkt haben sie die Verpackung grün gemacht. Warum? Weil sie Mint darin zeigen wollen. Wenn Sie sich das Spray ansehen, können Sie auch sehen, dass sie die Farbe Blau und Grün verwendet haben. Und in all ihren Werbespots fördern sie immer Frische und Bulinus. Sie haben vielleicht auch bei vielen pflanzlichen Produkten gesehen , dass sie immer grün sind weil sie die Natur in ihnen darstellen wollen. Aber wenn Sie etwas Würziges und Aufregendes zeigen möchten, können Sie immer die warmen Farben verwenden. Sie können sehen, dass bei diesen beiden Produkten, die wirklich scharf sind, der Raman auf der linken Seite extrem scharf ist und nicht jeder ihn essen kann. Sie können also sehen, dass sie die Farbe Rot, Gelb und Orange häufig verwendet haben , und auch etwas Schwarz, weil dies eine Kontrastfarbe ist, aber meistens können Sie Gelb und Rot und Orange sehen. Wenn Sie ein Produkt kreieren möchten, in dem Sie diese Art von Emotionen zeigen möchten und diese Art von Aromen zeigen möchten. Sie können sich immer für die warmen Farben entscheiden. Was bedeuten verschiedene Farben? Sie sehen, dass verschiedene Farben unterschiedliche Bedeutungen haben können. Zum Beispiel haben wir Rot hier drüben. Das ist also das Poster des neuesten Batman-Films. Und die Farbe Rot steht für Leidenschaft, Liebe und Wut, wie ich bereits erwähnt habe. Wenn Sie jemals diese Art von Emotionen zeigen möchten, sollten Sie die Farbe Rot verwenden. Es gibt auch andere Verwendungen der Farbe Rot, aber meistens werden sie für diese Art von Emotionen verwendet. Dann haben wir hier Blau und vier blaue. Ich habe Frozen gewählt. Ich liebe diesen Film total und ich glaube, ich liebe alle Animationsfilme. Blau ist also die Farbe der Ruhe, Verantwortung, und man kann auch etwas Traurigkeit schmecken. Wenn Sie sich das Thema des Films Die Eiskönigin ansehen, wissen Sie, dass diese Begriffe, diese Wörter, im Grunde den gesamten Film darstellen. Die Farben, die ich dir auf diesen Filmplakaten zeige, sind nicht zufällig da. Die Leute, die diese Filme machen und diese Poster machen, sind wirklich clever und sie wissen, wie die Farbe 2D funktioniert. Offensichtlich sind sie die Experten und wissen, wie sie verschiedene Emotionen und ihr Publikum auslösen können. Die nächste Farbe, die wir haben, ist grün. Grün ist also die Farbe von Neuem und Überfluss und der Natur Wenn Sie etwas Natürliches zeigen möchten, das der Natur entspricht, können Sie immer die Farbe Grün verwenden. In diesem Beispiel habe ich den Film Shrek Overhead verwendet , weil Sie vielleicht gesehen haben , dass es im Film viele Wälder und viel Grün gibt. Dann haben wir die Farbe Lila. Und ich habe gerade das Avengers Endgame-Poster hier benutzt. Das Lila ist also die Farbe der Kreativität, des Königshauses und des Reichtums. Wenn Sie sich den Film ansehen, wissen Sie, dass dies die mächtigsten Helden der Erde sind und in gewisser Weise können Sie sie königlich nennen. Viele von ihnen sind auch reich. Und alle von ihnen sind auf ihre Weise kreativ weil sie unterschiedliche Kräfte und Fähigkeiten haben. Lila wurde in diesem Poster auf so gute Weise verwendet. Sie sollten aber auch wissen, dass verschiedene Farben je nach Religion oder Region unterschiedliche Bedeutungen haben können je nach Religion oder Region unterschiedliche Bedeutungen haben . Eines der besten Beispiele dafür ist Weiß. Weiß ist eine Farbe der Reinheit, des Feierns und der Verehrung im Islam Immer wenn Menschen nach Kaaba gehen, wechselten sie die Farbe Weiß. Aber wenn man sich den Hinduismus ansieht, ist es das genaue Gegenteil. Weiß ist die Farbe von Tod oder Traurigkeit dort drüben , wann immer es eine Beerdigung gibt, sie waren weiß. Ein anderes Beispiel ist die Farbe Schwarz und das Christentum, wann immer es eine Beerdigung gibt, waren sie schwarz. Sie haben das vielleicht in Filmen gesehen . Die Verwendung von Farbe ist auch bei Männern und Frauen unterschiedlich. Männer und Frauen können Farben also grundsätzlich unterschiedlich sehen. Ich habe dieses sehr lustige Bild hier drüben. Zumindest finde ich es lustig, dass der Typ verschiedene Farben wie Rot, Lila, Pink hinweist. Und dann ist da drüben die Frau, die alle Farben separat benennt. Dahinter steckt ein Hinweis darauf, dass Frauen mehr Farben sehen können , da Farbe am Ende des Tages eine Wellenlänge ist und Frauen mehr dieser Wellenlängen sehen können als Männer. Also ich habe hier zwei Beispiele. Und das erste ist Victoria Secrets Beauty. Ich schätze, das ist eine Submarke von Victoria Secrets. Und Sie können sehen , dass sie in ihren Designs viele Pastellfarben verwendet haben . Ich verallgemeinere das nicht weil ich Frauenprojekte gesehen habe , in denen sie auch viele kontrastreiche Farben verwendet haben. Aber meistens haben Sie diese Trenddaten bei Frauenprodukten gesehen . Sie verwenden normalerweise besonders Farben. Zum Beispiel von Männern habe ich diese Marke namens Old Spice oder Space. Es ist eine Marke von Deodorants für Männer. Und Sie können sehen , dass sie viele lebendige Farben verwendet haben und hauptsächlich in ihren Designs gelesen haben und es so lebendig und gesättigt ist. Wenn Sie also jemals eine Marke kreieren , die mit Männern verwandt ist, stellen Sie sicher, dass Sie prominente, zu lebendige und kräftige Farben verwenden zu lebendige und kräftige , denn das ist es, was Männer anzieht. Das war es für diese Vorlesung. Ich hoffe, dass du jetzt verstehst wie du verschiedene Farben verwenden kannst. Was sind die verschiedenen Bedeutungen oder Farben? Und verschiedene Farben können in verschiedenen Bereichen der Welt oder Religion unterschiedliche Bedeutungen haben . In der nächsten Vorlesung lernen wir die Eigenschaften der Farbe kennen. Ich hoffe, dass euch dieser Vortrag wirklich gefallen hat und wir sehen uns in der nächsten. 3. Farbeigenschaften und Harmonien: Was sind die Eigenschaften einer Farbmesoglea, es gibt drei Eigenschaften Farbton, Sättigung und Wert. Lassen Sie uns zuerst über den Farbton sprechen, nicht über diesen Farbton. Farbton ist im Grunde ein anderer Fachbegriff für das Wort Farbe. Also all diese Farben wie Gelb, Rosa, Blau, Grün werden Farbtöne genannt. Was ist Sättigung? Sättigung ist im Grunde die Intensität des Farbtons. Und wenn Sie es zu stark erhöhen, wird es wirklich irritierend für die Augen. Wenn Sie eine Farbe haben, können Sie entweder deren Sättigung erhöhen oder verringern. Grundsätzlich erhöhen oder verringern Sie die Intensität der Farbe. Und die letzte Eigenschaft ist Wert, was im Grunde Helligkeit bedeutet. Sie können also entweder Ihre Helligkeit erhöhen oder verringern. Nehmen wir wieder dieselbe Farbe. Wenn Sie den Wert verringern, sieht es ungefähr so aus. Oder wenn Sie die Helligkeit erhöhen, würde es ungefähr so aussehen. Diese drei Eigenschaften der Farbe sind also wirklich wichtig, aber wir werden sie später in den kommenden Vorlesungen mit einigen weiteren Beispielen diskutieren . Aber jetzt müssen Sie zuerst etwas über das Farbrad lernen. Und im Farbrad müssen Sie zuerst etwas über die Primärfarben lernen, damit es im Grunde drei Grundfarben gibt nämlich Rot, Gelb und Blau. Sie müssen denken , dass ich völlig verrückt bin weil die Primärfarben RGB, Rot, Grün und Blau sind . R by b ist also im Grunde das Farbschema von Pigmenten, im Grunde die Farben in der realen Welt. Wenn Sie also etwas auf einem Drucker oder einer Farbe oder Matrize verwenden, verwenden Sie im Grunde das RiIb-Farbschema und RGB sind im Grunde die Primärfarben des Lichts. Also im Grunde alles , was einen Bildschirm beinhaltet wie ein Computer oder wenn Galle RGB verwendet. Und das ist der Grund, warum Sie in Programmen wie Photoshop und Illustrator usw. auch das RGB-Farbschema sehen, aber Sie müssen über jede Art von physischem Druck nachdenken , verwenden wir nicht CMYK, was im Grunde bedeutet, dass Cyan, Magenta , Gelb und Schlüssel e im Grunde die schwarze Farbe ist. Die Sache ist, CMYK ist genau das gleiche wie unser Yb. Und es wird absichtlich gemacht, weil es für ein Kind schwer zu verstehen ist , was eine SAN- oder Magenta-Farbe ist. Blau ist das Gegenstück zu say, n, und das ist das Gegenstück zu Magenta. Deshalb wird uns beigebracht, dass are by“ das Farbschema ist. Rot, Gelb und Blau sind die Grundfarben. In einfachen Worten, es ist eine weltweit anerkannte Methode der Kinder etwas über Farben lernen. Und deshalb nehmen wir, wenn wir etwas über Farbe 2D lernen , Verwandte, Gelb und Grün als Primärfarben. Ich hoffe also, dass Ihnen diese Verwirrung aus dem Weg geräumt ist. Und jetzt diskutieren wir über die Primär-, Sekundär- und Tertiärfarben. Wie gesagt, Rot, Blau und Gelb sind die Grundfarben. Und wenn Sie diese Farben wie Blau und Rot und Rot und Gelb und Gelb und Blau kombinieren , erhalten Sie im Grunde die Sekundärfarben. Man kann aber sogar sagen, dass sie der Durchschnitt der beiden Farben sind, aus denen sie bestehen. Und in ähnlicher Weise erhalten Sie, wenn Sie diese Farben kombinieren , die Tertiärfarben. Und diese ganze Sache wird im Grunde ein Farbrad genannt. Lassen Sie uns also über Farbharmonien sprechen, oder sie werden auch Farbschemata genannt. Das erste ist also ein analoges Farbschema. Grundsätzlich handelt es sich bei diesem Farbschema VTA-Farben, die direkt nebeneinander liegen. Lassen Sie mich es Ihnen anhand eines Beispiels erklären. Du hast vielleicht Kung Fu Panda gesehen. Es ist ein sehr lustiger Film. Sie können sehen, dass auf dem Poster von Kung Fu Panda grundsätzlich das analoge Farbschema verwendet wurde. Es gibt noch eine Sache, die Sie beachten müssen, Schwarzweiß oder eigentlich die Standardfarben. Sie können sie also mit jedem gewünschten Farbschema verwenden. Dieses Poster. Sie können sehen, dass sie das analoge Farbschema zusammen mit etwas Weiß und Schwarz verwendet haben das analoge Farbschema . Und die Sache mit einem analogen Farbschema ist, dass es auch in der Natur weit verbreitet ist. Zum Beispiel in den Zitrusfrüchten. Aber wenn man sich die Zitrusfrüchte anschaut, sieht man, dass das Grün tatsächlich das ist, auf das ich hingewiesen habe. Es lügt als Zitrone, als Orange, dann Grapefruit. Sie können das Muster also hier sehen. In ähnlicher Weise können Sie sie auch in Beeren sehen. Sie können sehen, dass Rot, Lila und dann Kleber all dies Farben von Beeren sind. Erdbeeren, Brombeeren und Blaubeeren. Und Brombeeren haben tatsächlich violette Farbe, nur damit Sie es wissen. Das zweite ist komplementär und das komplementäre Farbschema ist wahrscheinlich einer meiner Favoriten, weil es so einfach zu bedienen und wirklich effektiv ist. Im Grunde genommen nimmst du Farben aus dem Gegenteil des Farbrads. Wenn Sie jemals versuchen möchten, ein braunes Hemd mit dem blauen Anzug zu tragen, passt es so gut zusammen. Ich habe auch ein Beispiel für „ kostenlos“. Sie können im komplementären Farbschema sehen, wir haben dieses Beispiel des Posters Blade Runner. Und sie haben die Farbe Rot und Blaugrün so gut verwendet . Dies ist im Grunde das totale Gegenteil im Farbrad, aber sie passen so gut zusammen. Dann haben wir auch komplementär aufgeteilt. Bei Split Complementary nimmst du also grundsätzlich drei Farben. Zwei von ihnen sind eine Lücke voneinander entfernt, und die dritte ist ihnen genau entgegengesetzt im Grunde ein Dreieck. Ich habe auch dafür ein Beispiel. Jetzt bin ich mir nicht sicher, ob das ein Filmplakat ist. Ich habe es tatsächlich aus dem Internet genommen und Sie können sehen, dass das so viel Sinn macht. Der Künstler hat Rot und Grün verwendet und so gut gehandelt. Und im Grunde ist das ganze Bild in Harmonie. Denn am Ende des Tages, wann immer wir entwerfen, ist die Hauptsache, Harmonie in unseren Designs zu schaffen , wenn Sie im Grunde Balance meinen. Dann haben wir das triadische Farbschema. Und in diesem Farbschema nehmen wir im Grunde drei Farben, die das perfekte Dreieck bilden. Und dafür habe ich ein perfektes Beispiel. ein paar Jahren haben sie Aladdin im Grunde nachgebildet und Will Smith war offensichtlich dabei. Und Sie können sehen, dass das Poster unglaublich ist. Sie haben dabei grundsätzlich das triadische Farbschema verwendet . Sie können sehen, dass sie mehr Lila und Orange verwendet haben . Das Blaugrün, Blaugrün ist in diesem Poster sehr wenig enthalten, aber sie haben häufig Lila und Orange verwendet. Und keine Sorge, wir werden auch in den späteren Vorlesungen darüber diskutieren , wie viel Prozent einer Farbe verwendet werden sollte. Dann haben wir das quadratische Farbschema. Grundsätzlich wählt man Farben in einem Quadrat auf dem Farbrad aus. Und ich würde sagen , dass dies eines der am schwierigsten zu verwendenden Farbschemata ist , da nicht jeder es tun kann, um es richtig zu verwenden. Im Film Inside Out haben sie dieses Farbschema verwendet und Sie können sehen, dass verschiedene Länder unterschiedliche Farben haben. Und wie gesagt, es ist sehr schwierig, es durchzuziehen. Wenn Sie nicht wissen, wie man die Farbtheorie richtig anwendet, dann haben wir dieses triadische Farbschema. Im Grunde ist es ähnlich wie das Quadrat, aber es ist tatsächlich ein Rechteck. Auch dies ist sehr schwierig zu verwenden, denn wenn Sie dies übertreiben diese Farben häufig verwenden, wird es sehr schwierig, Harmonie in Ihren Designs zu schaffen. Ich habe dafür ein sehr gutes Beispiel. Sie können also sehen, dass sie in diesem Beispiel die Hauptfarbe Orange verwendet haben. Und der Rest der Farben ist sehr winzig. Du präsentierst, als ob du sehen kannst, dass sie im Regenschirm und in den Shorts des Mannes darüber Regenschirm und in den Shorts des Mannes darüber blau verwendet haben als sie ein bisschen Grün verwendet haben. Und das Rosa ist nur im Flamingo hier sehr wenig. Die Hauptfarben, die sie verwendeten, unser Orange und Weiß und wie gesagt, für Weiß und Schwarz sind im Grunde genommen, Sie können die Standardfarben sehen und Sie können sie mit jedem gewünschten Farbschema verwenden. Dann haben wir das einfarbige Farbschema, das extrem einfach zu bedienen und sehr einfach und effektiv ist. Also im Grunde nimmst du einen Anhänger und erhöhst dessen Wert oder Helligkeit, und dann verringerst du ihn auch. Und dieses ganze Farbschema wird als monochromatisch bezeichnet. Monochromatisches Farbschema wird auch in vielen Filmplakaten verwendet. Und das Letzte, was wir in dieser Vorlesung diskutieren werden, sind gemeinsame Stints und Töne. Und ich denke, dass es dort sehr wichtig ist , diese Begriffe zu lernen weil ich gesehen habe, dass Leute sie so falsch benutzen. Viele Leute benutzen es so. Hellerer Schatten und dunklerer Farbton. Es gibt keine helleren Töne. Es sind im Grunde genommen Farbtöne. Also was ist der Farbton? Im Grunde genommen nimmst du eine Farbe und fügst ihr immer wieder Weiß hinzu. Sie erhöhen grundsätzlich die Helligkeit oder den Wert. Auf diese Weise erhalten Sie verschiedene Farbtöne und offensichtlich sind die Blätter genau entgegengesetzt. Du nimmst eine Farbe und fügst ihr immer wieder Schwarz hinzu. Sie verringern den Wert oder Helligkeit und Sie erhalten diese Art von Formen. Und der letzte sind Töne. Nehmen Sie wieder eine Farbe und fügen Sie ihr weiterhin Grau hinzu. Und so bekommt man diese Art von Tönen. Vorerst. Ich wollte nur, dass ihr später richtig über diese Begriffe Bescheid wisst . Wir werden sie auch mit Beispielen besprechen . Ich hoffe, dass ihr jetzt versteht was der Unterschied zwischen unserem Yb und RGB ist und warum wir sie im Vergleich zum Farbrad verwenden. Und was sind die verschiedenen Farbharmonien, die Sie für unsere Aktien, Teams und Töne verwenden können . Ich hoffe, dass euch dieser Vortrag wirklich Spaß gemacht hat und wir sehen uns in der nächsten Klasse. In der nächsten Klasse werden wir im Grunde einige wirklich coole Websites kennenlernen, über die Sie einige wirklich schöne Farbschemata generieren können. 4. Color – Farben einfach erstellen: Welches sind die besten Websites zum Generieren von Farben? Ich habe ein paar Websites hier drüben, und die erste heißt Adobe Color. Sie können also einfach auf color.adobe.com gehen. Im Grunde können Sie also sehen, dass wir hier und das mittlere ein Farbrad haben hier und das mittlere ein Farbrad Wenn Sie auf das mittlere klicken, können Sie es im Grunde ziehen. Und Sie können sehen, dass sich die Farben unten ändern. Im Grunde ist dies also das analoge Farbschema , das hier ausgewählt wird. Dann haben wir in den vorherigen Vorlesungen verschiedene Farbschemata und Harmonie besprochen , und Sie können sehen, dass sie hier überall sind. Sie können hier einfach auf monochromatisch klicken. So entsteht hier ein einfarbiges Farbschema mit den Farbtönen und Schattierungen. Oder du kannst eine Triade erstellen. Und es gibt noch eine Sache, die ich vergessen habe. Was du tun kannst ist, wenn du eine bestimmte Farbe hast, kannst du sie hier eingeben, vielleicht auch hier drüben. Aber all diese Farben sind im Grunde genommen an diese spezielle Farbe hier gebunden, und Sie können sie im Grunde bewegen. Sagen wir einfach, ich möchte ein ergänzendes Farbschema erstellen. Ich kann hier drüben klicken. Und Sie können sehen, dass es mir nicht nur zwei Farben gibt denn als wir etwas über Farbharmonien lernen, haben wir gerade gelernt, dass es zwei oder drei Farben gibt. Sie können jedoch mehrere Farben oder mehrere Schattierungen haben, aber natürlich müssen Sie sich an die Harmonie halten. Dann haben wir uns hier komplementär aufgeteilt. Double Split komplementär, als hätte es sogar Optionen, die ich Ihnen nicht einmal über Hotel Squared und Compound erzählt habe, um ehrlich zu sein, dies sind die die sehr oft verwendet werden. Und dann sind die untersten diejenigen, die nicht sehr häufig sind, aber Sie können sie trotzdem verwenden. Ja, wie gesagt, du kannst einfach auf die mittlere klicken und du kannst sie ziehen und es wird dir ein sehr schönes Farbschema geben . Okay? Dann gibt es noch eine weitere Option, die Extraktteam genannt wird. Ich liebe das total. Sie können also einfach darauf klicken. Und was Sie tun können, ist, ein Bild per Drag & Drop zu ziehen oder hier hochzuladen. Ich habe also ein paar Bilder hier drüben, und ich werde dieses ziehen, um es hierher fallen zu lassen. Und boom, einfach so hat die gesamte Website im Grunde genommen ein Farbschema für uns erstellt , das dieses verwendet. Die Sache mit der Natur ist also, dass ich sagen würde , dass die Natur alle Farben hat, die wir brauchen. Und alles , was wir über Farben wissen , stammt im Grunde genommen aus der Natur. Und ich habe nicht einmal etwas getan. Ich muss einfach das Bild lesen. Und Sie können sehen, dass wir hier einen so schönen Plan haben. Und das ist offensichtlich analog. Aber Sie können einfach sagen, wenn Ihnen eine der Farben nicht gefällt, aber Sie können es einfach anklicken und ziehen und es wird eine andere Farbe für Sie ausgewählt. Aber sagen wir einfach, ich mag diese Farbe, okay? Also hat es das ausgewählt. Und was ich tun kann ist, dass ich auch die hellen Farben im Bild auswählen kann . Die mutieren. Offensichtlich ist das alles künstliche Intelligenz. Und es kann erkennen, welche Farben hell und gedämpft und tief und dunkel sind. Um ehrlich zu sein, funktioniert nur dieser einfache am besten für mich. Und was Sie tun können, ist, einfach auf Overhead speichern zu klicken und das Farbschema wird für Sie in Ihren Adobe-Bibliotheken gespeichert. Ich habe vergessen, dir von diesem zu erzählen. Wenn Sie also hier zum Farbrad zurückkehren auf Speichern klicken, wird dieses Farbschema wie in Ihrer Bibliothek und Ihrer Adobe-Bibliothek gespeichert . Wenn Sie ein Abonnement haben kein Abonnement haben, können Sie einfach einen Screenshot davon machen. Also ich bin hier auf Windows, aber ich werde es tun, ist, Windows Shift S auf diese Weise zu drücken . Ich kann einen Screenshot davon machen und ich kann sagen, okay, dann kann ich es auf meinen Photoshop oder Illustrator hochladen und dann verwenden. Ähnlich in der Extraktion ihn. Du kannst das Gleiche tun. Okay, soweit, so gut. Dann haben wir eine weitere Option, die als Extraktverlauf bezeichnet wird. Um ehrlich zu sein, ist dies nicht sehr revolutionär, aber Sie können einfach die Farben in Photoshop hochladen die Farben in Photoshop und dort auch einen Verlauf erstellen, wie Photoshop oder Illustrator. Aber wir haben auch hier die Möglichkeit. Auch hier nicht zu revolutionär, aber Sie haben die Möglichkeit. Ich schätze, du kannst hier noch mehr Farben hinzufügen. Ich schätze, es gab eine Option. Ich erinnere mich nicht. Ja. Wenn Sie also hier klicken, können Sie weitere Punkte hinzufügen. Ich hab's. Ich schätze, wir haben einen sehr schönen Farbverlauf, hier drüben abläuft. Nicht zu gut um ehrlich zu sein. Dann haben wir auch hier ein paar Barrierefreiheitstools. Hier haben wir ein sehr nützliches Tool, das als Kontrastprüfung bezeichnet wird. Du kannst sehen, dass ich hier zwei Farben habe. Die erste ist die Textfarbe und die zweite ist die Hintergrundfarbe. Was du tun kannst ist, dass du im Grunde jede auswählen kannst, okay, also ich habe zwei Farben hier drüben. Die erste ist die Textfarbe und die zweite ist die Hintergrundfarbe. Hier siehst du auch eine Bewertung. Das zeigt mir also einen Fehler. Demnach ist der Kontrast zwischen diesen beiden Farben nicht sehr gut. Es besteht den Formtest und den größeren, größeren Texttest, füllt aber den kleineren. Was wir tun können, ist einfach zu sagen, ich wähle hier eine Farbe aus. Lassen Sie mich die Textfarbe und auch die Hintergrundfarbe ändern. Okay. Ich schätze so etwas. Jetzt erhalten Sie eine viel bessere Bewertung. Und hier gibt es auch ein Kontrastverhältnis. Aber die Sache dabei ist , dass es mir nicht wirklich gefällt, weil es dir keine richtige Bewertung für deinen Kontrast gibt. Dafür gibt es eine andere Website. Lass es mich dir zeigen. Im Grunde gibt es hier eine Website namens coolers.co , die den Punktcode liest. Und es ist sehr beliebt für die Generierung von Farben, aber sie haben auch eine Kontrastprüfung. Also werden wir das auch zuerst behandeln . Sie können also sehen, dass es mir eine Bewertung basierend auf dem Kontrast gibt und es immer noch hier drüben ist. Sagen wir einfach, ich klicke hier drüben und wähle eine beliebige Farbe aus, zum Beispiel dieses Hellgelb. Und dann wähle ich eine dunklere Farbe, wie dieses helle Rot. Es gibt mir im Grunde eine Kontrastbewertung. Jetzt heißt es nur noch, mir das im Grunde genommen in Bezug auf Sterne und die Bewertung zu sagen. Und es sagt mir, ob es auch für kleineren und größeren Text funktioniert , und sogar für den fetten. Aber was würde passieren, wenn ich etwas wirklich aus den Charts wie diese Farbe auswähle ? Sie können sehen, dass es mir jetzt eine Bewertung von 1,95 gibt. Und es ist sehr schlecht, weil das nicht sehr sichtbar ist. Aber was ist der größte Kontrast Sie zwischen zwei beliebigen Farben haben könnten? Also im Grunde wählst du ab. Volles und volles Schwarz. Das ist eine knifflige bis höchste Zahl, die du erreichen kannst, ist 21. Aber ich denke, alles, was oben steht, man kann sagen, dass 15 einwandfrei funktioniert , weil dieser Kontrast gut genug ist. Ich schätze, vielleicht kannst du für ein paar Farben sogar 14 wählen. Gut genug. Gehen wir zum Farbgenerator. Wie gesagt, cooler. Dies ist eine meiner, eine meiner Lieblingswebsites. Und ich schätze, ich kenne viele Entwickler, die das benutzen, weil es sehr nützlich ist. Also lass mich einfach herkommen und auf Generator starten klicken. Und was diese Website tut, ist dass sie im Grunde Farbpaletten für Sie generiert. In den frühen Tagen meiner Designkarriere, als ich nicht viel über Farbe 2D wusste, bin ich immer als Referenz auf diese Website gekommen, aber jetzt weiß ich, wie die Dinge laufen und ich liebe es sogar, Liebe es noch mehr. Wenn Sie also auf die Leertaste klicken, um auf die Leertaste zu tippen , werden im Grunde einige Farbthemen für Sie generiert. Wie cool ist das? Grundsätzlich können Sie weiter auf die Leertaste tippen und es werden weiterhin Farben für Sie generiert. Und das Beste daran ist, dass du die Farben speichern kannst, okay? Und es gibt noch eine Sache. Sie können die Farbe protokollieren. Also werde ich diese Farbe sperren. Und jetzt, wenn ich auf die Leertaste klicke , werden alle anderen Farben generiert je nachdem, welche Farbe das ist, entsprechend dieser Farbe. Also tippe ich auf die Leertaste. Jetzt. Jetzt können Sie sehen, dass es Farben erzeugt, die von dieser Farbe abhängen. Und wir haben hier schon ein sehr schönes Farbschema. Ich liebe es total. Lass uns nochmal klicken. Das ist auch sehr nett. Und lass uns so etwas lassen. Auch hier gefällt mir das sehr gut und du kannst es sogar auswählen und auch auf die andere klicken, wie logge diese beiden Farben ein. Wenn Sie nun auf die Leertaste klicken , werden die anderen drei Farben generiert. Aber ja, diese Website ist extrem nützlich. Nochmals, wenn Sie diese Farben herunterladen möchten, aber Sie können etwas wie dieses auswählen. Sie können hier einfach auf Exportieren klicken. Es gibt einige Optionen. Sie können es als Bild oder PDF herunterladen oder als URL teilen. Ich liebe es, diese SVDs herunterzuladen, weil ich sie dann genau so verwenden kann , wie sie in Illustrator sind. Es tut mir leid, ich habe eine Nachricht von einem meiner Kollegen erhalten. Man kann sagen, dass er sowieso eher ein Partner ist, als ob wir in einer Partnerschaft in meinem Unternehmen sind ein Partner ist, als ob wir in einer Partnerschaft in meinem Unternehmen sind. Also ja, lass mich die Verzögerung für nein schließen, ich denke, es ist geschlossen. Also ja, Sie können die Bilder grundsätzlich herunterladen, diese farbig in Form von SVGs, Bildern oder PDFs. Lassen Sie mich das schließen, dann gibt es auch einige andere Optionen. Sie können auf Ansicht klicken und im Grunde auf jede Farbe klicken, um RGB und CMYK und nur l Werte zu sehen, was nützlich ist, wenn Sie sich für Ihre gesamte Farbe interessieren. Und dann haben wir auch Optionen für Anpassungen. Sie können grundsätzlich den gesamten Gaumen anpassen. Der harte Gaumen ist genau so wie er hier drüben ist. Und Sie können die Sättigung erhöhen oder verringern. Das machst du. Im Grunde änderst du im Grunde den Farbton während du das Team behältst und die Harmonie behältst. Dann haben Sie auch eine Sättigung. So können Sie die Sättigung erhöhen oder verringern. Sie können auch die Helligkeit und Temperatur erhöhen oder verringern . Okay. Der letzte hier drüben ist Farbenblindheit. Um ehrlich zu sein, weiß ich nicht viel über Farbenblindheit, also werde ich das nicht behandeln. Sie können einfach hier auf Bewerben klicken oder auf Krebs klicken. Das waren also Kühler. Der letzte ist der Farbraum. Ich habe von Ryan Siegel von der Flex Academy von dieser Website erfahren . Und das ist wirklich schön, wenn Sie sich für Farben interessieren und ein gutes Farbschema generieren möchten, aber nicht viel, viel über Farbharmonien wissen . Aber du kannst es tun, sagen wir einfach, ich komme her und mir hat gefallen, wirklich wie diese Farbe. Ich werde den Hex-Code von hier drüben kopieren . Kopiere es einfach. Dann komme ich her und füge es einfach ein. Dann klicken Sie auf Generieren. Was passieren wird, ist, dass im Grunde genommen ein Farbschema erstellt wird. Im Grunde werden mehrere Farbschemata für Sie erstellt und Sie müssen es nicht überdenken. Es bietet Ihnen nicht jede Menge Optionen wie Kühler und Adobe-Farben, aber es wird Ihnen einige wirklich schöne Farbschemata geben. Wählen Sie einfach eine davon aus und beginnen Sie einfach mit der Arbeit daran. Wenn Sie sich diese ansehen, können Sie sehen, dass es sich um eine Triade handelt, okay? Dann können Sie sehen, dass es auch analoge Farbschemata gibt. Das ist das Analogon, dieses hier. Wenn Sie sich mit Farbschemata richtig auskennen, können Sie , wenn Sie sich diese ansehen, sehen Sie, dass Sie wissen , welche Farbschemata diese sind. Aber um ehrlich zu sein, wie ich schon sagte, muss man es nicht überdenken. Sie können ein beliebiges Farbschema auswählen und es wird für Sie hervorragend funktionieren. Aber ja, das war so ziemlich alles. Adobe-Farben, Kühler. Hallo Space. Dies sind für mich die drei besten Websites in Bezug auf die Generierung von Farben. Aber es gibt noch eine Sache. Selbst nach dem Herunterladen von Farben geben viele Leute , dass sie ein Farbschema, eine Farbharmonie von einer Website heruntergeladen haben eine Farbharmonie von einer Website und es immer noch nicht richtig funktioniert , wenn sie ihre Designs. Nun, das liegt daran, dass Sie nicht wissen, wie die Farbinteraktion aussieht. In der nächsten Vorlesung werden wir also etwas über Farbinteraktionen lernen und wie verschiedene Farben miteinander funktionieren. Denn selbst wenn Sie dieses gesamte Farbschema herunterladen, werden all diese Farben nicht richtig zusammenarbeiten. Wie stellt man also fest , dass es nicht richtig war oder nicht, und wie mischt man sie und passt sie an? Das werden wir in der nächsten Vorlesung lernen, nämlich farbige Interaktionen. Also hoffe ich euch darin zu sehen. 5. Color: Wie überprüfen Sie also, ob das Farbschema, das Sie für Ihre Marke oder Ihr Produkt ausgewählt haben, überhaupt funktioniert oder nicht? Aber sagen wir einfach, Sie haben sich für ein Farbschema entschieden und es heruntergeladen. Also bestelle ich dieses Farbschema nicht bei coolers.co. Und jetzt möchte ich überprüfen, ob diese Farben überhaupt zusammenpassen oder nicht. Im Grunde werden diese also Farbwechselwirkungen genannt. Lass es uns löschen und lass ihn, lass es mich einfach von Anfang an machen. Okay. Lass mich hier ein wenig reinzoomen. Lassen Sie mich auch diese löschen. Okay. Wir werden nur eines davon behalten , damit wir es später im Grunde kopieren können. Lass uns hier reinzoomen. Okay? Also, was ich tun werde, ist im Grunde das quadratische Werkzeug auszuwählen und hier drüben ein Quadrat zu erstellen. Und ich werde diese Farbe kopieren. Dann werde ich zusätzlich zu dieser Geschichte ein weiteres Quadrat darüber erstellen . Aber lass uns hier ein Quadrat nehmen und ich werde diese Farbe kopieren. Lass es uns obendrauf setzen. Im Grunde können Sie damit die Wechselwirkung zwischen zwei Farben , den Kontrast zwischen zwei Farben, überprüfen. Jetzt werde ich ein paar Kopien davon machen. Ich drücke Alt oder Wahltaste und ziehe es und mache dann weitere Kopien. Da es also fünf Farben gibt, wird es vier Interaktionen geben. Ich wähle diese aus und kopiere diese Farbe. Ähnlich dieser und kopiere diese Farbe und ähnlich diese. Okay, soweit, so gut. Dann wähle ich alle aus und erstelle erneut eine Kopie. Und dieses Mal werde ich eine Farbe von der Rückseite ändern . Also werde ich es in dieses ändern. Okay? Und Sie können bereits sehen , welche Farben nicht bereit sind, richtig zusammenzuarbeiten. Also werde ich diesen auswählen und durch diesen ersetzen. Nein. Okay. Also alles andere ist in Ordnung. Jetzt werde ich das alles noch einmal kopieren. Dieses Mal wähle ich alle aus und kopiere diese Farbe. Aber im Grunde tauscht man so die Farben immer wieder aus. Und lass es uns tun, schätze ich noch zweimal. Lass es uns hier machen. Lass mich ein wenig herauszoomen. Dann wähle ich all diese, kopiere, diese Farbe. Und für diesen muss ich den vorherigen auswählen. Und zu guter Letzt noch einmal. Dann kopiere ich diese Farbe. Ich hoffe, ich habe dich mit dieser ganzen Sache nicht gelangweilt. Wenn Sie denken, dass das langweilig war, phosphoryliert. Okay, im Grunde haben wir hier Farbinteraktionen mit uns. Lassen Sie mich es jetzt etwas kleiner machen , damit Sie es richtig sehen können. Und wenn Sie sich diese nur ansehen, können Sie bereits herausfinden, welche dieser Farben zusammenpassen oder nicht. Okay. Aber vorher möchte ich Ihnen einen besseren Weg dafür nennen. Du kannst es sogar im Auge behalten. Sagen wir einfach, wenn ich mir diesen ansehe, kann ich sehen, dass das für uns nicht klappen wird. In ähnlicher Weise wird dies nicht so gut funktionieren und auch dieses. Aber es gibt diese Sache mit Farben Wenn Sie den Wert der Farben überprüfen, wie ich bereits sagte, ist dieser Lichtwert die Helligkeit und wir werden ihn verwenden. Also werden wir es hier benutzen. Wenn Sie also den Wert einer Farbe überprüfen, können Sie grundsätzlich entscheiden. Sie können überprüfen, ob sie zusammenarbeiten werden oder nicht. Ich habe diesen Graustufentest beendet. Im Grunde habe ich dasselbe, genau die Kreise , die ich gemacht habe. Sie sind hier erhältlich. Also lass mich hier reinzoomen. Wenn Sie alle diese Farben auswählen und sie in Graustufen konvertieren, gehe ich hier rüber, klicke auf Bearbeiten und dann auf Farben bearbeiten. Studiere, ich schätze Objekt. Und ich habe vergessen wo. Da, da ist es. tut mir leid. Also werde ich im Grunde auf In Graustufen konvertieren klicken. Jetzt können Sie sehen, dass, wenn eine Farbe in Graustufen funktioniert , wenn zwei Farben riskanter arbeiten, sie höchstwahrscheinlich auch in den Farbversionen funktionieren . Aber Sie können sehen, wenn Sie sich all diese Dinge ansehen, dass dies für uns nicht funktionieren wird. Also werde ich das löschen. Das ist auch für uns ein gewöhnlicher Arbeiter. Das ist in Ordnung. Die Sitar wird trainieren, das wird nicht klappen, und ich glaube auch nicht, dass das klappen wird. Also lass mich rauszoomen. Und hier kann ich im Grunde die gleichen Farben löschen. Okay? Diese beiden waren also nicht richtig für uns, und auch diese beiden und auch dieser. Jetzt können wir sogar einen echten Test für diese Farben durchführen. Also ich habe diese einfache Art von Beispiel für ein Beispiel aus dem wirklichen Leben, okay? Also was ich getan habe ist, dass ich diese Farbe als Hintergrund verwendet habe, dann diese Farbe als Überschrift. Und dann habe ich hier eine Form erstellt, nur um einen kleinen zusätzlichen Touch zu verleihen, und ich verwende diese Farbe. Lassen Sie mich das kopieren und versuchen wir es erneut zu verwenden. Also im Grunde kann ich aus dieser ganzen Farbinteraktion eine beliebige Farbe auswählen und es wird klappen. Hoffentlich für uns, okay. Aber lass mich den Hintergrund auswählen und ihn vielleicht in diese Farbe ändern. Und vielleicht das. Okay. Dann wähle ich den Text aus und ändere ihn in diese Farbe, oder ich kann auch komplett Schwarz auswählen. Dann wähle ich die Überschrift aus und ändere sie in diese Farbe. Sie können sehen, dass das für uns richtig funktioniert. Lass es uns noch einmal versuchen. Ich kopiere das. Lassen Sie mich den Hintergrund und diese Farbe auswählen. Okay? Lass mich hier doppelklicken, wähle das aus und ändere es in vielleicht diese Farbe. Diese Farbe. Und die Überschrift scheint in Ordnung zu sein, wir können die Textfarbe ändern. Okay, es gibt also noch eine Sache. Was Sie zusammen mit diesen Farben machen können, zusammen mit diesen Farben machen können, gibt es immer die Möglichkeit, auch Weiß und Schwarz zu verwenden. Weiß und Schwarz sind also Standardfarben, die Sie immer in jedem Ihrer Designs verwenden können. Okay? Ich schätze, ich habe das auch in einer der vorherigen Vorlesungen besprochen. Weiß und Schwarz. Denken Sie jedoch daran, kein komplettes Weiß und kein vollständiges Schwarz zu verwenden, da einige, weil sie aus irgendeinem Grund nicht gut aussehen. Also kann ich hier drüber klicken und vielleicht dieses Weiß auswählen. Sie können sehen, dass sich diese als so nett für uns herausstellen. Versuchen wir es mit einem anderen. Aber wir können es tun, wir können diese Farbe erneut auswählen. Okay, lass uns die Überschrift auf diese Farbe setzen und lass uns den Text auf vielleicht diese Farbe setzen. Beide funktionieren gut für uns. Und stellen wir das auf vielleicht verfärbt ein. Okay? Sie können also sehen, dass wir durch diese Art von Interaktionen ein richtiges Beispiel haben, ein richtiges Beispiel haben dem wir wissen, dass es für uns funktionieren wird. Lass mich ein wenig herauszoomen. Und ich habe das sogar in einem Design hier drüben gemacht. Es gibt noch eine Sache, die wir besprechen müssen , nämlich wie viel Farbe Sie verwenden müssen. Aber es gibt diese gewickelte Regel, die 603010-Regel genannt wird. Also lass es mich dir zuerst hier zeigen. Wenn man sich diese, all diese Designs anschaut , sieht man im Grunde , dass es eine Farbe gibt , die ich oft verwendet habe , nämlich die Hintergrundfarbe, die 60 Prozent ist. Dann haben wir die 30 Prozent, was viel von dieser Farbe ist, die Textfarbe. Und dann haben wir hier die 10%. Im Grunde können Sie mit der 603010-Regel einige erstaunliche Designs für alle erstellen, für alle, die sich fragen, wie viel Farbe Sie verwenden sollten. So hast du dich entschieden. Wenn ich hier reinzoome, können Sie sehen, dass ich in diesem Design und Design dieselben Farben verwendet habe, welche sind das? Lass mich hier reinzoomen. Und Sie können sehen, dass ich durch einfaches Auswählen dieser Farbe als Hintergrundfarbe einfaches Auswählen dieser Farbe als Hintergrundfarbe diese beiden Farben ausgewählt habe, da dies 60% sind, das sind 30% und ganz am Ende sind dies die 10%. Okay? Und Sie können sehen, dass das für die Augen wirklich angenehm aussieht, wenn Sie hier sind. Wir haben ein anderes Beispiel, das ich gelehrt habe. Wir machen das einfach als Übung. Lass mich hier reinzoomen. Und ich schätze, ich werde das beschleunigen , weil ich die Zeit nicht beruhigen will, also werde ich das beschleunigen und sehen uns, sobald ich damit fertig bin. Wir sind damit fertig. Und jetzt können Sie sehen , dass wir die Farbinteraktion hier haben. Also lass es uns versuchen, lass uns überprüfen, ob das für uns in Graustufen funktioniert oder nicht. Ich werde das alles auswählen. Dann gehe ich zu Bearbeiten, bearbeite Farben und klicke dann auf In Graustufen konvertieren. sich diese nur ansehen, können Sie sehen, welche Farben für uns funktionieren werden oder nicht. Okay, lass mich Strg oder Command Z drücken und jetzt haben wir eine Idee. Also diese werden für uns nicht funktionieren. Die werden für uns nicht funktionieren. Das wird auch für uns nicht klappen. Okay, lass uns das gleiche Beispiel hier versuchen. Also werde ich das kopieren. Ich mache nur einen. Okay? Und wählen wir die Hintergrundfarbe wie diese aus. Okay? Lassen wir die Überschrift vielleicht diese oder diese Farbe haben. Lass uns das machen. Okay? Wählen wir diese Formfarbe als diese oder diese aus. Und schließlich können wir den Text so einstellen, dass er vielleicht auch schreibt. Sie können auch diese Farbe wählen. Oder du kannst es auf Weiß setzen. Sie können also sehen, dass dies ein so guter Kontrast ist. Und indem Sie nur diese Übung ausführen, können Sie feststellen, ob Ihre Farben für Sie funktionieren oder nicht. Offensichtlich müssen Sie nicht alle Kombinationen verwenden. Sie müssen nur wissen , welche für Sie richtig funktionieren oder nicht. Später werde ich Ihnen ein Beispiel für Skillshare geben. Skillshare verwendet ihre Farben, also werden wir sie auch behandeln. Ich hoffe, dass ihr das wirklich findet, diese Übung nützlich fand und ich sehe euch in der nächsten Klasse. 6. Farbrad in Illustrator: Was wäre, wenn ich Ihnen sagen würde, dass alles, was wir bisher gelernt haben, wie Farbrad-Farbharmonien und sogar das Kopieren der Farbe aus einem Bild , bereits in Illustrator verfügbar ist. Illustrator bietet einige erstaunliche Optionen , wenn es um Farbe geht. Und ich schätze , alles, was wir gelernt haben, 90% dieser Dinge sind in Illustrator verfügbar. Im Grunde benötigen Sie drei Panels. Hier drüben haben wir das Farbfeldfeld. Dann fügen wir den Farbführer und das Farbpanel hinzu. Wenn du nicht weißt, wie ich an die gekommen bin, sagen wir einfach, dass du das Farbfeldfeld hier nicht hast . Ich habe es geschlossen. Aber was Sie tun müssen, ist einfach zu Fenster hier drüben zu gehen, nach unten zu rollen und im Panel zu vereinfachen. Das Farbfeldfeld ist hier drüben. Einfach drauf klicken und schon haben Sie es. Okay, lass es mich vorerst schließen. Im Grunde können Sie einfach sagen, ich wähle das Pipettenwerkzeug aus, indem ich I drücke und ich wähle diese Farbe aus. Ich habe mich weiß verfärbt. Was ich jetzt tun kann, ist, dass ich hier auf die Linealführung klicken kann . Und Sie können sehen, dass es mir hier bereits ein Farbschema für Farbharmonie gegeben hat. Und wenn ich darauf klicke, indem ich hier drüben klicke, kannst du sehen, dass es mir verschiedene Optionen für triadische Farbschemata gibt , die auch gehandelt werden. Dann fügen Sie Entrez kostenlos zusammen. Mal sehen, ob ich darauf klicke. Es gibt mir ein anderes Farbschema. Dann ist dies komplementär zu dem im Grunde das gleiche Farbschema, aber mit einigen zusätzlichen Farbtönen. Was ich jetzt tun kann, ist, dass ich hier einfach Spirit erschaffen kann, und ich kann diese Farbe hier drüben kopieren, dann das wieder hier drüben. Im Grunde können Sie damit mehrere Farbschemata erstellen. Okay, versuchen wir es mit einer anderen Farbe. Sagen wir einfach, ich kopiere diese Farbe hier drüben. Und einfach so haben wir ein wirklich tolles Farbschema. Wenn Sie dies speichern möchten, dies aber tun können, können Sie einfach hier klicken Farbgruppe im Farbfeldfeld speichern. Also klicken Sie einfach darauf. Und ich denke nein, ja, jetzt wurde es gerettet. Jetzt können Sie diese Farben einfach von hier kopieren und wir haben Zugriff auf sie. So ziemlich alles. Also ja, so können Sie ganz einfach Farbschemata direkt in Illustrator erstellen . Illustrator bietet jedoch mehr als nur das. Lass mich ein wenig herauszoomen. Lassen Sie mich das auswählen. Und hier gehe ich zu Edit. Dann gehe ich zu Farben bearbeiten und klicke dann auf das Kunstwerk neu einfärben. Aber dieses Recolor-Kunstwerk ist unglaublich. Sie können sehen, dass das Farbrad schon hier drüben ist. Ich werde hier auf erweiterte Optionen klicken , weil ich zusätzliche Optionen möchte. Okay? Ich glaube, ich habe das Interface etwas zu groß gemacht, aber ich habe es einfach absichtlich gemacht , damit man alles richtig sehen kann. Okay, es gibt also diese Bearbeitungsoption und dann gibt es diese Zuweisungsoption. Jetzt können Sie zum Farbrad gehen. Also klicke ich hier auf Bearbeiten. Wie gesagt, so wie wir es in den Adobe-Farboptionen mit der Adobe Color-Website gemacht haben . Sie können einfach darauf klicken. Du kannst das verschieben. Und all diese Farben werden in Echtzeit harmonisch bearbeitet. Sie können sehen, dass das ursprüngliche Farbschema dort drüben ist und wir bewegen die Farben im Grunde. Dann gibt es auch andere Möglichkeiten. Ich kann die Verbindung aufheben, auch die Verknüpfung aufheben. Anstatt diese also in der Harmonie zu bewegen, werden sie sich getrennt bewegen. Nun, ich kann jeden auswählen, den ich will. So wie das. Es liegt ganz bei dir, wie du das durchspielen willst. Aber das sind wirklich tolle Optionen, okay? Dann lass mich noch einmal darauf klicken. Dann haben wir auch Optionen für bereits gemachte Farben, okay? Aber du kannst einfach sagen, ich möchte etwas Metallisches darauf klicken. Und es hat hier ein metallisches Farbschema kopiert. Wie cool ist das? Okay? Und alles, was wir tun ist auch hier verfügbar. Sie können dies also auch hier auswählen, was wir bereits in Farbfeldern gespeichert haben . Aber lass mich darauf klicken. Sagen wir einfach, ich will ein paar Erdtöne. Sie sind hier erhältlich. Ich will feiern. Also offensichtlich sind diese nicht perfekt. Sie können sie natürlich ändern. Aber es bearbeitet das Ganze nach besten Kräften. Sagen wir einfach, ich will Natur wie Blumen. Sie können sehen, dass wir dieses Farbschema haben. Dann haben wir ein paar Google zur wissenschaftlichen Genauigkeit. Dieses Analogon ergänzt auch die Farbschemata. Diese Optionen sind unglaublich. Als ob ich in die Antike gehen kann, die dem metallischen Farbschema ähneln, mit dem es irgendwo zurechtkommt, ähnliches Zeug. Und es gibt Optionen, um die Farben von hier aus zu ändern. Da Lectin Industrial Color und es ändern, können Sie auch die Sättigung verringern oder erhöhen. Erhöhen oder verringern Sie auch die Helligkeit, ebenso wie die Helligkeit. Eine geringere Rötung funktioniert dabei sehr gut. Okay. Dies sind einige erstaunliche Optionen. Es gab auch eine Option , um Farben aus dem Kunstwerk zu kopieren . Dann klicken wir auf Okay, hier drüben, lass mich das nochmal versuchen. Ich klicke darauf, Bearbeiten, Farben bearbeiten und dann zu Bildmaterial neu färben. Okay, ja, Color Theme Picker. Daher ist es in erweiterten Optionen nicht verfügbar. Lassen Sie mich Ihnen die Macht des verfärbten Themenwählers erläutern. Ich werde das schließen und dieses Bild hierher bringen. Lass mich das etwas größer machen. Nun, was Sie tun können, können Sie darauf klicken, dann zu Farben bearbeiten gehen und dann auf das Kunstwerk neu einfärben klicken. Und was wir tun können, ist , einfach auf dieses Teampapier zu klicken und einfach auf dieses Bild zu klicken. Und bam, es hat alle Farben daraus kopiert. Lass uns mit diesem Bild verbinden. Lass mich darauf klicken. Bring es her. Okay, es ist viel zu groß, also lass es uns ein bisschen kleiner machen. Ich klicke darauf und klicke auf Bearbeiten, Bildmaterial neu einfärben. Okay? Und hier wähle ich den Farbwähler aus und klicke hier drüben. Und es hat alle Farben von hier drüben. Offensichtlich haben wir es etwas dunkler gemacht, sodass wir zu den erweiterten Optionen gehen können, um es erneut zu bearbeiten. Okay? Also werde ich die Sättigung ein wenig erhöhen als die Helligkeit verringern. Ich denke das ist in Ordnung, habe es einfach genommen. Und wir haben diese tolle Mandela mit diesem Farbschema hier drüben. Und natürlich können Sie dies immer wieder regenerieren wenn Sie mehr Optionen haben möchten. Aber wie gesagt, alles, was Sie brauchen, ist bereits in Illustrator verfügbar. Sie können einfach zu dieser Farboption gehen. Dann haben Sie die Option Farbführung. Also, als hätte ich diese Farbe ausgewählt und gebe mir auch hier Komplementär- und andere Teamfarben . Körper. Dann haben wir die Farbfelder. Sie können also grundsätzlich ein ganzes Farbfeld aus nur einem Bild oder nur einer Kombination erstellen . Alles, was Sie brauchen, ist also direkt in Illustrator verfügbar, Illustrator mit einem sehr leistungsstarken Tool wenn es um Farben geht, wenn es um so ziemlich alles geht Design, um ehrlich zu sein. Aber Farben sind in Illustrator wirklich mächtig. Ich hoffe, dass euch das wirklich gefallen hat und ich sehe euch in der nächsten Klasse. 7. Skillshare: Wie kann man Farbe 2D auf einer Website verwenden? Und dieser Vortrag richtet sich grundsätzlich an alle, die sich für UI UX interessieren, aber für alle anderen werden Sie auch viel aus dieser Vorlesung lernen. Wir haben also Skillshare hier drüben, und Sie können sehen, dass es einige Farben gibt , die ziemlich prominent sind. Als wären sie grün. Dies ist wie die grüne Hauptfarbe , die extrem auffällig ist. Und dafür sind sie bekannt. Aber es gibt auch andere Farben. Aber Sie bemerken sie nicht, weil Sie nicht auf der Website mit der IR nach unserem Designer oder vielleicht einem Coloristen suchen der Website mit . Denn die Sache ist, die Sache guten Farbschema ist, dass es prominent genug ist , dass Sie die Hauptfarben der Website oder der Marke erhalten, aber gleichzeitig bemerken Sie es auch nicht. Okay. Aber fangen wir mit dem ersten an. Ich habe hier auch Adobe-Farben geöffnet. Lassen Sie uns das auffrischen und lassen Sie mich Ihnen zeigen , wie wir diese Website grundsätzlich analysieren können. Also im Grunde werde ich hier meinen Farbwähler auswählen meinen Farbwähler . Ich habe diese Chrome-Erweiterung namens Coloured Zillow. Im Grunde genommen können Sie mit dieser Erweiterung jeden beliebigen Füller kopieren, wie Sie können. Wenn ich den Mauszeiger darüber bewege, kannst du sehen, dass ich jede Farbe haben kann, die ich will. Lass es mich noch einmal versuchen. Du kannst sehen, dass ich diese Farbe vielleicht auf diese Farbe kopieren kann . Wenn ich also den Mauszeiger über diese Farbe bewege, kannst du sehen, dass ich sie kopieren kann. Also werde ich darauf klicken und jetzt ist es kopiert. Ich gehe zu den Adobe-Teams. Also die Adobe-Farbe hier drüben, ich werde die Farbe hier drüben einfügen. Steuere V, füge deine dunkle Farbe ein. Und jetzt gibt mir Adobe das analoge Farbthema. Aber die Sache ist, dass wir damit bestimmen können, welches Farbschema Skillshare verwendet. Hier können wir auf die einfarbige Triade klicken , kostenlos. Aber wenn Sie hier genau hinschauen, ist es das, was Skillshare verwendet. Das ist die grüne Farbe, und dann ist da noch lila. Und das ist die Farbe , die sie nicht verwenden. Wenn du zurück zur Website gehst, kannst du hier sehen, dass sie hier so oft Lila verwenden. Auch hier ist es nicht sehr prominent, aber gleichzeitig merkt man es. Aber wieder, wenn diese Zwischensumme dass dies die Hauptfarbe grün ist und sie das Furnier der Triadenfarben verwendet haben das Furnier der Triadenfarben verwendet , da sie Sekundärfarbe sind, was auch in einigen Worten, ausgezeichnete Farbe ist. Hier können Sie sehen, dass dies der Fehler ist , den sie verwenden, und dies ist eine Zusammenarbeit, die sie nicht verwenden. Abgesehen davon verwenden sie auch diese Farbe. Wenn ich das kopiere und es dann hier drüben einfüge, lass mich das zuerst kopieren. Sie müssen den Mauszeiger darüber bewegen, um sicherzustellen , dass Sie richtig kopiert haben. Wenn ich jetzt herkomme und diese Farbe hier kopiere , okay? Und dann gehe ich zu monochromatischem Farbschema oder analogen Farben. Sie können sehen, dass sie auch verwenden. Sie verwenden nicht nur ein, nicht nur ein Dreifachfarbschema. Sie verwenden auch analog. Sie können sehen, dass dies etwas Hauptfarben von Skillshare sind und dies die dunklere Version derselben Farbe ist. Sie haben hier im Grunde genommen einen Farbton derselben Farbe verwendet . Das ist also die Hauptfarbe und das ist die Form dieser spezifischen Farbe. Abgesehen davon verwenden sie hier Grau als neutrale Farbe. Und darüber hinaus verwenden sie auch diese weiße Farbe. Wie ich bereits sagte, können Sie immer komplett darüber und komplett Schwarz als zusätzliche Standardfarben verwenden . Was ist die Farbe der Textur hier? Wenn ich darauf klicke? Wenn ich zum Beispiel den Mauszeiger über einen der Texte hier drüben bewege, hat dies im Grunde dieselbe Farbe wie dieser. Wenn ich es hier drüben einfüge, kannst du sehen, dass es dieselbe Farbe hat. Sie benutzen den Code auch hier, um ein Schwarz zu verwenden. Aber wie ich schon sagte , sollte man auch kein komplettes Schwarz oder Vollweiß verwenden. Ich bin mir sicher, dass dies auch nicht abgeschlossen wird. Lass uns versuchen, den Mauszeiger darüber zu bewegen. Okay? Das ist also komplett hier drüben. In einigen Fällen können Sie es definitiv verwenden. Ein komplettes Schwarz wird jedoch immer nicht empfohlen, da es etwas zu hart aussieht. Ja, das war so ziemlich alles für die Analyse von Skillshare. Lass mich das noch einmal durchgehen. Sie verwenden im Grunde ein Dreifachfarbschema. Und diese Triade, sie benutzen nicht die dritte Farbe. Abgesehen davon verwenden sie auch ein analoges Farbschema. Und sie haben im Grunde genommen einen Farbton verwendet, der so grün ist. Ich hoffe, dass das für euch sehr aufschlussreich war, und ich hoffe, dass euch der Vortrag wirklich gefallen hat und ich sehe euch in der nächsten. 8. Kursprojekt: Es ist Zeit für dein Klassenprojekt. In einer der vorherigen Vorlesungen haben wir also etwas über Farbwechselwirkungen gelernt. kannst du hier sehen. Also im Grunde musst du hier in diesem Projekt dasselbe tun. Im Grunde habe ich auch die Schritte hier aufgeschrieben . Schritt Nummer eins ist, keine Farbpalette zu laden. Ich habe schon gut für dich von Kühlern heruntergeladen, du kannst dir selbst einen herunterladen und hier verwenden. Dann wird Schritt Nummer zwei die polaren Interaktionen überprüft, wie ich es hier getan habe, und dann habe ich es auch für diesen getan. Ich habe vergessen, es zu speichern. Im Grunde müssen Sie also auch hier die Farbwechselwirkungen überprüfen . Dann würde ich empfehlen, dass Sie auch diese erstellen. Ich habe das nicht als separaten Schritt hinzugefügt. Im Grunde, wie ich es hier getan habe, müssen Sie Ihre Farbwechselwirkungen auch anhand dieses Beispiels überprüfen . Danach machen Sie den dritten Schritt, nämlich die Geschichte zu testen, den Graustufentest. Sie kopieren das alles, wählen es aus und kopieren es hier mit Alt. Und du musst es hier testen. Übrigens könnte es einige Leute geben , die Illustrator nicht kennen. So kannst du das alles einfach im Programm deiner Wahl nachbilden Programm deiner Wahl und die Übung dort drüben machen. Und schließlich, was der Bonusschritt ist, müssen Sie Ihre Farben in unserem Design verwenden. Es könnte also so einfach sein wie das, das ich hier gemacht habe. Oder du kannst etwas kompliziertes machen. Stellen Sie sicher, dass Sie Ihre Projekte im Projektbereich auf Skillshare einreichen . Ich kann es kaum erwarten, all deine Designs und all deine Projekte zu sehen. Aber ich hoffe, dass ihr bei diesem Projekt wirklich Spaß habt. Und ich hoffe, dich im Outro-Video zu sehen. 9. Weitere Kurse: Herzlichen Glückwunsch, Sie haben es bis zum Ende des Kurses geschafft. Und es war auch nicht so groß, oder? Aber die Konzepte, die Sie gelernt haben , sind wirklich wichtig. Und ich hoffe, dass Sie ein fundiertes Wissen über Farben haben. Wenn Sie nun Designs mit diesen Konzepten erstellen, vergessen Sie nicht, sie im Diskussionsbereich zu teilen. Ich würde mich freuen, Ihre Arbeit zu überprüfen. Und wenn Sie ein Zertifikat für den Abschluss dieses Kurses erhalten, senden Sie mir bitte eine E-Mail an Teilhard payload digital.com. Und denken Sie daran, dass Sie das Zertifikat nur erhalten , wenn Sie das Klassenprojekt abgeschlossen haben. Ein kleiner Haftungsausschluss, es wird kein offizielles Zertifikat von Skillshare sein. Es wird von meiner persönlichen Marke sein. Als nächstes gehe ich davon aus, dass Sie diesen Kurs besucht haben, da Sie bereits Designer sind Ich habe auch andere Kurse , die für Sie sehr nützlich sein könnten. Wie ich kürzlich einen Kurs über Grafikdesign-Prinzipien gemacht habe, die wirklich mit der Farbtheorie einhergehen. Ich habe dann auch Anfänger- und Fortgeschrittenenkurse in Photoshop und Illustrator. Wenn das deine Tasse Tee ist, kannst du sie dir auf meinem Profil ansehen. Also noch eine letzte Sache, bevor wir das beenden. Grundsätzlich gibt es einen Bewertungsbereich mit diesem Kurs hier auf Skillshare. Also welches Feedback Sie auch haben, ob gut oder schlecht, lesen Sie es bitte dort drüben, denn es hilft mir wirklich dabei, bessere Kurse zu machen. Also ich schätze, das ist vorerst Tschüss. Ich hoffe, dass du eine wirklich schöne Zeit beim Lernen hattest und ich hoffe, dich in einem anderen meiner Kurse zu sehen.