Jak vytvořit náhled designu "na monitoru"

27. 9. 2012 22:21:55

Ahoj,

moc bych chtěl poprosit, jestli byste poradili, kde sehnat "mockup" (snad jsem to nenapsal špatně) pro photoshop, který by mi dokázal vytvořit z designu podobný efekt pro náhled:

Prohledal jsem Graficriver, ale žádný podobný efekt jsem tam bohužel nenašel :-/

Předem moc díky.

Jojo

27. 9. 2012 22:21:55

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813501

Petr Zachrdla

(1 hodnocení)

27. 9. 2012 22:30:56

myslíš, že v google není gradient blur photoshop?

27. 9. 2012 22:30:56

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813500

Marek

(26 hodnocení)

27. 9. 2012 22:38:50

http://www.photokaboom.com/photography/learn/Photoshop_Elements/dof/1_blur_background_gradient.htm

27. 9. 2012 22:38:50

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813499

Tomáš Veselý

(8 hodnocení)

27. 9. 2012 22:41:25

Napsal Bedříšek;850027
myslíš, že v google není gradient blur photoshop?

To zajisté je! Jen jsem nevěděl jak to nazvat a pod čím to najít.

---------- Příspěvek doplněn 27.09.2012 v 22:42 ----------

Napsal marcoo;850031
http://www.photokaboom.com/photography/learn/Photoshop_Elements/dof/1_blur_background_gradient.htm

Díky Marcoo. Myslíš ale, že neexistuje nějaká api přímo do photoshopu, který by ti tento efekt vytvořila přímo?

27. 9. 2012 22:41:25

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813498

Petr Zachrdla

(1 hodnocení)

27. 9. 2012 22:42:38

Napsal jojo;850033
To zajisté je! Jen jsem nevěděl jak to nazvat a pod čím to najít.

to já taky ne. jen jsem popsal co vidím ;o)

---------- Příspěvek doplněn 27.09.2012 v 22:46 ----------

gradient blur plugin photoshop. marcoo ti najde odkaz.

27. 9. 2012 22:42:38

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813497

Jirka

(74 hodnocení)

27. 9. 2012 22:47:08

Ahoj,

no nejsem úplně profík, ale ve fotokrámu už jsem něco málo dělal a já teda vidím screenshot transformovaný do kosočtverce s gradient blurem, který se jednoduše udělá pomocí překrytí další vrstvou (kopie podkladu na který aplikujete několikrát blur filtr) na kterou se aplikuje maska s klasickým gradientem (což udělá blur jen někde)

27. 9. 2012 22:47:08

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813496

Tomáš Veselý

(8 hodnocení)

27. 9. 2012 22:50:31

Já myslím, že jsem pravděpodobně zmíněnou věc našel, na již zmíněném Graphicriver.

http://graphicriver.net/item/monitor-screen-mockup-8-realistic-effects/2408135?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=artbees

27. 9. 2012 22:50:31

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813495

Marek

(26 hodnocení)

27. 9. 2012 22:56:44

Proč si tu api nevytvoříš sám? Jednoduše si vytvoříš akci... kterou můžeš používat kolikrát chceš ne? Ale jde spíš o to vědět, jak takovu akci vytvořit co? Nastuduj..

Postup by měl být dle mého následující.

1. otevři obrázek.

2. Vytvoř jeho kopii. ( CTRL+J)

3. Na kopii obrazu aplikuj Filtr - Gausovské rozostření - hodnota cca 2- 3 dle libosti

4. Pak na tuto kopii s filtrem aplikuj MASKU VRSTVY

5. No a na konec aplikuj na stejnou kopii Přechod z bílé do černé. Směr si zvol sám jak potřebuješ. Z prava do leva, opačně, ze šikma.. to je na tobě. Kapišto?

27. 9. 2012 22:56:44

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813494

Tomáš Veselý

(8 hodnocení)

27. 9. 2012 22:58:10

Díky Marcoo. Já myslím, že už si s tím zvládnu pohrát.

27. 9. 2012 22:58:10

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813493

Marek

(26 hodnocení)

27. 9. 2012 23:00:30

Jak přidat masku a filtry už is musíš najít v nápovědách. Dál nastuduj jak vytvořit AKCI v photoshopu. Ta ti nahraje daný postup a jen uložíš a pak jedním kliknutím aplikuješ na jaký koliv obrázek. Ale ne vždy to jde použít. S tím si musíš vyhrát no.

27. 9. 2012 23:00:30

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813492

Jirka

(74 hodnocení)

27. 9. 2012 23:01:05

+1 marcoo

jinak to co jsem psal vyrobeno za > 5 minut...

27. 9. 2012 23:01:05

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813491

Andrestudio

27. 9. 2012 23:39:58

Všechno špatně. Přes gradient blur rozhodně ne. Vytvoří to mlhavé rozostření, rozhodně ne ale reálné. Toho dosáhnete pomocí Lens blur. Ve verzích starších od CS6 musíte ještě v kanálech vytvořit další kanál který slouží jako maska. V CS6 to už nepotřebujete, pomocí lens blur lze nastavovat přímo hloubku, sílu atd. v reálném čase.

---------- Post added 27.9.2012 at 23:43 ----------

Tutoriál pro starší verze:

http://www.youtube.com/watch?v=FbKjMBj3rUM

Ukázka pro CS6:

http://www.youtube.com/watch?v=7jQJSOiFTTM

27. 9. 2012 23:39:58

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813490

Marek

(26 hodnocení)

28. 9. 2012 00:10:03

Napsal Andrestudio;850055
Všechno špatně. Přes gradient blur rozhodně ne. Vytvoří to mlhavé rozostření, rozhodně ne ale reálné. Toho dosáhnete pomocí Lens blur. Ve verzích starších od CS6 musíte ještě v kanálech vytvořit další kanál který slouží jako maska. V CS6 to už nepotřebujete, pomocí lens blur lze nastavovat přímo hloubku, sílu atd. v reálném čase.

---------- Post added 27.9.2012 at 23:43 ----------

Tutoriál pro starší verze:
http://www.youtube.com/watch?v=FbKjMBj3rUM

Ukázka pro CS6:
http://www.youtube.com/watch?v=7jQJSOiFTTM

Není nic špatně. Je více variant. Já popsal tu, kterou pochopí a vytvoří uplně stejný efekt. Nechci tady rozepisovat kompletní tutoriál s kanálama a podobně.

28. 9. 2012 00:10:03

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813489

Andrestudio

28. 9. 2012 00:18:45

Ale ano, je to špatně. Více variant? Co to je za argument.. S metodou, kterou popisej, hlavně pomocí gaunusova rozostření prostě nedosáhneš efektu, na jaký se ptal "jojo" s přiloženým screenem.

28. 9. 2012 00:18:45

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813488

Marek

(26 hodnocení)

28. 9. 2012 00:20:01

Napsal Andrestudio;850065
Ale ano, je to špatně. Více variant? Co to je za argument.. S metodou, kterou popisej, hlavně pomocí gaunusova rozostření prostě nedosáhneš efektu, na jaký se ptal "jojo" s přiloženým screenem.

No... Dobře. Nechám tě u toho.

28. 9. 2012 00:20:01

https://webtrh.cz/diskuse/jak-vytvorit-nahled-designu-na-monitoru#reply813487

Pro odpověď se přihlašte.

Přihlásit