Fotka splývajúca s pozadím

30. august 2014 at 10:47 | Alex |  tutorials
V poslednom čase v menu vídavam veľa obrázkov, čo splývajú s pozadím, mylsím to nejako takto (vidíte to aj tu na úvodníku). Myslela som, že by sa takýto tutoriál niekomu mohol hodiť, plus takto upravená fotka sa môže použiť aj napríklad do layoutov, alebo vlastne skoro akejkoľvek grafiky. Tento tutoriál je ale špeciálne na takéto obrázky do menu. Len pripomínam, že toto je iba môj spôsob, ak to robíte inak, určite na tom nie je nič zlé. Plus, nie som žiaden profesionál, hlavne nie vo vysvetlovaní, takže len dúfam, že to vôbec niekto pochopí :D


001) Prvé, čo potrebujete spraviť je to, že si buď to zistíte farbu svojho menu, alebo si nejakú vyberiete, podľa potreby.

002) Zistíte si rozmery menu (znovu - ak ten obrázok nerobíte do menu, žiadne rozmery si pochopiteľne zisťovať nemusíte :D) a v photoshope si otvoríte nový dokument [skratka: stlačíte Ctrl + N] so šírkou, ktorú ste si zistili. Výška môže byť ľubovolná.
klikni pre zobrazenie celého obrázku

003) Zafarbíte danú plochu farbou, ktorú ste si vybrali v prvom bode [Ctrl + Delete alebo Alt + Delete]. Teraz tam máte len niečo ako toto:
004) Teraz je čas na to, aby ste tento nudný obdĺžnik nejako "vytieňovali" (Inner Shadow). Na toto som robila tutoriál už skôr, môžete ho nájsť kliknutím sem. Po podobných úpravách (naozaj to spraví dosť veľký rozdiel) môj obdĺžnik vyzerá takto:
005) Nájdide si vhodnú fotku, otvorte si ju v photoshope [Ctrl + O], označte ju celú [Ctrl + A] skopírujte si ju [Ctrl + C], prekliknite sa na okno s obdĺžnikom a vložte tam fotku [Ctrl + V]. Je dosť možné, že fotka bude príliš veľká, preto ju treba zmenšiť a na to máte dve možnosti:
• Možete si fotku zmenšiť ešte predtým, ako ju skopírujete do okna s obdĺžnikom (jednoducho potom, ako ju otvoríte), a to upravením veľkosti [Ctrl + Alt + I] - nastavte si rovnakú šírku, akú má váš obdĺžnik (alias menu). U mňa to je 370 pixelov.
• Druhá možnosť je, že si fotku zmenšíte až potom, ako ju vložíte do okna s obdĺžnikom. Zmenšíte ju akokeby "manuálne" [Ctrl + T] a myškou potiahnete jeden okraj. Nezabudnite pri tom držať Shift, aby sa fotka nezdeformovala. Ja osobne vždy použím túto metódu, lebo vidím presne, ako to bude vyzerať :)

006) Teraz nájdite zoznam vrstiev (layers) v pravom dolnom rohu a kliknite na vyznačenú oblasť. Vyskočí vám tam zoznam možností, kde vyberiete poslednú možnosť 'Luminosity':


Teraz fotka vyzerá asi takto:
007) Aby to nevyzeralo tak ostro, zmeníme priehľadnosť (opacity) tak, že namiesto pôvodných 100% tam bude menšie číslo. Toto je už úplne na vás, ja som tam napríklad dala 20%, ale môžete si to prispôsobiť :)
Výsledok:
008) Posledné úpravy. Môžete napríklad pridať nejaký text, skúste sa s tým pohrať, nastaviť ho na 'Overlay' alebo 'Soft Light' podobne ako fotku v ktorku číslo šesť.
Dúfam, že tento tutoriál niekomu pomohol :D Celkom ma to bavilo, takže návrhy na ďalšie tutoriály mi píšte do komentárov :3 Takisto, ak ste niečomu z môjho chaotického vysvetlovania nepochopili, tiež napíšte do komentára a ja sa vám to pokúsim vysvetliť lepšie :)
 


Comments

1 shailene-hq shailene-hq | Web | 30. august 2014 at 11:19 | React

je to úžasný návod :33

2 daily-cmoretz daily-cmoretz | Web | 30. august 2014 at 12:20 | React

je to krásné!! :3

3 daily-cmoretz daily-cmoretz | Web | 30. august 2014 at 13:32 | React

[2]:jo a poslala jsem ti mail :))

4 - monika - - monika - | Web | 1. september 2014 at 16:40 | React

... je dobré, že dělá někdo návody, já sama spoustu věcí v ps neumím ...

New comment

Log in
  Don't you have your own web yet? Create it for free on Blog.cz.
 

Actual articles

Advertisement