Työkalut95

MUOKKAUS / KÄYTÄNNÖN KUVAOPAS

Kuinka luoda GIF kuvista

Anna kuvasarjalle oma rytmi.

Jos haluat luoda GIF kuvista, avaa GIF Maker, valitse Kuvat ja lataa kuvasi. Järjestä ruudut, valitse kuinka kauan kukin niistä näkyy, lisää mahdolliset siirtymät ja valitse Luo GIF. Tämä opas rakentaa aidon neljän kuvan silmukan ja selittää ohjaimet, jotka tekevät valokuva-animaatiosta harkitun tuntuisen.

Seuraa opasta
NELJÄ ALKUPERÄISTÄ LÄHDEKUVAA JA LADATTU TULOS
Ennen Neljä täydellistä kiertoradan esimerkkikuvaa ennen animaatiota, näytettynä yhdessä alkuperäisessä järjestyksessä.

Neljä alkuperäistä 640 × 640 WebP-kuvaa järjestettynä yhteysarkiksi tätä vertailua varten.

Jälkeen Ladattavan kiertorata-GIF:n ensimmäinen ruutu, mukaan lukien alareunaan lisätty valkoinen "Made to loop."-teksti.

animation.gif:n ensimmäinen ruutu: 640 × 640 px; koko 20 ruudun silmukka kestää 3.4 sekuntia.

Ennen-kuva on yhteysarkki neljästä täydestä lähdekuvasta. Jälkeen-kuva on varsinainen ensimmäinen tulostettu ruutu, ei simuloitu animaatio. Molemmat on näytetty pienempinä lukemisen helpottamiseksi; GIF yhdistää nämä lähteet pehmeillä häivytyksillä ja tekstillä vain ensimmäisessä ruudussa.
Mainokset
Mainokset

Luo esimerkki ensin neljällä kuvalla ja sovita sitten järjestys, ruudun kesto ja kankaankoko omaan kuvasarjaasi. Avaa GIF-tekijä.

01

Valitse kuvat ja järjestä kuvasarja

Avaa GIF Maker ja valitse Kuvat. Lataa kuvasi tai valitse Kokeile esimerkkiä. Yleisiä syötteitä ovat JPG, PNG, WebP ja GIF; latauslomake listaa muut tuetut tiedostomuodot. Erä voi sisältää enintään 50 tiedostoa, ja kunkin kuvan koko on enintään 25 Mt, huomioiden yleiset käsittelyrajat.

Tässä esimerkissä käytetään Kokeile esimerkkiä -toimintoa lataamaan gif-orbit-01.webp–gif-orbit-04.webp. Jokainen alkuperäinen kuva on 640 × 640 pikseliä, ja neljä kuvaa näyttävät eri sijainnit samassa kiertoratanäkymässä. Pidä niiden alkuperäinen järjestys lopputulosta varten.

Kuvaruudut näkyvät esikatselun yläpuolella. Vedä ruutua muuttaaksesi sen paikkaa tai valitse se ja käytä asetuspaneelin Siirrä aiemmaksi tai Siirrä myöhemmäksi -toimintoja. Näppäimistön käyttäjät voivat valita ruutuja nuolinäppäimillä ja järjestää ne uudelleen Alt-näppäimellä ja nuolinäppäimellä. Esikatselun yläpuolella oleva Toista tarkistaa nykyisen sarjan.

Monista lisää kopion valitusta ruudusta. Poista poistaa ruudun sarjasta säilyttäen vähintään yhden. Kumoa ja Tee uudelleen palauttavat viimeisimmät muokkaukset; lähdetiedoston lisääminen tai poistaminen aloittaa uuden tiedostojoukon ja nollaa muokkaushistorian. Käytä Lisää kuvia, kun sarja tarvitsee lisää kuvia.

Käytä toisiinsa liittyviä kuvia, joissa on selkeä eteneminen. Yksinkertaista sarjaa on helpompi seurata kuin monia toisiinsa liittymättömiä kuvia, jotka vaihtuvat nopeasti.

