Účinok prechodovej chyby kombinuje dynamické farby a zrnitý textúrový vzor, ktorý dodáva tvojmu dizajnu hĺbku a charakter. Pridaním animácie sa tento efekt ešte viac zvýrazní a je ideálny pre digitálne obsahy ako príspevky na sociálnych médiách alebo prezentácie. V tomto tutoriáli ti ukážem, ako krok za krokom vytvoriť efekt prechodu a oživiť ho v programe Photoshop. Poďme na to a pridajme jedinečnú dynamiku do tvojich dizajnov!
Krok 1:
Vytvorím dokument veľkosti 800x600 pixelov, pričom veľkosť nie je dôležitá.
Krok 2:
Teraz aktivujem nástroj prehľadu a načítam nové príklady prechodových porúch.
Krok 3:
Dôležité je, že keď prejdem do úpravy prechodu, mám nastavenú možnosť prechodu na šumenie. Okrem toho môžem pomocou náhodného parametra rýchlo nastaviť prechod inej farby.
Krok 4:
Nastavím teraz rozmazanie okraje na 90%, aby som vytvoril pekný prerušovaný prechod.
Krok 5:
Keď teraz prejdem prechodom, vytvorí sa už pekný pozadie.
Krok 6:
Teraz premením pozadievú vrstvu kliknutím na dvojklik v paneli vrstiev na normálnu vrstvu.
Krok 7:
Ako ďalšie stlačím Ctrl+T na transformovanie svojej vrstvy, potom kliknem pravým tlačidlom myši a vyberiem Zkreslenie. Teraz ťahám za horné pravé a ľavé rukoväte a pekne ich zakrivím.
Krok 8:
Už to vyzerá super, však?
Krok 9:
Duplikujem vrstvu stlačením Ctrl+J a vložím do nej Gaussovské rozmazanie. Toto by som mohol použiť ako pozadie napr. pre pozdravné karty.
Krok 10:
Ak zmením metódu výplne na farbu, moje príčne čiary budú ešte lepšie vyzerať.
Krok 11:
Ak teraz pridám ešte šumový filter, vytvorí sa zaujímavý efekt.
Krok 12:
Ako ďalší by som chcel pridať ešte peknú animáciu. Na to vymažem kópiu mojej vrstvy 0, potom znova skopírujem moju pozadievú vrstvu (Ctrl+J) a nakoniec rozmazám. Teraz ešte masku vrstvy a vložím do nej čiernobiely gradient. Nakoniec uvoľním pripojenie (symbol reťaze). Ďalej si zobrazím ovládací panel animácií.
Krok 13:
Potom presuniem len masku vrstvy úplne z obrazu doľava a nastavím kľúčový snímok pod pozíciou masky vrstvy kliknutím na malý symbol kosoštvorca.
Krok 14:
Teraz premiestnim kurzor na sekundu 2 a posuniem masku vrstvy úplne doprava. Vznikne nový kľúčový snímok, ktorý si zapamätá polohu. Už vzniká animácia.
Krok 15:
Effekt môžem ešte zlepšiť vytvorením novej vrstvy, na ktorej vytvorím menší výber, tento vyplním bielou farbou, rozmazaním a nastavením Prekrytia na približne 60 - 66%. Potom môžem animovať pohyb zľava doprava tým, že si zapamätám pozíciu ako Kľúčový snímok. Výsledok bude vyzerať takto: tu.
Krok 16:
Tip na záver: Môžem vytvoriť novú vrstvu nad mojou pozadievou vrstvou a naplniť ju farbou pomocou mäkkého Štetca, aký len chcem. Jednoducho som použil oranžovú, červenú, modrú, oranžovú a znova modrú. Potom som nastavil metódu vyplňovania na Farbu, a výsledok stojí za to vidieť:
Krok 17:
Alebo môžem jednoducho vytvoriť vrstvu s nastavením Odtieň/Sýtosť, aby som mohol rýchlo meniť farby.
Krok 18:
Ak do vrstvy s nastavením pridám mierne zafarbenie do Vrstvenej masky, môj výsledok bude vyzerať takto:
