3d hatású kép kivágás


Következzen egy érdekes 3d hatású effekt, amely remekül néz ki, és kivitelezni sem nehéz.

Ebből a képből indítunk, talán a legjobb nektek is ezzel kezdeni, később sajátra is átültethető.
Az effekt a következőképp működik: kivágjuk a kép azon részeit amik kilógnak a keretből, a maradékot pedig bekeretezzük.
Kezdjük az elején!

Nyissuk meg a képünket, kattintsunk a background layerre duplán (rétegek eszköztáron), ezzel réteggé alakítjuk a képünket. A szerkesztés menü, keret mérete paranccsal adjunk 100 pixelt a képünkhöz mindkét tengelyen (kép)

Nevezzük el a réteget lepkének. Készítsünk egy másolatot belőle, a neve legyen kilóg. Szükségünk lesz még egy háttér rétegre is (kép).

A lepke rétegen készítsünk egy kissé döntött téglalap alakú kijelölést (a polygon lasszóval), ez lesz a keretezett képünk. Figyeljünk arra hogy ami a kijelölésen kívülre esik, ki fog lógni a keretből (kép).

Ha kész a kijelölés, nyomjuk meg a rétegek eszköztáron, a vektormaszk hozzáadása gombot (kép).
Ezáltal egy átlátszósági maszkot kapunk, ami elfedi a képünk azon részét, ami a kijelölésen kívül volt.

A lepke réteghez adjunk hozzá két effektet (dupla katt a rétegen). Először is fehér körvonalat, ez lesz a képünk kerete (kép).
A vetett árnyék pedig azért kell, hogy a képet kiemeljük a háttérből (kép).

Jöhet a legnehezebb rész. Kikell jelölnünk a lepkétől balra lévő hátteret, a kilóg rétegünkön. Sok kijelölés technika létezik, ezekbe most nem megyek bele, szerintem az megér egy másik cikket. A mágneses lasszót fogjuk használni, ez elég jó eredményeket ér el ha a háttér eléggé elkülönül az előtértől. Váltsunk rá (kép), és egy pontból indulva, szépen lassan húzzuk az egeret végig a háttér és a lepke határán. A mágneses lasszó követi a határvonalat, de ha szeretnénk megerősíteni néhány pontot, nyomjuk meg az egér bal gombját, és folytassuk a kijelölést. Az olyan helyekre amiket a kijelölő nem jelöl ki elég pontosan, hagyjunk rá a lasszóval, radírral majd igazítunk rajta. Természetesen bármilyen technikát alkalmazhatun, a lényeg hogy tüntessük el a kép bal oldalát (kép).

Ha sikeresen kijelöltük, váltsunk a radírra, és töröljük a felesleges részt (kép).
Ha lenagyoltuk, szüntessük meg a kijelölést, és radírral igazítsunk a képen. Különösen figyeljünk a farok részre, ott kis méretű radírral töröljünk.

Adjunk árnyékot a lepke kilógó részének. A legegyszerűbb az lenne ha réteg effektként hozzá adnánk a kilóg réteghez, csak az a baj hogy nem csak a kilógó rész vetne árnyékot, hanem a kép maradék része is. Éppen ezért más technikát használunk: készítsünk egy másolatot a kilóg rétegről, adjunk rá színátfedés effektet, fekete színnel, és tegyük a kilóg réteg alá, kilép árnyék néven (kép).

Alkalmazzuk rajta a szűrők/életlenítés menü, gauss életlenítés parancsát (kép).

Kész az árnyék, de mint mondtam rossz helyeken is árnyékot vet. Annyi a dolgunk hogy a radírral kitöröljük a kereten belülre vetülő árnyékokat (kép), és már készen is van a képünk!

A példafájl letölthető innen, psd formátumban.

Kapcsolódó bejegyzések:
  • Jöjjön egy újabb 3d hatású kivágás effekt, ezúttal egy papírlapból fogunk formát kimetszeni.Készítsünk egy 400×400-as dokumentumot, fehér háttérrel. Adjunk h …

  • Lehet egy kicsit megkésve , de ez az effekt més mostanság is igencsak megállja a helyét .1.) Hozzunk létre egy 500*500 px új lapot 72 dpi és fehér háttérrel. …

  • Ebben a tutorial-ban sH@ARKY mutatja be, hogy hogyan készíthetünk Yahoo stílusú szövegeket… 1.) Csináljunk egy új dokumentumot,a pél …

  • phpBB fórumokon az adminisztrátorok számára utólag is van lehetőség a smilie-kat (emoticons) bővíteni, módosítani. 1-2 smilie esetében nem kell a dolgot bonyolít …

  • Régebben írták páran a lap látogatói közül, hogy örülnének egy userball tutorial-nak. Kerestem pár minőségi userball-t. Ezeket próbáltam megcsinálni Photoshopban …