02

Aseta kunkin ruudun kesto ja valitse siirtymä

Valitse ruutu ja aseta Kesto sekunteina. Tuettu alue on 0.02–10 sekuntia per lähderuutu. Käytä tätä kestoa kaikkiin ruutuihin antaa jokaiselle ruudulle valitun ajoituksen. Jos esityksessä on otsikko tai yksityiskohtainen loppukuva, jätä kyseinen ruutu näkyviin pidemmäksi aikaa kuin muut.

Pidä esimerkissä jokaisen ruudun Kesto 0.65 sekunnissa. Kokeile esimerkkiä -toiminto asettaa tämän arvon valmiiksi; jos käytät omia kuviasi, syötä 0.65 yhdelle ruudulle ja valitse Käytä tätä kestoa kaikkiin ruutuihin. Valitse Pehmeä häivytys kohdasta Siirtymä ja aseta Siirtymän kesto 0.20 sekunniksi tai 200 millisekunniksi.

Avaa Teksti ja viennin laatu ja pidä Siirtymävaiheet arvossa 4. Jokainen häivytys lisää neljä väliruutua. Neljällä alkuperäisellä ruudulla, neljällä silmukoivalla häivytyksellä, eteenpäin toistolla ja jatkuvalla toistolla, tämä esimerkki sisältää 20 renderöityä ruutua. Neljä 0.65 sekunnin pitoa ja neljä 0.20 sekunnin häivytystä muodostavat 3.4 sekunnin syklin.

Siisti leikkaus vaihtaa suoraan kuvien välillä lisäämättä siirtymäruutuja. Liu'uta vasemmalle siirtää seuraavan kuvan kankaan yli. Useammat siirtymävaiheet voivat tehdä siirtymästä tasaisemman, mutta ne kuluttavat enemmän 200 ruudun vientibudjettia. Editori ilmoittaa, kun valittu sarja ja tehosteet ylittävät kyseisen rajan.

Eteenpäin toistaa sarjan järjestyksessä, Takaperin toistaa sen takaperin, ja Pomppu palaa sarjan läpi toistamatta molempia päätepisteitä. Silmukka valitsee loputtoman toiston tai kiinteän määrän toistoja. Pidä esimerkissä Eteenpäin ja Toista jatkuvasti.

Kesto on pito ennen siirtymää; siirtymän kesto lisätään siihen. Neljä kuvaa 0.65 sekunnin kestolla eivät muodosta 2.6 sekunnin silmukkaa, kun häivytykset ovat myös käytössä.

Tämän oppaan esimerkki

Neljä esimerkkikuvaa alkuperäisessä järjestyksessä; 0.65 s per ruutu; Eteenpäin; Toista ikuisesti; Pehmeä häivytys; 0.20 s siirtymäaika; 4 siirtymävaihetta; Neliö 640 × 640 px; Näytä koko kuva; keskitetty 100% zoomauksella; ensimmäisen ruudun teksti "Made to loop."; Alareuna; 32 px; valkoinen; 256 väriä; Tasaiset väriliukuvärit ja optimoitu tiedostokoko käytössä.

Lähdekuvat
4 WebP-tiedostoa · kukin 640 × 640 px
Ruudun ajoitus
0.65 s pito + 0.20 s häivytys
Ladattu GIF
640 × 640 px · 20 ruutua
Animaatiosykli
3.4 sekuntia · toistuu ikuisesti
03

Valitse kangas, rajaa kuvat ja lisää kuvatekstit

Valitse kohdasta Kangas ja tausta Neliö · 1:1 esimerkkiä varten ja pidä Leveys ja Korkeus 640 pikselissä. Muita esiasetuksia ovat Muotokuva, Tarina, Maisema ja Laajakuva. Täsmää ensimmäiseen kuvaan aloittaa ensimmäisen kuvan muodosta, kun taas Mukautettu koko hyväksyy mitat 16–1600 pikseliä per sivu, animaation kokonaiskäsittelyrajan puitteissa.

Kuvan sovitus tarjoaa vaihtoehdot Näytä koko kuva ja Täytä kangas. Näytä koko kuva 100 %:n zoomauksella säilyttää kaikki lähteen reunat ja voi jättää taustaa erimuotoisen kuvan ympärille. Täytä kangas peittää vientialueen ja voi rajata reunoja. Aseta Tausta haluamaasi väriin tai ota käyttöön Läpinäkyvä tausta, kun kohde sitä vaatii.

Valitse ruutu muuttaaksesi sen rajausta itsenäisesti. Vedä esikatselua tai muuta Zoomausta, käytä Vasen tai Oikea 90 asteen kiertoihin tai Käännä peilataksesi sen. Nollaa ruutu palauttaa kyseisen ruudun keskitettyyn, kääntämättömään rajaukseen 100 %:n zoomauksella. Esimerkki pitää kaikki neljä alkuperäistä neliökuvaa keskitettyinä ja käyttää Näytä koko kuva -asetusta.

Valitse ensimmäinen ruutu ja kirjoita Kuvateksti-kenttään Made to loop. Jätä muut kolme kuvatekstiä tyhjiksi. Pidä kohdassa Teksti ja viennin laatu Kuvatekstin sijainti kohdassa Alhaalla, Kuvatekstin koko 32 pikselissä ja Kuvatekstin väri valkoisena. Kuvatekstit kuuluvat yksittäisiin ruutuihin; toisen ruudun valitseminen antaa sinun kirjoittaa eri rivin. Esimerkin ensimmäinen kuvateksti häipyy pois ruutunsa mukana.

Pidä GIF värit arvossa 256 · enemmän yksityiskohtia, ja ota käyttöön Tasaiset värisiirtymät ja Optimoi tiedostokoko lopputulosta varten. Pienemmät värimäärät voivat tehdä tiedostosta kevyemmän, mutta ne voivat muuttaa hienovaraisia sävyjä. Tasaiset värisiirtymät käyttää dithering-tekniikkaa, joka voi pehmentää värikaistoja lisäten samalla näkyvän hienon kuvion.

Tarkista jokainen ruutu kankaan muodon muuttamisen jälkeen. Sommittelu, joka sopii yhteen kuvaan, voi rajata kohteen toisessa. Vientimittojen suurentaminen ei voi palauttaa pienestä lähteestä puuttuvia yksityiskohtia.

04

Luo GIF ja tarkista ladattu animaatio

Toista esikatselu ja katso koko sykli, mukaan lukien paluu viimeisestä ruudusta ensimmäiseen. Tarkista, että kuvatekstit pysyvät näkyvissä riittävän pitkään, rajaus on johdonmukainen eikä mikään ruutu tunnu kiirehdityltä. Valitse Luo GIF, kun sarja on valmis; palvelin renderöi lopullisen animaation ladatuista alkuperäisistä.

Esimerkki lataa tiedoston animation.gif, jonka koko on 640 × 640 pikseliä. Lopullisessa tiedostossa on 20 ruutua, 3.4 sekunnin sykli ja jatkuva toisto. Yllä oleva vertailu näyttää neljä alkuperäistä kuvaa yhteysarkkina ja ladatun GIF-tiedoston ensimmäisen ruudun, mukaan lukien lisätty "Made to loop."-teksti.

Artikkelin kuvat ovat esikatselukuvia, eivät animaatiosoitin. Avaa ladattu GIF animaatiota tukevassa sovelluksessa tarkistaaksesi ajoituksen ja toiston. Tasaiselta näyttävä esikatselu voi muuttua väreiltään GIF-palettimuunnoksen jälkeen, joten tarkista tallennettu tulos ennen jakamista.

Jos haluat pienemmän tiedoston, kokeile vähemmän lähderuutuja, lyhyempiä siirtymiä, vähemmän siirtymävaiheita, pienempää kankaankokoa tai pienempää GIF-väriarvoa. Pelkkä pitoajan lyhentäminen ei poista kuvia, joten se voi muuttaa rytmiä vaikuttamatta merkittävästi tiedostokokoon.

