1. Web Design
  2. UX/UI

Eine Anleitung zum Mischen von Modi in Sketch

Scroll to top

German (Deutsch) translation by Nikol Angelowa (you can also view the original English article)

In diesem Tutorial werde ich Ihnen zeigen, wie Sie mit den verschiedenen in Sketch verfügbaren Mischmodi arbeiten.

Sehen Sie sich den Screencast an

Please accept preferences cookies to load this content.

Sketch ist eine vektorbasierte Designanwendung, die am häufigsten für das Design von Benutzeroberflächen und Symbolen geeignet ist und weniger häufig mit der Bearbeitung von Bitmaps verbunden ist. Es verfügt jedoch über einige Funktionen, mit denen Sie interessantere und ansprechendere Bilder erstellen können. Eine solche Funktion sind Mischmodi. Sketch hat fünfzehn davon, die Ihnen alle aus anderen Grafikanwendungen bekannt sind:

  • Verdunkeln
  • Multiplizieren
  • Farbbrand
  • Erleichtern
  • Bildschirm
  • Farbe ausweichen
  • Überlagerung
  • Sanftes Licht
  • Hartes Licht
  • Unterschied
  • Ausschluss
  • Farbton
  • Sättigung
  • Farbe
  • Helligkeit

Mischmodi können direkt auf Objekte angewendet werden oder wenn Sie deren Füllungen definieren.

Mischmodi verwenden zwei oder mehr Objekte (Bilder, Text oder Formen) und wenden Algorithmen auf ihre Farbkanäle an. Jede Pixelkarte wird effektiv neu berechnet und angezeigt.

Der Verdunkelungsmodus ersetzt beispielsweise hellere Pixel durch die dunklere Grundfarbe des darunter liegenden Objekts. Dies geschieht entlang eines Verlaufs, sodass die hellsten Pixel vollständig ersetzt werden, während die Pixel mit weniger Licht weniger betroffen sind. Weitere Informationen zu den einzelnen Modi finden Sie in Jonathan Cutrells Tutorial zu Mischmodi in CSS:

Abschluss

Mischmodi, selbst in vektorbasierten Anwendungen, können Ihren Designs einige sehr leistungsstarke Grafiken verleihen. Spielen Sie mit ihnen herum, bekommen Sie ein Gefühl dafür, was jeder unter verschiedenen Umständen tun wird, und sehen Sie dann, wie Sie sie in Ihrer Arbeit verwenden können.

Inspiration

Schauen Sie sich diese Aktionen und Filter von GraphicRiver an, die Mischmodi für einen auffälligen Effekt nutzen!

Double Exposure Kit

Light Burst Photoshop Action

Intense Paint Photoshop Action