{"id":3410,"date":"2020-11-18T00:00:00","date_gmt":"2020-11-18T00:00:00","guid":{"rendered":"https:\/\/megnyitasa.com\/blog\/animalt-gif-keszitese-gimp-vel\/"},"modified":"2020-11-18T00:00:00","modified_gmt":"2020-11-18T00:00:00","slug":"animalt-gif-keszitese-gimp-vel","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/blog\/animalt-gif-keszitese-gimp-vel\/","title":{"rendered":"Anim\u00e1lt GIF k\u00e9sz\u00edt\u00e9se GIMP-vel"},"content":{"rendered":"

\nA GIMP egy rendk\u00edv\u00fcl nagy teljes\u00edtm\u00e9ny\u0171 szoftver, tekintve, hogy ingyenes. K\u00fcl\u00f6n\u00f6sen a webtervez\u0151k lehetnek h\u00e1l\u00e1sak az\u00e9rt, mert k\u00e9pesek egyszer\u0171 anim\u00e1lt GIF-eket k\u00e9sz\u00edteni.
Az anim\u00e1lt GIF-ek egyszer\u0171 anim\u00e1ci\u00f3k, amelyeket sok weboldalon l\u00e1that, \u00e9s b\u00e1r sokkal kev\u00e9sb\u00e9 kifinomultak, mint a Flash-anim\u00e1ci\u00f3k, b\u00e1rki, aki rendelkezik a GIMP alapvet\u0151 ismereteivel, nagyon egyszer\u0171en elk\u00e9sz\u00edtheti \u0151ket.
A k\u00f6vetkez\u0151 l\u00e9p\u00e9sek egy egyszer\u0171 webszalag m\u00e9ret\u0171 anim\u00e1ci\u00f3t mutatnak be, n\u00e9h\u00e1ny alapgrafika, sz\u00f6veg \u00e9s log\u00f3 felhaszn\u00e1l\u00e1s\u00e1val.\n<\/p>\n

Az ebben a cikkben szerepl\u0151 utas\u00edt\u00e1sok a GIMP 2.10.12 verzi\u00f3j\u00e1ra vonatkoznak.<\/p>\n

    \n
  1. \n

    \nNyisson meg egy \u00faj dokumentumot. Ebben a p\u00e9ld\u00e1ban kiv\u00e1lasztottuk a Web banner nagy mobil 320x100<\/strong>.\n<\/p>\n

    \nAnim\u00e1ci\u00f3j\u00e1hoz kiv\u00e1laszthat egy el\u0151re be\u00e1ll\u00edtott m\u00e9retet vagy egy\u00e9ni m\u00e9reteket \u00e1ll\u00edthat be att\u00f3l f\u00fcgg\u0151en, hogy mik\u00e9nt fogja haszn\u00e1lni a v\u00e9gs\u0151 anim\u00e1ci\u00f3t.\n<\/p>\n

    \n
    Ebben az oktat\u00f3anyagban az anim\u00e1ci\u00f3 h\u00e9t k\u00e9pkock\u00e1b\u00f3l \u00e1ll, \u00e9s mindegyik k\u00e9pkock\u00e1t k\u00fcl\u00f6n r\u00e9teg k\u00e9pviseli, ami azt jelenti, hogy a v\u00e9gs\u0151 GIMP f\u00e1jlnak h\u00e9t r\u00e9tege lesz, bele\u00e9rtve a h\u00e1tteret is.\n<\/p>\n<\/li>\n

  2. \n

    \n\u00c1ll\u00edtsa be az els\u0151 keretet. Az anim\u00e1ci\u00f3 \u00fcres ter\u00fclettel kezd\u0151dik, \u00edgy nem v\u00e1ltozik a t\u00e9nyleges H\u00e1tt\u00e9r <\/strong>r\u00e9tegre van sz\u00fcks\u00e9g, mivel m\u00e1r sima feh\u00e9r.\n<\/p>\n

    \nAzonban a r\u00e9teg nev\u00e9nek megv\u00e1ltoztat\u00e1sa a R\u00e9tegek <\/strong>paletta sz\u00fcks\u00e9ges. Kattintson a jobb gombbal a H\u00e1tt\u00e9r <\/strong>r\u00e9teg a palett\u00e1n, \u00e9s v\u00e1lassza ki R\u00e9tegattrib\u00fatumok szerkeszt\u00e9se<\/strong>.\n<\/p>\n

    <\/p>\n<\/li>\n

  3. \n

    \nBan,-ben R\u00e9tegattrib\u00fatumok szerkeszt\u00e9se<\/strong> megny\u00edl\u00f3 p\u00e1rbesz\u00e9dpanel, hozz\u00e1ad\u00e1s (250ms)<\/strong> a r\u00e9teg neve v\u00e9g\u00e9ig. Ez \u00e1ll\u00edtja be, hogy mennyi ideig jelenjen meg ez a keret az anim\u00e1ci\u00f3ban. Az ms milliszekundumokat jelent, \u00e9s minden ezredm\u00e1sodperc ezredm\u00e1sodperc. Ez az els\u0151 k\u00e9pkocka negyed m\u00e1sodpercig jelenik meg.\n<\/p>\n

    <\/p>\n<\/li>\n

  4. \n

    \n\u00c1ll\u00edtsa be a m\u00e1sodik keretet. Az oktat\u00f3anyaghoz egy l\u00e1bnyom grafik\u00e1t haszn\u00e1lnak ehhez a kerethez. Menj fil\u00e9 <\/strong>> Nyissa meg r\u00e9tegekk\u00e9nt<\/strong> \u00e9s v\u00e1lassza ki a grafikus f\u00e1jlt. Ez egy \u00faj r\u00e9tegre helyezi a l\u00e1bnyomot, amely ig\u00e9ny szerint elhelyezhet\u0151 a Move Tool<\/strong>.\n<\/p>\n

    <\/p>\n<\/li>\n

  5. \n

    \nCsak\u00fagy, mint a h\u00e1tt\u00e9rr\u00e9teg eset\u00e9ben, ezt az \u00faj r\u00e9teget \u00e1t kell nevezni a keret megjelen\u00edt\u00e9si idej\u00e9nek hozz\u00e1rendel\u00e9s\u00e9hez. Ebben az esetben 750ms.\n<\/p>\n

    Ban,-ben R\u00e9tegek <\/strong>paletta, \u00fagy t\u0171nik, hogy az \u00faj r\u00e9teg el\u0151n\u00e9zete fekete h\u00e1tteret mutat a grafika k\u00f6r\u00fcl, de a val\u00f3s\u00e1gban ez a ter\u00fclet \u00e1tl\u00e1tsz\u00f3.<\/p>\n

    <\/p>\n<\/li>\n

  6. \n

    \n\u00c1ll\u00edtsa be a h\u00e1rom, n\u00e9gy \u00e9s \u00f6t keretet. A k\u00f6vetkez\u0151 h\u00e1rom k\u00e9p t\u00f6bb l\u00e1bnyom, amelyek \u00e1thaladnak a szalagon. Ezek ugyan\u00fagy ker\u00fclnek beilleszt\u00e9sre, mint a m\u00e1sodik keret, ugyanazzal a grafik\u00e1val \u00e9s egy m\u00e1sik grafik\u00e1val a m\u00e1sik l\u00e1bhoz. Mint kor\u00e1bban, az id\u0151t 750 ms-ra \u00e1ll\u00edtottuk be minden k\u00e9pkock\u00e1ra.\n<\/p>\n

    \nA l\u00e1bnyomr\u00e9tegek mindegyik\u00e9hez feh\u00e9r h\u00e1tt\u00e9rre van sz\u00fcks\u00e9g, hogy mindig csak egy keret legyen l\u00e1that\u00f3 - jelenleg mindegyiknek \u00e1tl\u00e1tsz\u00f3 h\u00e1ttere van. Ezt \u00fagy tehetj\u00fck meg, hogy l\u00e9trehozunk egy \u00faj r\u00e9teget k\u00f6zvetlen\u00fcl a l\u00e1bnyomr\u00e9teg alatt, kit\u00f6ltj\u00fck az \u00faj r\u00e9teget feh\u00e9rrel, majd jobb gombbal kattintunk a l\u00e1bnyomr\u00e9tegre \u00e9s Merge Down<\/strong>.\n<\/p>\n<\/li>\n

  7. \n

    \n\u00c1ll\u00edtsa be a Hatodik keretet<\/strong>. Ez a keret csak egy \u00fcres, feh\u00e9r sz\u00edn\u0171 keret, amely azt a l\u00e1tszatot kelti, hogy a v\u00e9gleges l\u00e1bnyom elt\u0171nik, miel\u0151tt az utols\u00f3 k\u00e9p megjelenik. Ezt a r\u00e9teget intervallumnak nevezt\u00fck el, \u00e9s \u00fagy d\u00f6nt\u00f6tt\u00fcnk, hogy ez a kijelz\u0151 csak 250 ms legyen.\n<\/p>\n

    Nem kell megneveznie a r\u00e9tegeket, de ez megk\u00f6nny\u00edtheti a r\u00e9teges f\u00e1jlok kezel\u00e9s\u00e9t.<\/p>\n

    <\/p>\n<\/li>\n

  8. \n

    \nA Hetes keret be\u00e1ll\u00edt\u00e1sa<\/strong>. Ez az utols\u00f3 k\u00e9pkocka, amely a Web.com log\u00f3val egy\u00fctt tartalmaz sz\u00f6veget. Az els\u0151 l\u00e9p\u00e9s egy m\u00e1sik, feh\u00e9r h\u00e1tt\u00e9rrel rendelkez\u0151 r\u00e9teg hozz\u00e1ad\u00e1sa.\n<\/p>\n

    <\/p>\n<\/li>\n

  9. \n

    \nEzut\u00e1n haszn\u00e1lja a Sz\u00f6veg eszk\u00f6z<\/strong> a sz\u00f6veg hozz\u00e1ad\u00e1s\u00e1hoz. Ezt egy \u00faj r\u00e9tegre alkalmazz\u00e1k, de ezzel foglalkozunk, ha hozz\u00e1adta a log\u00f3t vagy az \u00faj k\u00e9pet, ami ugyan\u00fagy elv\u00e9gezhet\u0151, mint a l\u00e1bnyom grafik\u00e1ja kor\u00e1bban.\n<\/p>\n

    <\/p>\n<\/li>\n

  10. \n

    \nAmikor ezeket a k\u00edv\u00e1nt m\u00f3don elrendezt\u00fck, haszn\u00e1lhatjuk Merge Down <\/strong>a log\u00f3 \u00e9s a sz\u00f6vegr\u00e9tegek egyes\u00edt\u00e9se, majd az egyes\u00edtett r\u00e9teg egyes\u00edt\u00e9se a kor\u00e1bban hozz\u00e1adott feh\u00e9r r\u00e9teggel. Ez egyetlen r\u00e9teget eredm\u00e9nyez, amely k\u00e9pezi a v\u00e9gs\u0151 keretet, \u00e9s \u00fagy d\u00f6nt\u00f6tt\u00fcnk, hogy ezt 4000 ms-on megjelen\u00edtj\u00fck.\n<\/p>\n

    <\/p>\n<\/li>\n

  11. \n

    \nAz anim\u00e1ci\u00f3 el\u0151n\u00e9zete<\/strong>. Az anim\u00e1lt GIF ment\u00e9se el\u0151tt a GIMP-nek lehet\u0151s\u00e9ge van a m\u0171k\u00f6d\u00e9s k\u00f6zbeni el\u0151n\u00e9zet megtekint\u00e9s\u00e9re Sz\u0171r\u0151k <\/strong>> \u00c9l\u00e9nks\u00e9g <\/strong>> Visszaj\u00e1tsz\u00e1s<\/strong>. Ez megnyitja az el\u0151n\u00e9zeti p\u00e1rbesz\u00e9dablakot, amelyben az anim\u00e1ci\u00f3 lej\u00e1tsz\u00e1sa \u00e9rthet\u0151 gombokkal t\u00f6rt\u00e9nik. Ha valami nem t\u0171nik megfelel\u0151nek, ezen a ponton m\u00f3dos\u00edtani lehet. Ellenkez\u0151 esetben anim\u00e1lt GIF-k\u00e9nt menthet\u0151 el.\n<\/p>\n

    Az anim\u00e1ci\u00f3s sorrend abban a sorrendben van be\u00e1ll\u00edtva, ahogyan a r\u00e9tegek egym\u00e1sra ker\u00fclnek R\u00e9tegek <\/strong>paletta, kezdve a h\u00e1tt\u00e9r vagy a legals\u00f3 r\u00e9teg \u00e9s felfel\u00e9 haladva. Ha az anim\u00e1ci\u00f3 sorrenden k\u00edv\u00fcl j\u00e1tszik, akkor a f\u00f3li\u00e1k sorrendj\u00e9t m\u00f3dos\u00edtania kell, r\u00e1kattintva egy r\u00e9tegre a kijel\u00f6l\u00e9shez, \u00e9s a R\u00e9tegek paletta als\u00f3 s\u00e1vj\u00e1ban tal\u00e1lhat\u00f3 fel \u00e9s le nyilak haszn\u00e1lat\u00e1val megv\u00e1ltoztathatja poz\u00edci\u00f3j\u00e1t.<\/p>\n

    <\/p>\n<\/li>\n

  12. \n

    \nMentse az anim\u00e1lt GIF-et<\/strong>. Az anim\u00e1lt GIF ment\u00e9se el\u00e9g egyszer\u0171 gyakorlat. El\u0151sz\u00f6r menj a fil\u00e9 <\/strong>> M\u00e1solat ment\u00e9se<\/strong> \u00e9s adja meg a f\u00e1jlj\u00e1nak a megfelel\u0151 nevet, \u00e9s v\u00e1lassza ki, hov\u00e1 szeretn\u00e9 menteni a f\u00e1jlt.\n<\/p>\n

    <\/p>\n<\/li>\n

  13. \n

    \nEzut\u00e1n menj fil\u00e9 <\/strong>> Export As <\/strong>anim\u00e1lt GIF-k\u00e9nt menteni.\n<\/p>\n

    <\/p>\n<\/li>\n

  14. \n

    \nBan,-ben K\u00e9p export\u00e1l\u00e1sa <\/strong>megny\u00edl\u00f3 p\u00e1rbesz\u00e9dpanelen v\u00e1lassza a lehet\u0151s\u00e9get V\u00e1lassza a F\u00e1jlt\u00edpus lehet\u0151s\u00e9get<\/strong> \u00e9s g\u00f6rgessen a GIF k\u00e9phez, v\u00e1lassza ki, majd v\u00e1lassza ki Export<\/strong>. Ha figyelmeztet\u00e9st kap a k\u00e9p t\u00e9nyleges hat\u00e1rain t\u00falmutat\u00f3 r\u00e9tegekr\u0151l, v\u00e1lassza a ikont Term\u00e9s <\/strong>gombot.\n<\/p>\n

    <\/p>\n<\/li>\n

  15. \n

    \nEz most a Ment\u00e9s GIF form\u00e1tumban<\/strong> p\u00e1rbesz\u00e9dpanel a Anim\u00e1lt GIF-be\u00e1ll\u00edt\u00e1sok<\/strong>. Hagyhatja ezeket az alap\u00e9rtelmez\u00e9s szerint, b\u00e1r ha csak azt szeretn\u00e9, hogy az anim\u00e1ci\u00f3 egyszer j\u00e1tsszon le, akkor t\u00f6r\u00f6lje a jel\u00f6l\u00e9st Hurok \u00f6r\u00f6kk\u00e9<\/strong>.\n<\/p>\n

    <\/p>\n<\/li>\n

  16. \n

    \nMost megoszthatja anim\u00e1lt GIF-j\u00e9t.\n<\/p>\n<\/li>\n<\/ol>\n

    K\u00f6vetkeztet\u00e9s <\/h2>\n

    \nAz itt bemutatott l\u00e9p\u00e9sek megadj\u00e1k az alapvet\u0151 eszk\u00f6z\u00f6ket saj\u00e1t egyszer\u0171 anim\u00e1ci\u00f3inak elk\u00e9sz\u00edt\u00e9s\u00e9hez, k\u00fcl\u00f6nb\u00f6z\u0151 grafik\u00e1k \u00e9s dokumentumm\u00e9retek felhaszn\u00e1l\u00e1s\u00e1val. B\u00e1r a v\u00e9geredm\u00e9ny anim\u00e1ci\u00f3 szempontj\u00e1b\u00f3l meglehet\u0151sen alapvet\u0151, ez egy nagyon egyszer\u0171 folyamat, amelyet b\u00e1rki el\u00e9rhet, aki rendelkezik a GIMP alapismereteivel.<\/p>\n","protected":false},"excerpt":{"rendered":"

    A GIMP egy rendk\u00edv\u00fcl nagy teljes\u00edtm\u00e9ny\u0171 szoftver, tekintve, hogy ingyenes. K\u00fcl\u00f6n\u00f6sen a webtervez\u0151k lehetnek h\u00e1l\u00e1sak az\u00e9rt, mert k\u00e9pesek egyszer\u0171 anim\u00e1lt GIF-eket k\u00e9sz\u00edteni.Az anim\u00e1lt GIF-ek egyszer\u0171 anim\u00e1ci\u00f3k, amelyeket sok weboldalon l\u00e1that, \u00e9s b\u00e1r sokkal kev\u00e9sb\u00e9 kifinomultak, mint a Flash-anim\u00e1ci\u00f3k, b\u00e1rki, aki rendelkezik a GIMP alapvet\u0151 ismereteivel, nagyon egyszer\u0171en elk\u00e9sz\u00edtheti \u0151ket.A k\u00f6vetkez\u0151 l\u00e9p\u00e9sek egy egyszer\u0171 webszalag m\u00e9ret\u0171 … Olvass tov\u00e1bb<\/a><\/p>\n","protected":false},"author":368,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-3410","post","type-post","status-publish","format-standard","hentry","category-wiki"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/3410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/users\/368"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/comments?post=3410"}],"version-history":[{"count":0,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/posts\/3410\/revisions"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/media?parent=3410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/categories?post=3410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/blog\/wp-json\/wp\/v2\/tags?post=3410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}