Hogyan készítsünk egy animációt a ragyogás a Photoshopban

Animált gomb a Photoshop CS6-ban

Ebben a leckében lépésről lépésre megtudhatja, hogyan lehet létrehozni egy animált gombot a háttérvilágítás hatása nulla.

Végeredmény

Indításhoz hozzon létre egy új dokumentum x pixel.

A háttérben a szerző úgy döntött, hogy sötétszürke színt használ, mivel a legmegfelelőbb más design elemekhez. Állítsa be az előtér színét, és kattintson Alt+Töröl vagy Alt+Backspace, Miután a hegy a háttérben.

Most foglalkozunk az útmutatókkal. Ez segít nekünk elhelyezni az ábrát a dokumentum közepén. Ha nem látja az uralkodót a munkaterület felső és bal oldali részén, kattintson a gomb kombinációra Ctrl+R És megjelennek. Húzza az útmutatókat. Ha van a menüben Kilátás (Nézet) tartalmazza Ugrik (Snap), majd az útmutatók, amikor vízszintesen mozognak, és a függőlegesek maguk a dokumentum közepén ragaszkodnak.

Most készen állunk egy gomb létrehozására. Az eszköz aktiválása Ellipszis(Ellipszis eszköz), és győződjön meg róla, hogy az üzemmódban van Ábra (Alak).

Annak érdekében, hogy tökéletes kört hozzunk létre a központból, rögzítse a kulcskombinációt Váltás+Alt, Telepítse a szerszám kurzort az útmutató metszéspontjára, és rajzoljon egy kört.

Adjon hozzá egy gradienetet a létrehozott alakhoz. Kattintson duplán a rétegre az ábrával, hogy hívja a rétegstílusok beállításait. A megjelenő ablakban válassza a Stílus lehetőséget Overlay gradiens (Gradiens overlay), és kattintson egy gradiens szalagra, hogy megnyissa a szerkesztőt. Most személyre szabhatjuk a színeket.

A szín az alsó része a szám fog válaszolni a bal motor a gradiens a szerkesztő, és a színe a jobb felső. Ennek eredményeképpen a kör alsó része egy kicsit fényesebb lesz a háttérszínből, és a felső fordulatosabb egy kicsit sötétebb.
Az első szám befejeződött, a másodikval foglalkozunk. Duplikált kör Ctrl+J és tisztítsa meg a réteg stílusait az eredeti példányból az eredeti példányban. Jobb egérgombbal kattintson és válassza ki az opciót Tiszta réteg stílus (Tiszta réteg stílus).

Most változtassa meg a második ábra színét. Kattintson kétszer egy miniatűr rétegben egy számmal, és telepítse a színt az értékkel , amely egy kicsit fényesebb lesz a háttérünkről.

Amint az alak színét konfigurálták, csökkenteni kell azt. Használja a kulcs kombinációt Ctrl+T A szabad átalakulás hívása és a kulcs csökkentése a kulcs használatával Váltás , Az arányos csökkentés érdekében.

Most létrehoznunk kell egy ablakot, amelyen keresztül látni fogjuk a mozgó ragyogást a gombon. Csináld azt az eszközzel Önkényes figura(Egyedi forma), vágja a lyukat az ábra másolatában, amit korábban tettünk.
És így, aktiválja az eszközt Önkényes figura Egyéni forma).

A Top Tool Settings panelen válassza ki a képernyőképen megadott számot.

Ha nem találja ezt a számot a készletben, akkor meg kell nyomnia a Beállítások gombot a jobb sarokban, és válassza ki a legördülő menüben található opciót Minden (Összes).

Ezt követően egy előugró ablak jelenik meg a parancs opciókkal. Választ Add (Mellékel).

Amint tetszőleges alakot választott, ki kell vonnunk a körünkből. Csináljunk ilyen módon. Beállíthatja az opciót a felső menüben Kivonja az elülső figurát (Kivonás elülső alakja), és a megjelenő ablakban adja meg a kivonás alakjának beállításait.

A második lehetőség az, hogy egyszerűen rajzoljuk ezt a számot a központból, tartva a kulcsot Váltás Az arányok megőrzése, anélkül, hogy a szélességhez vezetne. A szerszámbeállítások felső menüjében telepíteni kell az opciót is Kivonja az elülső figurát Kivonja az elülső alakot).

Természetesen most adjunk hozzá rétegstílusokat az alakhoz, aki mélységet ad hozzá neki. Ez lesz Dombornyomás (BEVELEMBOSS) és Árnyék (Árnyék).

Egy érdekes pontot közelítettünk a leckében. Glow létrehozása. A legfontosabb, ami az ablakban látható, a második a hátsó alakban tükröződik. Először hozzon létre egy ragyogást. Ismétlődő fő, a legalacsonyabb érték ismét Ctrl+J és törölje a rétegstílusok másolása, amelyeket másolni az eredeti, mint korábban.

Nyissa meg a réteg stílusok és készlet átlátszatlanság (Fill Opacity) 0%. Ez lehetővé teszi, hogy elrejtse a láthatóságát a számok, de hagy látható hatásai a Rétegstílus.
Új stílus színátmenet (Színátmenet).

Ez a gradiens kicsit más, mint amit korábban létrehozott. Kezdeni őt stílusban Sugárirányú (Sugárirányú).

Nyissa meg a színátmenet-szerkesztő és állítsa be a bal motor, amely felelős az elsődleges fény színe, az értéke 00a8Ff, míg a jobb fekete, és állítsa be a fedettség a fekete csúszka 0%. Ezt meg lehet tenni, ha rákattint a felső motor, majd képes lesz szerkeszteni a fedettség.

