Mga Tool95

I-EDIT / ISANG PRAKTIKAL NA GABAY SA LARAWAN

Paano gumawa ng GIF mula sa mga larawan

Bigyan ng sariling ritmo ang isang set ng mga larawan.

Para gumawa ng GIF mula sa mga larawan, buksan ang GIF Maker, piliin ang Images at i-upload ang iyong mga larawan. Ayusin ang mga frame, piliin kung gaano katagal makikita ang bawat isa, magdagdag ng anumang transition, at piliin ang Create GIF. Ang gabay na ito ay bumubuo ng totoong four-image loop at nagpapaliwanag ng mga control na nagpapaganda sa daloy ng photo animation.

Sundin ang gabay
APAT NA TUNAY NA SOURCE IMAGES AT ANG NA-DOWNLOAD NA RESULTA
Bago Ang apat na kumpletong orbital sample na larawan bago ang animation, na ipinapakita nang magkakasama sa kanilang orihinal na pagkakasunod-sunod.

Apat na orihinal na 640 × 640 WebP na larawan, na nakaayos bilang contact sheet para sa paghahambing na ito.

Pagkatapos Aktwal na unang frame ng na-download na orbital GIF, kasama ang puting Made to loop caption na idinagdag sa ibaba.

Unang frame ng animation.gif: 640 × 640 px; ang kumpletong 20-frame loop ay tumatagal ng 3.4 segundo.

Ang Before ay isang contact sheet ng apat na buong source na larawan. Ang After ay ang tunay na unang output frame, hindi isang simulated na animation. Parehong ipinapakita nang mas maliit para sa pagbabasa; pinagsasama ng GIF ang mga source na ito na may soft fade at caption sa unang frame lamang.
Mga Advertisement
Mga Advertisement

Buuin muna ang halimbawa gamit ang apat na larawan, pagkatapos ay i-adapt ang pagkakasunod-sunod, frame duration at canvas sa sarili mong photo sequence. Buksan ang Maker ng GIF.

01

Pumili ng mga larawan at ayusin ang pagkakasunod-sunod ng frame

Buksan ang GIF Maker at piliin ang Images. I-upload ang iyong mga larawan o piliin ang Try an example. Kasama sa mga karaniwang input ang JPG, PNG, WebP, at GIF; nakalista sa upload form ang iba pang suportadong format. Ang isang batch ay maaaring maglaman ng hanggang 50 na file, na may limitasyong 25 MB bawat larawan at pangkalahatang limitasyon sa pagproseso.

Ginagamit ng halimbawang ito ang Try an example para i-load ang gif-orbit-01.webp hanggang gif-orbit-04.webp. Ang bawat orihinal ay 640 × 640 pixels, at ang apat na larawan ay nagpapakita ng iba't ibang posisyon sa parehong orbital scene. Panatilihin ang kanilang orihinal na pagkakasunod-sunod para sa resulta.

Ang mga frame card ay nasa itaas ng preview. I-drag ang card para baguhin ang posisyon nito, o piliin ito at gamitin ang Move earlier o Move later sa settings panel. Ang mga gumagamit ng keyboard ay maaaring pumili ng mga card gamit ang arrow keys at ayusin ang pagkakasunod-sunod gamit ang Alt at arrow key. Ang Play sa itaas ng preview ay sumusuri sa kasalukuyang pagkakasunod-sunod.

Ang Duplicate ay nagdaragdag ng isa pang kopya ng napiling frame. Ang Remove ay nagbubura ng frame mula sa sequence habang pinapanatili ang kahit isa. Ang Undo at Redo ay nagbabalik ng mga kamakailang edit; ang pagdaragdag o pag-aalis ng source file ay magsisimula ng bagong file set at magre-reset ng edit history. Gamitin ang Add images kapag kailangan ng sequence ng higit pang mga larawan.

Gumamit ng mga kaugnay na larawan na may malinaw na pagkakasunod-sunod. Mas madaling sundan ang simpleng sequence kaysa sa maraming hindi magkakaugnay na larawan na mabilis na nagpapalit-palit.

02

Itakda ang tagal ng bawat frame at pumili ng transition

Pumili ng frame at itakda ang Duration sa segundo. Ang suportadong range ay 0.02 hanggang 10 segundo bawat source frame. Ang Apply this duration to all frames ay nagbibigay sa bawat frame ng napiling timing. Para sa slideshow na may pamagat o detalyadong huling larawan, hayaang mas matagal na makita ang frame na iyon kaysa sa iba.

Para sa halimbawa, panatilihin ang bawat Duration sa 0.65 segundo. Ang Try an example ay awtomatikong nagtatakda ng value na ito; gamit ang sarili mong mga larawan, ilagay ang 0.65 para sa isang frame at piliin ang Apply this duration to all frames. Pumili ng Soft fade sa ilalim ng Transition at itakda ang Transition time sa 0.20 segundo, o 200 milliseconds.

