A titokzatos Photoshop blend mode

Kocsis Kata képe

Photoshop Átlátszóság / Opacity

Olyan, mintha egy fátyolt borítanánk a kép egy részére. Torzítás nélkül, minden szín egyforma mértékben halványodik azokon a rétegeken, ahol az átlátszóságot 100%-nál kisebb értékre állítottuk. Alapértelmezésben egy Photoshop-ban megnyitott kép nem átlátszó (Opacity = 100%). Az aktuális réteg átlátszóságát a Réteg panelen felül tudod állítani. Ha a Réteg panel nincs a képernyőn, akkor a Windows menüpontban tudod bekapcsolni.

Átlátszóság beállítása a Photoshop-ban



Kattints a képre, ha nagyítani szeretnéd

Különböző átlátszósági szinteket állítottam be a színes téglalapok rétegeihez. Figyeld meg, hogy két 50%-osan átlátszó réteg egymásra téve NEM egyenlő egy átlátszatlan réteggel. Illetve nagyítás után a legalsó téglalapoknál átfednek a különböző színű és átlátszóságú területek.

Átlátszó rétegek a Photoshopban



Persze ha nem csak színes téglalapokkal dolgozunk, akkor már az átlátszóságot sem olyan könnyű elképzelni. A bal oldali két kép egymás fölött 65%-os átlátszósággal a jobb oldali látványt eredményezi

Photoshop Blend Modes kísérlet

Az aktuális réteg és az alatta fekvő réteg kölcsönhatását az ábrán látható módon befolyásolhatod Photoshop-ban. Attól függően, hogy melyik blend mode-ot választod, más grafikai algoritmus fog lefutni, és a két kép más és más együttes hatást fog eredményezni. Ahelyett, hogy ezeknek a képfeldolgozó algoritmusoknak a matematikáját boncolgatnánk, inkább mutatok néhány példát, ami segít ráérezni, hogyan és mire tudod használni majd a munkád során ezeket a lehetőségeket. Elrettentésül itt az Adobe angol nyelvű leírása a beállításokról.

Blend mode-ok beállítása a Photoshop-ban



Kattints a képre, ha nagyítani szeretnéd

Közelebbről szemügyre véve a beállítási lehetőségeket, láthatod, hogy több csoportra vannak osztva, amelyeket vonalak is elválasztanak egymástól. És ez nem a véletlen műve. Az egy csoportba tartozó blend mode beállítások bizonyos szempontból rokonok. Nevezzük az első csoportot Sötétnek, a másodikat Világosnak, a harmadikat Overlay típusúnak, az egyebekkel egyelőre nem foglalkozunk.

A sötét típus hatása

A háttérkép előtt egy fekete, egy szürke és egy fehér teljesen egyszínű téglalappal kísérletezünk először. A téglalapok rétegeinél sorban más és más blend mode-ot állítottam be. A beállítások elnevezése a bal oldalon található. A sötét típusú blend mode-ok esetében a fekete pixeleken nem jön át semmi az alsó rétegből. A fehér téglalapok viszont mindent átengednek. A szürkék pedig sötétítik az eredeti képet, azaz az alsó réteget.

Blend mode-ok beállítása a Photoshop-ban



Kattints a képre, ha nagyítani szeretnéd

A világos típus hatása

Pont a fordítottja történik, mint a sötét esetben. Most a fekete pixelek engednek át mindent az alsó rétegből, viszont a fehér téglalapok (majdnem) mindennek útját állják. A szürkék más és más módon világosítják, tompítják, fakítják az eredeti képet, azaz az alsó réteget.

Blend mode-ok beállítása a Photoshop-ban



Kattints a képre, ha nagyítani szeretnéd

Az overlay típus blend mode-ok hatása

Most a fekete előtér sötétít, a fehér világosít, a szürke pedig olykor-olykor teljesen hatástalan marad.

Blend mode-ok beállítása a Photoshop-ban



Kattints a képre, ha nagyítani szeretnéd

Photoshop Blend Modes képek esetében

Ezekből a példákból már rá lehet valamennyire érezni a dologra, de még nagyon messze vagyunk attól, hogy valamilyen célirányos művészi hatást érjünk el ezeknek a beállításoknak a segítségével. Választottam két teljesen különböző karakterű képet a további játékhoz. Az egyik fekete-fehér és éles kontrasztokat tartalmaz, a másik pedig pasztell színeket és elmosódott formákat.



A zebra az alsó réteg, a virágos a felső, és most türelmesen elmentegetek minden lehetséges blend mode beállítást kettőjükre. Az eredmény meglehetősen szemkápráztató lesz.

A sötét típus hatása

Minden sötét rész levédi az alatta lévő réteget, a zebra fehér csíkjai viszont felveszik a virágos színeket és struktúrát. Ezáltal a fehér részek tulajdonképpen sötétednek.

Darken



Multiply



Color Burn




Linear Burn



Darker Color



A világos típus hatása

Minden világos rész lefedi valamilyen mértékben az alatta lévő réteget, a zebra fekete csíkjai viszont felveszik a virágos színeket és struktúrát. Ezáltal a fekete csíkok világosodnak.

Lighten



Screen



Color Dodge



Linear Dodge



Lighter Color



Az overlay típusú blend mode beállítások hatása

Overlay



Soft Light



Hard Light



Vivid Light



Linear Light



Pin Light



Hard Mix



Difference



Exclusion



Substract



Divide



Color



Ahhoz, hogy nagyjából meg tudd saccolni, hogyan hat egymásra két réteg, rengeteg hasonló kísérletet kell a gyakorlatban elvégezned. Bevett technika, hogy a kép csak bizonyos részeit vágod ki a Kijelölés eszköz segítségével és ebből készítesz egy külön réteget. Például a zebrás kép előteréből készítesz egy réteget, és csak erre alkalmazod valamelyik blend mode-ot. Így kihagyhatod azokat a részeket, ahol nem kívánt hatások érvényesülhetnének és eléred, hogy a hatás például csak a zebra csíkjaira érvényesüljön.

Új hozzászólás

Kocsis Kata

programtervező matematikus, webdesign oktató
Kocsis Kata, programtervező matematikus, webdesign oktató

Életem legfantasztikusabb döntése volt a sok kompromisszummal terhelt alkalmazotti lét feladása. Nagyon büszke vagyok négy éve alapított saját cégünkre, ami az én szememben életforma, hivatás, közösség és gyönyörű célok együttese. A Kreatív Webdesign Tanfolyamok nem egyszerűen online tanfolyami termékek a számomra. A szaktudáson, a tapasztalaton túl olyan értékeket is szeretnék közvetíteni, amelyek a mai társadalomban hiánycikknek számítanak. A vizuális kultúra és igényesség fejlesztése, a művészet és az alkotás becsempészése a hétköznapokba, az együttműködésben rejlő erő megtapasztalása azoknak a hallgatóknak is nagyon sokat adhat, akikből végül nem is lesz webdesigner.

Melyik témák érdekelnek a legjobban?

* kötelező mezők



Ezek a témák érdekelnek

Kicsi a bors csomag - Honlaptervezés kisvállalkozásoknak

Az akció keretében a Webdesign Workshop modul mellé a Kicsi a bors honlaptervezés csomag részeként megkapod ajándékba a Felhasználói élmény tervezés modul teljes anyagát. Egyetlen modul árával megegyező összegért 6 havi tudásanyagot kapsz, ha február 15.-ig rendelsz.

A kisvállalkozások igényeire szabva

ÁR: 62.000 Ft + áfa

Minden gyakorlati feladat a saját honlapodra vonatkozik.

Tovább a részletekre ->

Go to top