Szilánkokra hulló világ - Photohsop tutorial

Szunyogh Krisztina képe
Kép-szilánkok Photoshopban



Forrás: A felhasznált ingyenes képek forrásai lejjebb megtalálhatóak

A Quantum Break egy időutazós, akció-videójáték. Jellegzetes látványvilággal rendelkezik, az ezerfelé robbanó szilánkok a játék védjegyévé váltak. Ez a különös hatás megmozgatta a designerek fantáziáját is. Ezt a hatást állítjuk elő Photoshoppal.

A következő három fotót foguk használni: egy akcióban lévő katona, egy esti nagyváros és egy lángoló épület képét. Ezen kívül letöltünk még szilánk fotókat is png formátumban a 2-es lépésben megadott linkről.

Ez a Photoshop oktatóanyag középszintű tudást igényel, és feltételezi, hogy rendelkezel alapismeretekkel.

1 A katona előkészítése

A főalak kijelölése és kivágása



Hozz létre egy új, 3200x1800px méretű dokumentumot fehér háttérrel. Töltsd be a Photoshopba a katona fotóját. Gyors kijelölővel vágd ki a háttérből.

A kivágott katonát másold és illeszd be az új dokumentumunkba, helyezd a rajzvászon jobb oldalára.

Új dokumentum megnyitása Photoshopban



Adj hozzá egy rétegmaszkot, válassz egy nagy puha radírt és a modellt szélein használd a radírt ott, ahol az alábbi képen pirossal jelöltük.

A szélek elkenése



A következőt kell látnod a képernyőn. Kicsit homályba borítottuk a figurát.

A szélek elkenése



A katona rétegen tónuskorrekciókat hajtottunk végre. Állítottunk a Fényesség/Kontraszton, a Szinteken, és a Görbéken. Az alábbi beállításokat ízlésed szerint alakíthatod, magadtól is bátran próbálkozhatsz az árnyékok és csúcsfények intenzitásán változtatni.

Fénykorrekció ízlés szerint



2 Szilánkok hozzáadása

Töltsd le erről a linkről a szilánk fotókat. Ez egy tömörített rar fájl, benne 10 darad .png formátumú képpel. Válaszd a 002-es képet, nyisd meg a Photosopban.

Felhasznált szilánkok



Húzd be a 002-es szilánk képét a dokumentumunkba és helyezd a katona lábához. CTRL+T-vel nyisd meg a Szabad átalakítást. Méretezd, változtasd meg a perspektívát. Másolj még szilánkokat a katona teste köré. A fedettséget kicsit vedd le, kb. 80%-ra.

Szilánkok felhelyezése



3 Egyedi ecset készítése

Ebben a lépésben egy ecsetet fogunk létrehozni. Először hozz létre egy új 300px * 300px méretű dokumentumot, hozz létre egy új réteget, és rajzolj egy alakzatot az alábbiak szerint, majd kapcsold ki a háttérréteget.

Egyedi ecset készítése



Menj a Szerkesztés> Ecsetkészlet megadása (Edit > Define Brush Preset…..) menüpontra. Nevezd el az ecsetet.

Egyedi ecset készítése



Egyedi ecset készítése





Nyomd meg az "F5" gombot, ezzel megnyitod az Ecset panelt. (Ha az eszköztáron az Ecset eszközön állsz, akkor az Ecset panelt kinyithatod a menüsorról is. Az alábbi képen piros nyíllal jelöltük az Ecsetpanel ki-, bekapcsolása ikon jelét.)

Majd alkalmazd az alábbi beállításokat. Ha a képekre kattintasz, akkor nagyíthatóvá válnak, és meg tudod nézni a részleteket.

Egyedi ecset készítése



Egyedi ecset készítése



Egyedi ecset készítése



Elkészült az ecsetünk. Menj vissza a dokumentumunkba és használd az új ecsetet a következő minta kialakításához. Az ecset méretén is változtathatsz, játssz a lehetőségekkel.

Egyedi ecset készítése



Változtathatsz a minta perspektíváján is (CTRL+T).

Egyedi ecset alkalmazása



4 Szilánkok kitöltése

Nyisd meg az esti városi fotót a Photoshopban. Másold és illeszd be dokumentumunkba. Tedd az egyéni ecsetünkkel készített réteg fölé. Majd jobb klikk a rétegen, és válaszd a Vágómaszk létrehozása (Create Clipping Mask). A következőt kell látnod. (A városi fotót pozícióján változtathatsz, ha a CTRL+T-vel megnyitod a Szabad átalakítást. Keress olyan látványt, ami neked tetszik.)

Szilánkok kitöltése



5 Szilánkok kitöltése

Nyisd meg a lángoló épület fotóját a Photoshopban. Illeszd be a dokumentumunkba, tedd legfölülre a réteget.

Szilánkok kitöltése



Állítsd a tűz réteg Keverési módját (Blend mode) Raszterre (Screen). Másold ezt a réteget és told el felfelé a jobb sarokba, hogy a fenti szilánkok mögött is legyen áttetsző tűzből.

Szilánkok kitöltése



6 Korrekciók

Egyesítsd a rétegeket és csinálj belőle egy másolatot. Alkalmazd a Szűrő>Élesítés>Életlen maszk……(Filter>Sharpen>Unsharp Mask…) szűrőt a másolt rétegre. Ezzel élesítjük a képet.

Korrekciók




Add hozzá az alábbi beállításokat a színek finomhangolásához. Színegyensúly (Color Balance) Árnyékok (Shadows) és Középtónusok (Midtones) beállításai.

Korrekciók



Fényképszűrő (Photo Filter) beállításai.

Korrekciók



És íme a végeredmény.

Végeredmény



Hasonló technikával készült az alábbi alkotás is.

Egy másik változat



Hozzászólások

Valahogy mégsem retro lesz az összhatás. Láttam már hasonlót, de ti tök egyszerűen valósítjátok meg, és olyan összehangolt lett az összhatás.

Az tetszik ezekben a Szunyogh Kriszta-féle tutorialokban, hogy az eszköz amit választ baromi jól szolgálja a témát. Itt is átjön ez az űzöttség, darabokra esés, káosz, harc. Nem tudom, melyik van előbb, a "mondanivaló", tehát hogy csinálok egy képet a háborúról, vagy milyen témát kéne hozzá illeszteni a darabokra hulló PS effekthez. Bármi is a sorrend, nagyon meggyőző :)

Wow,Fantastic article,it's so helpful to me,and your blog is very good, I've learned a lot from your blog here,Keep on going,my friend,I will keep an eye on it,One more thing,thanks for your post!

I CAN follow it despite of the hungarian text. Thanks for English PS naming.

Hello, my name is Philip! I`m an academic writer and I`m going to change your lifes onсe and for all Most of my poems were sold throughout Canada, USA, China and even Australia. Also I`m working with services that help people to save their nerves. People ask me "Sir, Philip Duck, I need your professional help " and I always accept the request, `cause I know, that only I can solve all their problems! Professional Writer - Philip Duck - <a href=http://www.howardyezerskigallery.com>Howard Yezerski Gallery</a> Team

Ú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 december 23.-ig rendelsz.

A kisvállalkozások igényeire szabva

ÁR: 48.260 Ft + áfa

Minden gyakorlati feladat a saját honlapodra vonatkozik.

Tovább a részletekre ->

Go to top