Buksan ang Text & export quality at panatilihin ang Transition steps sa 4. Ang bawat fade ay nagdaragdag ng apat na intermediate frame. Sa apat na orihinal na frame, apat na looping fade, Forward playback at Repeat forever, ang halimbawang ito ay naglalaman ng 20 na rendered frames. Ang apat na 0.65-segundong hold at apat na 0.20-segundong fade ay bumubuo ng 3.4-segundong cycle.

Ang Clean cut ay direktang nagpapalit sa pagitan ng mga larawan nang hindi nagdaragdag ng transition frames. Ang Slide left ay nagpapagalaw sa susunod na larawan sa canvas. Ang mas maraming transition steps ay maaaring magpaganda ng transition, ngunit gumagamit ito ng mas malaking bahagi ng 200-frame export budget. Nag-uulat ang editor kapag ang napiling sequence at effects ay lumampas sa limitasyong iyon.

Ang Forward ay nagpapatugtog ng sequence nang sunod-sunod, ang Reverse ay pabaliktad, at ang Bounce ay bumabalik sa sequence nang hindi inuulit ang parehong endpoint frames. Ang Loop ay pumipili ng walang katapusang pag-uulit o nakatakdang bilang ng pag-play. Para sa halimbawa, panatilihin ang Forward at Repeat forever.

Ang Duration ay ang hold bago ang transition; ang Transition time ay idinaragdag dito. Ang apat na larawan sa 0.65 segundo ay hindi bumubuo ng 2.6-segundong loop kapag naka-enable din ang mga fade.

Ang halimbawa sa gabay na ito

Apat na halimbawang larawan sa kanilang orihinal na pagkakasunod-sunod; 0.65 s bawat frame; Forward; Repeat forever; Soft fade; 0.20 s transition time; 4 transition steps; Square 640 × 640 px; Show the whole image; naka-center sa 100% zoom; first-frame caption "Made to loop."; Bottom; 32 px; puti; 256 colors; Smooth color gradients at Optimize file size na naka-enable.

Mga source na larawan
4 WebPs · bawat isa ay 640 × 640 px
Timing ng frame
0.65 s hold + 0.20 s fade
Na-download na GIF
640 × 640 px · 20 frames
Animation cycle
3.4 segundo · paulit-ulit habambuhay
03

Piliin ang canvas, i-reframe ang mga larawan at magdagdag ng mga caption

Sa ilalim ng Canvas & background, piliin ang Square · 1:1 para sa halimbawa at panatilihin ang Width at Height sa 640 px. Ang iba pang preset ay kinabibilangan ng Portrait, Story, Landscape at Widescreen. Ang Match first image ay nagsisimula sa hugis ng unang larawan, habang ang Custom size ay tumatanggap ng mga dimensyon mula 16 hanggang 1600 px bawat gilid, depende sa kabuuang limitasyon sa pagproseso ng animation.

Ang Image fit ay nag-aalok ng Show the whole image at Fill the canvas. Ang Show the whole image sa 100% zoom ay nagpapanatili sa lahat ng source edges at maaaring mag-iwan ng background sa paligid ng larawang may ibang hugis. Ang Fill the canvas ay sumasakop sa output area at maaaring mag-crop ng mga gilid. Itakda ang Background sa gustong fill o i-enable ang Transparent background kapag kailangan ito ng destinasyon.

Pumili ng frame para baguhin ang framing nito nang hiwalay. I-drag ang preview o baguhin ang Zoom, gamitin ang Left o Right para sa 90-degree na pag-ikot, o Flip para i-mirror ito. Ang Reset frame ay nagbabalik sa frame na iyon sa nakasentro at hindi naka-rotate na framing sa 100% zoom. Ang halimbawa ay pinapanatiling nakasentro ang lahat ng apat na orihinal na square na larawan at gumagamit ng Show the whole image.

Piliin ang unang frame at ilagay ang Made to loop. sa Caption. Iwanang bakante ang iba pang tatlong caption. Sa ilalim ng Text & export quality, panatilihin ang Caption position sa Bottom, Caption size sa 32 px at Caption color na puti. Ang mga caption ay para sa mga indibidwal na frame; ang pagpili ng ibang frame ay nagpapahintulot sa iyo na magsulat ng ibang linya. Ang unang caption ng halimbawa ay naglalaho kasama ng frame nito.

Panatilihin ang GIF colors sa 256 · more detail, na may Smooth color gradients at Optimize file size na naka-enable para sa resulta. Ang mas mababang bilang ng kulay ay maaaring magpagaan ng file ngunit maaaring magbago ng mga banayad na shade. Ang Smooth color gradients ay gumagamit ng dithering, na maaaring magpalambot sa mga color band habang nagdaragdag ng nakikitang fine pattern.

Suriin ang bawat frame pagkatapos baguhin ang hugis ng canvas. Ang komposisyon na angkop sa isang larawan ay maaaring mag-crop sa subject ng isa pa. Ang pagpapalaki ng output dimensions ay hindi makakapagbalik ng detalyeng nawala mula sa maliit na source.

04

Gawin ang GIF at suriin ang na-download na animation

I-play ang preview at panoorin ang kumpletong cycle, kabilang ang pagbalik mula sa huling frame patungo sa una. Siguraduhin na ang mga caption ay nananatiling nakikita nang sapat na tagal, ang crop ay consistent at walang frame na mukhang minadali. Piliin ang Create GIF kapag handa na ang sequence; ang server ang mag-re-render ng huling animation mula sa mga na-upload na orihinal.

