Eine der Hauptfunktionen von Figma besteht darin, komplexe Effekte durch Mischen von Überlagerungen zu erzeugen. Das Mischen von Overlays ermöglicht es Ihnen, verschiedene Elemente eines Bildes zu kombinieren und einzigartige und kreative Effekte zu erzeugen.
Überlagerungs-Mischmodi sind spezielle Parameter, die bestimmen, wie Ebenen und Elemente eines Bildes miteinander interagieren. Jeder Modus löst einen speziellen Algorithmus aus, der bestimmt, wie eine neue Ebene mit anderen Ebenen interagiert und welche visuellen Auswirkungen sie auf das resultierende Bild haben werden.
Figma bietet verschiedene Mischmodi für Überlagerungen, von denen jeder seine eigenen einzigartigen Fähigkeiten und Effekte hat. Bei einigen Modi können Sie transparente und durchscheinende Ebenen erstellen, bei anderen können Sie verschiedene Farbeffekte anwenden.
Die Verwendung von Überlagerungs-Mischmodi in Figma ermöglicht es Ihnen, subtile und tiefgreifende Änderungen am Bild vorzunehmen, wodurch es interessanter und effizienter wird. Sie können verwendet werden, um verschiedene Effekte zu erzeugen, z. B. um Schatten, Licht, Volumen oder Textur hinzuzufügen. Die Mischmodi für Überlagerungen ermöglichen maximale Flexibilität und Kreativität bei der Arbeit mit Bildern in Figma.
Grundlegende Mischmodi für Überlagerungen
In Figma stehen verschiedene Mischmodi für Überlagerungen zur Verfügung, mit denen Sie interessante und einzigartige Effekte bei der Arbeit mit Grafiken erstellen können. Die Mischmodi bestimmen, wie Pixel von Überlappungsobjekten miteinander interagieren, wenn sie sich überlappen.
Hier sind einige der grundlegenden Mischmodi, die in Figma verwendet werden können:
- Normal (Normal) - Dies ist der Standardmodus, bei dem sich Pixel von Objekten ohne gegenseitige Einwirkung überlappen. Sie mischen sich nicht und bleiben unabhängig.
- Multiply (Multiplikation) - dieser Modus multipliziert die Pixelfarben von Objekten, wodurch dunkle Farben verstärkt und ein Dimmereffekt erzeugt wird.
- Screen (Bildschirm) - dieser Modus multipliziert auch die Farben der Pixel, jedoch in entgegengesetzter Weise, wodurch die hellen Farben verstärkt und ein Aufhellungseffekt erzeugt wird.
- Overlay (Überlagerung) - dieser Mischmodus kombiniert Multiplikation und Bildschirm, wodurch die Farben der Objekte heller und kontrastreicher werden. Der Effekt der Überlagerung hängt vom Farbinhalt der Objekte und ihrer Helligkeit ab.
- Darken (Abdunkeln) - dieser Modus wählt dunklere Pixelfarben zwischen Objekten aus, was zu einem Verdunkelungseffekt führt.
- Aufhellen (Aufhellen) - dieser Modus wählt hellere Pixelfarben zwischen Objekten aus, was zu einem Aufhellungseffekt führt.
- Color Dodge (Zucht) - dieser Mischmodus hellt die ursprünglichen Pixelfarben auf, wodurch ein farbverdünnender Effekt entsteht.
- Color Burn (Verblassen) - dieser Mischmodus verdunkelt die ursprünglichen Pixelfarben, was zu einem Dämpfungseffekt führt.
Dies sind nur einige Beispiele für die grundlegenden Mischmodi, die in Figma verfügbar sind. Jeder Modus bringt seine eigenen einzigartigen Effekte mit sich und kann verwendet werden, um verschiedene visuelle Lösungen für die Arbeit mit Grafiken zu erstellen.
Modus "Normal"
Wenn die Überlagerung undurchsichtige Pixel aufweist, überlappen sie die Pixel der darunter liegenden Ebene vollständig. Wenn die Überlagerung transparente Pixel aufweist, bleibt die darunter liegende Ebene sichtbar, wo die Überlagerung transparent ist. Wenn die Overlay-Pixel durchscheinend sind, werden die Pixelfarben der darunter liegenden Ebene mit den Farben der Overlay-Pixel vermischt.
Die Verwendung des Modus "Normal" ist praktisch, um die meisten Designs zu erstellen, bei denen keine besondere Farbverarbeitung oder Transparenz erforderlich ist.
| Überlagerung | Darunter liegende Schicht | Ergebnis |
|---|
In diesem Beispiel überlappen die Pixel der Überlagerung die Pixel der darunter liegenden Ebene vollständig und schließen ihre Farbe und Textur ab.
Modus "Multiplikation"
Im Modus "Multiplizieren" wird die überlagerte Farbe verstärkt, was zu einem dunklen und satten Effekt führen kann. Dieser Modus kann auch zum Erstellen eines Schatteneffekts oder zum Schreiben von Text auf einem Hintergrund mit einem Bild verwendet werden. Wenn Sie beispielsweise einen gelben Hintergrund mit einem Bild mit blauem Text überlagern, wird Gelb im Modus "Multiplizieren" durch Blau ersetzt, und alle anderen Farben behalten ihre Sättigung bei.
Der Modus "Multiplizieren" kann nützlich sein, um verschiedene grafische Effekte und Übergangsschattierungen zwischen den Ebenen in einem Design zu erstellen. Es macht es einfach, dem Design Schatten, Beleuchtung und Tiefe hinzuzufügen und anzupassen und das Bild gesättigter und ausdrucksstarker zu machen.
Aufhellungsmodus
Wenn Sie den Aufhellungsmodus verwenden, wird die Farbe der obersten Ebene mit der der unteren Ebene verglichen. Wenn die Farbe der obersten Schicht heller ist, entspricht die resultierende Farbe der Farbe der obersten Schicht. Wenn die Farbe der oberen Schicht dunkler ist, bleibt die untere Schicht unverändert.
Der Aufhellungsmodus kann verwendet werden, um einen Beleuchtungseffekt zu erzeugen oder Objekten im Design ein Leuchten hinzuzufügen. Es ist besonders nützlich bei der Arbeit mit Symbolen, Schnittstellenelementen und Lichteffekten.
Dieser Modus ergänzt die anderen Mischmodi perfekt, sodass Sie einzigartige Effekte erzeugen und dem Design Tiefe verleihen können. Es ist einfach, es in Figma anzuwenden, indem Sie eine Ebene auswählen und den Modus "Aufhellen" in der Überlagerungsmischleiste auswählen.
Anmerkung: Der Aufhellungsmodus kann nur für Ebenen mit der endgültigen Farbe verwendet werden, nicht für Transparenz oder Textur.
Modus "Dimmen"
Wenn Sie den Modus "Dimmen" verwenden, werden zwei Bilder oder Motive übereinander gelegt. Das Abdunkeln wird auf das oberste Objekt angewendet, wodurch ein Schattierungseffekt entsteht. Die Pixelfarbe des oberen Objekts wird mit der Pixelfarbe des unteren Objekts mit verschiedenen Farbmischalgorithmen kombiniert.
Mit dem Dimmen-Modus können Sie durchscheinende und Farbverlaufsschattierungseffekte erzeugen. Dieser Modus ist besonders nützlich, wenn Sie dunkle Töne erstellen oder Objekten im Layout Schatten hinzufügen.
Anmerkung: Der Dimmen-Modus kann in Kombination mit anderen Mischmodi wie Multiplikation oder Überlagerung verwendet werden. Dadurch erhalten Sie noch mehr Möglichkeiten, einzigartige Effekte zu erzeugen.