Lataa tiedosto ennen sivun päivittämistä tai poistumista. Editorin tai lataussivun päivittäminen palauttaa työkalun pääsivulle. Säilytä alkuperäiset kuvat, sillä viety GIF on litistetty animaatio, ei projektitiedosto, joka sisältäisi muokattavat lähdeasetukset.

Staattinen kuvankatseluohjelma saattaa näyttää vain ensimmäisen GIF-ruudun. Testaa tiedosto selaimessa tai muussa animaatiota tukevassa katseluohjelmassa ennen kuin päättelet animaation puuttuvan.

HYÖDYLLISIÄ TIETOJA

Yleisiä kysymyksiä

Voinko tehdä GIF-tiedoston JPG- ja PNG-kuvista yhdessä?

Kyllä. Kuvat-tilassa voi yhdistää tuettuja kuvamuotoja samaan sarjaan. Jokaisesta syötteestä tulee yksi tai useampi aikajanan ruutu. Valitse jaettu kankaankoko ja tarkista kunkin kuvan sopivuus.

Voiko jokainen kuva pysyä näytöllä eri ajan?

Kyllä. Valitse ruutu ja muuta kestoa. "Käytä tätä kestoa kaikkiin ruutuihin" on valinnainen; jätä se käyttämättä, kun kuvat tarvitsevat eri pitoajat.

Miksi GIF-tiedostossa on enemmän ruutuja kuin valokuvia?

Pehmeä häivytys ja Liu'uta vasemmalle lisäävät siirtymäruutuja, ja Pomppu lisää paluusekvenssin. Ladattu animoitu tiedosto voi myös sisältää useita ruutuja. 200 ruudun rajoitus koskee renderöityä animaatiota, ei vain ladattujen valokuvien määrää.

Voinko lisätä eri tekstin jokaiseen kuvaan?

Kyllä. Teksti koskee valittua ruutua. Valitse jokainen ruutu syöttääksesi sen tekstin. Tekstin sijainti, koko ja väri ovat jaettuja tyyliasetuksia animaatiolle.

Voiko GIF-tiedostolla olla läpinäkyvä tausta?

Kyllä. Ota käyttöön Läpinäkyvä tausta kohdassa Kangas ja tausta. GIF tukee täysin läpinäkyviä pikseleitä, ei PNG-tyylistä pehmeää osittaista läpinäkyvyyttä, joten pehmeät reunat voivat muuttua. Tarkista ladattu tulos sen aiottua taustaa vasten.

Miksi valokuvan jotkin reunat puuttuvat?

Kankaan täyttö ja ylimääräinen zoomaus voivat rajata lähteen reunoja. Säilyttääksesi koko kuvan, valitse Näytä koko kuva, aseta zoomaukseksi 100% ja käytä keskitettyä rajausta. Erilainen kankaan muoto voi jättää näkyvää taustaa sen ympärille.

Pieneneekö GIF-tiedoston koko, jos se toistetaan nopeammin?

Ei välttämättä. Lyhyempi pitoaika muuttaa ajoitusta, mutta säilyttää samat ruudut. Mittojen, renderöityjen ruutujen määrän tai värien määrän vähentäminen vaikuttaa yleensä suoremmin tiedostokokoon.

Käsitelläänkö kaikki kuvat selaimessani?

Ei. Selain näyttää interaktiivisen koostumuksen, mutta ruutujen esikatselu ja lopullinen GIF-koodaus käyttävät palvelinkäsittelyä. Lopullinen tiedosto renderöidään ladatuista alkuperäisistä ja valituista asetuksista.

SINUN VUOROSI

Muuta kuvasi silmukaksi, jossa on selkeä rytmi

Kokeile näytettä tai käytä omaa tiedostoasi ja tarkista tulos ennen jakamista.

Avaa GIF-tekijä

Kuvan tiedot

Kieli38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Valitse kielesi. Video-ohjeet käyttävät tällä hetkellä englanninkielistä kerrontaa.