Most akkor valószínűleg gondolkodás: Nos, hol van a gradiens? Egészen egyszerűen elrejti az ábra tetején. Néhányan közülük nem tudhatod, hogy a gradiensek bárhová mozoghatnak a rétegstílusok ablakának lezárása nélkül. Helyezze közvetlenül a kurzort a dokumentumhoz, és húzza a gradientált a jobb felső sarokba.

A gradiens méretét is szabályozhatja, ha egy kicsit csökkenteni szeretné. Zárja be a gradiens szerkesztőt, kipeli a gradienset körülbelül 75% -ra, és mozgassa az utolsó helyre.

Most forduljunk az ablakban megjelenő fő fényhez. Másoljon egy réteget egy ragyogással Ctrl+J, amit korábban és a Ctrl+T Csökkentse a felső ábra méretéhez. A kulcsok tartása Váltás és Alt, A középpontban arányosan méretezheti az ábrát.

A gradiens szerkesztése. A Layer Styling ablakban nyissa meg a Gradiens szerkesztőt. Első visszatérés Átlátszatlanság (Opacity) a% jobb motoron, majd megváltoztatja színét sötétkékre az értékkel E. Adjunk hozzá még egy motort a bal és jobb között, összegezve a kurzort a gradiens szalagra. Pozíciója körülbelül 30%. Szerelje be a középső motor kék színét 76CDFF.

Most változtassa meg az átfedési mód gradiensét A bázis megvilágítása (Color Dodge). És csakúgy, mint az utolsó alkalom, mozgassa a kívánt helyre.

De most kezdjük el létrehozni egy animációt!
Két réteget és mindegyiket animálunk az ablakban és annak tükrében. Könnyebb lenne egy intelligens tárgyban kombinálni őket, de a különböző módok miatt ezek a rétegek átfedése nem lesz szuper. Ezért minden egyes réteget különítünk el egy külön Intelligens objektum (Intelligens objektum), amelyből létrehozunk egy animációt.
Jobb egérgombbal kattintson az első létrehozott rétegre az izzítással, és válassza ki az opciót Átalakítás intelligens objektumra (Konvertálás az intelligens objektumra).

Most is konvertál egy intelligens objektumra egy második réteggel, egy ragyogással. Meg fogja vizsgálni, hogy a gradiens korábban alkalmazott átfedési módja elveszíti akcióját, de könnyen megváltoztathatja azt a réteg azonosító módjának beállításával A bázis megvilágítása (Színes Dodge) a rétegek palettájában. Ezért konvertálunk minden réteget külön-külön.

Nos, most az animáció maga. Kinyitni Idővonal (Idővonal) Kattintson duplán a palettára a program munkaterületének alján. Abban az esetben, ha a skála nem látható, nyissa meg a menüben Ablak (Ablak).

nyomja meg a gombot Hozzon létre egy idővonalat a videóhoz (Video idővonal létrehozása), és az összes réteged betöltődik az időskálán. Kiemelve van, ugyanolyan réteg lesz, mint a réteg palettájában.

Kezdjük a visszaverődéssel. Ha kiemeli ezt a réteget, feltárhatja az animált lehetőségek listáját.

Animáljuk az opciót Perspektíva (Transzformáció), amely magában foglalja a forgást. Kattintson a Stopwatch ikonra a Prospect opció mellett az első kulcskeret létrehozásához.

Az első kulcskeret létrehozása után húzza az aktuális időjelzőt (kék csúszka jelzi) egy kicsit jobbra az idővonalon. Ez félúton lesz az animációnk, ahol az első fordulatot fogjuk tenni.

Hívásmentes átalakulás Ctrl+T És a beállítások tetején adja meg a fokozatot. Így először fordítjuk a réteget a visszaverődéssel.

Amint megerősíti az átalakítást, az animáció része lesz, és a kulcskeret automatikusan létrejön. Láthatja az animációt a cselekvésben, az elején egy kék csúszkát vált ki. Ne aggódj, ha a csúszka mozgatásakor az animáció egyenetlen, amint a csúszka útja teljesen független lesz, minden rendben lesz.

Most tegyük ugyanezt az animáció forgásának második felében. Húzza újra az aktuális időjelzőt (kék csúszka) egy kicsit jobbra az idővonalon. Hívásmentes átalakulás Ctrl+T és a Beállítások panel tetején, amikor utoljára adja meg a fokos szög értékét. Erősítse meg az átalakítást.

A reflexióval ellátott réteg animációja befejeződött! Most tegye ugyanezt az ablak fő fényével.

Az animáció időtartamának beállításához csúsztassa a motort az időskála jobb sarkában (állítsa be a munkaterület végét) a legújabb kulcskerethez.

Annak érdekében, hogy az animáció folyamatosan játsszon, és ne egyszer, a skála jobb sarkában, bontsa ki a Beállítások menüt és kapcsolja be az opciót Reprodukciós ciklus Hurok lejátszás).

Az animáció készen áll! Most a kész animáció videó formájában olvasható, de jobban mentjük meg GIF formátumban az interneten való használatra. Mentse el a menüben Fájl mentése Web Fájl mentése webhez). Válassza a GIF formátumot a fájlhoz. A Beállítások ablak alján folyamatosan vagy egyszer kiválaszthatja az ismétlődő paramétereket is. A mi esetünkben kell lennie Állandóan (Örökké).

Ez minden, a lecke vége! Sok szerencsét!

Szerző: Howard Pinsky

Forrás: Hab