Müraprogressiooni efekt ühendab dünaamilised värvid ja teralise tekstuuri mustri, mis annab sinu disainile sügavuse ja iseloomu. Lisades sellele animatsiooni, muudab see efekt veelgi muljetavaldavamaks ning sobib ideaalselt digitaalsetele sisudele nagu sotsiaalmeedia postitused või esitlused. Selles õpetuses näitan sulle, kuidas samm-sammult luua müraprogressiooni efekti ja tuua see elule Photoshopis liikumisega. Alustame ja anname sinu disainidele unikaalse dünaamika!

Samm 1:

Loon dokumendi suurusega 800x600 pikslit, kuigi suurus pole oluline.

Joove mõjutamise efekt animatsiooniga

Samm 2:

Nüüd kutsun esile värviülemineku tööriista ja laadi endale uued müratüüpi värviüleminekud.

Joovefekti ajaloo efekt koos animatsiooniga

Samm 3:

Oluline on, kui lähen värviülemineku redigeerimisse, et mul oleks valitud ülemineku tüübiks müra. Lisaks saan kiiresti teistsuguse värviülemineku seadistada juhusliku parameetri abil.

Joovastusmõjude animatsioon

Samm 4:

Nüüd seadistan servade hägususe 90%, et luua ilus punktiirjooneline üleminek.

Joovefekti käik koos animatsiooniga

Samm 5:

Kui ma nüüd üleminekut venitan, tekib juba suurepärane taust.

Kõlakäigu efekt animatsiooniga

Samm 6:

Nüüd muudan taustakihi tavaliseks kihiks, tehes sellele dublilklõpsuga kihtide paneelil.

Joobeseisundi mõju animatsiooniga

Samm 7:

Edasi vajutan Ctrl+T kihi transformeerimiseks, seejärel hiire parempoolset nuppu ja valin kõverdus. Nüüd tõmban ülemisest paremast ja vasakust ankurpunktidest ja painutan need ilusalt dünaamiliselt.

Joobeseisundi efekt koos animatsiooniga

Samm 8:

Juba näeb välja suurepärane, eks ole?

Joobe kulguefekt animatsiooniga

Samm 9:

Dubleerin kihi Ctrl+J abil ja lisaksin sellele Gaussian blur. Seda saaksin kasutada näiteks taustana kaartide jaoks.

Joobekulgumise efekt animatsiooniga

Samm 10:

Kui ma nüüd näiteks täitmise meetodit muudan värviks, näevad minu üleminekujooned veelgi paremad välja.

Joovekäigu efekt animatsiooniga

Samm 11:

Kui ma nüüd lisaksin mürafiltri, tekiks ka huvitav efekt.

Joovefekti käik animatsiooniga

Samm 12:

Järgmisena tahan lisada kauni animatsiooni. Selleks kustutan kihi 0 koopia, seejärel topeltklõpsan taustakihil (Ctrl+J) ja seejärel udustan. Nüüd veel kihimask ja sinna sisse lisatud must-valge üleminek. Nüüd veel ühenduse (kettasümbol) tühistan. Järgmisena lülitan sisse animatsiooni paneeli.

Joobeseisundi mõju animatsiooniga

Samm 13:

Seejärel liigutan ainult kihimaski täiesti pildi pealt vasakule ja panen kriipsu kohta kihi maski positsioonile alamsümboli klõpsates.

Joobeseisundi mõju animatsiooniga

Samm 14:

Nüüd seadistan liugurit sekundile 2 ja tõstan kihimaski täiesti paremale. Seejärel tekib uus kriips, mis salvestab positsiooni. Nüüd tekib animatsioon.

Joobeseisundi efekt koos animatsiooniga

Samm 15:

Mõju saan täiustada, luues uue kihi, tõmmates sellele väiksema valiku, täites selle valgega ja hajutades, ning seejärel seades läbipaistvuse umbes 60-66% katvuseks. Nüüd saan seda liikumist ka animatsioonina vasakult paremale teha, märkides iga asendi kaadrina. Tulemus näeb siis välja selline:nii.

Joobeseisundi mõju kulgemise animatsioon

Samm 16:

Väike lisasoovitus lõpetuseks: ma võin ka lihtsalt luua uue kihi oma taustakihile ja täita selle värvi pehme pintsli abil, nagu soovin. Kasutasin lihtsalt oranži, punast, sinist, oranži ja veelkord sinist. Nüüd seadke täitemeetod värviks, ja tulemus ongi siin:

Joovastuse mõju animatsiooniga

Samm 17:

Või ma võin lihtsalt luua reguleerimiskihi Värvitäpsus/Küllastus, siis saan värve kiiresti muuta.

Joobeseisundi mõju koos animatsiooniga

Samm 18:

Kui ma reguleerimiskihil tekitan veel kerge ülemineku kilekujule, näeb tulemus välja selline:

Joovejoonise efekt koos animatsiooniga