Hogyan készítsünk egy animált GIF-t a Photoshop-ban

Hogyan készítsünk Gif animációt a Photoshop-ban

Üdvözlettel barátok! Néha megfelel a kérdésnek, hogy lehetséges-e az animációt a Photoshopban? Tehát ebben a leckében megmutatom, hogy mi lehetséges, és hogy egyáltalán nem nehéz. Ezt követően meg fogod érteni, hogy a program letöltése és telepítése nem szükséges, ha hirtelen egy animált banneret vagy más animációt kell készítenie. És higgy nekem, nagyon egyszerű. Példaként nézzük, hogy a saját egyszerű preloader vagy hogyan kell helyesen felvenni a megjegyzéseket & #; Trobber (throbbber). És így, az üzletért!

Nyissa meg a Photoshopot, és hozzon létre egy fájlméretet 9×9 képpont.

A nagyítás növeli a kis négyzetünket a maximális (z gomb). Többféle módon bővítheti. Első &#; Jobb egérgombbal kattintson a rajzra a legördülő menüből, válassza a Fit képernyőt. A második, csak kattints többször, amíg a kép növeli a maximális értéket, a harmadik, a legegyszerűbb véleményem kattintva a bal felső sarokban a vásznon, és tartva a bal egérgombot, töltsön le és jobbra-ig Átkeresztjük a négyzetünket.

Most a legfontosabb dolog az, hogy létre kell hoznunk egy GIF animációt, ez egy munkaterület a szükséges eszközökkel. Az ablakba megyünk – Munkaterület menü – Videó. Olyan, mint egy képernyőkép, de lehetnek különbségek. Érdekel az alábbi animációs panel.

GIF animáció létrehozása

A földszinten csak láthatjuk a kiválasztott első animációt.

Most rajzolunk egy ceruzát (B) a bal alsó sarokban, mondjuk narancssárga négyzet 3×3 pixel.

GIF animáció létrehozása

Duplikálja a rétegünket (megragadja és húzza meg a rétegünket az új réteg létrehozásának ikonjára.

GIF animáció létrehozása

Kapcsolja ki a réteget egy backgrand (Icon glazik), és az új rétegben a négyzetet a jobb alsó sarokban mozgatom. Megnyitott átlátszó vászon fehér (g).

Animáció létrehozása a Photoshopban

Ismertesse újra a felső réteget, és jobbra mozgassa a négyzetet. Aztán egy másik pelyhese a négyzet visszaadásával maradt. Ezzel együtt kell működnie:

Photoshop animáció

Ezután menjen dolgozni az animációs panelünkkel. Kattintson a Duplicates kiválasztott keretek ikonra (az ikon úgy néz ki, mint egy új réteg létrehozási ikon) 3-szor, hogy 4 képkocka legyen. Kattintson az első keretre Válassza ki és a rétegek listáján, csak az alsó réteg látható. Ezt követően kattintson a második keretre, és hagyjuk a látható másodpercet a réteg alatt. Stb. Kiderül a következők:

Gif a Photoshopban

Elvben az animációnk szinte készen áll. A Plays animációs ikonra kattintva láthatja, mit csinálunk. Most adjunk hozzá egy kis simaságot a közbenső keretek miatt. Ehhez kiemeljük az első és a második keretet (a Ctrl billentyűt tartva), és kattintson az ikonra, amelyen a golyók húzódnak –Tweens. Kattintson az OK gombra.

Photoshop gif

Tegyük meg ugyanezt a keretekkel , ,

Photoshop gif

Most kiemelni minden keretek és minden képkocka útját válassza közötti átmenet keretek tetszik. Mondjuk.

Animáció beállítása a Photoshopban

Ellenőrizze, hogy az animáció hurok legyen:

GIF banner Photoshop

Ez minden. Továbbra is meg kell menteni a bannerünket GIF formátumban, erre, a Photoshop-ban, meg kell mennie a Fájl menübe, és válassza ki a menüpontot & #; Mentse a webes és eszközöket & #; (Mentse a webes eszközöket) vagy kényelmesebb, nyomja meg a Ctrl + Shift + Alt + S gombot. A párbeszédpanelen válassza a GIF formátumot. Itt játszhatsz olyan beállításokkal, amelyek befolyásolják a kapott GIF fájl minőségét és méretét.  Miután megmentette a GIF animációját, mint fájlként a bővítő gif, élvezze a saját előkészítőnket! Például, ennek eredményeképpen olyan szép betöltést kaphat Preloader S:

Részletek Gif Banner, amit meg is tettünk a Photoshop Manapság, akkor valószínűleg bármilyen program segítségével megtekintheti grafika, a leggyakoribb, amely az IrfanView, XnView, FastStone Image Viewer és még sokan mások.

Azt hiszem, most rájöttél, hogy nincs semmi nehéz a GIF animáció létrehozásában a Photoshopban, és elkezdi létrehozni a bannerek és más kreatív dolgokat, különösen mivel az animáció személyzete bármilyen hatással lehet a Photoshopnak köszönhetően.

Ha pontosan szüksége van a trobberekre / törőszerekre, akkor a generációra speciális Java Script könyvtár van. A letöltési animáció létrehozásának kiválasztása a Cikkek CSS3 és JQuery opcióiban olvasható a letöltési animáció létrehozásához (Spinner – Spinner)