Ang halimbawa ay nagda-download ng animation.gif sa 640 × 640 pixels. Ang tunay na output ay may 20 frames, 3.4-segundong cycle at walang katapusang looping. Ang paghahambing sa itaas ay nagpapakita ng apat na orihinal na larawan bilang contact sheet at ang aktwal na unang frame ng na-download na GIF, kabilang ang idinagdag na Made to loop. caption.

Ang mga larawan sa artikulo ay mga preview lamang, hindi animation player. Buksan ang na-download na GIF sa isang app na sumusuporta sa animation para suriin ang timing at ang loop. Ang preview na mukhang smooth ay maaaring magkaroon ng pagbabago sa kulay pagkatapos ng GIF palette conversion, kaya suriin ang na-save na resulta bago ibahagi.

Para sa mas maliit na resulta, subukan ang mas kaunting source frames, mas maikling transition, mas kaunting transition steps, mas maliit na canvas o mas mababang GIF colors value. Ang pagpapaikli lamang sa hold time ay hindi nag-aalis ng mga image frame, kaya maaaring magbago ang pacing nito nang hindi gaanong nababawasan ang laki ng file.

I-download bago mag-refresh o umalis. Ang pag-refresh sa editor o download page ay magbabalik sa pangunahing tool page. Panatilihin ang iyong mga orihinal na larawan dahil ang exported na GIF ay isang flattened animation, hindi isang project file na naglalaman ng mga editable source control.

Ang static image viewer ay maaaring magpakita lamang ng unang GIF frame. I-test ang file sa browser o iba pang animation-capable viewer bago maghinuha na nawawala ang animation.

MGA KAPAKI-PAKINABANG NA DETALYE

Mga karaniwang tanong

Maaari ba akong gumawa ng GIF mula sa JPG at PNG na mga larawan nang magkasama?

Oo. Ang Images mode ay maaaring magsama ng mga suportadong format ng larawan sa isang sequence. Ang bawat input ay nagiging isa o higit pang timeline frame. Pumili ng shared canvas size at suriin ang fit ng bawat larawan.

Maaari bang manatili ang bawat larawan sa screen sa magkakaibang oras?

Oo. Pumili ng frame at baguhin ang Duration. Opsyonal ang Apply this duration to all frames; huwag itong gamitin kapag kailangan ng mga larawan ng magkakaibang hold time.

Bakit mas marami ang frames ng GIF kaysa sa bilang ng mga larawan?

Ang Soft fade at Slide left ay naglalagay ng mga transition frame, at ang Bounce ay nagdaragdag ng return sequence. Ang isang na-upload na animated file ay maaari ring maglaman ng ilang frames. Ang 200-frame limit ay nalalapat sa rendered animation, hindi lang sa bilang ng mga na-upload na larawan.

Maaari ba akong maglagay ng magkakaibang caption sa bawat larawan?

Oo. Ang Caption ay nalalapat sa napiling frame. Piliin ang bawat frame para ilagay ang text nito. Ang posisyon, laki, at kulay ng caption ay mga shared styling control para sa animation.

Maaari bang magkaroon ng transparent na background ang GIF?

Oo. I-enable ang Transparent background sa ilalim ng Canvas & background. Sinusuportahan ng GIF ang fully transparent pixels sa halip na PNG-style smooth partial transparency, kaya maaaring magbago ang mga soft edge. Suriin ang na-download na resulta laban sa nilalayon nitong background.

Bakit may mga nawawalang gilid ang larawan?

Ang Fill the canvas at extra Zoom ay maaaring mag-crop ng mga source edge. Para mapanatili ang kumpletong larawan, piliin ang Show the whole image, itakda ang Zoom sa 100% at gumamit ng centered framing. Ang ibang hugis ng canvas ay maaaring mag-iwan ng nakikitang background sa paligid nito.

Ang pagpapabilis ba sa pag-play ng GIF ay nagpapaliit sa file size nito?

Hindi kinakailangan. Ang mas maikling hold ay nagbabago ng timing ngunit pinapanatili ang parehong frames. Ang pagbabawas ng dimensions, bilang ng rendered frames, o bilang ng kulay ay karaniwang may mas direktang epekto sa file size.

Ang lahat ba ng larawan ay pinoproseso sa aking browser?

Hindi. Ipinapakita ng browser ang interactive composition, ngunit ang mga frame preview at ang huling GIF encoding ay gumagamit ng server processing. Ang huling file ay nire-render mula sa mga na-upload na orihinal at sa mga napiling setting.

ANG IYONG PAGKAKATAON

Gawing loop ang iyong mga larawan na may malinaw na ritmo

Subukan ang sample o gamitin ang sarili mong file, at suriin ang resulta bago ibahagi.

Buksan ang Maker ng GIF

Detalye ng larawan

Wika38

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

Piliin ang iyong wika. Ang mga video tutorial ay kasalukuyang gumagamit ng English na pagsasalaysay.