Advertisement
  1. Web Design
  2. UX/UI

Przewodnik po trybach mieszania w Sketch

Scroll to top
Read Time: 1 min

() translation by (you can also view the original English article)

W tym poradniku, pokażę ci jak pracować z różnymi trybami mieszania dostępnymi w Sketch.

Obejrzy wideo

Sketch jest aplikacją do tworzenia grafiki wektorowej, najbardziej dostosowaną do projektowania ikon i interfejsów, a mniej związaną z edytowaniem bitmap. Jednakże, posiada kilka funkcji, które można wykorzystać do tworzenia bardziej interesujących i atrakcyjnych obrazów. Jedną z nich są tryby mieszania. Sketch posiada ich piętnaście, wszystkie będą ci znane z innych aplikacji graficznych:

  • Darken
  • Multiply
  • Color Burn
  • Lighten
  • Screen
  • Color Dodge
  • Overlay
  • Soft Light
  • Hard Light
  • Difference
  • Exclusion
  • Hue
  • Saturation
  • Color
  • Luminosity

Tryby mieszania mogą być nałożone na obiekty bezpośrednio lub gdy definiujesz ich wypełnienie.

Tryby mieszania dotyczą dwóch lub większej liczby obiektów (obrazów, tekstów lub kształtów) i nakładają algorytmy na kanały kolorów. Każdy piksel jest dokładnie przeliczany i wyświetlany.

Na przykład, tryb Darken zamienia jasne piksele na ciemne bazując na kolorze obiektu pod spodem. Działa to na zasadzie gradientu, gdzie najjaśniejsze piksele zostaną całkowicie zastąpione, natomiast "mniej jasne" będą tylko przyciemniane. Aby dowiedzieć się więcej o każdym trybie, zapoznaj się poradnikiem od Jonathana Cutrella na temat trybów mieszania w CSS:

Podsumowanie

Tryby mieszania, nawet w aplikacjach do tworzenia grafiki wektorowej, mogą dodać bardzo zaawansowane efekty wizualne do twoich projektów. Eksperymentuj z nim, przekonaj się co każdy z nich robi w różnych okolicznościach, a następnie dowiedz się jak możesz je wykorzystać w swojej pracy.

Inspiracja

Zapoznaj się z poniższymi akcjami i filtrami z GraphicRiver, które wykorzystują tryby mieszania do uzyskania niesamowitego efektu.

Double Exposure Kit

Light Burst Photoshop Action

Intense Paint Photoshop Action

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.