A cikket beküldte: Fajt Krisztián (http://fajtbros.blog.hu)

23 hozzászólás

  1. Ádám says:

    Hello szia… nagyon jó ez a kis effekt, de pontosan melyik Photoshoppal is lehet ilyet csinálni?
    Nekem cs2 van, de abba a Polygon Lasso és a Magnetic Lasso sajnos nem szerepel…
    Légyszi segíts… Köszönettel: Ádám

  2. fajtbros says:

    A CS2-ben benne van, sőt már nagyon régiben is. Az eszköztáron találod, itt: http://picasaweb.google.com/fajtkris/Blog/photo#5151952182530303858

  3. Ádám says:

    Ó igen, köszönöm a segítséget…
    Eléggé láma voltam és nem vettem észre a jobb egérgombos megoldást… :S
    Pedig már régóta PS-ozok :S:)
    Nah akko megpróbálok kreálni vmit :)
    Mégegyszer köszi :)

  4. fajtbros says:

    Szívesen. Egyébként ez nem lámaság, mindannyian folyamatosan tanulunk :o) Amúgy bal gombbal is előjön, ha hosszan nyomva tartod.

  5. Ádám says:

    Okés, köszi :)
    Már meg is csináltam az első képem :):)
    Nah megnézek még néhány hasznos tippet, trükköt :)
    Jó szerkesztgetést :)

  6. fajtbros says:

    Örülök hogy segíthettem! Ha van kedved nézz szét az oldalamon is.

  7. Ádám says:

    Köszi mégegyszer :D
    Megnéztem az oldalad, sok érdekesség van rajta :)
    Néhányat közülük itt is láttam, asszem egyszer nekiállok, és kipróbálok minél több dolgot…
    Bár eddig még csak néhányat csináltam, de igyexem gyarapítani :)
    További szép napot!

  8. Ádám says:

    Nekiálltam én is blogozni…
    Még nagyon kezdő vok, de azér feldobom a képet amit csináltam ezzel a módszerrel :)
    Ha gondolod, nézd meg, de ne várj tőle sokat :)
    hxxp://jakshow.blog.hu

  9. pufancska says:

    Gratulálok nagyon jó és könnyű követni. Köszönöm a leirást, bár már a photoshop top secret-ből megtanultam, de ez jobb, mert nem húzzod el. Mégegyszer grat

  10. fajtbros says:

    Köszi szépen, ez volt a célom :o)

  11. Zoli says:

    Nekem is nagyon tetszik a kép! Bele is vágtam egy hasonló elkészítésébe, és minden szépen ment, csak a háttér hozzáadásánál megtorpantam, ugyanis (zöldfülü lévén) nem találtam meg, hogyan kell a háttert hozzáadni. Légyszi, írd ezt le , ” jó szájbarágósan”, hogy én mint kezdő, megértsem. Előre is köszi! (az oldalad is tuti!)
    Zoli

  12. blue says:

    ott kell lennie, nezd meg jobban:) (mar a 7esben is meg volt, ha jol emlekszem)

  13. AxXx says:

    Tetszik, jó kis tutorial. Én itt nem használtam a második árnyékot, de szerintem jó lett :)
    Mókás képeket lehet így csinálni
    hxxp://kutyakozmetika.solare.hu/images/szineskutyak.jpg

  14. Rita says:

    Sziasztok! S.O.S. Nekem nem csinálja meg a fehér keretet a maszk körül, hanem az egész kép köré pakolja.

  15. fajtbros says:

    Nem tudom mi lehet a baj, több info kéne. Mindenesetre nem muszáj maszkot használni, egyszerűen a kijelölőval is levághatod a felesleget, majd a rétegeffektben nyomd be a körvonalazást fehér színnel.

  16. Rita says:

    Ó köszönöm, sikerült is :)))

  17. Alkesz says:

    Nekem is nagyon tetszett ez a tutorial!!!
    És grat az oldalhoz…
    Az én művem:
    http://web.t-online.hu/nyirbutortrade/kep.jpg

  18. Harder says:

    Tetszik a kép, jópofa lett. :)

  19. sati says:

    hát em tudom, kicsit konyitok a photoshophoz, de ez nem megy.. talán oda kellett volna írni (vagyis jobb lett volna), a a különböző effecteknek meg gomboknak a használatát angolul is odaírtátok volna.. mert tényleg faja cucc ez a tutoriál, de így nem értem, s szerintem nem egyedül vagyok, aki az angol programmal dolgozik..

  20. Üdv!

    Az oldalamon már az angol kifejezésekkel találod:
    http://fajtbros.blog.hu/2007/10/25/kepkivagas

    Krisztián

  21. Mély fájdalommal és megrendülve tudatjuk, hogy Fajt Krisztián barátunk és munkatársunk hosszantartó súlyos betegség után, de tragikus hirtelenséggel 2010 január 25-én elhunyt.

  22. Ádám says:

    Isten nyugosztalja!! :'(

  23. sume says:

    Akartam irni valamit,amivel kifejezhetnem csalodasomat,amiert az elet olyan igazsagtalan!!
    De nem tudok.
    Nem felejtelek el soha.Nyugodj bekeben Testvered mellett.
    Igaz baratotok:Sume

Szólj hozzá
a 3d hatású kép kivágás c. bejegyzéshez

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>