Az animált csillogó szöveg elbűvölő és dinamikus megjelenést kölcsönöz terveidnek - tökéletes a közösségi médiában megjelenő posztokhoz, meghívókhoz vagy digitális műalkotásokhoz. A Photoshop segítségével könnyedén létrehozhatja ezt a hatást a rétegstílusok, a csillogáshatások és az idővonal-animáció kombinálásával. Ebben a bemutatóban lépésről lépésre megmutatom, hogyan hozhatsz létre csillogó, csillogó szöveget, és hogyan teheted azt ragyogóvá animációval. Lássunk hozzá, és hozzuk mozgásba a szöveget!
1. Új dokumentum
Kezdjük egy új dokumentum létrehozásával, amelynek mérete 574 Px x 319 Px.
Ezután fogjuk a gradiens eszközt, és töltsük ki a hátteret a #29108c és #152869 közötti színekkel.
A gradienst balról fentről jobbra lentre rajzoljuk.
2. Hozzunk létre szöveget, és adjunk hozzá csillogó hatást.
Válasszunk ki egy betűtípust, és írjuk meg a szöveget. Itt a "Franklin Gothic Heavy" betűtípust használtam 235 px méretben és a #8e5ade színben.
Duplikáljuk a rétegeket a Ctrl+J kétszeri lenyomásával. Most már 3 egyforma rétegünk van.
Az első csillogás effekthez az első réteghez a Filter>Noise Filter>Add Noise (Szűrő>Zajszűrő>Zaj hozzáadása) menüpont alatt hozzáadunk egy zajt, és 20%-os értéket választunk. Amikor megkérdezik, hogy szeretnénk-e raszterizálni a réteget, az OK-val erősítjük meg.
Ugyanígy járunk el a második réteggel is. Azonban 21%-os erősséggel.
És ismét a harmadik réteghez, és egy 22%-os értéket. Most már mindhárom rétegnél más-más zajviselkedést kapunk.
3. Csillogás létrehozása
Ezután létrehozunk egy üres réteget minden egyes szövegréteg fölött, hogy különböző csillagmintákat alkalmazzunk.
A PSD-Tutorials.de oldalon csillagkeféket is találsz, és a kiválasztott csillagkefével sok csillagot helyezhetsz el az alsó rétegre. Változtassuk egy kicsit az ecset méretét, hogy a csillagok véletlenszerűen helyezkedjenek el.
Ugyanígy járj el a maradék két csillagos réteggel is, hogy más-más csillagmintázatot kapj.
4. Animáld a csillogást
Most jön az izgalmas rész: animálni fogjuk az általunk létrehozott csillogást. Ehhez a Window>Animation... menüpontra megyünk.
A megjelenő ablakban kattintsunk a jobb alsó sarokban lévő keretnézet ikonra...
Ezután kattintsunk kétszer az alján lévő kis letéphető blokk szimbólumra, hogy két további keretet hozzunk létre.
Ezután kijelöljük az első keretet, és megjelenítjük az első szövegréteget, a hozzá tartozó csillagréteggel.
Ezután a második keretre kattintunk, és megjelenítjük a második pár szöveg- és csillagréteget...
A harmadik keretnél pedig megmutatjuk az utolsó két réteget.
Ezután a Shift billentyűt lenyomva tartva egyszerre jelöljük ki mindhárom képkockát,...
... kattintsunk a másodpercek száma melletti kis háromszögre, és állítsuk be a 0,2 másodperces lejátszási időt képkockánként.
És hogy az animáció ne csak egyszer, hanem egymás után többször is lejátszódjon, állítsunk be korlátlan értéket, ahogy alább látható.
Ha ezután megnyomjuk a lejátszás gombot, az animációnk lejátszásra kerül.
5. Animáció mentése
Animációnk mentéséhez a Fájl>Mentés webre és eszközökre menjünk.
És csak a GIF-et kell kiválasztanunk a megjelenő ablakban. Ezután a Mentés gombra kattintunk, és animációnk elmentésre kerül.
Most gyakran előfordul, hogy a képnézegetőkkel megnyitott animációk nem játszódnak le. Csak egy képkocka jelenik meg. Ahhoz azonban, hogy az animációt megnézhessük, elég, ha egyszerűen áthúzzuk a képfájlt egy böngészőablakba. Ezután az is lejátszásra kerül.
Remélem, tetszett a bemutató. Itt láthatod a végeredményünket:
