Press "Enter" to skip to content

Hogyan készítsünk egy animációt a fotóból a Photoshop-ban

Mint a Photoshop-ban, hogy Gifs-t készítsen a fotóból: Gif animáció létrehozása a Photoshopban Adobe Photoshop útmutatók

Hogyan készítsünk egy animációt a Photoshop CS6-ban és a CC-ben

Ahhoz, hogy animációt hozzon létre a Photoshopban, nincs szükség fenomenális ismeretekre ezen a területen, és ez meglehetősen egyszerű. Ezzel a feladattal, abszolút felhasználóval a szükséges eszközökkel megbirkózhatnak. Az animáció létrehozására szolgáló programok ma nagyon sokat vannak. Ezen lecke azonban az Adobe Photoshop programot fogjuk használni. Ebben a kézikönyvben részletesen elemezzük az animáció létrehozásának folyamatát a Photoshop eszközök segítségével.

Miért van a Photoshop, nem más programok? Az a tény, hogy megjelent minden más, a képekkel való munkavégzés előtt. A fejlesztők folyamatosan javítják a teremtésüket, és szinte elhozta a tökéletességre. A Photoshop a legjobb program a különböző formátumú képekkel való munkavégzéshez, és nemcsak. A program funkcionalitása olyan gazdag, amely lehetővé teszi, hogy a képeket minden, amit a szíved elégedett, és képes arra, hogy befolyásolja a képzelet, még a grafikai tartalmú szakemberek is. És az animált képek létrehozása nem kivétel.

Tartalom: “Hogyan készítsünk egy animációt a Photoshop-ban”

Hozzon létre vászonot, és készítsen rétegeket dolgozni.

  1. A munka megkezdéséhez új dokumentumot kell létrehoznunk. Nyissa meg a Photoshopot, és kattintson a “Fájl” fülre. A megnyíló menüben ki kell választania az “Új dokumentum létrehozása” lehetőséget.
  2. Meghatározható a párbeszédpanel, amelyben megadhatja az összes szükséges dokumentumparamétert. Adja meg a nevet, méretet és egyéb attribútumokat, majd kattintson az “OK” gombra. Ez a lecke a Photoshop CC-ben történik, de a CS6-val és más változatokkal néhány különbség lesz.
  3. Most meg kell készítenünk az animáció jövőbeli személyzetét. Ehhez hozzon létre több új réteget, vagy a már meglévő réteg több példányát. A lépés végrehajtásához menjen a rétegek paneléhez, és hozzon létre új rétegeket, a “Új réteg létrehozása” gomb segítségével.
  4. Most az előkészített rétegeken a jövőbeli animáció kereteit rajzolhatja. Példaként, húzunk egy kört használ ellipszis, amely az egyes rétegeken tolódik jobbra és lefelé ferdén több képpont.

Animáció létrehozása

Ha a keretek összes rétegét már szerkesztették, elkezdheti az animáció létrehozását.

  1. A munkához, az animációs képekkel való munkavégzéshez szükséges eszközöket kell visszavonni. Ehhez menjen a felső menübe az “Ablak” fülre. Ott fogod látni a “mozgást” vagy az “időkárosodás” pontot – itt van szükségünk.

    Megjelenik az időskála. Ha még mindig nem, ne aggódj. Nézd meg a közepét, lesz egy “Display Frames” gomb, kattintson rá.

  2. Most megnézzük, hogy hány keretet / réteg rajzolunk és hozzáadjuk a megfelelő összeget. Ehhez használja a “Hozzáadás kerete” gombot.
  3. Ezután felváltva dolgozunk minden jelenetgel. Meg kell változtatni a rétegek láthatósági paramétereit. Csak a beton keretén látható réteg látható.
  4. Ezután állítsa be a “másodpercek száma” értéket, amelyet minden keretre kiosztanak az animáció elindításakor. A mi esetünkben azt is helyettesítjük a “Egyszer” a “folyamatosan”, hogy az animáció hurok legyen:
  5. Itt van, hogy minden, az animált kép készen áll. A kreativitás eredménye megtekinthető az “Animációs lejátszás indítása” gombra kattintva (“PLAY” gomb).

    Ha minden megfelel, akkor csak a dokumentumot a formátumban továbbítja *.GIF.

Ez csak csak akkor hozhat létre egy animációt a Photoshop programban. Megteremtheti az egész remekművet, csökkentve a keretek közötti intervallumokat, és több keretet ad hozzá. Mindez csak a fantáziától és a vágytól függ. Ez csak egy példa volt arra, hogy megmutassuk az alapot.

Reméljük, hogy mindenki világos volt. Ha nem, akkor írjon róla a megjegyzésekben, és szakértőnk biztosan válaszol rád, és kitalálja a kérdésben.

Találkozunk a következő Photoshop órákban.

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

1. módszer: Az objektumok kézi animációja

Az első módszer alkalmas azok számára, akik az Adobe Photoshop alkalmazást kívánják alkalmazni a vászon rétegekhez hozzáadott kézi animációhoz. Ez lehet egy tetszőleges geometriai alak, kész kép vagy szöveg. Bár ez a grafikus szerkesztő nem teljesen alkalmas ilyen feladat elvégzésére, egy egyszerű gif létrehozásával, amely megbirkózik, és megoszthatja ezt a folyamatot több lépésben.

1. lépés: Az “Time Solution” bekapcsolása

Az Adobe Photoshop animáció akkor fordul elő, amikor az objektumok helye és szerkesztése az “Time Scale” -re. Alapértelmezés szerint ez az ablak el van rejtve a programban, mert nem használják szabványos munkakörnyezetben. Aktiválni, nyissa meg az “Ablak” menüt, és kattintson az “Time Scale” gombra.

Az alábbiakban az új panel jelenik meg, amelyhez továbblépünk. Miután dolgozott a GIF-vel, újra elrejtheti újra ugyanazt a gombot az említett menüben.

2. lépés: A GIF elemeinek előkészítése

Amint korábban említettük, a Photoshop lehetővé teszi, hogy kezelje a rétegeket, beleértve a szövegeket, a képeket és a létrehozott geometriai formákat. Az indítók számára szükség van a vászonra új projekt létrehozásával. Helyezzen mindegyiket egy külön rétegbe, hogy ne tegye meg a további szerkesztés problémáit. Amint az előkészítő munka befejeződött, menjen a következő lépéshez.

3. lépés: A megjelenési hatás beállítása

Számos alapvető animációs művelet létezik, amely grafikus szerkesztőben megvalósítható, és ez magában foglalja az elemek megjelenésének hatását. És azt javasoljuk, hogy fontolja meg először, hogy ugyanabban az időben foglalkozni, hogyan kell lépni a „időskála”, és hogyan legfontosabb pontok össze vannak kötve vele.

  1. Menjen dolgozni egy mesteri panelrel, és kattintson a gombra a “Hozzon létre időskála a videóhoz”.
  2. Minden réteg egy külön pályára illeszkedik, ami azt jelenti, hogy bármelyik közül választhat, és folytassa a szerkesztést.
  3. A mi esetünkben fontolja meg egy kis logót. Bontsa ki a rétegét az összes rendelkezésre álló animációs művelet megtekintéséhez.
  4. A példában beállítottuk az “Opacity” funkció használatával végrehajtott megjelenés hatását. Kattintson erre a sorra az első kulcspont létrehozásához, és emlékezni fog arra, hogy milyen állapotban van az objektum.
  5. Az ellenőrzési ponton, változtassa meg az opacitást 0% -ra, hogy teljesen elrejtse a munkaterületet.
  6. Csúsztassa a csúszkát néhány másodpercig, és hozzon létre egy másik pontot, majd csavarja le az opacitást% -ra.
  7. Játsszon animációt, és nézze meg az előnézeti ablakot, hogy megismerje magát az eredmény. Két kulcsfontosságú pontot értünk el a megjelenés hatását az objektum optikai értékének megváltoztatásával mindegyikben.

Ugyanígy megváltoztathatja az objektumparamétert, beleértve a színt, a pozíciót, a fedőlapokat és minden mást, amely az Adobe Photoshopban van. Érdemes megfontolni a jelenlévő munkák sajátosságait. Válasszon bármelyik számot, legyen az “pozíció”, “opacitás” vagy “stílus”, és tegyen meg néhány változást ott. A cselekvés típusától függetlenül továbbra is alkalmazzák, amellyel a következő szakaszban fogunk biztosítani.

4. lépés: Az objektumok mozgásának animációja

Az animáció alapja a mozgás, ezért javasoljuk, hogy szétszereljük e művelet beállítását a több kulcs és az alapvető mozgás példáján.

  1. Mozgó objektumként a szöveget használjuk, ugyanakkor ellenőrizze a korábban leírt információkat. Bontsa ki a blokkot a segédszalagok megjelenésének rétegével.
  2. Látható, hogy a program nem határozta meg a “pozíció” funkciót, így meg kell választania egy másik opciót.
  3. Ha pontosan biztos benne, hogy az animáció “perspektívája” nem használható, akkor azt jelenti, hogy ezt a sort használhatja a szöveg helyzetének megváltoztatásához. Hozza létre az első gombot, és helyezze el a feliratot a kezdeti helyzetbe a “Mozgás” eszközön keresztül.
  4. Hozzon létre egymást követő kulcsfontosságú pontokat, kevéssé mozgatva a szöveget a végső pozícióba a mozgás simaságának biztosítása érdekében.
  5. Rendszeresen reprodukálja az animációt, és állítsa be a kulcsokat a simaság javítása érdekében.
  6. Ha kényelmetlen, hogy az aktuális időtartam nézet gombjaival dolgozzon, módosítsa a méretét, vagy növelje a ciklust új pontok hozzáadásához.
  7. Ha ki kell cserélnie vagy hozzáadnia egy objektumot, kattintson a gombra a plusz formában.

5. lépés: GIF-a számítógép mentése

Amint az animáció befejeződött, folytassa a projekt mentését GIF fájlként, hogy elküldje a hálózatot, vagy játsszon a helyi számítógépen. Ehhez az Adobe Photoshopnak két különböző funkciója van.

  1. Nyissa meg a Fájl menüt, az egeret az “Exportáláshoz”, és válassza a “Save for Web” lehetőséget. Ha nincs szüksége további animációs beállításokra, használja a “Mentés másként”, és adja meg a megfelelő formátumot a legördülő menüben.
  2. Exportáláskor keresse meg a GIF formátumot.
  3. Módosítsa a szubsztrátum színét, ha ez nem történt meg korábban.
  4. Szerkessze a képméretet és az ismétlések számát.
  5. A “Mentés” gomb megnyomása előtt ellenőrizze a kiválasztott paraméterek helyességét.
  6. Állítsa be a fájl nevét, adja meg a mentési útvonalat, és erősítse meg ezt a műveletet.

Nyissa ki a GIF-t egy böngészőn vagy bármely más kényelmes eszközön keresztül, hogy ellenőrizze a lejátszás helyességét, miután a létrehozási folyamat teljesnek tekinthető.

2. módszer: GIF létrehozása egy fotóból

Az Adobe Photoshop lehetővé teszi, hogy létrehozzon egy GIF-t a meglévő fotókból. Olyan lehet, mint a videó vágókeretei, és speciálisan létrehozott egymást követő képeket. Az animáció kialakításának folyamata ebben az esetben sokkal könnyebb, mint az előző, mert nem igényel manuális létrehozását kulcsfontosságú pontok.

  1. Az “Time Scale” ezen az idő alatt módosíthatja az üzemmódot, hogy “létrehozzon egy keret animációt”, ha ezt az opciót a legördülő menüben választja ki.
  2. Nyissa meg a “Fájl”, az egeret a “Scripts” kurzor felett, és kattintson a “Fájlok letöltése a veremre”.
  3. A megjelenő ablakban kattintson a “Review” gombra.
  4. Azonnal töltse le az összes fotót, amelyet be kell vonni az animációba.
  5. Ha be szeretné igazítani őket, aktiválja ezt a funkciót, mielőtt hozzáadná.
  6. Gomb “Hozzon létre keret animáció” forma animációt.
  7. Bontsa ki az Action menüt, és keresse meg a “Keretek létrehozása a rétegekből”, hogy más képeket adjon hozzá.
  8. Szerkessze a szekvenciát a keretek megváltoztatásával, ha a szükséglet felmerült.
  9. Az egyes keretek lejátszásának meghosszabbításához használja a késleltetést, vagy konfigurálja azt, ha az alapértelmezett lejátszási sebesség megfelel Önnek.
  10. A mentés előtt ellenőrizze a lejátszást, és hozzon létre egy GIF-t, ahogy azt az előző módszer végső szakaszában mutatjuk be.

Ha az utasítások elolvasása után úgy dönt, hogy az Adobe Photoshop nem alkalmas a tervezett animáció megvalósítására, azt javasoljuk, hogy megismerje Önt más programokkal, amelyek célja a GIF-vel dolgoznak. Az ilyen szoftver népszerű képviselőiről részletes felülvizsgálat külön cikkében van a weboldalunkon.

Bővebben: A legjobb szoftver animáció létrehozásához

Örülünk, hogy segíthetnénk a probléma megoldásában.

Írja le, hogy nem működött.
Szakembereink a lehető leggyorsabban megpróbálnak válaszolni.

Segített ez a cikk?

NEM IGAZÁN

GIF animáció online létrehozása Photoshop nélkül. Fotószerkesztő PICMIX. Hogyan készítsünk GIF-t egy fotóból

Korábban a webhelyen harmadik félnek tekintettünk, de a legtöbbjük könnyen helyettesíti a szokásos Photoshopot. Az animált gif fájlok könnyen és gyorsan készülnek. Ezek általában több képből (keret) állnak, amely lépésről lépésre változik, és végső eredményt képez. Ma megpróbáljuk megvizsgálni a lehető legrészletesebben az A-tól Z-ig:

Az alábbi képernyőképek a Photoshop SS-től vannak képviselve, de a GIF animációval való együttműködés a CS6-ban és a plusz mínusz program más verziói hasonlóak. Talán vizuálisan szerszámok lesznek kissé eltérőek, de általában a hasonló cselekvési elv és algoritmus. Például fontolja meg a triviális feladatot, hogyan hozzon létre egy GIF animációt a fotók Photoshopjában, amelyek megváltoztatják egymást. A közelmúltban, a kézikönyv segítségével GIF-t készítettem az év végső hozzászólásának kalandjaimról egy személyes blogban.

A folyamat szó szerint jegyzőkönyvet tartott itt, csak gondosan végezze el az összes lépést. A hozzászólás végén egy angol nyelvű videó bemutatót találsz ezen a témában.

Képek hozzáadása GIF animáció Photoshopban

Először is letölteni kell egy grafikus szerkesztőben Minden kép / fotó, amely részt vesz az animációban. Add hozzá őket egy különböző rétegekkel rendelkező projekthez – ez lesz az így kapott GIF fájl felvétele. Ellenőrizze a képek méretét és a kijelzőt, hogy minden, amennyire szüksége van. A rétegek elrejthetők (a réteg bal oldalán lévő szem ikont használva) az összes objektum megtekintéséhez.

A panel központjában van egy legördülő listát, ahol ki kell választania a “Keret animáció létrehozása” opciót, és kattintson a gombra. Ennek eredményeképpen az idővonal egy kicsit változik, és az első keretként láthatja a legfelső rétegből a legfelső rétegből.

A következő lépésben, akkor oda az összes réteget a projektben (kattintson a képekre a Ctrl billentyű lenyomása). Ezután nyissa meg a helyi menüt a jobb felső sarokban a Timeline ablakban, és válassza a „Make Keretek rétegek”.

Az Adobe Photoshop minden látható és kiválasztott rétege egy animált gif keretet hoz létre. Ennek eredményeképpen nézze meg őket az idővonalpanelben.

GIF Animációs beállítások a Photoshopban

Itt meg kell adnia a 2 dolgot: a különböző keretek megjelenítésének időtartama + a gif ismétléseinek száma. Kezdjük az elsővel. Az egyes objektumok alatt az idővonalon megtalálható a megjelenítési idő és az arrogáns. Kattintson rájuk, és a felbukkanó menüben válassza ki a kártya időtartamát.

Az elemek meghatározhatók különböző időpontokban, vagy a paramétert többször is beállíthatják (az együttműködés, mint a rétegekben – a Ctrl használata).

Az animáció létrehozásakor a Photoshop-ban “hurok” GIF-re válassza ki a megfelelő beállításhoz a Forever értéket, amint az az alábbi képernyőképen látható.

Lehetőség van arra, hogy megadja a szükséges számú ismétlést. A következő a lejátszás gomb, amely lehetővé teszi, hogy elveszítse animált GIF-t, és nézze meg, hogyan fog megjelenni a végeredmény.

GIF animáció mentése a Photoshopban

A kézikönyvünk utolsó részében fontolja meg, hogyan mentse meg a GIF animációt a Photoshopban. Ebből a célból egy ismerős szerszámot takarít meg az interneten, de az Adobe Photoshop SS legújabb verzióiban a menü új helyén található (File – Export). Szerencsére az Alt + Shift + Ctrl + S még mindig működik.

A megnyíló beállítási ablakban ki kell választania a GIF formátumot, és győződjön meg róla, hogy a hurok beállításainak beállítása örökre telepítve van. Az ablak jobb alsó sarkában lehetőség van arra, hogy az Animált GIF-t futtatja az Ön által az előnézet Photoshopban.

Ha minden, amire szüksége van, kattintson a Mentés gombra, és mentse a fájlt a helyi számítógépen. A böngészőben megnyitott GIF teljesítményének ellenőrzéséhez t.Nak nek. A beépített Windows Viewer animáció nem veszíti el.

By the way, akkor is exportálhatja a projekt videó formátumban. Az eljárásnak, hasonló, mint amikor mentés GIF animáció, de a Photoshop menüben válasszuk a Fájl – Export – Videó renderelése.

A megnyíló ablakban különböző videóbeállítások lesznek, de nem kell továbbítani, csak kattintson a Render gombra. Végül, Get Mp4 fájlt a diavetítés fotók / képek.

Végül azt javasoljuk, hogy nézzen angolul beszélő video tutorial az animált gif létrehozásáról a Photoshop-ban. A munka algoritmusa ugyanaz, mint a cikkben, de talán könnyebben érzékelni a videóin.

Ha bármilyen más kérdése van arról, hogyan lehet a GIF animációt a Photoshopban, vagy vannak kiegészítések, írj a megjegyzésekbe.

GIF-animáció – egy sor ciklikusan változó kép és videó keret – az egyik népszerű internetes tartalom formátum. Ez a formátum különösen szereti az internetes marketingeket, hogy képes legyen felhívni a közönség figyelmét. A GIF formátumot reklám bannerek, termékszerzési anyagok és szolgáltatások létrehozására használják kereskedelmi környezetben, szórakoztató tartalom a közösségi hálózatokban. A GIF-animáció statikus képekkel látványos, és a videokonferencia alacsony súlyt és képes az információ lényegének közvetítésére, mint a kép, majdnem azonnal. Igen, és a “GIF-ek” létrehozása egy folyamat, sokszor könnyebb, mint a videó felvétele és szerkesztése.

Természetesen a GIF animáció létrehozásának folyamata saját készséggel rendelkezik. A “GIFKI” szakmai szinten az Adobe Photoshop erőteljes grafikus szerkesztők segítségével jönnek létre. A módszer egyszerűbb – a funkcionális keskeny vezérlésű programok használata GIF animáció létrehozásához. Ezek nem olyan összetettek, mint a professzionális szintű grafikai szerkesztők, de még mindig lehetséges, hogy egy este elsajátítják őket.

Programok GIF-animáció EximiousSoft GIF Creator, FotoMorph, Ulead GIF Animator és társaik – Figyelemre méltó, különleges hatásokat. Egyszerű GIF animáció létrehozásához bizonyos készségekre nincs szükség. Amatőr “gifki” egyszerűen, gyorsan és ingyenes. Ehhez az interneten különleges webszolgáltatások vannak. Kiegészíthetik az egyszerű grafikus szerkesztők vagy képkezelők funkcionalitását, akik nem tudják, hogyan kell exportálni a GIF formátumot, de rendelkeznek a szükséges lehetőségeket a képek, érdekes hatások és könnyen használható lehetőségekhez. Hogyan készítsünk Gif & # -et; Animáció a képről? Troika Simple Web Services és Ways létrehozása GIF Animáció Online Fontolja meg az alábbiakat.

GIF animáció létrehozására szolgáló programok

1. Toolson webszolgáltatás

Toolson Web Service – Ez egy Filiszteus portál, amely ingyenes egyszerű eszközöket kínál másfajta feladatok megoldására: csengőhangok, logók, ikonok, fotokollázsok létrehozása, GIF animáció. A GIF fájlok képeket és videókból hozhatók létre. Újraéleszteni statikus képek, kattintson a „GIF-animáció” szolgáltatás részben a képet hozzá a számítógépen tárolt (azok összsúlya nem haladhatja meg a 15 MB), így animációk a nevet, meg a keret késleltetési idő és a ciklus lejátszás paraméter ( ha szükséges).

Ha a forrásanyagok különböző méretűek, megadhatja a képpontok szélességének és magasságának értékét, hogy elmenjen az automatikus kiválasztásból. A Toolson még több effektust kínál a forrásképek átfedésére. Igaz, nem számítva a fekete-fehér szűrőt a “Retro” stílusban, a fennmaradó szűrők tervezési stílusa sokkal kívánatos. Az eredmény szerint kattintson a “Létrehozás” gombra.

A feladat feldolgozása után a létrehozott animáció letölthető a számítógépre.

Az előnye, hogy a Toolson szolgáltatás, hogy nem működik a fajta szabad photochnics a szükséges elhelyezése egyedi tartalmat a saját szerverén. A folyamat létrehozása GIF-animáció, a felhasználó csak a meghívott, hogy munkájukat a helyszínen galériában. A “Hozzáférés engedélyezése” opció alapértelmezés szerint inaktív. By the way, a galériában megismerkedhet a felhasználók munkáival, akik “GIF-eket” helyeztek az eszközön. Menjen a GIF galériába, amelyet az oldal alagsorában hajtanak végre.

Ugyanolyan egyszerű, mint a képek, egy GIF animáció a videókból jön létre. A Toolson Section “Convert Video gif” gombra kattintva a “Video in GIF Converter” feliratával.

Egy olyan számítógépen található videofájlot adunk hozzá, amelyet az MP4, OGV, OGG, WEBM támogatott. Ezután a letöltött videó játékos előnézetében válassza ki az animáció kiindulópontját. Állítsa be a keretek frekvenciáját, és kattintson a “Felvétel indítása” gombra. A kívánt szegmens videó befejezése után kattintson a “Felvétel leállítása” gombra. A GIF animációt mentjük a fájlkimeneten.

2. GIF Creator Web Service

A GIF Creator webszolgáltatás nagyobb listát kínál a forrásanyagokból a GIF animáció létrehozásához a kimeneten, nem pedig az előző résztvevőnél. A GIFKI nem csak a lemezen és a videóban tárolt képekből lehet létrehozni, hanem a számítógépes kamerával létrehozott fotókból is. A böngészőablakban lévő eszközkészlet segítségével létrehozott GIF-animáció a webszolgáltató szerveren található, ahonnan a fájlok letölthetők a számítógépre. Ne veszítse el a létrehozott “mestermű” webcímét, segít a linkek lazító gombjaiban a közösségi hálózatokban. De a GIF Creator működhet és helyben, erre, akkor csak meg kell használni az ingyenes kliens alkalmazás iOS, Android és Windows jelenléte miatt a kliens alkalmazások, az egyszerűség és a kényelem a GIF Creator webes szolgáltatás, és lett kiválasztva Ez a felülvizsgálat jelentős számú webes erőforrást kínál, amely ingyenes GIF Animáció online létrehozását kínálja.

GIF Creator kliens alkalmazások támogatására csak létrehozását GIF animáció képek – elérhető a számítógépen, vagy létre a folyamatot, ha a kamera. Az Alkalmazás ablakban válassza ki a “GIF from Pictures” részt.

Az alján lévő megfelelő gombok aktiválják a fényképezőgépet a képek létrehozásához vagy az elérhető képek hozzáadásához. A végső szerint nyomja meg a Tick gombot.

Ezután állítsa be az animációs keretek késleltetett értékét, ha szeretné, adjon hozzá valamilyen feliratot, és kattintson az “Alkalmazás” gombra. Ha csak a helyi mentő GIF szükséges, akkor használja a “Mentés” gombot, és a fájl mentésre kerül az eszköz különleges helyén. A Windows 10 esetében például a “GIF Creator” mappája a képfelhasználói profil mappában található.

Az alkalmazással létrehozott összes GIF fájl megjelenik a helyi “My Gif” galériában. Bármelyikük törölhető a számítógépről és a GIF Creator Serverről.

3. Google Web Service fotó

A Google Web Service fotó – Photo tárhely a legnagyobb internetes kereső – egyértelmű győztest a jelölést „A legegyszerűbb módja annak, hogy hozzon létre egy GIF”. De ez még mindig. Az a tény, hogy a Google-tól származó fotó tárhely aktívan fejlődik, de már feltételezhető, hogy a keresési óriás egyfajta egyedi terméket kíván tenni, minimális eszközkit a felhasználók számára, de maximális megadott jellemzőkkel. Plusz ennek, a Google fotót szellemi terméknek tekintik. A szolgáltatás maga a katalógusok letöltött képeket a felvételi helyek címkéire, a témát, létrehozhatják a fotó látványos videóját a diavetítés típusa szerint. És telepítése után a kliens alkalmazás iOS, Android vagy Windows és hagyva, hogy a munka a háttérben, a Google is láthatatlanul állni őrzés biztonságát egyéni média libations automatikusan másolatokat küld a létrehozott képek és videó a Google internetes Storage Fotók. A rendelkezésre álló felhasználóktól a szolgáltatáson belül – képek egyszerű szerkesztése, átfedési hatások, kollázsok és gif animáció létrehozása.

A Google Webes felületen “GIFKI” létrehozásához válassza ki az “Asszisztens” első részét, és megnyomjuk az “Animáció” gombot.

Kiemeljük a kívánt képeket a korábban betöltött fotók számából, kattintson a “Create” gombra.

A GIF animáció megnyílik a böngészőablakban, és a számítógép letöltési beállításai elérhetők lesznek, hozzáadva a korábban létrehozott albumokat, és nyilvános kapcsolatot kapnak, és rázta a szociális hálózatokban.

Az így létrehozott összes GIF animáció a Google Photo “Albums” szakaszban tárolódik az “Animáció” alszakaszában.

A GIF létrehozásakor zavaros lehetőségek, a Google Fotók más szolgáltatásokat nyernek nagyobb súlyforrás-képek betöltéséhez. A média rendszer ingyen tárolására a Google-ban 15 GB felhős helyet osztanak ki minden regisztrált felhasználó számára. Tartalmazza az animáció összetételét, amelyet már a képekig lehet.

Kiváló nap!

3. Az elkészített fotók mappáját keresjük, és kattintson a bal egérgombra az első képen, rögzítse a Shift billentyűt, és kattintson az utolsó, majd az összes. Kattintson a Megnyitás gombra.

4. Minden fotó nyitott a Photoshopban. Elkezdjük létrehozni a rétegeket, hogy szükségünk van animációra vagy GIF képek létrehozása
. Kinyitottam egy speciálisan széles fotót. És ő lesz az 1. réteg.

A fénykép egy rétegben történő konvertálásához kattintson rá kétszer a bal egérgombbal.

5. Második réteg létrehozásához kattintson az ikonra, amelyen a nyíl mutatja. A második rétegen egy másik fotó lesz.

6. Top a fotók, amelyek az első mellett nyitva vannak, és válasszon egy keskeny fotót. Emlékeztetem arra, hogy opcionális … ugyanazokkal a fotókkal könnyebben dolgozni. Tehát megtaláljuk a kívánt fényképet, menjen a menübe – kiválasztás – All.

7. Ezt követően a kis kötőjel a kép körül fut, ez a kiválasztás. Most menjen a menübe – szerkesztés – másolás.

nyolc. Visszatérünk az első fotónkhoz, amely már a rétegekkel van ellátva, menjen a menübe – szerkesztés – betét. És a keskeny fotónkat egy új rétegbe helyezzük. De nem maradhat olyan szűk maradni. Hozzá kell adnunk egy háttér alatt. Ehhez kattintson az ikonra (1), húzza a réteget egy keskeny kép alatt, majd pipettával (2) Válasszon bármilyen színt, amelyet a kurzorra kattintunk a fényképen. Világos zöldséget választottam. És öntsünk egy új réteget, amit aktiválunk a töltőeszköz (3), majd kattintson a bal egérgombra a munkaterületi fotók. Felhívjuk figyelmét, hogy ebben a pillanatban az új átlátszó hátteret aktívnak kell lennie. Az aktív rétegek kék színnel vannak kiemelve. A cselekedetek után az átlátszó réteget festették.

kilenc. Most két réteget kell kombinálnunk (egy keskeny fotó és háttér). Az első rétegben egérgombot hagyunk. Kattintson a Shift gombra, és kattintson a második rétegre. Kékben álltak. A menübe megyünk – rétegek – kombináljuk a rétegeket.

Egy ilyen képet kapunk.

Ismételje meg a 6. – 10-es elemeket, hogy egy réteg egy másik keskeny fotóval hozzon létre. 2 rétegem van 2. És hozzon létre egy újabb átlátszó réteget az utolsó széles fotóval (3. réteg).

Ehhez hajtsa végre a 6., 7., 8. pontot. Minden. Kész. Rétegek a miénk Gif képek
Létrehoztuk.

Elkezdheti az animációt és a rétegeket, de úgy döntöttem, hogy létrehoz egy szubsztrátot a képünkhöz. Ehhez a menüben – kép – borjú méret. Növelje vászonunkat 50 db szélességben és magasságban. Kattintson az OK gombra.

Így kaptunk.

Hozzon létre egy új réteget (van egy 4. réteg), húzza az aljához az összes fénykép alatt, az azonos színű szubsztrátumot a keskeny fotók hátterében készítheti el. A szubsztrátum színét egy kicsit sötétebb választottam.

Alkotja az aljzatát bármilyen módon. Remélem, hogy tudod, hogy a rétegparaméterek hogyan jelennek meg, de ha nem, akkor csak. Mi lépünk a kívánt rétegre, és kattintsunk rá kétszer a bal egérgombbal, és ablak van a réteg paraméterei, és külön nyitott minden egyes paramétert, és alkalmazza a beállításokat. Alkalmaztam a hatást a rétegparaméterekbe. Belső árnyék és belső fény egy rétegparaméterrel. Szorzás … Az árnyékszín egy kicsit sötétebb hangtartó. De itt nem veszem, hogy hozzám hozzám a véleményemet. Megvan a látásod. Próbálja meg, módosítsa a beállításokat. Ez nem ijesztő. Mindig visszatérhet a kezdeti eredményhez, amelyre a menübe megy – szerkesztés – menjen vissza.

By the way, a Wisteria bokor utolsó fotójára, ez egy csomó Franciaországban és a virágzás ideje áprilisban – a május eleje. Ezt a bokorot a barátom szüleimben fényképeztem. A bolgár udvaromban is vannak, vannak bokrok Wisteria, és azt hiszem, hogy hamarosan örülünk minket a lila felhőkhez hasonló virágokkal.

Itt az ideje, hogy tegye a logót, különösen fontos, ha a képed a webhelyén található. A hétköznapi felhasználók számára ez nem alkalmazható. Hadd emlékeztessem, hogy egy kis leckét csináltam . Röviden megy: Menj a menübe – File – Place. A PSD-fájlt az előzetesen elkészített logóval keresjük, majd lépünk rá, és kattints a gombra.

Húzza és húzza a réteget a logóval a tetejére, mint én. Szükség esetén növeljük a logót a kívánt méretre, amelyre a menübe megyünk – szerkesztés – skálázás. A Shift Clamping gomb megnyúlásával vagy csökkentésével a logó. Aktiválja a “Mozgás” eszközt (a legmagasabb szerszám nyíllal és + az eszköztárban), és mozgassa a logó a kívánt helyre.

Az animáció létrehozásával készültek.

Az animáció első keretében láthatósággal kell rendelkeznie egy szubsztrátréteggel, az első réteggel a fotón (az esettórétegben 0) és a logó (1. pozíció). A fotó jó megtekintéséhez állítsa be a késleltetési időt 5 mp
(2. pozíció). Meghatározása után a késleltetési idő, és telepíteni, hogy az első keretben, az összes ezt követő képkocka lesz egy előre meghatározott idő 1 keret, t.E. 5 másodperc az én esetemben. Második keret létrehozásához kattintson a 3. pozícióban látható ikonra.

A második keretben megváltoztatjuk a réteg láthatóságát az első képből a másodikra, valamint a képernyőképemen látható.

A közelmúltban az animált képek lettek népszerűbb az interneten – “Gifki”, amelyet reklám bannerekként használnak, és csak a szórakozás. Különböző szociális hálózatokban, mint például a Vkontakte, az emberek cseréje “gifs”, hogy kifejezzék érzelmeiket és érzéseiket, cserélje ki őket hangulatjelekkel.

Navigáció

Napjainkban azonban sokan megkérdezik: “Hogyan hozzunk létre Gifs-t?”. Ez a kérdés, hogy megpróbálunk részletes választ adni ebben a cikkben.

Mi a gif animáció vagy “gif”?

Mi a gif animáció vagy “gif”?

  • GIF (GIF)
    – animált kép, amelyben a keretek váltakozva változnak, ezáltal mozgó képet hoz létre. Ha azt mondod, más szóval, ez egy kis videó alakítjuk grafikus formátum, mely megtekinthető a standard program a képek megtekintéséhez és megjelenik az összes weblapokat.
  • A GIF-ek is kisebbek, mint a videó, attól függően, hogy milyen frekvenciáját mutatják be, és a képméret. Ez az oka annak, hogy a GIF animáció kezdte széles körben használni a különböző internetes erőforrások közepét a hirdetési bannerek közepén.

Példa egy gratulációs újév GIFKI-ra

  • Mivel a GIF formátum grafikus, akkor nincsenek további bővítmények vagy kodekek a GIF-ek megtekintéséhez. Például a Flash Player. Vannak azonban olyan programok, amelyek nem támogatják a GIF animációt. Az egyik ilyen program a szabványos grafikus szerkesztő festék. Ha megnyitja a GIF benne, csak az első keret jelenik meg a képernyőn. Ha véletlenül, vagy specifikusan mentse át a festék GIF-et, abbahagyja a mozgást, és úgy néz ki, mint egy szabványos kép.

Hogyan készítsünk GIF animációt vagy “gif” -t a videóból a program segítségével?

  • Rájöttünk, hogy mi a “gifka”, és most forduljunk közvetlenül a teremtéshez. Van egy hatalmas számú program, amellyel átalakíthatja a videót Gif-animációra. Mindegyiküknek előnyei és hátrányai vannak. Egyes programok számos beállítást és funkciót, amely lehetővé teszi, hogy hozzon létre a legmagasabb minőségű gif nemcsak a videó, hanem az egyszerű képeket.
  • Az ilyen programok azonban professzionálisak, sok merevlemez-területet foglalnak el, és különleges kreatív készségeket igényelnek. Ezért figyelembe vesszük a legegyszerűbb, kényelmes és megfizethető programot, hogy létrehozzunk egy GIF animációt a “Videó kolostor
    “, Letöltés, amely lehet a hivatalos webhelyen .

1. kép. Hogyan készítsünk GIF animációt vagy “gif” -t a videóból a program segítségével?

  • A program kompakt és kényelmes video-átalakító, számos hasznos funkcióval. Ezzel nemcsak a GIF-animáció, hanem más formátumok, például az AVI, MPG4, MPG-2, 3GP, DivX, XVID, DVD és sok más.

A program megkülönböztető jellemzője a kézi konfigurálás szükségességének hiánya. Ez magában foglalja a több előbeállításokat és a kodekeket, amelyek automatikusan beállítják a kiválasztott formátum kívánt beállításait. Ahhoz, hogy GIF-t készítsen a videó segítségével a program segítségével, akkor a következőket kell tennie:

  • 1. lépés
    . Töltse le a programot a hivatalos webhelyről, telepítse és futtassa. A programban kattintson a “Fájl
    “És akkor az elemre”Nyisd ki
    “. A megnyíló ablakban töltse le a videót a számítógépről, ahonnan Gif animációt szeretne készíteni.
  • 2. lépés
    . Miután megnyitotta a munkabablakot a GIF-vel, válasszon ki egy olyan videót, amelyet az animációra konvertálni szeretne, ha a fekete csúszkákat az időskálán mozgatja. Ezzel párhuzamosan megtekintheti a kiválasztott szegmenst egy speciális játékosban. Miután kiválasztotta a kívánt szegmenst, kattintson a “További
    “.
  • 3. lépés
    . A következő lépésben ki kell választania a végső képméretet. Az alábbiakban több ajánlott opciót láthat. Válasszon egyet, vagy állítsa be saját paramétereit képpontokban. A videó teljesen illeszkedik a megadott keretekbe, jelölje be a következő négyzetet “Medve videó
    “. Ha minden megfelel Önnek, kattintson a “További
    “.
  • 4. lépés
    . A befejezési lépés a lejátszási sebesség beállítása, a kijelző (FPS) és az ismétlések számának beállítása. Az ismétlések száma ajánlott a “Mindig ismételje meg
    “Hogy az animáció automatikusan frissül. A beállítások beállítása után kattintson a “Gif létrehozása
    “És mentse el a kapott fájlt a számítógépre.
  • Ez kész. Most az Ön rendelkezésére áll az animációs kép, amelyet letölthet a Vkontakte oldalára, küldje el a falnak barátok és ismerősök számára. Bizonyos erőforrásokon ezek a képek avatárként használhatók.
  • Részletes utasítások a program használatához “Videó kolostor
    »Megnézheti a videót a cikk végén.

Hogyan hozhat létre Gif animációt vagy “GIF” -et a videóból az internetes szolgáltatások segítségével?

  • A különböző programok mellett több száz online szolgáltatás van az interneten, lehetővé téve, hogy létrehozhasson egy GIF animációt az online videóból. Lényegében ezek ugyanazok videóátalakítók, azonos funkciók és beállítások csak akkor nem kell letölteni és telepíteni. Íme néhány a legnépszerűbbek közülük:

De ebben a cikkben egy külföldi erőforrásról beszélünk Hab
, A fő különbség, amelynek a képessége, hogy létrehozzunk egy GIF animációt a YouTube, Instagram, Facebook és más népszerű szociális hálózatoktól, anélkül, hogy letöltenék őket. Az erőforrás teljesen angolul, azonban nem lesz könnyű megérteni. És így, folytassa:

  • 1. lépés
    . Menj az oldalra Hab
    . A megnyíló ablakban felajánlotta a videó feltöltését a számítógépről (Húzza a cseppet, vagy válassza a Fájl lehetőséget
    ), vagy helyezzen be egy linket a YouTube-on vagy egy másik erőforrásból (Keressen vagy illessze be az URL-t
    ). Próbáljunk létrehozni egy GIF-t a népszerű TV sorozat “A nagy robbanáselmélet”. Helyezze be a linket a videóhoz a YouTube-ról a megfelelő mezőre, és várja meg a letöltést.

1. kép. Hogyan hozhat létre Gif animációt vagy “GIF” -et a videóból az internetes szolgáltatások segítségével?

  • 2. lépés
    . A letöltés befejezése után a szerkesztő videóval nyílik meg. Válassza ki a GIF-re konvertálandó idővonal szegmensét, és adjon hozzá különböző effekteket a bal oldali menüből.
  • 3. lépés
    . Miután kiválasztotta a szegmenst, tegye a szöveget és a további hatásokat, kattintson a “GIF létrehozása
    “, Várjon a konverzió végére, és mentse el a kapott fájlt a merevlemezen lévő bármely helyre. A kijáratnál megkaptuk ezt a GIF-t:

3. ábra. Hogyan hozhat létre Gif animációt vagy “GIF” -et a videóból az internetes szolgáltatások segítségével?

Videó: Video konverziós tankönyv a “Video Master” programban

Az AVX, GIF animációk nem használják balobiness – játszanak fontos szerepet a marketing és a tanulás. Ezért is próbálta használni őket a főoldalon helyett animációk készült kódot.

A végén az emberek elkezdtek kérdezni: “Hogyan hozhat létre Gif animációt?”. Itt az ideje, hogy felfedje a titkot.

Design GIF képek

1. Titkos összetevő

Itt van az én kis titkom: az összes gif animációim először videofájlok voltak. Általában a ScreenFlow-ot használom, amelyet használok a módja annak, hogy hozzon létre egy videót a termékeinkről. Ez egy egyszerű program, amely ugyanakkor számos hasznos animációs eszközt tartalmaz.
Miután megtartottam egy animációt videofájlként, importálom a Photoshop-ban Fájl importálja a videó kereteket rétegként.

Tanács:
Ha a screenerflow vagy a hatások után nem engedheti meg magának, hozzon létre egy animációt a kulcsjegyzetben, és exportálja azt videóként. Végül, legalábbis a funkció valamelyik alkalmazása a kulcsjegyzetben.

2. Kevesebb szín = szórakoztatóbb

Ha hűvös gif animációkat szeretne készíteni, akkor meg kell közelítenie a színválasztást egy különleges remegéssel. Ez nemcsak a fájlméretet befolyásolja, hanem hosszabb animációt is létrehoz egy kis fájlmérettel. (Nekem, kis & #; ez kevesebb, mint 1 MB)

3. Használjon elmosódást a mozgásban (Motion Blur), ha lehetséges

Olyan programok, mint a screenerflow és a hatások utáni programok lehetővé teszik a videó exportálását a mozgásban. Ez nem csak az animációt adja meg a professzionális megjelenést, hanem egyszerűsíti a Photoshop fájlméret csökkentésének folyamatát is.

4. Legyen (részben) lusta

Képzeld el, hogy milyen más elemeket tudtam hozzáadni a GIF animációhoz a hozzászólás elején. Kis tulttips a felhasználói nevekkel, a kurzorral a plusz gombon és így tovább. Az emberek nem kell, hogy mindezt, hogy egy általános megértését, hogy mit láttak, így csak annyit mutatnak szükséges & #; Az idő és a fájlméret korlátozott.

Export GIF animációk

Mielőtt elkezdené aggódni az alábbi tippekről, próbálja meg exportálni a GIF animációját. Ha elfogadható, kiváló munka! Folytassa ugyanazon a szellemben. Ellenkező esetben próbálja meg a következő módszereket.

5. Távolítsa el a káderek duplikátumát

Valószínűleg az animáció megáll, vagy egy ideig rögzítve van. Körülnéz, láthatod, hogy ez a Momet több azonos keretből áll. Ha az ilyen keretek 10 darab, akkor törölje a 9-et, és állítsa be a fennmaradó keret időtartamát, például 1 másodperc.

Ha ez nem segít, próbálja meg újra importálni a videót, de ezúttal válassza ki a paramétert Korlátozza minden 2 képkockát.
Jelentősen csökkentenie kell a fájlméretet.

Tanács:
Ha az animáció több képkockából áll, problémák lesznek, ha megpróbálják csökkenteni a fájlméretet.

6. Kevesebb virág

Ha a GIF animációt a Photoshop programban mentheti, akkor a legördülő menü a színek paraméter közelében található. Kísérlet az értékekkel, próbálja ki a legkisebb számú színeket, amelyek nem kapcsolják be az egész fájlt a szemétbe.

7. A veszteséges * paraméter (veszteség) módosítása

Hogy őszinte legyek, nem is tudom, hogy ez a paraméter azt jelenti. De én biztosan
Tudom, hogy ha az 1 és 10 közötti szintre helyezi, akkor megszabaduljon az extra kilobájtól a minőségveszteségtől.

* “Veszteségek” (veszteség) & #; A grafikus információk megengedett szintje egy raszterfájlban, amely lehetővé teszi a kép fájlméretének csökkentését

Nem változott semmi! Segítség!

Ha mindent megpróbáltál, amit fent említettük, de nem lehetett csökkenteni a GIF animáció méretét, akkor vissza kell lépned. Talán a lehetetlen? Van egy másik módja annak, hogy elérje a kívánt? Lehetőség van arra, hogy megtörje a fájlt két gif animációra? Jobb lesz, ha a GIF animációja az egyik szempontra összpontosít.

Fordítótól.
Az átutalás valamennyi kívánságaival és észrevételeivel, kérjük, forduljon hozzám személyesen. Kösz!

Hozzon létre egy animációt a Photoshop-ban. GIF Animáció létrehozása a Photoshop-ban Animáció létrehozása a Photoshop CC-ben

Korábban a webhelyen harmadik félnek tekintettünk, de a legtöbbjük könnyen helyettesíti a szokásos Photoshopot. Az animált gif fájlok könnyen és gyorsan készülnek. Ezek általában több képből (keret) állnak, amely lépésről lépésre változik, és végső eredményt képez. Ma megpróbáljuk megvizsgálni a lehető legrészletesebben az A-tól Z-ig:

Az alábbi képernyőképek a Photoshop SS-től vannak képviselve, de a GIF animációval való együttműködés a CS6-ban és a plusz mínusz program más verziói hasonlóak. Talán vizuálisan szerszámok lesznek kissé eltérőek, de általában a hasonló cselekvési elv és algoritmus. Például fontolja meg a triviális feladatot, hogyan hozzon létre egy GIF animációt a fotók Photoshopjában, amelyek megváltoztatják egymást. A közelmúltban, a kézikönyv segítségével GIF-t készítettem az év végső hozzászólásának kalandjaimról egy személyes blogban.

A folyamat szó szerint jegyzőkönyvet tartott itt, csak gondosan végezze el az összes lépést. A hozzászólás végén egy angol nyelvű videó bemutatót találsz ezen a témában.

Képek hozzáadása GIF animáció Photoshopban

Először is letölteni kell egy grafikus szerkesztőben Minden kép / fotó, amely részt vesz az animációban. Add hozzá őket egy különböző rétegekkel rendelkező projekthez – ez lesz az így kapott GIF fájl felvétele. Ellenőrizze a képek méretét és a kijelzőt, hogy minden, amennyire szüksége van. A rétegek elrejthetők (a réteg bal oldalán lévő szem ikont használva) az összes objektum megtekintéséhez.

A panel központjában van egy legördülő listát, ahol ki kell választania a “Keret animáció létrehozása” opciót, és kattintson a gombra. Ennek eredményeképpen az idővonal egy kicsit változik, és az első keretként láthatja a legfelső rétegből a legfelső rétegből.

A következő lépésben, akkor oda az összes réteget a projektben (kattintson a képekre a Ctrl billentyű lenyomása). Ezután nyissa meg a helyi menüt a jobb felső sarokban a Timeline ablakban, és válassza a „Make Keretek rétegek”.

Az Adobe Photoshop minden látható és kiválasztott rétege egy animált gif keretet hoz létre. Ennek eredményeképpen nézze meg őket az idővonalpanelben.

GIF Animációs beállítások a Photoshopban

Itt meg kell adnia a 2 dolgot: a különböző keretek megjelenítésének időtartama + a gif ismétléseinek száma. Kezdjük az elsővel. Az egyes objektumok alatt az idővonalon megtalálható a megjelenítési idő és az arrogáns. Kattintson rájuk, és a felbukkanó menüben válassza ki a kártya időtartamát.

Az elemek meghatározhatók különböző időpontokban, vagy a paramétert többször is beállíthatják (az együttműködés, mint a rétegekben – a Ctrl használata).

Az animáció létrehozásakor a Photoshop-ban “hurok” GIF-re válassza ki a megfelelő beállításhoz a Forever értéket, amint az az alábbi képernyőképen látható.

Lehetőség van arra, hogy megadja a szükséges számú ismétlést. A következő a lejátszás gomb, amely lehetővé teszi, hogy elveszítse animált GIF-t, és nézze meg, hogyan fog megjelenni a végeredmény.

GIF animáció mentése a Photoshopban

A kézikönyvünk utolsó részében fontolja meg, hogyan mentse meg a GIF animációt a Photoshopban. Ebből a célból egy ismerős szerszámot takarít meg az interneten, de az Adobe Photoshop SS legújabb verzióiban a menü új helyén található (File – Export). Szerencsére az Alt + Shift + Ctrl + S még mindig működik.

A megnyíló beállítási ablakban ki kell választania a GIF formátumot, és győződjön meg róla, hogy a hurok beállításainak beállítása örökre telepítve van. Az ablak jobb alsó sarkában lehetőség van arra, hogy az Animált GIF-t futtatja az Ön által az előnézet Photoshopban.

Ha minden, amire szüksége van, kattintson a Mentés gombra, és mentse a fájlt a helyi számítógépen. A böngészőben megnyitott GIF teljesítményének ellenőrzéséhez t.Nak nek. A beépített Windows Viewer animáció nem veszíti el.

By the way, akkor is exportálhatja a projekt videó formátumban. Az eljárásnak, hasonló, mint amikor mentés GIF animáció, de a Photoshop menüben válasszuk a Fájl – Export – Videó renderelése.

A megnyíló ablakban különböző videóbeállítások lesznek, de nem kell továbbítani, csak kattintson a Render gombra. Végül, Get Mp4 fájlt a diavetítés fotók / képek.

Végül azt javasoljuk, hogy nézzen angolul beszélő video tutorial az animált gif létrehozásáról a Photoshop-ban. A munka algoritmusa ugyanaz, mint a cikkben, de talán könnyebben érzékelni a videóin.

Ha bármilyen más kérdése van arról, hogyan lehet a GIF animációt a Photoshopban, vagy vannak kiegészítések, írj a megjegyzésekbe.

Készítsünk egy animációt a Photoshop-ban

A kezdetektől fogva meghatározunk egy definíciót ..

Mi a gif animáció?

Ez egy animált kép, t.E. Egy kép, amely mozoghat. A GIF animáció több képből vagy videóból készülhet. Ma lehetőség van az animáció online készítésére. Képek betöltése, kattintson a Létrehozás gombra, és befejezi a GIF animációt. A hyphae animációt is készítheti a videóból.

Ma hyphae animációt fogunk létrehozni a Photoshopban.

Fotókra, képekre, képekre van szükségünk. Nem fogom elmondani, hogyan kell szerkeszteni a fotókat! Egy animációs létrehozási folyamattal foglalkozunk!

Szükségem van a gif animációra. Azt hittem, miért, ezen animáció alapján, ne írjon olyan oldalt, amely az animáció létrehozására szolgál a Photoshopban!?

Írjuk le az animáció létrehozásának folyamatát!

Nyissa meg a Photoshopot, hozzon létre egy külön réteget minden képhez.

Hogyan lehet létrehozni egy külön réteget az animációhoz?

Ezt teszem: letöltötte az összes képet a Photoshopban, kivágja a kép kívánt részét, és helyezze be ezeket a darabokat egy külön fájlba. Szükség van egy külön fájlra annak érdekében, hogy ne elrontson néhány fotót, akkor a számítógépen van!

Ha egy vágott darabot helyez be animációba, a réteg automatikusan létrejön!

Ha nincs menüpontja – “animáció”, akkor kattintson a legördülő menüre, mutassa meg az összes menüpontot.

A Photoshop program alján található a vezérlőmenü megjelenik az animáció. Hozzon létre annyi példányt a kiválasztott keretekről, mennyit fog megváltoztatni az animáció.

A GIF animációja 9-szer megváltoztatja a képet. Ha hirtelen kiderült, hogy a keretek száma több, mint amennyire szüksége van, akkor adjon hozzá egy kis jobb gombokat, van egy eltávolítás gomb.

Az egyes keretek megjelenítésének időpontja az animációban?

Minden képet más időre kell mutatnunk. A megjelenítési idő szerkesztéséhez kattintson egy kis vonalra – egy háromszög.

A legördülő menüben válassza ki az egyes keretek kívánt megjelenítési idejét. Ha szükség van egy másik keret megjelenítési időre, választunk egy másikat, és telepítjük a szükséges időt.

Gondoltál arról, hogy az animált GIF fájlok jöttek létre? A lecke szerzője egy éjszaka meghívja Önt, hogy megismerje az animáció néhány titkát ezzel a leckével. Meg fogja tanulni, hogyan kell használni az idővonal idővonalát, amely elérhető a Photoshop CS6-ban. Most kezdjük!

A lecke eredménye.

1. lépés

Hozzon létre egy új dokumentumot (Ctrl + N
) Az X Pixel fájl méretével. Töltse ki a háttérben a kívánt színt. Most megyünk a menübe Rétegek
& #; Stílus
rétegek
& #; Átfedés
Gradiens
Rétegréteg stílusa gradiens overlay). Alkalmazza a következő beállításokat: Stílus Sugárirányú
(Radiális), a fekete (#)-kék színei (# b) a központban kell használni.

2. lépés

Hozzon létre egy új réteget és nevezze meg Zajréteg
. Válasszon ki egy eszközt Tölt
(Paint Bucket Tool), és öntsük a létrehozott sötét színű rétegeket (# F20). Hagyja az aktív réteget Zajréteg
És menjen a menübe Szűrő & #; Zaj & #; Zaj hozzáadása
Szűrő zaj A zaj hozzáadása). A Szűrőbeállítások párbeszédpanelen helyezze el ezeket az értékeket: a hatás
(Összeg) 3%, eloszlás Egyenruha
(Egyenruha), és kattintson az OK gombra.

3. lépés

Nyomja meg a gombot (Ctrl +
U)
És a megjelenő korrekciós beállítások párbeszédpanelen írja be az értékeket Jóllakottság
(Telítettség)%: Módosítsa a réteg átfedését a rétegre Lágy fény
(Lágy fény).

Fordító Megjegyzés:

Annak érdekében, hogy ezt a színt a képernyőn a képernyőképen érje el, beállíthatja a színes hangértéket, ha korrigálja a színtónust (színárnyalat), hogy be- és #;

4. lépés

Adjon hozzá semmilyen szöveget. Itt fogjuk használni az RF Site Logo szövegét. A réteg stílusokban használja Stroke
(Stroke). Stroke értékek Válassza ki a beállításokat.

Fordító Megjegyzés:

A szerző képernyőjén már raszterizált szöveget a stroke stílusával együtt. Úgy, hogy ugyanezt tette, miután alkalmaztuk a stroke-t, távolítsa el a kitöltést (töltse ki)
) Réteg szöveggel 0% -kal, konvertálja ezt a réteget egy intelligens objektumba, majd vágja le.

5. lépés

Ebben a lépésben egy izzó hatást fogunk létrehozni a szöveges stílusok segítségével. Kattintson kétszer a rétegre, hogy hívja a Stílusbeállítások ablakot. A rétegstílusok beállítása érdekében használja az alábbi képernyőképeket.

Dombornyomás
(Ferde dombornyom)

Belső árnyék
BELSŐ ÁRNYÉK)

Belső ragyogás
BELSŐ RAGYOGÁS)

Színes átfedés
(Színes átfedés)

Külső ragyogás
(Külső ragyogás)

Árnyék
(Árnyék)

6. lépés

Miután befejezte a fényhatások létrehozását a rétegstílusok segítségével, menjen a rétegpalettára, és csökkentse a réteg értékét Tölt
(Töltse) 0% -kal.

7. lépés

Ismertesse az 5. lépésben létrehozott réteget, és húzza ki a réteg összes módját. Testreszabás mostantól ez így:

Belső árnyék
BELSŐ ÁRNYÉK)

Belső ragyogás
BELSŐ RAGYOGÁS)

8. lépés

Az eredmény alatt az alkalmazott rétegstílusok után.

9. lépés

Most létrehozunk mozgó fényfoltokat. Hozzon létre 5 réteget a meglévő tetején, és nevezze át őket 1,2,3, r és f. Ha saját szövege van, hozzon létre rétegeket a levelek szerint. Csoportosítva ezeket a rétegeket a mappába, hogy megadja a nevet Fényes foltok
és módosítsa az átfedési módot A bázis megvilágítása
(Color Dodge).

Az eszköz aktiválása Kefe
(Brush Tool), válasszon ki egy puha kefét, telepítse Átlátszatlanság
(Opacity) 95% és fehér színű vonzza a szöveget a szöveg felett. Minden egyes betű esetében egy külön fényfolt a rétegén. Az alábbiakban a képernyőképen megfontolhatja, hogyan néz ki a rétegek a szerző a rétegek palettájában.

10. lépés

Most megyünk a menübe Ablak & #; Időskála
(Ablak idővonal). Meg fogja venni, hogy a rétegek már a palettán épültek a bal oldali részén. Jelölje ki mind az öt réteg mindegyikét, a csoportban lévő könnyű foltokkal Fényes foltok
és győződjön meg róla, hogy az aktuális időjelző (kék csúszka) a nulla kereten áll. Most a csoport minden egyes rétegén, amikor aktív, kattintson az opcióra Pozíció
(Pozíció) Keyframe létrehozásához.

Fordító Megjegyzés:

Az időskála aktiválásához kattintson 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 abban, hogy ugyanaz a réteg vagy csoport, mint a réteg palettájában.

11. lépés

Aktuális idő adiciátor (kék csúszka) a jelzésben F
és mozgassa a rétegeket fényfoltokkal a mozgásukra a levél áramköréhez viszonyítva.

12. lépés

Ez úgy néz ki, mint a fényfolt kezdeti helyzete a betűkben. Mozgassa az aktuális idő jelzőjét a skálán, és mozgassa a rétegeket világos foltokkal a kulcskeretek létrehozásával. Továbbra is mozgassa őket, amíg befejezi az egyes szöveges réteg betűjét. Az utasításokért lásd az alábbi képernyőképeket

Ebben a leckében megtanuljuk, hogyan kell létrehozni egy animációt. Élénkség & #; Ez egy kép, amelynek mozgása biztosított, szemben a statikus képek (például fotók) meg tudja változtatni a kereteket vagy a keretet.

A Latin Anima-tól “lélek”. Azt lehet mondani, hogy egy animáció létrehozása, “hullám” egy képet, adja meg az életét.

Animációs panel
Az Adobe Photoshop CS3-ban megjelent, mielőtt a CS-verzióban az animáció létrehozásának képességét külön programon keresztül végezték el, a képkészülékre kész CS2-t, amelyet Adobe Photoshophoz szállítottak. Most, az Adobe Photoshop eszköz új verzióiban az animáció létrehozásához a programban szerepel, és hívják Időskála
. A lecke végrehajtásra kerül v
Adobe Photoshop, ha van egy korábbi verziója a program, egyes beállítások eltérhetnek, de az alapfogalmak azonosak.

Elkezdjük tanulni az animációt. Nyissa meg az “újraéleszteni kívánt képet”, Megnyitott fájl
(Open fájl).
Van egy aranyos képem egy lány és egy macska, szereti a csillagos ég.

Hozzon létre három új üres réteget, Rétegek-új réteg (réteg)-
ÚJ
-Réteg)
Vagy kattintson a miniatűrre egy új réteg létrehozására A rétegek paneljei
.

Nevezze meg őket, illetve “1”, “2”, “3”. Ez segítése nem zavarja később.

Választ Kefe eszköz (kefe)
:

Kattintson az elsőre a háromszögeknél az ecset mérete, majd a bal oldali felszerelésen:

Megnyílik a kefék betöltése menü:

Csillagok feltöltése (HAB) kefe:

Válasszon egyetlen keféket, és megváltoztassa a méretét, húzza ki azokat a háromréteget, amelyeket korábban létrehoztunk. Tassel Color & #; Fehér vagy fehérhöz. A legfontosabb dolog, hogy ne legyenek őket egy területen minden rétegen, próbálja szétszórni az ég körüli csillagokat.

Nos, most a legfontosabb dolog: Menj a képek újjáéledéséhez. Menjen a menübe Időmérő ablak (Ablak idővonal
) Ez az ablak jelenik meg:

Animációs panel
Két típusa van: Idővonal
és Radioális animáció
. Az első típust ritkán használják, mert elsősorban a videó működésére szolgál, váltson át Radiociáló
, Ehhez nyomja meg a “gombot”Időskála létrehozása a videóhoz »,
Majd ezen az ikonon:

Megnyílik a következő ablak:

Új keret létrehozásához kattintson erre az ikonra:

Animáció Van egy egyszerű, elég három képkocka. Add hozzá a meglévő alapértelmezett értékhez, adjunk hozzá még két keretet, majd a réteget egy lánygal és egy macskával kapjuk meg, és láthatóvá válunk, és az első réteg csillaggal (mert csak kattints az üvegre a rétegre A rétegek paneljei
):

Ugyanez történik a második és a harmadik keret esetében, csak a láthatóság, illetve a második és a harmadik réteg csillaggal. Réteg, amelynek egy lány és a macska látható mindig. Az egyértelműség screenshotok a második és a harmadik keret:

a gris kulcs
Váltás
Mi oda az összes réteget az Animáció panelen kattintson a jobb egérgombbal, és változtatni a időtartamát keret, 5 másodperc
, alapértelmezett előtt, például, 0,2 másodperc
. Kattintson a gombra „Kiválasztása a ciklus paraméterek”
és módosítsa az értéket “Állandóan”:

Ha a paraméter értéke “Egyetlen”
, akkor az animáció fog játszani egyszer, és megáll, ha a paraméter “Állandóan”
akkor „villogni” folyamatosan.

Hogy mi az animáció külleme, kattintson erre a gombra:

Simább átmenetet a keretek között, felveheti köztes képkockák & #; Tedd aktív keret animáció panel
És erre az ikonra kattint:

Egy ablak jelenik meg, ahol kiválaszthatja a mennyiséget, helyét és stílusát köztes képkockák. Azt hozzá Az első két keretben a 3 közbülső keretek az ilyen beállítások:

És az utolsó, harmadik, keret, továbbá 3, de már az egyéb beállításokat, hogy lazítsa az animáció és a csillagok simán megjelennek és eltűnnek, rángatás nélkül és éles átmenetek:

Nos, egy animációt készítettünk a Photoshop-ban, csak megmarad. Menj B File-Export-Save for Web (régi verzió) (fájl) (fájl)

Export

Megment
Mert
Web
RÉGI
Változat
)):

Válassza a Formátum lehetőséget GIF
, Kiválaszthatja a színek számát (minél több szín, annál nagyobb a fájl súlya, de a kevesebb szín, annál rosszabb a minőség), méret. A fennmaradó paraméterek alapértelmezés szerint maradhatnak.

Ez minden! Megtanultuk, hogyan lehet animációt készíteni a Photoshopban!

Ebben a cikkben elmondom, hogy milyen animáció a Photoshopban. Meg fogjuk látni, hogy az animáció hogyan működik a Photoshopban a New Year’s Banner létrehozásának példáján.

Az Adobe Photoshop CS6-ban fogok dolgozni. Van egy orosz interfészem, mert a munkából írok.

Van egy angol nyelvű videó otthon, és azt tanácsolom, hogy tanuljon az angol nyelvű változatból, ezért:

  • Könnyedén navigálhat a program bármely nyelven (angolul az oroszul, könnyen megtalálhatja az eszközöket, mert az anyanyelved, és az orosz nyelv után problémák merülnek fel az adaptációval).
  • A legtöbb jó tanulság angolul íródott.
  • A program lokalizációja gyakran különbözik egymástól, az interfész fordításának minősége néha sok kívánatos. A szerszámok helytelen fordítása zavarhatja a kezdőt a személy programjának tanulmányozására.

Folytatjuk a animáció létrehozását a Photoshop CS6-ban

Futtassa a Photoshopot.

Hozzon létre egy új fájl -new dokumentumot (Ctrl + N).

Az ablakban megnyílt ablakban beállítottuk a banner méretét: x, hívjuk meg “Újévi banner” – “OK”.

Háttér létrehozása

Előzetesen kiválasztom az anyagokat, hogy a munka (hátterek, betűtípusok és t).Ns.).

Nyissa ki az elkészített textúrát: Ctrl + O. Töltse le az általam használt textúrát .

Nyissa meg a “rétegek” rétegek palettáját – F7.

Kiemeljük az ablakot a textúrával, húzza a réteg egy paletta rétegét a rétegen egy bannerrel.

Ha a textúra túl kicsi vagy nagyon nagy a bannerhez képest, akkor a méretét a “Ctrl + T” transzformáció segítségével állítsa be.

A kép sarkában kis négyzetjelzők jelennek meg. Tartsa lenyomva a Shift-t, hogy megmentse az oldalak arányait átméretezés közben, húzza át a sarok marker átlósan, csökkentse vagy növelje a képméretet, amíg a háttér teljes felülete a banner teljes felületével van kitöltve.

Miután a banner textúráját felszerelték, menj a színkorrekcióhoz.

Menjünk a “Kép” menübe – “Alkalmazások” – “Hue / telítettség” (kép – korrekció – színes hang / telítettség).

Az ilyen beállításokat a fényes, telített szín elérése érdekében állítottam be:

Írunk szöveget

Hozzon létre egy új réteget (Ctrl + Shift + N), vagy kattintson az új réteg ikonjára a réteg palettán.

Válassza ki a “Vízszintes típusú eszköz” (T) eszközt.

Válasszon egy ecsetet bármely csillaggal, rajz lesz fehér #ffffff. Egy szín kiválasztásához kattintson egy kis négyzetre a bal oldali ablaktáblában.

Az új rétegen, vonzza a csillagokat tetszőleges helyeken. Hogy a csillagok jönnek a szuka, kattintson többször egy helyen. Ez történt velem:

Duplicate réteg (Ctrl + J) készítése. Kattintson a szem ikonjára a rétegek palettájában, hogy elrejtse az előző réteg láthatóságát.

Jelölje ki a felső réteget a csillagok másolatával. A bal oldalon válassza ki a “Lasso Tool (L)” eszközt.

Minden csillagot kiemelünk, nyomja meg az “V” (MOVE TOOL TOOL) és az átadást bármely más helyre, így különböző kereteken különböző helyeken leszünk, ezáltal villogó hatás létrehozása.

Miután áthelyezte az összes csillagot egy másik helyre, hozzon létre egy ismétlődő réteget, amelyen dolgozott (Ctrl + J), elrejti az előző réteget a rétegek palettájában a szemre kattintva, és ismételje meg a műveletet a csillagok mozgatásához Új helyek, akkor is becsaphatsz több új csillagot is.

Így 3 rétegünk lesz a csillagokkal, amelyek mindegyikében a csillagok különböző pozíciókban lesznek.

Minden készen áll.

Menjen az animáció létrehozásához a Photoshopban

Megnyitjuk az idővonalat. Menjünk az “Ablak” menübe – “Timeline” (ablakidős skála).

Abban az időben panel az időskála, megtaláljuk a gomb közepén „Create Video Timeline” (hozzon létre egy ütemtervet video).

Miután ez a skála megváltoztatja a nézetet. Most a bal alsó sarkában az ablak bal alsó sarkában a három négyzet alakú ikon létrehozásához egy keret animáció.

Megnyitottuk egy minta animációs panelt. Most csak egy olyan keret, amelyben az összes látható réteg látható (a kiválasztott keret tartalma a monitor főablakában látható).

Menj a rétegek palettájába – F7. Ki kell kapcsolnunk a két felső réteggel a csillagokkal (kattintson a szemre), így csak egy látható. Ez lesz az első keret.

Menj a rétegek palettájába. Húzza ki az első réteget a csillagokkal, forduljon a második. Így a második keretben megmutatjuk a csillagokat más helyeken.

Ismét kattintson az új keret ikonjára. Kapcsolja ki a második réteget a csillagokkal, forduljon a harmadik.

Figyeljen az egyes keretek alatti időre, ez a sokk időtartama. 5 másodperc, amely alapértelmezés szerint áll, sokat jelentenünk – az animáció lelassul, kattintson a nyílra, és állítsa be az egyes keretek időtartamát 0,1 s-ra.

Annak érdekében, hogy a felvétel zökkenőmentesen megváltoztasson, közbenső keretet kell létrehoznunk a kulcs között. Ehhez az első kereten alapul, kattintson az ikonra több körrel a földszinten az idő panelen.

A megjelenő ablakban megadjuk, hogy mennyi köztes kereteket szeretne létrehozni. 2 leszek. Minden képkocka esetében, kivéve az utolsóat, beállítottuk a “következő keret”.

Az első és a második kulcskerék között 2 közbenső termék van.

Most kelj fel a 2. keyframe (most ez 4. sorban), ismét kattintson az ikonra körökkel, és hozzon létre egy 2 közbenső keret. Most már elhagytuk az utolsó és az első keretet, hogy sima animációt kapjunk.

Válassza ki az utolsó keretet az időben. Kattintson a körökre. A megjelenő ablakban a “Intermediater Frames” sorban válassza ki az “első keret”, a keretek mindegyiket adnak hozzá.

Most a bal oldali keretek alatt megadjuk az animáció “folyamatosan” reprodukálásának számát.

Kiemeljük az első keretet, nyomja meg a háromszögeket a jobb oldali “Play” -re, hogy megnézze, mi történt.

Válassza ki a fájlformátumot, hogy mentse a GIF, kattintson a „Save …”, válassza ki a könyvtárat, ahol majd menteni, kattintson ismét a „Mentés”.

Tehát ebben a leckében megvizsgáltuk, hogyan készítsünk egy animációt a Photoshop CS6-ban.

Remélem, valami újat tanultál, és hasznos ebből a leckeből.

Hogyan lehet hozzáadni GIF-t a Photoshop-ban. Hogyan lehet gyorsan létrehozni egy GIF animációt a Photoshopban

3. Az elkészített fotók mappáját keresjük, és kattintson a bal egérgombra az első képen, rögzítse a Shift billentyűt, és kattintson az utolsó, majd az összes. Kattintson a Megnyitás gombra.

4. Minden fotó nyitott a Photoshopban. Elkezdjük létrehozni a rétegeket, hogy szükségünk van animációra vagy GIF képek létrehozása
. Kinyitottam egy speciálisan széles fotót. És ő lesz az 1. réteg.

A fénykép egy rétegben történő konvertálásához kattintson rá kétszer a bal egérgombbal.

5. Második réteg létrehozásához kattintson az ikonra, amelyen a nyíl mutatja. A második rétegen egy másik fotó lesz.

6. Top a fotók, amelyek az első mellett nyitva vannak, és válasszon egy keskeny fotót. Emlékeztetem arra, hogy opcionális … ugyanazokkal a fotókkal könnyebben dolgozni. Tehát megtaláljuk a kívánt fotót, menjen a menübe – kiválasztás – All.

7. Ezt követően a kis kötőjel a kép körül fut, ez a kiválasztás. Most menjen a menübe – szerkesztés – másolás.

nyolc. Visszatérünk az első fotónkhoz, amely már a rétegekkel van ellátva, menjen a menübe – szerkesztés – betét. És a keskeny fotónkat egy új rétegbe helyezzük. De nem maradhat olyan szűk maradni. Hozzá kell adnunk egy hátteret. Ehhez kattintson az ikonra (1), húzza a réteget egy keskeny kép alatt, majd pipettával (2) Válasszon bármilyen színt, amelyet a kurzorra kattintunk a fényképen. Világos zöldséget választottam. És öntsünk egy új réteget, amit aktiválunk a töltőeszköz (3), majd kattintson a bal egérgombra a munkaterületi fotók. Felhívjuk figyelmét, hogy ebben a pillanatban az új átlátszó hátteret aktívnak kell lennie. Az aktív rétegek kék színnel vannak kiemelve. A cselekedetek után az átlátszó réteget festették.

kilenc. Most két réteget kell kombinálnunk (egy keskeny fotó és háttér). Az első rétegben egérgombot hagyunk. Kattintson a Shift gombra, és kattintson a második rétegre. Kékben álltak. A menübe megyünk – rétegek – kombináljuk a rétegeket.

Egy ilyen képet kapunk.

Ismételje meg a 6. – 10-es elemeket, hogy egy réteg egy másik keskeny fotóval hozzon létre. 2 rétegem van 2. És hozzon létre egy újabb átlátszó réteget az utolsó széles fotóval (3. réteg).

Ehhez hajtsa végre a 6., 7., 8. pontot. Minden. Kész. Rétegek a miénk Gif képek
Létrehoztuk.

Elkezdheti az animációt és a rétegeket, de úgy döntöttem, hogy létrehoz egy szubsztrátot a képünkhöz. Ehhez a menüben – kép – borjú méret. Növelje vászonunkat 50 db szélességben és magasságban. Kattintson az OK gombra.

Így kaptunk.

Hozzon létre egy új réteget (van egy 4. réteg), húzza az aljához az összes fénykép alatt, az azonos színű szubsztrátumot a keskeny fotók hátterében készítheti el. A szubsztrátum színét egy kicsit sötétebb választottam.

Alkotja az aljzatát bármilyen módon. Remélem, hogy tudod, hogy a rétegparaméterek hogyan jelennek meg, de ha nem, akkor csak. Mi lépünk a kívánt rétegre, és kattintsunk rá kétszer a bal egérgombbal, és ablak van a réteg paraméterei, és külön nyitott minden egyes paramétert, és alkalmazza a beállításokat. Alkalmaztam a hatást a rétegparaméterekbe. Belső árnyék és belső fény egy rétegparaméterrel. Szorzás … Az árnyékszín egy kicsit sötétebb hangtartó. De itt nem veszem, hogy hozzám hozzám a véleményemet. Megvan a látásod. Próbálja meg, módosítsa a beállításokat. Ez nem ijesztő. Mindig visszatérhet a kezdeti eredményhez, amelyre a menübe megy – szerkesztés – menjen vissza.

By the way, a Wisteria bokor utolsó fotójára, ez egy csomó Franciaországban és a virágzás ideje áprilisban – a május eleje. Ezt a bokorot a barátom szüleimben fényképeztem. A bolgár udvaromban is vannak, vannak bokrok Wisteria, és azt hiszem, hogy hamarosan örülünk minket a lila felhőkhez hasonló virágokkal.

Itt az ideje, hogy tegye a logót, különösen fontos, ha a képed a webhelyén található. A hétköznapi felhasználók számára ez nem alkalmazható. Hadd emlékeztessem, hogy egy kis leckét csináltam . Röviden megy: Menj a menübe – File – Place. A PSD-fájlt az előzetesen elkészített logóval keresjük, majd lépünk rá, és kattints a gombra.

Húzza és húzza a réteget a logóval a tetejére, mint én. Szükség esetén növeljük a logót a kívánt méretre, amelyre a menübe megyünk – szerkesztés – skálázás. A Shift Clamping gomb megnyúlásával vagy csökkentésével a logó. Aktiválja a “Mozgás” eszközt (a legmagasabb szerszám nyíllal és + az eszköztárban), és mozgassa a logó a kívánt helyre.

Az animáció létrehozásával készültek.

Az animáció első keretében láthatósággal kell rendelkeznie egy szubsztrátréteggel, az első réteggel a fotón (az esettórétegben 0) és a logó (1. pozíció). A fotó jó megtekintéséhez állítsa be a késleltetési időt 5 mp
(2. pozíció). Meghatározása után a késleltetési idő, és telepíteni, hogy az első keretben, az összes ezt követő képkocka lesz egy előre meghatározott idő 1 keret, t.E. 5 másodperc az én esetemben. Második keret létrehozásához kattintson a 3. pozícióban látható ikonra.

A második keretben megváltoztatjuk a réteg láthatóságát az első képből a másodikra, valamint a képernyőképemen látható.

Az interneten az animáció már régóta megszűnt egy egyszerű oldaldekoráció, és hasznos eszközré vált a használhatóság javításához. Segít a felhasználónak, hogy kölcsönhatásba lépjen az interfészrel, vonzza a figyelmet a fontos pontokra.

Élénkség & #; Ez egy hasonló képkocka konzisztens megjelenítése egymással. Minden keret kissé változik, így úgy tűnik, hogy a kép mozog.

Az animációs felületre, interaktív prototípusok vagy reklámok létrehozása speciális programokat használnak, mint például az Adobe Animate vagy a hatások után.

Egy egyszerű webes banner vagy prezentáció létrehozásához nem szükséges speciális programok kezelése. Beépített Photoshop.

Mit kell kezdeni

Először is el kell döntenie, hogy animálunk, és milyen eredményt tervezünk elérni.

Ahhoz, hogy egy animációt hozzon létre, elvettem az egyik fényes projektet, és azta, hogy a Photoshop. A tartalomhálózat felett, felvette a méreteket, és minden elemet külön rétegbe helyezte. Ennek eredményeként megjelentem a PSD formátumban rajzolt webhely első képernyőjén, amelyet animáltam.

Időskála

Az animáció létrehozása előtt el kell készítenie a szükséges eszközöket & #; Engedélyezze az “Időkérés” kijelzőjét, amely segít az animáció keretének kezelésében.

Ehhez kinyomtatom az “ablak” fülét, és tegyenek egy kullancsot az “Időskála” előtt.

Az ablak alján a Photoshop-ban van egy széles karakterlánc, amellyel az animáció keretét ellenőrizheti.

Létre az első keretben kattintson a „Create frame animáció” ikont a „időskálán”.

Miután megjelent az első keret, folytathatja a mozgás létrehozását.

Intermediate Frames

A Photoshopban az elem többféleképpen animálható:

  • Rajzoljon több képkockát, manuálisan megváltoztatja az elemek helyzetét és tulajdonságait. Ha az animáció elég hosszú, akkor az egyes keretek rajza sokáig tart.
  • Helyezze be a közbenső keretet. Kezelni kell csak az elrendezés állapotát: az animáció elején és végén. Az ilyen állapotok közötti szükséges keretek maga is hozzáadják a Photoshopot. Ez a módszer alkalmas arra, hogy az objektum fokozatos megjelenését és eltűnését, vagy mutassa meg.

Először a Balalyaka képet animáltam. A sima megjelenéshez a “Inter Intermediate Frames” eszközt használom. A Photoshop függetlenül animált az elem, meg kell adnia két államot a & # elemre; elsődleges az első keretben és a végső az alábbiakban.

Tehát egy másik keretet adok az “Time Scale” alkalmazásban a “Kép másolat” gomb megnyomásával.

Új keretkapcsoló hozzáadása után, és távolítsa el a réteg láthatóságát a Balalaica-val. Beállíthatja a 0% réteg opacitását is.

A következő keretben ellenőrizem, hogy a réteg látható-e a Balalaica-val.

A Balalaika képével való munkavégzés után állítsa be a szöveges karakterlánc megjelenését. Az első keretben kiemelem a “Soul Sings” szöveget, és az elrendezéstől túllépve. A “3 karakterlánc” szöveggel ugyanazt csinálom, és #; Balra mozogok, amíg eltűnik.

A második keretben visszaadom a szöveget.

Bírság. Most helyezze be a közbenső keretet a kulcs között.

Ehhez kattintson a “Intermediate Frames” gombra az “Time Scale” gombra.

A megjelenő párbeszédablakban megadom, hogy hány keretet kell hozzáadni.

Minél több képkocka, annál hosszabb az animáció és zökkenőmentesen mozgatja az elemet. Ha a keretek túl kevés & #; Elemek mozgatják a rándulást.

Az animáció első része készen áll. Most meg lehet reprodukálni és látni, mi történt.

Kattintson az “Time Scale” lejátszás gombra.

A közbenső keretek behelyezése segített gyorsan létrehozni egy animációt az elemek sima megjelenésével és mozgásával.

A megjelenés, az eltűnés és a mozgalom kombinálható egymással, hogy még érdekesebb hatásokat érjen el.

Manuálisan kézi animáció

A lineáris animáció mellett néha kaotikus mozgást kell létrehoznia, vagy megmutatnia kell az elemek összetett kölcsönhatását. Általában erre létrehozni több példányban az első keretet, majd kissé változik az egyes példányokat & #; Rajzoljon animációs keretrendszert.

Az utolsó keretet többször másolom, hogy megteremtse a nyilak mozgását és a “Go to Shopping” szöveget.

A következő keretben válassza ki a kívánt réteget a szöveggel és a nyíllal, egy kicsit felfelé tolva, és az utolsó keretben & #; Lefele.

Most az animációt futtathatja és az eredményt láthatja.

Mivel a keretek gyorsan cserélnek, a szemeknek nincs ideje az utolsó keretre összpontosítani, és rögzíteni a képernyőn lévő elemek végső helyzetét.

Ezért növeltem az utolsó keret időtartamát: Kattintson a nyílra a felirat közelében “0 másodperc.”És válasszon másik időt a listából.

Az utolsó keret esetében két másodpercig megkérdeztem. Most a lejátszás lelassul a végén. Ezért az elemek mozgása kényelmes megfigyelni.

Megőrzés és export

Az Előnézet ablakban ismét láthatja az animációt, és módosíthatja a mentési beállításokat.

Alapértelmezés szerint a lejátszás után az animáció megáll. Ezért megváltoztatom a lejátszási módot az “ismétlés” és tartani.

Itt van az animáció ennek eredményeképpen:

Következtetés

A Photoshopban egyszerűen hozzon létre rövid interaktív bannerek és prezentációkat, az egyes elemeket animáljon. Kényelmesen kísérletezzen az eredményhez.

Korábban a webhelyen harmadik félnek tekintettünk, de a legtöbbjük könnyen helyettesíti a szokásos Photoshopot. Az animált gif fájlok könnyen és gyorsan készülnek. Ezek általában több képből (keret) állnak, amely lépésről lépésre változik, és végső eredményt képez. Ma megpróbáljuk megvizsgálni a lehető legrészletesebben az A-tól Z-ig:

Az alábbi képernyőképek a Photoshop SS-től vannak képviselve, de a GIF animációval való együttműködés a CS6-ban és a plusz mínusz program más verziói hasonlóak. Talán vizuálisan szerszámok lesznek kissé eltérőek, de általában a hasonló cselekvési elv és algoritmus. Például fontolja meg a triviális feladatot, hogyan hozzon létre egy GIF animációt a fotók Photoshopjában, amelyek megváltoztatják egymást. A közelmúltban, a kézikönyv segítségével GIF-t készítettem az év végső hozzászólásának kalandjaimról egy személyes blogban.

A folyamat szó szerint jegyzőkönyvet tartott itt, csak gondosan végezze el az összes lépést. A hozzászólás végén egy angol nyelvű videó bemutatót találsz ezen a témában.

Képek hozzáadása GIF animáció Photoshopban

Először is letölteni kell egy grafikus szerkesztőben Minden kép / fotó, amely részt vesz az animációban. Add hozzá őket egy különböző rétegekkel rendelkező projekthez – ez lesz az így kapott GIF fájl felvétele. Ellenőrizze a képek méretét és a kijelzőt, hogy minden, amennyire szüksége van. A rétegek elrejthetők (a réteg bal oldalán lévő szem ikont használva) az összes objektum megtekintéséhez.

A panel központjában van egy legördülő listát, ahol ki kell választania a “Keret animáció létrehozása” opciót, és kattintson a gombra. Ennek eredményeképpen az idővonal egy kicsit változik, és az első keretként láthatja a legfelső rétegből a legfelső rétegből.

A következő lépésben, akkor oda az összes réteget a projektben (kattintson a képekre a Ctrl billentyű lenyomása). Ezután nyissa meg a helyi menüt a jobb felső sarokban a Timeline ablakban, és válassza a „Make Keretek rétegek”.

Az Adobe Photoshop minden látható és kiválasztott rétege egy animált gif keretet hoz létre. Ennek eredményeképpen nézze meg őket az idővonalpanelben.

GIF Animációs beállítások a Photoshopban

Itt meg kell adnia a 2 dolgot: a különböző keretek megjelenítésének időtartama + a gif ismétléseinek száma. Kezdjük az elsővel. Az egyes objektumok alatt az idővonalon megtalálható a megjelenítési idő és az arrogáns. Kattintson rájuk, és a felbukkanó menüben válassza ki a kártya időtartamát.

Az elemek meghatározhatók különböző időpontokban, vagy a paramétert többször is beállíthatják (az együttműködés, mint a rétegekben – a Ctrl használata).

Az animáció létrehozásakor a Photoshop-ban “hurok” GIF-re válassza ki a megfelelő beállításhoz a Forever értéket, amint az az alábbi képernyőképen látható.

Lehetőség van arra, hogy megadja a szükséges számú ismétlést. A következő a lejátszás gomb, amely lehetővé teszi, hogy elveszítse animált GIF-t, és nézze meg, hogyan fog megjelenni a végeredmény.

GIF animáció mentése a Photoshopban

A kézikönyvünk utolsó részében fontolja meg, hogyan mentse meg a GIF animációt a Photoshopban. Ebből a célból egy ismerős szerszámot takarít meg az interneten, de az Adobe Photoshop SS legújabb verzióiban a menü új helyén található (File – Export). Szerencsére az Alt + Shift + Ctrl + S még mindig működik.

A megnyíló beállítási ablakban ki kell választania a GIF formátumot, és győződjön meg róla, hogy a hurok beállításainak beállítása örökre telepítve van. Az ablak jobb alsó sarkában lehetőség van arra, hogy az Animált GIF-t futtatja az Ön által az előnézet Photoshopban.

Ha minden, amire szüksége van, kattintson a Mentés gombra, és mentse a fájlt a helyi számítógépen. A böngészőben megnyitott GIF teljesítményének ellenőrzéséhez t.Nak nek. A beépített Windows Viewer animáció nem veszíti el.

By the way, akkor is exportálhatja a projekt videó formátumban. Az eljárásnak, hasonló, mint amikor mentés GIF animáció, de a Photoshop menüben válasszuk a Fájl – Export – Videó renderelése.

A megnyíló ablakban különböző videóbeállítások lesznek, de nem kell továbbítani, csak kattintson a Render gombra. Végül, Get Mp4 fájlt a diavetítés fotók / képek.

Végül azt javasoljuk, hogy nézzen angolul beszélő video tutorial az animált gif létrehozásáról a Photoshop-ban. A munka algoritmusa ugyanaz, mint a cikkben, de talán könnyebben érzékelni a videóin.

Ha bármilyen más kérdése van arról, hogyan lehet a GIF animációt a Photoshopban, vagy vannak kiegészítések, írj a megjegyzésekbe.

A CS3 kiterjesztett verziójával kezdődően az animációval dolgozik. A GIF-rajzok a keretkészletből vagy közvetlenül a videókból származnak. Tehát önállóan dinamikus képet készít a webhelyre, avatárokra, bemutatókra? üdvözlőlap. Hasonló grafika használható más projektekben, vagy telepítés közben. Ismerje meg, hogyan lehet egy animációt készíteni a Photoshopban, hogy szabadon dolgozzon az ilyen típusú képekkel.

Az Adobe Photoshop számos funkcióval rendelkezik, amelyek közül animációk létrehozása és az animációk létrehozása

Ehhez nem kell művész vagy tervezőnek lennie. Minden funkció még újonnan érkezett. Csak a Kezdeti keretkészlet, amelyből a GIF fájlt létrehozzák.

Animáció a videóból

A legegyszerűbb út és #; Videó konverzió az animációhoz. Nem kell semmit konfigurálnia. Csak nyissa meg a videót a Photoshopban . A segédprogram észleli AVI, MOV, MP4, MPG, MPEG, M4V formátumokat. Helyes indításukért a szükséges QuickTime szükséges. Hozzáadta a médiafájlt nem szerkeszthető vagy vágva. Csak az ütemezésre konvertálható.

De van egy másik módszer. Íme, hogyan készítsünk Gif-t a filmről a Photoshop-ban:

  1. Menjen a & # fájlba; Importálás.
  2. Kattintson a “Képkeretekről a rétegekről a rétegekre”.
  3. Nyissa meg a menüt néhány beállítással. A jobb oldalon egy mini-játékos lesz az előnézet számára.
  4. A “Tartomány” mezőben jelölje meg az egyik paramétert: “A kezdetektől a végéig” vagy az “csak dedikált”. A második esetben a videó kiválasztott részét beillesztik. A kívánt fragmentum vágásához mozgassa a fekete jelölőket a lejátszó alatt. A projekt hozzáad egy darabot, amely közöttük található.
  5. Photoshop A maximális keretet letöltheti. Ha a munkaanyag nagyobb, mint ez az érték, akkor a különböző dokumentumokba kell vágnia vagy hozzáadnia.
  6. Jelölje be a “Keret animáció létrehozása” jelölőnégyzetet. Tehát a videó automatikusan használja az összes szükséges beállítást. Ennek nélkül a dinamikát manuálisan kell beállítani.
  7. A “Hagyja az egyes [szám] paramétert” lehetővé teszi, hogy nem minden diát importáljon, de azt mondja, hogy minden harmadik. A végső gif szakaszos lesz.
  8. Erősítse meg az akciót, és várjon, amíg a segédprogram feldolgozza a görgőt.
  9. Menjen az “Ablak & #; Munkakörnyezet “, és válassza a” Mozgás “lehetőséget. Ez a telepítések legjobban megfelelnek az animált képek létrehozásához.
  10. A földszinten a médialejátszó bizonyos analógja lesz. Ez jelzi a keretek gyakoriságát. Van egy “PLAY” gomb, visszacsévélés, a videomály skála. Minden képen megjelenik.
  11. Azokat a rétegek között is elosztják, amelynek listája a Photoshop ablak alján található alján található. Kattintson az egyikre, hogy egy külön csúszkával dolgozzon.
  12. Törölhet néhány keretet, vagy szerkesztheti őket.
  13. Minden kép ugyanazon a területen lesz. Ez nem túl kényelmes. A réteg láthatóságának kikapcsolásához kattintson a szempillantogramra. A dia a dokumentumban marad, és ha szükséges, megjelenik a GIF animációban. Ha újra megjelenik, kattintson arra a helyre, ahol a “szem” volt.
  14. Ha meg szeretné próbálni egy másik típusú vizualizációt (akvarell, ceruza, neon lámpák), kattintson a “Szűrők” menüsorban.
  15. Photoshop effektek (Glow, Shadow, Gradient, Pattern) hozzáadása, Kattintson a jobb gombbal a rétegre, és válassza a “Átfedési beállítások” lehetőséget.
  16. A csúszda helyek megváltoztatásához húzza a kurzort.
  17. A megjelenítési idő (vagy késleltetett) kerete kiválasztásához kattintson egy kis fekete háromszögre.

Animáció a képekről

Itt van, hogyan lehet létrehozni egy animációt a Photoshopban, képek használatával:

  1. Helyezze be a kívánt képeket. Mindegyikük hozzáadja a rétegedet (a “Háttér” nevű réteg eltávolítása).
  2. Jellemzően a rajzok nyitva vannak a Windows vagy a fülek (a Photoshop interfész beállításaitól függően). Hogy egy munkaterületen egyesítse őket, másolja őket, vagy mozogjon. Automatikusan új rétegekre kerülnek.
  3. Menjen a & # ablakba; Munkakörnyezetek és #; Forgalom. Az “Animáció” panel a lejátszóval aktiválódik.
  4. Válasszon ki egy réteget, amely az első keretnek kell lennie a GIF-ben .
  5. Hogy a fennmaradó lapok láthatatlanul rákattintanak a szemciklusra kattintva.
  6. A panelen a lejátszóval kattintson az “Átalakítás az animációra” gombra az alábbi jobb oldalon. Úgy néz ki, mint egy téglalap, három részre osztva.
  7. Lesz egy keret a kiválasztott réteggel. Ismételje meg. Ehhez kattintson a “Másolás” gombra.
  8. Hogy a szükséges diákok számát.
  9. Kiderült GIF animáció egy képből. A javításhoz kattintson a második keretre, és készítsen látható második réteget, eltávolítsa a “Eye” -t az elsőtől. Megjelenik a kívánt objektum.
  10. Így váltakozva “töltse ki” a diákot.

Ha nagy elrendezést hoz létre, akkor ez a módszer hosszú időt vesz igénybe. Ebben az esetben a következőket teheti:

  1. A jobb felső sarokban lévő animációs eszközön (maga a panelen, és nem a Photoshop ablakban) van egy gomb, mint egy nyíllal rendelkező lista. Kattintson a NEE gombra.
  2. A megjelenő menüben válassza a “Keretek létrehozása a rétegekből”.

A képek ugyanazon műveletek rendelkezésére állnak, mint a videó csúszdarákhoz.

GIF animáció megtakarítása

Fontos kitalálni, hogyan kell megtartani az animációt a Photoshopban. Ha PSD-fájlként vagy “statikus” képként kerül kiadásra a JPG, BMP, PNG kiterjesztésével, nincs értelme. A mozgás helyett a transzformáció vagy az egyik fagyasztott keret villogása. A rajzok cseréjéhez egy dokumentumot GIF formátumra kell átalakítani.

  1. Amikor befejezte a munkát a Photoshopban, ne siessen, hogy bezárja, és forduljon PSD-projektbe.
  2. Menjen a & # fájlba; Mentés másként. Vagy nyomja meg a SHIFT + CTRL + S gombokat.
  3. Állítsa be a nevet a létrehozásához, és adja meg azt a mappát, amelyre azt szeretné tenni.
  4. A “Type” legördülő listában válassza a “Compuserve GIF” lehetőséget.
  5. Erősítse meg a műveletet.

Csak értsd meg a Photoshop alkalmazást, hogyan készítsünk animációt. Még ha nem is professzionális webes tervező, létrehozhat egy hasonló képet. Önnek egyedi művészete van a saját kezével.

Az Adobe Photoshop CS3 video import eszközének működéséhez a gyors idő lejátszó verzióját vagy a fentieket kell telepítenie.

A keretek importálása a videóból, nyomja meg a &. Fájl importálás video keretek a rétegekbe … & #; és válassza ki a számítógépet a számítógépen.

Ha az importálás során üzenetet kap, a formátum nem támogatott, a videót át kell alakítani a & #;.MP4 & #; formátum. Azt javaslom, hogy használja az ingyenes átalakítót . Ez azonnal levághatja a kívánt fragmentum videót, hogy ne alakítsa át az egész fájlt. Ha a CS3 Photoshop CS3-ot használja, az átalakítás után módosítsa a kiterjesztést & #;.MP4 & #; tovább &#;.Mov & #;.

A fájl kiválasztása után megjelennie kell az Import párbeszédpanel a számítógépen. Ha csak a videó töredékének animációját szeretné készíteni, tegye a kapcsolót a & # pozícióba; csak hozzárendelt tartomány & #;.

Ha a Photoshop CS3-ot használja, telepítse a csúszkát a töredék elejére, a & #; Shift & # billentyűzetet rögzítse; És ürítse ki a csúszkát a kívánt fragmentum végén.

Ha telepítette a Photoshop CS6-ot, a fekete csúszkák jelzik a fragmens elejét és végét.

Tegye a dobozt az ellenkezője & #, hagyja minden & #; és adja meg a video keretek mintavételi frekvenciáját. Példa: Ha 30 képkocka / s gyakoriságú videó, és beírta a & # 5 & # értékét, akkor az animációs keretek gyakorisága másodpercenként 30/5 = 6 képkocka lesz, azaz annál nagyobb szám, annál kevesebb a keretek (minél kisebb az animáció mérete).

Kapcsolja be az időskálát a menüparancs és a # ablak animációjára kattintva. A Photoshop CS3-ban vagy & #; időkínálat & #; A Photoshop CS6-ban.

Az animációs skálán kattintson az első keretre, bilincselje a & #; Shift & # gombot; és kattintson az utolsó keretre. Válassza ki a kívánt késleltetési időt a listából a listából, így az animáció reprodukciójának sebessége. Az eredmény megtekintéséhez használja a lejátszó gombokat.

Nyomja meg és mentse a fájlt a Web … & # fájl mentése … & #; (Photoshop CS6) vagy & #; fájl mentése webes és eszközök … & #; (Photoshop CS3). Válassza ki a & # formátumot; GIF & #;. Opcionálisan csökkentheti vagy növelheti a kép méretét a képpontok értékeinek megváltoztatásával vagy a forrásméret százalékában.

Hogyan készítsünk GIF-t a képek, fotók vagy videók Photoshop-ban?

Jó időben, barátok és legjobb kívánságok a Hab-on!

A mai lecke érdekli a grafika és a Photoshop minden szerelmeseit. Elemezzük az ilyen kérdést, hogyan lehet Gif animációt készíteni ebben a népszerű szerkesztőben, valamint a telefonon. Mindenki látható volt a társadalomban. Hálózatok hűvös mozgó képek és valószínűleg sokan megkérdezték magunkat – hogyan van olyan ügy?

A GIF-animáció mind videóból, mind statikus képekből vagy képekből készül. Alapvetően minden olyan gif kép, amelyet a helyszíneken látunk, a statikus kép vagy egyszerű képalkotás eredménye.

A Photoshop az egyik olyan csodálatos fotószerkesztés, amelyben elég ahhoz, hogy csak egy ilyen gif animációt hozzon létre.

Hogyan kell csinálni, és tovább tartsuk tovább. De mielőtt ehhez folytatnám, szeretném észrevenni a következőket. GIF animáció létrehozásához nem kell egy képet és egy sorozatot. Így van, ha videót készít, és külön képkockákon törli. Csak itt van a fordított sorrendben, vegye fel a felvételt, és összegyűjtse az egészet.

Hogyan készítsünk GIF-t a Photoshop-ban?

Szóval, az elejére nyissa meg a Photoshop programot. Ezután letölteni kell az animáció létrehozásához szükséges munkakörnyezetet. Ez az időskála, amelyet az Ablak fülön talál.

Ezen az időkiklóban és a munkához szükséges fotókat. Ehhez olyan ikont találunk, amely egy filmet vagy filmet ábrázol, amint azt szeretné, nyomja meg és válassza a Hozzáadás objektumok hozzáadása a megnyíló fülön.

Minden kiválasztott fénykép betöltődik az ideiglenes vonalra. Akkor kissé szűkülni kell, t.E., ezáltal megváltoztatja a jövőbeli videó sebességét. Alapértelmezés szerint a kép körülbelül egy percig változik. A gifek esetében sokat.

A kurzor képei közötti csomópontot hozzuk létre, amely egy konzolvé válik, és az egérgomb felmászása a kép egyik szélét húzva, ezáltal szűkítve vagy csökkenti az összeget. Ugyanilyen mértékben csökkenti az összes képet, és rákattint a “PLAY” gombra, megnézzük a keretek csere sebességét.

Ha megfelel a szabadságnak, különben csökkentjük tovább. Mivel tudjuk, hogy a GIF-kép egy körben játszik – ciklikusan, meg kell állapítani ezt a ciklust. Ehhez kattintson a fogaskerék ikonra és a megnyitott menüre, tegye a “Lejátszási ciklus” elemet.

Alapértelmezés szerint a keretek egyszerűen cserélik egymást. De hozzáadhat átmenetet. Válassza ki a második keretet, majd kattintson az olló ikon melletti négyzetre. A legördülő menüben válassza az “Átmenet” lehetőséget, és az alján megjegyzem az időtartamát.

Ezután tegye az útválasztó vezetéket a hatással a hatással, és húzza azt az időkárosodásra a keretekre. Lesz egy négyzet – fekete keret, amely a keretek között van felszerelve. Alkalmazandó hatás.

Tehát az összes későbbi személyzettel. Megtekintjük, mi történt, ha valami rossz.

MINDEN SZÜKSÉGES – Mentés. Válassza ki a “Fájl” menüt, majd a “Save for Web”. Néhány verzióban a Photoshop, ez az opció lehet az “Export” szakaszban.

Az ablak megnyílik, ahol beállítja a GIF felbontást, módosítsa a méreteket, ha szükséges. Ezután kattintson a “Mentés” gombra.

A megnyíló ablakban válassza ki a fájl mentése. Megtakarítás után menjen a katalógusba, ahol a megtekintésen alapul és nyitva áll a már készenléti gif. Csodál. Ez minden. Miután az eljárás ismétlődő többször megismétlődik, a készség elsajátította!

Hogyan készítsünk GIF-t az internetről ingyenesen?

A GIF animáció nemcsak a Photoshop, különösen azért hozható létre, mert például nem. Az interneten sok olyan szolgáltatást találsz, ahol létrehozhatja a GIF-t a videóból az online módban.

Itt van néhány közülük:

  • Imgflip
  • Giphy
  • Videotogif
  • Buildgif
  • Gifmaker

Itt fogjuk vizsgálni ezt a folyamatot a példa a IMGFLIP szolgáltatás, mint a többi, akkor megismerkedhet velük magad. Az elv szinte mindenütt ugyanaz, a különböző programok eltérőek lesznek.

Szóval, menjen az erőforráshoz: Hab Itt két lapot látunk:

  • Videó a GIF-hez . Ebben a lapon bármely webhelyről, például a YouTube-ról vagy a “Video feltöltése” gombra kattintva linket adunk a videókra.
  • Képek GIF-be . GIF létrehozása a képekről (fotók).

Mi csak érdekli a videó ebben az opcióban. Töltse le a videót, vagy helyezzen be egy linket a YouTube-ról. A videó rendszerindítása után megnyílik az ablak szerkesztése. A videó alatt egy vonalzót látunk, amelyen a kezdőidőt (zöld háromszög) és a végidő (piros háromszög) gif.

A kép jobb oldalán láthatja a GIF beállításait. Itt hozzáadhat szöveget (Szöveg hozzáadása GIF-hez), vágja a kép egy részét (Crop GIF), fordítsa el, stb. És ha rákattint a kék gombra “Több lehetőség “, Ez számos más beállítási opciót nyit meg.

Kísérletek velük, konfigurálhatja a jövőbeli animációt. Miután mindent ugyanaz a kék gomb alján végzett “Gif“. A program létrehozza (vagy létrehoz “GIF-t, majd megjelenik egy ablak, amelyben kiválaszthatja, hogyan lehet megosztani a létrehozását bármely közösségi hálózatban, másolja a linket a helyszínre, vagy csak töltse le a GIF-t a számítógépen.

Ez az egész eljárás. Ahogy láthatsz semmit bonyolult, minden elég egyszerű.

GIF-t készítünk a videóból az Android telefonon

A GIF-eket nemcsak a számítógépen hozhatja létre, hanem azt is meg lehet mondani, hogy kényelmes, lehet-e egy csomó fotót készíteni, és azonnal létrehozhat GIF-t! Különösen hasznos lesz azok számára, akik csak a telefont használják, és egyáltalán nincs számítógépe.

A GIF létrehozására szolgáló alkalmazásoknak sokat kell lenniük. A legnépszerűbb ma az alkalmazás Gif engem! Kamera.

Telepítse ezt az alkalmazást a Play Market használatával. Majd nyissa meg. A főmenüben válassza ki a kívánt opciót. A videót magának rögzítheti, de letöltheti azt vagy a telefont, vagy egy másik Hyphaf-t.

Miután betöltötte a fájlt, az alapbeállítások ablak nyitva van. Gyakorlatilag ugyanazok, mint bármely más szerkesztőben. Jelölje meg a kezdési és befejezési a jövő gif a hengerről, állítsa be a képkockák számát, lejátszási sebesség és a felbontás.

Ez a beállítás fontos a telefon számára, mivel túl sok felbontás lassíthatja a fájl lejátszását az eszközön.

Miután az összes szükséges beállítást tette, kattintson a “Hozzon létre” gombra, vagy az angol nyelvű verzióban “Teremt“. Minden, a GIF létrehozása befejeződött, és a munka eredménye megtalálható az okostelefon-galériában! Ez az egész eljárás a gifek létrehozására a telefonon, amint azt látja, minden nagyon egyszerű. Sok szerencsét a kreativitásban!

Kiadvány szerzője

0

Megjegyzések: 1Publication: Regisztráció:

Hogyan készítsünk animációt a Photoshop-ban. Lépésenkénti utasítás. Hogyan készítsünk egy animációt a Photoshop-ban

Korábban a webhelyen harmadik félnek tekintettünk, de a legtöbbjük könnyen helyettesíti a szokásos Photoshopot. Az animált gif fájlok könnyen és gyorsan készülnek. Ezek általában több képből (keret) állnak, amely lépésről lépésre változik, és végső eredményt képez. Ma megpróbáljuk megvizsgálni a lehető legrészletesebben az A-tól Z-ig:

Az alábbi képernyőképek a Photoshop SS-től vannak képviselve, de a GIF animációval való együttműködés a CS6-ban és a plusz mínusz program más verziói hasonlóak. Talán vizuálisan szerszámok lesznek kissé eltérőek, de általában a hasonló cselekvési elv és algoritmus. Például fontolja meg a triviális feladatot, hogyan hozzon létre egy GIF animációt a fotók Photoshopjában, amelyek megváltoztatják egymást. A közelmúltban, a kézikönyv segítségével GIF-t készítettem az év végső hozzászólásának kalandjaimról egy személyes blogban.

A folyamat szó szerint jegyzőkönyvet tartott itt, csak gondosan végezze el az összes lépést. A hozzászólás végén egy angol nyelvű videó bemutatót találsz ezen a témában.

Képek hozzáadása GIF animáció Photoshopban

Először is letölteni kell egy grafikus szerkesztőben Minden kép / fotó, amely részt vesz az animációban. Add hozzá őket egy különböző rétegekkel rendelkező projekthez – ez lesz az így kapott GIF fájl felvétele. Ellenőrizze a képek méretét és a kijelzőt, hogy minden, amennyire szüksége van. A rétegek elrejthetők (a réteg bal oldalán lévő szem ikont használva) az összes objektum megtekintéséhez.

A panel központjában van egy legördülő listát, ahol ki kell választania a “Keret animáció létrehozása” opciót, és kattintson a gombra. Ennek eredményeképpen az idővonal egy kicsit változik, és az első keretként láthatja a legfelső rétegből a legfelső rétegből.

A következő lépésben, akkor oda az összes réteget a projektben (kattintson a képekre a Ctrl billentyű lenyomása). Ezután nyissa meg a helyi menüt a jobb felső sarokban a Timeline ablakban, és válassza a „Make Keretek rétegek”.

Az Adobe Photoshop minden látható és kiválasztott rétege egy animált gif keretet hoz létre. Ennek eredményeképpen nézze meg őket az idővonalpanelben.

GIF Animációs beállítások a Photoshopban

Itt meg kell adnia a 2 dolgot: a különböző keretek megjelenítésének időtartama + a gif ismétléseinek száma. Kezdjük az elsővel. Az egyes objektumok alatt az idővonalon megtalálható a megjelenítési idő és az arrogáns. Kattintson rájuk, és a felbukkanó menüben válassza ki a kártya időtartamát.

Az elemek meghatározhatók különböző időpontokban, vagy a paramétert többször is beállíthatják (az együttműködés, mint a rétegekben – a Ctrl használata).

Az animáció létrehozásakor a Photoshop-ban “hurok” GIF-re válassza ki a megfelelő beállításhoz a Forever értéket, amint az az alábbi képernyőképen látható.

Lehetőség van arra, hogy megadja a szükséges számú ismétlést. A következő a lejátszás gomb, amely lehetővé teszi, hogy elveszítse animált GIF-t, és nézze meg, hogyan fog megjelenni a végeredmény.

GIF animáció mentése a Photoshopban

A kézikönyvünk utolsó részében fontolja meg, hogyan mentse meg a GIF animációt a Photoshopban. Ebből a célból egy ismerős szerszámot takarít meg az interneten, de az Adobe Photoshop SS legújabb verzióiban a menü új helyén található (File – Export). Szerencsére az Alt + Shift + Ctrl + S még mindig működik.

A megnyíló beállítási ablakban ki kell választania a GIF formátumot, és győződjön meg róla, hogy a hurok beállításainak beállítása örökre telepítve van. Az ablak jobb alsó sarkában lehetőség van arra, hogy az Animált GIF-t futtatja az Ön által az előnézet Photoshopban.

Ha minden, amire szüksége van, kattintson a Mentés gombra, és mentse a fájlt a helyi számítógépen. A böngészőben megnyitott GIF teljesítményének ellenőrzéséhez t.Nak nek. A beépített Windows Viewer animáció nem veszíti el.

By the way, akkor is exportálhatja a projekt videó formátumban. Az eljárásnak, hasonló, mint amikor mentés GIF animáció, de a Photoshop menüben válasszuk a Fájl – Export – Videó renderelése.

A megnyíló ablakban különböző videóbeállítások lesznek, de nem kell továbbítani, csak kattintson a Render gombra. Végül, Get Mp4 fájlt a diavetítés fotók / képek.

Végül azt javasoljuk, hogy nézzen angolul beszélő video tutorial az animált gif létrehozásáról a Photoshop-ban. A munka algoritmusa ugyanaz, mint a cikkben, de talán könnyebben érzékelni a videóin.

Ha bármilyen más kérdése van arról, hogyan lehet a GIF animációt a Photoshopban, vagy vannak kiegészítések, írj a megjegyzésekbe.

GIF fájlok mindenhol. Miután szerény animált képek most nem hivatalos nyelv az interneten. GIF animáció – ez a leggyorsabb módja annak, hogy kifejezze az érzelmeket a Twitterben, és órákat tölthetünk a VK, a Facebook vagy az osztálytársaiban.

Nagyon sok olyan webhely létezik, ahol a legkülönfélébb témákra kész gifeket találhat. De semmi sem hasonlítható össze a Gif animációval, amelyet saját keze teszi. Úgy gondolja, hogy ez egy összetett folyamat? Te tévedsz, elég egyszerű. Gyorsan létrehozhat egy GIF animációt a Photoshop Grafikus szerkesztőben, és egy meglévő videót konvertál, vagy egy sor statikus képet használva. Tekintsük részletesebben, hogyan történik meg.

Jegyzet:
Ebből a cikkből származó összes példában a Photoshop CC-t használom

Hogyan hozzunk létre egy GIF animációt a videóból

Először is meg kell indítania a Photoshopot, menjen a “Fájl” “Importálás” “Videó keretek a rétegekbe”, és válassza ki a kívánt videót.

A megnyíló párbeszédpanelen elvégezheti az egész videó importját, vagy csak az adott részét választhatja ki. Ha a második opciót választja, húzza a fogantyúk az Előnézeti ablak alatt a kezdeti és végpont beállításához. A fogantyúk között található videó egy része importálódik.

Jegyzet:
Ne feledje, hogy minél több videó importál, annál több lesz a gif lesz. Ha túl hosszú videót importál, akkor a “szabadság minden 2 keret” (vagy több) választása egyszerű módja annak, hogy csökkentse a méretet, nem túl sok a minőség.

Győződjön meg róla, hogy a jelölőnégyzet a “Creating Crowling Animation” ablakban van telepítve, majd kattintson az “OK” gombra. A videofelvétel behozatalának folyamata megkezdődik. Lehet, hogy időt vesz igénybe, a klip méretétől függően. Az import befejezése után a munkaterület megnyílik, amelyben minden videofelvételt saját rétegre helyezünk.

A képernyő alján az időméret palettája. Megmutatja az összes keretet, amelyből a GIF animáció lesz.

Összehasonlíthatja és törölheti a kereteket a saját belátása szerint, vagy szerkesztheti a meglévő rétegek bármelyikét, ahogyan a rétegek szerkesztése bármely más képen. A GIF animációjának megtekintéséhez egyszerűen kattintson az időskála alján található “PLAY” gombra.

Ennek eredményeképpen valami ilyesmi ki kell kapcsolnia:

GIF animáció létrehozása egy statikus képsorozatból

Ha nincs videója, hogy a GIF animációjának alapjául szolgálja, kézzel hozhatja létre egy statikus képsorozatból. Ez egy kicsit nehezebb, különösen, ha valami hűvös, de a fő folyamat egyszerű.

A GIF-et több rétegből álló képfájlból hozza létre. Minden réteg a jövőbeli animáció külön kerete. Kétféleképpen lehet elkezdeni:

  1. Ha már létrehozott képek az animáció, importálja őket, ha kiválasztja a „File” „szkripteket” „fájlok letöltése verem …”. Kattintson az “Áttekintés” gombra, és válassza ki a képeket, majd kattintson az “OK” gombra. Minden képet egy külön rétegbe helyezzük ugyanazon a fájlban.
  2. Ha még nem hozta létre a képeket, tegye meg most. Ne feledje, hogy minden egyes kép része a jövőbeli animációnak.

Most készen áll az animáció létrehozására.

Statikus képek animációja

Így működik. Ha manuálisan hozzon létre egy animációt, minden látható réteg bekapcsol. A letiltott rétegek nem vesznek részt a létrehozott keretben.

Az első keret létrehozásához tegye meg a nagyon első réteget, és az összes többiek kikapcsolják. Ezután hozzon létre egy második keretet, készítsen egy második réteget, majd a harmadik réteget a harmadik keretben és így tovább. Amikor elkezdesz, minden tisztább lesz.

Az animáció létrehozásához fedezze fel az időskálát, ha nem nyitotta meg automatikusan. Ehhez a felső panelen kattintson az “Ablak” gombra, és a megnyíló menüben válassza az “Időkapcsoló” lehetőséget. A megszűnt panel közepén kattintson a “Keret animáció létrehozása” gombra. Ez a művelet az animáció első keretének létrehozásához vezet. A “Rétegek” palettán elrejti a rétegeket, amelyek nem lehetnek a keret része.

Most kattintson az “Új keret” gombra, amely megismétli az előző keretet. Ismét elrejti az extra rétegeket, és azok, amelyek részt vesznek a keretben, láthatóvá válnak.

Ismételje meg ezt a folyamatot, amíg az animáció összes szükséges kereteinek hozzáadása.

Befejezés

Végül állítsa be az egyes keretek megjelenítési idejét. Jelölje ki az első keretet, majd kattintson az utolsó gombra a “Shift” gombra, hogy kiemelje az összeset. Most kattintson a lefelé mutató nyílra egy keret alatt, és válassza a Késleltetés lehetőséget. Nincs késedelem azt jelenti, hogy az animáció gyorsan fog működni, míg a beállított másodpercek száma a képkereteket a képernyőn meghatározott ideig tartja.

Végül állítsa be a “Time Scale” panel alján található ciklusparamétereket. Ez a paraméter felelős azért, hogy hányszor játsszák le az animációját. A legtöbb esetben kiválaszthatja az “Mindig” opciót.

Most kattintson a “PLAY” gombra a képernyő alján, hogy megtekinthesse a kapott animációt. Látni kell valamit ilyesmi:

Szerkesztheti a kereteket, csak kiválasztja őket, és megváltoztathatja a réteg láthatóságát (akkor is megváltoztathatja az átlátszatlanság vagy más összetett beállítások). Adjon hozzá további rétegeket, ha szüksége van rájuk, vagy kattintson a kosár ikonra, hogy eltávolítsa őket.

Ha elégedett az eredmény, akkor a “Animáció mentése” szakaszba léphet, vagy olvassa el a kapott animáció javítását.

Az animáció javítása közbenső keretek hozzáadásával

A Photoshop támogatja a közbenső keretek létrehozásának hatékony animációs funkcióját. Ez lehetővé teszi, hogy több sima animációt hozzon létre, automatikusan létrehozza az átmeneti keretet két meglévő keret között. Ebben a példában megkerülem az összes felvételt, hogy a csillagos égboltnak a villogás hatása legyen.

Először válassza ki az első keretet, és kattintson a “Intermediate Frames Creating” gomb eszköztárra az időkárosodás alján.

A megjelenő párbeszédablakban állítsa be a „közbenső képkockák” elemet a „következő frame” értéket, és az Add keretek elemet, adja meg az értéket tetszése. A magasabb jelentése egyenletesebb, de lassú átmenet. Kattintson az “OK” gombra a közbenső keretek létrehozásához.

Most ismételje meg ezt a folyamatot más forráskeretekhez. Amikor eljut az utolsóhoz, telepítse a “Intermediater Frames” -t az “első keretre”. Ez segít a zökkenőmentes átmenetnek az animáció ciklusának kezdetére.

A hatás megtekintéséhez kattintson a Lejátszás gombra.

Animáció megőrzése

Ha befejezte, először mentse a fájlt a Formátumban “.PSD ». Megtakarítja az összes információt a rétegekről és animációkról, hogy később módosíthassa az animációt, ha szükséges. Ezt követően közvetlenül a megőrzésre mozoghat.

Ahhoz, hogy menteni a animációt, menjen a „Fájl”, „Export” „Save for Web (régi változat) …”. A megnyíló ablakban válassza a GIF formátumot, és a “Color” mezőben adja meg a teljes fájlméret csökkentését, csökkentheti a “Képméret” mező méretét.

Az Animáció méretét láthatja az előnézeti ablak bal alsó sarkában. Ha túl nagy, húzza a veszteség csúszkát jobbra. Ez befolyásolja a minőséget, de jelentősen csökkenti a fájl méretét.

Nyissa meg a & # ablakpanelt; Időskála (Windows & #, Idővonal), és kattintson a & #; Hozzon létre egy idővonalat a videó & # -re; Videó idővonal létrehozása) Az időkapcsolat (idővonal) aktiválásához a megrendelés a képen látható:

Ez a művelet megnyitja az időskálát. Alapértelmezés szerint a skála panel megnyílik & #; ragasztó és #; A Photoshop munkaablakának alsó széléhez, a kényelem érdekében van & #; én smashing & #; a panel tetejének húzásával, majd a panel ablak munkaterületének nagyítása Alacsonyabb szög:

Jelenleg a panel csak egy rétegünk munkadokumentumunk, ez annak köszönhető, hogy a háttérréteg blokkolva van. A hátteret azonnal feloldja, amely után megjelenik az időskála.

Most időtartamának növelése videósávjára körülbelül másodperc erre hozzuk a kurzort a jobb szélén a pályán, miközben a kurzor megváltoztatja a kilátás a szögletes zárójel a nyilak, kattintson a bal egérgombbal, míg az ablak megjelenik a kurzor felett, és elkezdi húzza a kurzort jobbra húzva, az ablak húzásának időpontjában megjelenik az ábrák, jelezve a pálya hosszát és a videó végét.
Miután húzza a 3D-rétegű videokóró végén 10 másodpercig, engedje el az egérgombot, menjen a háttérrétegre, és húzza a háttér elérési útjának végét:

Most nyomja meg a háromszög bal oldalán a 3D réteg neve (van ez a név & #; & #; réteg 1 & #;). Ezután kattintson a Stopwall ikonra a vonal bal oldalán & #; pozíció 3D jelenet & #; (3D-s jelenet) a réteg animációjának aktiválásához. Kattintás után látni fogja, hogy a sárga rombuszok megjelentek a reprodukciós csúszkán. Ez & #; Címkék hozzáadása kulcskeretek. A kényelem érdekében megváltoztathatja a videojáték skáláját:

Mozgassa a lejátszási mutató csúszkát a pálya végéig:

Most kövesse az alábbi lépéseket:
1. Menjen a 3D panelre, és kattintson a & # gombra; Szűrés: Minden jelenet & #; (Szűrés jelenetekkel), ez a jobb bal gomb. Hogyan emlékszik, korábban a panel volt egy harmadik bal gomb & #; Szűrés: Materials & #; (Anyagszűrő).
2. A Tulajdonságok panelen (a panel a jobb oldalon található a Working Window Photoshop) Kattintson a & #; Koordináták & #;.
3. Adjon meg egy szögértéket az y tengely mentén, egyenlő ° -kal, ez a művelet feladata a talaj három fordulata körül a függőleges tengely körül
4. Kattintson az időkapcsolatra, és kattintson duplán a lejátszási mutató csúszkára.

Az eljárás az ábrán látható:

Ezen animációnk készen áll. Ellenőrizze, mi történt.
Az időskálán mozgassa a Play Pointer-t kissé balra, míg ha minden rendben van, a munkadokumentum ablakának földje forgatnia kell.

Menjen át a főmenüfájl fülén & #; Export & #; Videó megtekintése (File & #; Export & #; Render videó), ez a művelet megnyit egy párbeszédpanelt, ahol kiválaszthatja a mentési mappát, és beállíthat néhány beállítást. Az alapértelmezett megőrzési mappa meg van adva, és a dokumentumok & #; és az alapértelmezett beállítások ebben a példában nem fogok megváltoztatni, csak kattintok a & # gombra; Rendering & #;.

Az alapértelmezett video beállítások szerint a & # mappa; Saját dokumentumok & #; Mp4 formátumban.

Nos, ez minden. A jobb megértés érdekében az anyag, lásd a videó bemutató, alapján készült a Photoshop CS6 az orosz interfész.

Forrásanyagok letöltése:

Gondoltál arról, hogy az animált GIF fájlok jöttek létre? A lecke szerzője egy éjszaka meghívja Önt, hogy megismerje az animáció néhány titkát ezzel a leckével. Meg fogja tanulni, hogyan kell használni az idővonal idővonalát, amely elérhető a Photoshop CS6-ban. Most kezdjük!

A lecke eredménye.

1. lépés

Hozzon létre egy új dokumentumot (Ctrl + N
) Az X Pixel fájl méretével. Töltse ki a háttérben a kívánt színt. Most megyünk a menübe Rétegek
& #; Stílus
rétegek
& #; Átfedés
Gradiens
Rétegréteg stílusa gradiens overlay). Alkalmazza a következő beállításokat: Stílus Sugárirányú
(Radiális), a fekete (#)-kék színei (# b) a központban kell használni.

2. lépés

Hozzon létre egy új réteget és nevezze meg Zajréteg
. Válasszon ki egy eszközt Tölt
(Paint Bucket Tool), és öntsük a létrehozott sötét színű rétegeket (# F20). Hagyja az aktív réteget Zajréteg
És menjen a menübe Szűrő & #; Zaj & #; Zaj hozzáadása
Szűrő zaj A zaj hozzáadása). A Szűrőbeállítások párbeszédpanelen helyezze el ezeket az értékeket: a hatás
(Összeg) 3%, eloszlás Egyenruha
(Egyenruha), és kattintson az OK gombra.

3. lépés

Nyomja meg a gombot (Ctrl +
U)
És a megjelenő korrekciós beállítások párbeszédpanelen írja be az értékeket Jóllakottság
(Telítettség)%: Módosítsa a réteg átfedését a rétegre Lágy fény
(Lágy fény).

Fordító Megjegyzés:

Annak érdekében, hogy ezt a színt a képernyőn a képernyőképen érje el, beállíthatja a színes hangértéket, ha korrigálja a színtónust (színárnyalat), hogy be- és #;

4. lépés

Adjon hozzá semmilyen szöveget. Itt fogjuk használni az RF Site Logo szövegét. A réteg stílusokban használja Stroke
(Stroke). Stroke értékek Válassza ki a beállításokat.

Fordító Megjegyzés:

A szerző képernyőjén már raszterizált szöveget a stroke stílusával együtt. Úgy, hogy ugyanezt tette, miután alkalmaztuk a stroke-t, távolítsa el a kitöltést (töltse ki)
) Réteg szöveggel 0% -kal, konvertálja ezt a réteget egy intelligens objektumba, majd vágja le.

5. lépés

Ebben a lépésben egy izzó hatást fogunk létrehozni a szöveges stílusok segítségével. Kattintson kétszer a rétegre, hogy hívja a Stílusbeállítások ablakot. A rétegstílusok beállítása érdekében használja az alábbi képernyőképeket.

Dombornyomás
(Ferde dombornyom)

Belső árnyék
BELSŐ ÁRNYÉK)

Belső ragyogás
BELSŐ RAGYOGÁS)

Színes átfedés
(Színes átfedés)

Külső ragyogás
(Külső ragyogás)

Árnyék
(Árnyék)

6. lépés

Miután befejezte a fényhatások létrehozását a rétegstílusok segítségével, menjen a rétegpalettára, és csökkentse a réteg értékét Tölt
(Töltse) 0% -kal.

7. lépés

Ismertesse az 5. lépésben létrehozott réteget, és húzza ki a réteg összes módját. Testreszabás mostantól ez így:

Belső árnyék
BELSŐ ÁRNYÉK)

Belső ragyogás
BELSŐ RAGYOGÁS)

8. lépés

Az eredmény alatt az alkalmazott rétegstílusok után.

9. lépés

Most létrehozunk mozgó fényfoltokat. Hozzon létre 5 réteget a meglévő tetején, és nevezze át őket 1,2,3, r és f. Ha saját szövege van, hozzon létre rétegeket a levelek szerint. Csoportosítva ezeket a rétegeket a mappába, hogy megadja a nevet Fényes foltok
és módosítsa az átfedési módot A bázis megvilágítása
(Color Dodge).

Az eszköz aktiválása Kefe
(Brush Tool), válasszon ki egy puha kefét, telepítse Átlátszatlanság
(Opacity) 95% és fehér színű vonzza a szöveget a szöveg felett. Minden egyes betű esetében egy külön fényfolt a rétegén. Az alábbiakban a képernyőképen megfontolhatja, hogyan néz ki a rétegek a szerző a rétegek palettájában.

10. lépés

Most megyünk a menübe Ablak & #; Időskála
(Ablak idővonal). Meg fogja venni, hogy a rétegek már a palettán épültek a bal oldali részén. Jelölje ki mind az öt réteg mindegyikét, a csoportban lévő könnyű foltokkal Fényes foltok
és győződjön meg róla, hogy az aktuális időjelző (kék csúszka) a nulla kereten áll. Most a csoport minden egyes rétegén, amikor aktív, kattintson az opcióra Pozíció
(Pozíció) Keyframe létrehozásához.

Fordító Megjegyzés:

Az időskála aktiválásához kattintson 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 abban, hogy ugyanaz a réteg vagy csoport, mint a réteg palettájában.

11. lépés

Aktuális idő adiciátor (kék csúszka) a jelzésben F
és mozgassa a rétegeket fényfoltokkal a mozgásukra a levél áramköréhez viszonyítva.

12. lépés

Ez úgy néz ki, mint a fényfolt kezdeti helyzete a betűkben. Mozgassa az aktuális idő jelzőjét a skálán, és mozgassa a rétegeket világos foltokkal a kulcskeretek létrehozásával. Továbbra is mozgassa őket, amíg befejezi az egyes szöveges réteg betűjét. Az utasításokért lásd az alábbi képernyőképeket

A CS3 kiterjesztett verziójával kezdődően az animációval dolgozik. A GIF-rajzok a keretkészletből vagy közvetlenül a videókból származnak. Tehát önállóan dinamikus képet készít a webhelyre, avatárokra, bemutatókra? üdvözlőlap. Hasonló grafika használható más projektekben, vagy telepítés közben. Ismerje meg, hogyan lehet egy animációt készíteni a Photoshopban, hogy szabadon dolgozzon az ilyen típusú képekkel.

Az Adobe Photoshop számos funkcióval rendelkezik, amelyek közül animációk létrehozása és az animációk létrehozása

Ehhez nem kell művész vagy tervezőnek lennie. Minden funkció még újonnan érkezett. Csak a Kezdeti keretkészlet, amelyből a GIF fájlt létrehozzák.

Animáció a videóból

A legegyszerűbb út és #; Videó konverzió az animációhoz. Nem kell semmit konfigurálnia. Csak nyissa meg a videót a Photoshopban . A segédprogram észleli AVI, MOV, MP4, MPG, MPEG, M4V formátumokat. Helyes indításukért a szükséges QuickTime szükséges. Hozzáadta a médiafájlt nem szerkeszthető vagy vágva. Csak az ütemezésre konvertálható.

De van egy másik módszer. Íme, hogyan készítsünk Gif-t a filmről a Photoshop-ban:

  1. Menjen a & # fájlba; Importálás.
  2. Kattintson a “Képkeretekről a rétegekről a rétegekre”.
  3. Nyissa meg a menüt néhány beállítással. A jobb oldalon egy mini-játékos lesz az előnézet számára.
  4. A “Tartomány” mezőben jelölje meg az egyik paramétert: “A kezdetektől a végéig” vagy az “csak dedikált”. A második esetben a videó kiválasztott részét beillesztik. A kívánt fragmentum vágásához mozgassa a fekete jelölőket a lejátszó alatt. A projekt hozzáad egy darabot, amely közöttük található.
  5. Photoshop A maximális keretet letöltheti. Ha a munkaanyag nagyobb, mint ez az érték, akkor a különböző dokumentumokba kell vágnia vagy hozzáadnia.
  6. Jelölje be a “Keret animáció létrehozása” jelölőnégyzetet. Tehát a videó automatikusan használja az összes szükséges beállítást. Ennek nélkül a dinamikát manuálisan kell beállítani.
  7. A “Hagyja az egyes [szám] paramétert” lehetővé teszi, hogy nem minden diát importáljon, de azt mondja, hogy minden harmadik. A végső gif szakaszos lesz.
  8. Erősítse meg az akciót, és várjon, amíg a segédprogram feldolgozza a görgőt.
  9. Menjen az “Ablak & #; Munkakörnyezet “, és válassza a” Mozgás “lehetőséget. Ez a telepítések legjobban megfelelnek az animált képek létrehozásához.
  10. A földszinten a médialejátszó bizonyos analógja lesz. Ez jelzi a keretek gyakoriságát. Van egy “PLAY” gomb, visszacsévélés, a videomály skála. Minden képen megjelenik.
  11. Azokat a rétegek között is elosztják, amelynek listája a Photoshop ablak alján található alján található. Kattintson az egyikre, hogy egy külön csúszkával dolgozzon.
  12. Törölhet néhány keretet, vagy szerkesztheti őket.
  13. Minden kép ugyanazon a területen lesz. Ez nem túl kényelmes. A réteg láthatóságának kikapcsolásához kattintson a szempillantogramra. A dia a dokumentumban marad, és ha szükséges, megjelenik a GIF animációban. Ha újra megjelenik, kattintson arra a helyre, ahol a “szem” volt.
  14. Ha meg szeretné próbálni egy másik típusú vizualizációt (akvarell, ceruza, neon lámpák), kattintson a “Szűrők” menüsorban.
  15. Photoshop effektek (Glow, Shadow, Gradient, Pattern) hozzáadása, Kattintson a jobb gombbal a rétegre, és válassza a “Átfedési beállítások” lehetőséget.
  16. A csúszda helyek megváltoztatásához húzza a kurzort.
  17. A megjelenítési idő (vagy késleltetett) kerete kiválasztásához kattintson egy kis fekete háromszögre.

Animáció a képekről

Itt van, hogyan lehet létrehozni egy animációt a Photoshopban, képek használatával:

  1. Helyezze be a kívánt képeket. Mindegyikük hozzáadja a rétegedet (a “Háttér” nevű réteg eltávolítása).
  2. Jellemzően a rajzok nyitva vannak a Windows vagy a fülek (a Photoshop interfész beállításaitól függően). Hogy egy munkaterületen egyesítse őket, másolja őket, vagy mozogjon. Automatikusan új rétegekre kerülnek.
  3. Menjen a & # ablakba; Munkakörnyezetek és #; Forgalom. Az “Animáció” panel a lejátszóval aktiválódik.
  4. Válasszon ki egy réteget, amely az első keretnek kell lennie a GIF-ben .
  5. Hogy a fennmaradó lapok láthatatlanul rákattintanak a szemciklusra kattintva.
  6. A panelen a lejátszóval kattintson az “Átalakítás az animációra” gombra az alábbi jobb oldalon. Úgy néz ki, mint egy téglalap, három részre osztva.
  7. Lesz egy keret a kiválasztott réteggel. Ismételje meg. Ehhez kattintson a “Másolás” gombra.
  8. Hogy a szükséges diákok számát.
  9. Kiderült GIF animáció egy képből. A javításhoz kattintson a második keretre, és készítsen látható második réteget, eltávolítsa a “Eye” -t az elsőtől. Megjelenik a kívánt objektum.
  10. Így váltakozva “töltse ki” a diákot.

Ha nagy elrendezést hoz létre, akkor ez a módszer hosszú időt vesz igénybe. Ebben az esetben a következőket teheti:

  1. A jobb felső sarokban lévő animációs eszközön (maga a panelen, és nem a Photoshop ablakban) van egy gomb, mint egy nyíllal rendelkező lista. Kattintson a NEE gombra.
  2. A megjelenő menüben válassza a “Keretek létrehozása a rétegekből”.

A képek ugyanazon műveletek rendelkezésére állnak, mint a videó csúszdarákhoz.

GIF animáció megtakarítása

Fontos kitalálni, hogyan kell megtartani az animációt a Photoshopban. Ha PSD-fájlként vagy “statikus” képként kerül kiadásra a JPG, BMP, PNG kiterjesztésével, nincs értelme. A mozgás helyett a transzformáció vagy az egyik fagyasztott keret villogása. A rajzok cseréjéhez egy dokumentumot GIF formátumra kell átalakítani.

  1. Amikor befejezte a munkát a Photoshopban, ne siessen, hogy bezárja, és forduljon PSD-projektbe.
  2. Menjen a & # fájlba; Mentés másként. Vagy nyomja meg a SHIFT + CTRL + S gombokat.
  3. Állítsa be a nevet a létrehozásához, és adja meg azt a mappát, amelyre azt szeretné tenni.
  4. A “Type” legördülő listában válassza a “Compuserve GIF” lehetőséget.
  5. Erősítse meg a műveletet.

Csak értsd meg a Photoshop alkalmazást, hogyan készítsünk animációt. Még ha nem is professzionális webes tervező, létrehozhat egy hasonló képet. Önnek egyedi művészete van a saját kezével.

Hogyan hozhat létre GIF fájlokat a Photoshopban

GIF fájlok fényképezése

Egy munkamenet vagy esküvő alatt szándékosan figyelnék a pillanatokra, hogy véleményem szerint aranyos, mint GIF fájlok, és egyszerűen tartsa az exponáló gombot néhány másodpercig, hogy egy sor fényképet kapjon. Néha előre tervezek, és azt javaslom, hogy egy pár, hogy tegyen valamit, amit érdemes GIF, más esetekben csak látok valami aranyos, és ha azt hiszem, hogy ez lesz egy jó gif lesz, nyomja meg az exponáló gombot.

Hány képre van szüksége a GIF formátumtól, de azt hiszem, ez általában jobb, ha nincs nekik Fokozom a fotókat , De általában befejezem, hogy néhány “vége” gif. Általában tartom az exponáló gombot, amíg a kamera elindítja a pufferelést (amikor az SD-kártya már nem rögzítheti a fényképeket), majd, akkor, amikor szerkesztem, törölöm az összes képet, amit nem kell. Tartsa a kamerát mozdulatlanul & #; Ha nem használ egy állványt, mind a 30 fénykép nem lesz tökéletesen sima, de könnyű javítani, amikor a Photoshop.

GIF létrehozása a Photoshopban

Tehát a képek elvégzése után, Mindent először szerkesztem őket a Lightroom-ban .Megjelölem a képeket, amelyeken GIF-hez fogok használni, mindenki szerkesztem őket (másolom és helyezze be a beállításokat, hogy azok ugyanazok legyenek), és exportálják őket. Ne aggódj, hogy igazítsa őket most & #; Meg fogjuk csinálni a Photoshopban.

A GIF létrehozásának megkezdéséhez megnyitom a Photoshopot. Ezután lépjen a Fájl menü> “Scripts”> “Fájlok feltöltése a veremre.

Megjelenik egy előugró ablak, amelyen kiválaszthatja a fájlokat. Jelölje ki az összes kívánt fényképeket használni a GIF, és ellenőrizze, hogy a checkbox „Kísérlet automatikusan összehangolja a forrás képek” ki van jelölve.Ez lehetővé teszi, hogy összehangolja az összes fotót, hogy GIF-kép lejátszásakor a háttér stabil maradt, amíg az objektum mozog.

Kattintson az „OK” és meg kell látni ezt az időkeretet az alján, de ha nem teszed meg, menj az „ablak”> „Idővonal”, és győződjön meg róla, van jelölve egy négyzetet.

Kattintson az Animáció létrehozása gombra, majd kattintson erre a 3 kis sorra az idővonal jobb felső sarkában. Válassza a “Keretek létrehozása a rétegekből”.

Most meg kell látnod az összes fotót az idővonalon.

A legvalószínűbb, hogy a képek nem egyeznek meg teljesen (kivéve, ha egy állványt használtak). A szürke kockás tér azt mutatja, hogy egy fotó GIF-ben kevesebb, mint egy másik. Csak kattintson a bal oldali terményszerszámra, és tegye a fényképet. Azt is kiegyenesítheti. Hogy egy fotóval, és megváltozik, és az összes többi.

Kattintson a Lejátszás gombra, és nézze meg, mit néz ki a gif!

Megváltoztathatja az egyes keretek lejátszásának időtartamát & #; A Photoshop automatikusan 0-ra állítja be, de azt hiszem, hogy a másodpercek a legjobbak. Azonban játszani és nézd meg, mi működik az Ön számára! Az összes képkocka kiválasztásához kattintson az első keretre, tartsa lenyomva a Shift gombot, és kattintson az utolsó keretre. Most azonnal megváltoztathatja a sebességet minden képkockán!

A kereteket is törölheti az egyikre kattintva, majd kattintson az alábbi kosárra. Néha van egy fotó, amely dobja a “hurok”, és a gif jobban néz ki anélkül, hogy & #; Próbálja meg, és kattintson a Command + Z (vagy CTRL + Z PC-re), ha vissza akarja térni ��

Azt is megjegyezheti, hogy a gif kiderül & #; Ez normális néhány GIF esetében, de néha ennek köszönhetően minden rendben van. Könnyen megváltoztathatja a keretek sorrendjét, ha újra kattintson a három sorra, és kiválaszthatja a “Keretkeretek”.

Kész! Időt takarít meg. Általában PSD-ként tartom csak akkor, ha vissza akarok térni és szerkeszteni. A GIF mentéséhez válassza a “Fájl”> Exportálás> Exportálás> Internet mentése ». Ez a képernyő jelenik meg. Az összes alapértelmezett beállítást használom, kivéve, hogy a “Képméret” fejezetet 50% -kal vagy pixelekkel módosítom. A GIF fájlok már nagyok, és a teljes méret néha túlzott és lassítja a letöltést.Úgy gondolom, hogy 50% általában tökéletes, és mivel ügyfelei csak a számítógépen fogják látni (ellentétben a nyomtatandó fényképeket), jól működik, és a minőség még mindig jól néz ki.

Végtermék

De várj & #; , Ha szeretné közzétenni a GIF-t Instagramban vagy Facebook-ban, akkor még egy dolgot kell tennie a photoshop bevonása előtt.

Hogyan lehet közzétenni GIF fájljait Instagram-ban

A GIF fájlok jól illeszkednek az Instagram & # számára; Úgy gondolom, hogy sok figyelmet vonzanak, mert egyedülállóak, és az emberek általában nem számítanak rájuk, amikor görgetnek az idővonalon .Az Instagram nem támogatja a GIF-t, de van egy módja annak, hogy körülnézzen.

Mindössze annyit kell tennie, hogy a GIF-et egy videofájlba fordítsa. A Photoshopban menjen a “Fájl”> “Export”> “Export”> “Video” menübe.

Egy másik módja annak, hogy ezt tegye meg & #; Keressen egy olyan webhelyet, amely átalakítja a GIF-t Mp4-re (ami videofájlt képvisel). Néha használok ezgif.

Mentés a videót a számítógépre, majd küldje el a telefonra (használom földre száll), és most akkor ossza meg munkáját Instagram! A videó megnyeri, ha közzéteszi, mint a gif!
Frissítés : Nem tudom, miért, de az utóbbi időben, amikor elküldte a gif a telefonom, egy fekete HAB meg körülöttük, és én csak vágni a telefonon & #; Bár nem tudom, mit tegyek vele.

Comments are closed, but trackbacks and pingbacks are open.