ist ist Warum fühlt sich der Joker so unruhig grün und gelb an? Why does   feel so unsettlingly green and yellow? Joker Joker ist ist Warum ist Blade Runner in Teal und Orange eingetaucht? Why is   soaked in teal and orange? Blade Runner Der Blade Runner ist ist Warum macht der Film die Haut weich und warm? Why does film make skin look soft and warm? Es ist keine Magie, es ist Farbe. Und wer die Farbe kontrolliert – kontrolliert das emotionale Gewicht des Rahmens. Die Farbbewertung ist die visuelle Sprache des Kinos – eine Möglichkeit, die Atmosphäre zu gestalten, die Aufmerksamkeit des Betrachters zu lenken und den Ton einer Geschichte festzulegen. Es kann subtil und fast unsichtbar sein. oder mutig und gestylt, wie in den Werken von Wong Kar-Wai, Fincher, Nolan oder Villeneuve. Wo beginnt die Farbarbeit eigentlich?Wie wissen wir, was die „richtige“ Farbe überhaupt ist?Und wie übersetzen Sie kreative Absicht in technische Aktion? Spoiler: Es beginnt nicht mit LUTs oder Filtern. ... . Es beginnt mit Farbzielen, Kalibrierung und sorgfältig ausgewählten Paletten In dieser Serie werden wir erforschen: ist ist ist ist ist welche Farbbewertung auf der grundlegendsten Ebene ist; Warum die Beschränkung Ihrer Palette ein Feature ist, kein Bug; Wie Farbdiagramme funktionieren (und warum sie wichtig sind); und wie Sie Ihr eigenes Ranking-Tool im Browser erstellen – mit React und ein paar einfachen Mathematiken. Und Sie werden in der Lage sein, zu experimentieren, Tinker, und vielleicht zum ersten Mal wirklich Aus welcher Farbe wird die Klassifizierung hergestellt. Wir werden es nicht nur erklären, wir werden es zeigen. see What is Color Grading, and Why Start with Color Targets? Was ist Farbgradierung und warum mit Farbzielen anfangen? Farbbewertung ist der Prozess der Anpassung und Stilisierung eines Bildes, um einen bestimmten visuellen Ton, emotionalen Effekt oder technischen Standard zu erreichen. ist ist ist ist Ausgleich von Belichtung und Weißpunkt; Korrektur technischer Farbwechsel; Erstellen eines visuellen Stils mit Kontrast, Tönen und Farbkurven. Aber Bewertung geht nicht nur darum, es schön zu machen.Es geht um die Kontrolle – von der Stimmung, vom Fokus des Betrachters, von der visuellen Sprache der gesamten Erzählung. Bevor Sie einen kreativen Look anwenden, müssen Sie das Bild zu einem , was bedeutet: neutral state ist ist ist ist Korrektur unerwünschter Farbschichten (Farbkorrektur) Normalisierung der Aufnahmen auf einen Standardfarbraum (wie Rec.709 oder sRGB); Materialien aus verschiedenen Kameras zu einer einheitlichen Baseline zu kombinieren. Zu diesem Zweck verwenden Farben So wie die * , der ,** oder andere Referenzdiagramme. color targets ColorChecker ChromaDuMonde Ein Farbziel ist ein Diagramm von Farbpatches mit Diese Werte sind nicht willkürlich – sie werden durch spektrophotometrische Messungen in kontrollierten Umgebungen mit professioneller Ausrüstung wie X-Rite oder Genau gemessene Werte . Konica Minolta spectrophotometers Konica Minolta spectrophotometers Eines der ersten weit verbreiteten Ziele war die - ein Streifen von neutralen Grautönen, der zur Belichtungskontrolle verwendet wurde. Später kamen fortschrittlichere Charts mit vollfarbigen Patches - wie die 1976 eingeführt (jetzt bekannt als Es verfügt über 24 Farbschleifen, die die gemeinsamen Farben der realen Welt darstellen: menschliche Haut, blauer Himmel, grüne Blätter und mehr. Der Kodak Gray Scale Macbeth ColorChecker X-Rite ColorChecker Der Kodak Gray Scale Mit dem Aufstieg der digitalen Fotografie und des digitalen Kinos wurden Farbziele noch kritischer.Sie sind jetzt wichtige Werkzeuge für die Kalibrierung nicht nur von Kameras, sondern auch von Monitoren, Druckern, Scannern – und jedem Gerät, das mit Farbe umgeht. Nehmen wir zum Beispiel den ColorChecker von X-Rite. Jeder Patch wird unter standardisierter Beleuchtung gemessen (normalerweise oder Mit den Ergebnissen, die in — ein Geräteunabhängiges Farbmodell. Diese Koordinaten werden dann in abhängig von Ihrem Arbeitsfarbraum (wie , der oder der ) D65 D50 CIE XYZ coordinates RGB values sRGB Rec.709 AdobeRGB Die RGB-Arrays, die wir in unserer App verwenden, sind also keine Vermutung – sie sind präzise digitale Repräsentationen standardisierter, physikalisch gemessener Patches. Wenn der Hauttonpatch im ColorChecker Classic in RGB als [194, 150, 130] definiert ist, sollte er unter den richtigen Bedingungen so aussehen. The Catch: Color Charts Are Just the Beginning Farbziele sind für die Kalibrierung unerlässlich – aber das ist alles. Sie rechnen nicht für: Ein Anfang . ist ist ist ist wie sich Farben in Highlights oder Schatten verhalten; die einzigartigen Eigenschaften des Filmbestands oder der Linsen; Oder die kreative Absicht hinter einem bestimmten Blick. In professionellen Werkzeugen wie oder , Farbdiagramme sind nur ein Schritt in einer langen Pipeline. Von dort aus gehen Sie in fortgeschrittene Prozesse wie Filmemulation, Tonkartierung, Getreide, Halation, Blüte und andere stilistische Transformationen. DaVinci beschließt Verteidiger a chart is a calibration tool — not a style. DaVinci beschließt Verteidiger CinePalette: A Minimal Tool for Exploring Color Palettes CinePalette: Ein minimales Werkzeug zur Erkundung von Farbpaletten Um zu zeigen, wie sich die Auswahl einer Palette auf ein Bild auswirkt, haben wir Eine einfache Web-App, die visualisiert, was passiert, wenn Sie Ihren Farbraum einschränken (ein Prozess, der als der ) CinePalette Palettenreduzierung What You Can Do with CinePalette: ist ist ist ist ist ist ist ein beliebiges Bild hochladen; wählen Sie eine Palette (ColorChecker, Portra, Sepia usw.); Umschalten jedes Pixel auf die nächste Farbe in dieser Palette; Vergleich vor und nach mit einem interaktiven Schieberegler; das Ergebnis speichern; Oder bauen Sie Ihre eigene Palette von Grund auf. How It Works in Code Unsere App läuft vollständig im Browser mit Und die Das Projekt – genannt — wird Open-Source sein und auf GitHub verfügbar sein (Link am Ende der Serie). React Canvas API CinePalette Wir beginnen mit einer Reihe von vordefinierten Paletten, aber Benutzer können auch ihre eigenen erstellen und speichern. Paletten werden als Array von RGB-Werten definiert - zum Beispiel hier ist, was die Palette sieht aus wie: Kodak Portra 400 "Portra 400": [
  [75, 60, 50],     // shadows
  [160, 130, 110],  // skin tones
  [220, 200, 180],  // highlights
  [60, 100, 80],    // foliage
  [180, 150, 100]   // neutral
],
 Die ausgewählte Palette definiert, welche Farben im endgültigen Bild „erlaubt“ sind, und diese werden zur visuellen Sprache des Rahmens – zu den Grundtönen, die seine Stimmung und seinen Stil bestimmen. Wenn ein Benutzer ein Bild hochlädt und eine Palette auswählt, ist hier, was unter der Kappe geschieht: ist ist ist ist ist Das Bild wird in einen versteckten <canvas> abgebildet – dies gibt uns pixel-level-zugriff, um die daten zu manipulieren. Wir extrahieren das ImageData-Objekt, das eine Array enthält, in der jeder Pixel durch vier Werte dargestellt wird: [R, G, B, A]. Wir schleifen durch jeden Pixel und extrahieren seine RGB-Farbe. Für jeden Pixel finden wir die am nächsten übereinstimmende Farbe aus der ausgewählten Palette, indem wir die Euclid-Distanz im RGB-Raum verwenden - und ersetzen sie. Lassen Sie uns eine Shirley-Karte hochladen und versuchen, verschiedene Paletten anzuwenden - Sie werden sofort sehen, wie die Palettenwahl das Bild formt. Der Kern der Magie liegt in einer Funktion, die analysiert und findet die Aus der ausgewählten Palette: each individual pixel closest matching color const findClosestColor = (r, g, b) => {
  let minDist = Infinity;
  let closest = [r, g, b];
  for (let [pr, pg, pb] of palette) {
    const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2);
    if (dist < minDist) {
      minDist = dist;
      closest = [pr, pg, pb];
    }
  }
  return closest;
};
 Danach ersetzen wir die ursprüngliche Farbe des Pixels in der ImageData durch die nächste Übereinstimmung aus der Palette. In dem Bild. for every single pixel for (let i = 0; i < data.length; i += 4) {
  const [r, g, b] = [data[i], data[i + 1], data[i + 2]];
  const [nr, ng, nb] = findClosestColor(r, g, b);
  data[i] = nr;
  data[i + 1] = ng;
  data[i + 2] = nb;
}
 Nachdem alle Pixel verarbeitet wurden, zeichnen wir das Ergebnis zurück auf den <canvas> und konvertieren es in ein Bild mit .toDataURL(). - und das gefilterte Bild mit einem einzigen Klick herunterladen. see the result instantly in the browser ctx.putImageData(imageData, 0, 0);
setFilteredImage(canvas.toDataURL());
 Hier verwenden wir — eine klassische Methode, um zu messen, wie „nah“ zwei Farben sind: Euclidean distance in RGB space const dist = Math.sqrt((r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2);
 Hier (r, g, b) ist die Farbe des aktuellen Pixels, und (pr, pg, pb) ist eine der Farben in der Palette. innerhalb der ausgewählten Palette. closest visual match Dieser Ansatz ist intuitiv und einfach zu implementieren, hat jedoch Einschränkungen: Zum Beispiel sind wir empfindlicher auf Grün als auf Blau, und Helligkeitsunterschiede können irreführend sein. RGB-Raum berücksichtigt nicht, wie Menschen tatsächlich Farben wahrnehmen Wir nutzen diesen Ansatz in Als einfache und zugängliche Möglichkeit, das grundlegende Prinzip der Farbkartierung zu demonstrieren. jedoch, auch in seiner aktuellen Form, können Sie bemerken, dass einige Farben in einer Weise ersetzt werden, die unerwartet oder "off" fühlen. CinePalette In future versions, we plan to add a toggle between  Farbräume – Benutzer können vergleichen, wie verschiedene Modelle die Genauigkeit der Farbübereinstimmung beeinflussen. RGB and CIELAB Why Does This Matter? Warum ist das wichtig? CinePalette zeigt einen grundlegenden, aber grundlegenden Schritt in der Farbbewertung: Hier beginnt jeder visuelle Stil – mit der Frage: palette restriction “What if we only used these colors?”. Eine Portra-Palette bringt warme, nostalgische Töne mit sich. Pro 400 fühlt sich cool und unterdrückt an. Teal & Orange liefert hochkontrastigen filmischen Punch. Im Gegensatz zu Tools wie Dehancer oder Resolve simuliert CinePalette nicht die Physik des Films. Farbe ist ein Werkzeug für Stil und Geschichtenerzählen. What’s Next? Was ist als nächstes? Dies ist nur der Anfang.In den nächsten Teilen der Serie: ist ist ist ist ist Wir werden CinePalette mit der Möglichkeit erweitern, eine Palette aus einem Referenzbild auszuwählen; fügen Sie die automatische Extraktion von Farbschemata aus jedem Rahmen oder Foto hinzu; Einführung einer Verschiebung zwischen RGB und LAB für eine wahrnehmungsmäßig genaue Übereinstimmung; und wie Farbharmonie funktioniert – und wie Sie sie in der realen Klassifizierung verwenden können. Bleiben Sie eingestellt - und machen Sie sich bereit, nicht nur Farbe zu lernen, sondern es wirklich zu sehen. Sehen

Read My Stories

Dieses Audio ist in der Originalsprache der Geschichte produziert!

Diese einfache App lässt Sie sehen, wie Hollywood Farbe verwendet, um mit Ihren Emotionen zu verwechseln

About Author

KOMMENTARE

Hängeetiketten

DIESER ARTIKEL WURDE VORGESTELLT IN

Related Stories

HackerNoon Decoded 2024: Wir feiern unsere Produktmanagement-Community!

HackerNoon Decoded 2024: Celebrating Our Life Hacking Community!

HackerNoon Decoded 2024: Celebrating Our Data Science Community!

Genuine Content Creation in the Age of AI: Why Startups Need Quality Content

HackerNoon Decoded 2024: Wir feiern unsere Produktmanagement-Community!

HackerNoon Decoded 2024: Celebrating Our Life Hacking Community!

HackerNoon Decoded 2024: Celebrating Our Data Science Community!

Genuine Content Creation in the Age of AI: Why Startups Need Quality Content

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps