בנו את הדוגמה עם ארבע תמונות תחילה, לאחר מכן התאימו את הסדר, משך הפריים והקנבס לרצף התמונות שלכם. פתח את יוצר GIF.
בחר תמונות וסדר את רצף הפריימים
פתח את יוצר ה-GIF ובחר בתמונות. העלה את התמונות שלך או בחר ב-Try an example. קלטים נפוצים כוללים JPG, PNG, WebP ו-GIF; טופס ההעלאה מפרט את הפורמטים הנתמכים הנוספים. אצווה יכולה להכיל עד 50 קבצים, עם מגבלה של 25 מגה-בייט לכל תמונה ומגבלות עיבוד כלליות.
דוגמה זו משתמשת ב-Try an example כדי לטעון מ-gif-orbit-01.webp עד gif-orbit-04.webp. כל מקור הוא 640 × 640 פיקסלים, וארבע התמונות מציגות מיקומים שונים באותה סצנת מסלול. שמור על הסדר המקורי שלהן עבור התוצאה המעובדת.
כרטיסי הפריימים מופיעים מעל התצוגה המקדימה. גררו כרטיס כדי לשנות את מיקומו, או בחרו אותו והשתמשו ב'הזז מוקדם יותר' או 'הזז מאוחר יותר' בלוח ההגדרות. משתמשי מקלדת יכולים לבחור כרטיסים באמצעות מקשי החצים ולסדר אותם מחדש בעזרת Alt ומקש חץ. 'הפעל' מעל התצוגה המקדימה בודק את הרצף הנוכחי.
'שכפל' מוסיף עותק נוסף של הפריים הנבחר. 'הסר' מוחק פריים מהרצף תוך שמירה על פריים אחד לפחות. 'בטל' ו'בצע שוב' משחזרים עריכות אחרונות; הוספה או הסרה של קובץ מקור מתחילה קבוצת קבצים חדשה ומאפסת את היסטוריית העריכה. השתמשו ב'הוסף תמונות' כאשר הרצף זקוק לתמונות נוספות.
השתמשו בתמונות קשורות עם התקדמות ברורה. רצף פשוט קל יותר למעקב מאשר תמונות רבות שאינן קשורות המשתנות במהירות.
הגדירו את משך הזמן של כל פריים ובחרו מעבר
בחרו פריים והגדירו 'משך זמן' בשניות. הטווח הנתמך הוא 0.02 עד 10 שניות לכל פריים מקור. 'החל משך זמן זה על כל הפריימים' מעניק לכל פריים את התזמון שנבחר. עבור מצגת עם כותרת או תמונה סופית מפורטת, השאירו את הפריים הזה גלוי זמן רב יותר מהשאר.
עבור הדוגמה, שמרו על כל 'משך זמן' ב-0.65 שניות. 'נסה דוגמה' כבר מגדיר ערך זה; עם התמונות שלכם, הזינו 0.65 עבור פריים אחד ובחרו 'החל משך זמן זה על כל הפריימים'. בחרו 'התפוגגות רכה' תחת 'מעבר' והגדירו את 'זמן מעבר' ל-0.20 שניות, או 200 מילישניות.
פתחו את 'טקסט ואיכות ייצוא' ושמרו על 'שלבי מעבר' ב-4. כל התפוגגות מוסיפה ארבעה פריימי ביניים. עם ארבעה פריימי מקור, ארבע התפוגגויות בלולאה, 'הפעלה קדימה' ו'חזור לנצח', דוגמה זו מכילה 20 פריימים מרונדרים. ארבע ההחזקות של 0.65 שניות פלוס ארבע התפוגגויות של 0.20 שניות יוצרות מחזור של 3.4 שניות.
'חיתוך נקי' עובר ישירות בין תמונות ללא הוספת פריימי מעבר. 'החלקה שמאלה' מזיזה את התמונה הבאה על פני הקנבס. יותר שלבי מעבר יכולים להפוך מעבר לחלק יותר, אך הם משתמשים ביותר מתקציב הייצוא של 200 פריימים. העורך מדווח כאשר הרצף והאפקטים שנבחרו חורגים ממגבלה זו.
'קדימה' מפעיל את הרצף לפי הסדר, 'אחורה' מפעיל אותו בסדר הפוך, ו'קפיצה' חוזר דרך הרצף מבלי לחזור על שני פריימי הקצה. 'לולאה' בוחר חזרה אינסופית או מספר קבוע של הפעלות. עבור הדוגמה המעשית, שמרו על 'קדימה' ו'חזור לנצח'.
'משך זמן' הוא ההחזקה לפני מעבר; 'זמן מעבר' מתווסף אליו. ארבע תמונות ב-0.65 שניות אינן יוצרות לולאה של 2.6 שניות כאשר התפוגגויות גם מופעלות.
הדוגמה במדריך זה
ארבע תמונות דוגמה בסדרן המקורי; 0.65 שניות לפריים; קדימה; חזרה לנצח; טשטוש רך; 0.20 שניות זמן מעבר; 4 שלבי מעבר; ריבוע 640 × 640 פיקסלים; הצג את התמונה כולה; ממורכז בזום של 100%; כיתוב פריים ראשון "Made to loop."; תחתית; 32 פיקסלים; לבן; 256 צבעים; מעברי צבע חלקים ואופטימיזציית גודל קובץ מופעלים.
- תמונות מקור
- 4 WebPs · כל אחת 640 × 640 פיקסלים
- תזמון פריימים
- 0.65 שניות המתנה + 0.20 שניות טשטוש
- GIF שהורד
- 640 × 640 פיקסלים · 20 פריימים
- מחזור הנפשה
- 3.4 שניות · חוזר לנצח
בחרו את הקנבס, מסגרו מחדש תמונות והוסיפו כיתובים
תחת 'קנבס ורקע', בחרו 'ריבוע · 1:1' עבור הדוגמה ושמרו על 'רוחב' ו'גובה' ב-640 פיקסלים. הגדרות קבועות מראש אחרות כוללות 'דיוקן', 'סטורי', 'נוף' ו'מסך רחב'. 'התאם לתמונה ראשונה' מתחיל מהצורה של התמונה הראשונה, בעוד 'גודל מותאם' מקבל ממדים מ-16 עד 1600 פיקסלים לכל צלע, בכפוף למגבלת העיבוד הכוללת של האנימציה.
'התאמת תמונה' מציעה 'הצג את כל התמונה' ו'מלא את הקנבס'. 'הצג את כל התמונה' בזום של 100% שומר על כל קצוות המקור ויכול להשאיר רקע סביב תמונה בצורה שונה. 'מלא את הקנבס' מכסה את אזור הפלט ויכול לחתוך את הקצוות. הגדירו 'רקע' למילוי הרצוי או הפעילו 'רקע שקוף' כאשר היעד זקוק לכך.
בחרו פריים כדי לשנות את המסגור שלו באופן עצמאי. גררו את התצוגה המקדימה או שנו את 'זום', השתמשו ב'שמאלה' או 'ימינה' עבור סיבובים של 90 מעלות, או 'הפוך' כדי לשקף אותה. 'אפס פריים' מחזיר את הפריים למסגור ממורכז ולא מסובב בזום של 100%. הדוגמה שומרת על כל ארבע תמונות המקור המרובעות ממורכזות ומשתמשת ב'הצג את כל התמונה'.
בחרו את הפריים הראשון והזינו 'Made to loop.' ב'כיתוב'. השאירו את שלושת הכיתובים האחרים ריקים. תחת 'טקסט ואיכות ייצוא', שמרו על 'מיקום כיתוב' ב'תחתית', 'גודל כיתוב' ב-32 פיקסלים וצבע כיתוב לבן. כיתובים שייכים לפריימים בודדים; בחירת פריים אחר מאפשרת לכם לכתוב שורה שונה. הכיתוב הראשון בדוגמה מתפוגג עם הפריים שלו.
שמרו על GIF צבעים ב-256 · פירוט רב יותר, עם 'החלקת מעברי צבע' ו'אופטימיזציית גודל קובץ' מופעלים עבור התוצאה המעשית. ספירות צבע נמוכות יותר יכולות ליצור קובץ קל יותר אך עלולות לשנות גוונים עדינים. 'החלקת מעברי צבע' משתמשת ב-dithering, שיכול לרכך פסי צבע תוך הוספת דפוס עדין גלוי.
בדקו כל פריים לאחר שינוי צורת הקנבס. קומפוזיציה שמתאימה לתמונה אחת עלולה לחתוך את הנושא באחרת. הגדלת ממדי הפלט אינה יכולה לשחזר פרטים שחסרים ממקור קטן.
צרו את ה-GIF ובדקו את האנימציה שהורדה
הפעילו את התצוגה המקדימה וצפו במחזור שלם, כולל החזרה מהפריים האחרון לראשון. בדקו שהכיתובים נשארים גלויים מספיק זמן, שהחיתוך עקבי וששום פריים לא מרגיש ממהר. בחרו 'צור GIF' כאשר הרצף מוכן; השרת מרנדר את האנימציה הסופית מהמקורות שהועלו.
הדוגמה המעשית מורידה animation.gif ב-640 × 640 פיקסלים. לפלט האמיתי יש 20 פריימים, מחזור של 3.4 שניות ולולאה אינסופית. ההשוואה לעיל מציגה את ארבע תמונות המקור כדף קשר ואת הפריים הראשון בפועל של ה-GIF שהורד, כולל הכיתוב 'Made to loop.' שנוסף.
תמונות המאמר הן עדיין תצוגות מקדימות, לא נגן אנימציה. פתחו את ה-GIF שהורד באפליקציה שתומכת באנימציה כדי לבדוק תזמון ולולאה. תצוגה מקדימה שנראית חלקה עדיין יכולה לקבל שינויי צבע לאחר המרת פלטה של GIF, לכן בדקו את התוצאה השמורה לפני השיתוף.
עבור תוצאה קטנה יותר, נסו פחות פריימי מקור, מעברים קצרים יותר, פחות שלבי מעבר, קנבס קטן יותר או ערך GIF צבעים נמוך יותר. קיצור זמן ההחזקה לבדו אינו מסיר פריימי תמונה, לכן הוא עשוי לשנות קצב מבלי להפחית את גודל הקובץ באופן משמעותי.
הורידו לפני רענון או עזיבה. רענון העורך או דף ההורדה מחזיר לדף הכלי הראשי. שמרו את תמונות המקור שלכם מכיוון שה-GIF המיוצא הוא אנימציה שטוחה, לא קובץ פרויקט המכיל את פקדי המקור הניתנים לעריכה.
מציג תמונות סטטיות עשוי להציג רק את פריים ה-GIF הראשון. בדקו את הקובץ בדפדפן או במציג אחר התומך באנימציה לפני שתסיקו שהאנימציה חסרה.
שאלות נפוצות
האם אני יכול ליצור GIF מתמונות JPG ו-PNG יחד?
כן. מצב תמונות יכול לשלב פורמטים נתמכים של תמונות ברצף אחד. כל קלט הופך לפריים אחד או יותר בציר הזמן. בחר גודל קנבס משותף ובדוק את ההתאמה של כל תמונה.
האם כל תמונה יכולה להישאר על המסך לזמן שונה?
כן. בחר פריים ושנה את משך הזמן (Duration). החלת משך זמן זה על כל הפריימים היא אופציונלית; השאר זאת ללא שימוש כאשר התמונות זקוקות לזמני המתנה שונים.
מדוע ל-GIF יש יותר פריימים ממספר התמונות?
טשטוש רך (Soft fade) והחלקה שמאלה (Slide left) מוסיפים פריימי מעבר, וקפיצה (Bounce) מוסיפה רצף חזרה. קובץ אנימציה שהועלה יכול גם להכיל מספר פריימים. מגבלת ה-200 פריימים חלה על האנימציה המרונדרת, לא רק על מספר התמונות שהועלו.
האם אני יכול לשים כיתוב שונה על כל תמונה?
כן. כיתוב חל על הפריים הנבחר. בחר כל פריים כדי להזין את הטקסט שלו. מיקום הכיתוב, הגודל והצבע הם פקדי עיצוב משותפים לאנימציה.
האם ל-GIF יכול להיות רקע שקוף?
כן. הפעל רקע שקוף (Transparent background) תחת קנבס ורקע. GIF תומך בפיקסלים שקופים לחלוטין ולא בשקיפות חלקית חלקה בסגנון PNG, לכן קצוות רכים עשויים להשתנות. בדוק את התוצאה שהורדה מול הרקע המיועד לה.
מדוע חלק מהקצוות של תמונה חסרים?
מילוי הקנבס וזום נוסף עלולים לחתוך את קצוות המקור. כדי לשמור על תמונה מלאה, בחר הצג את התמונה כולה, הגדר זום ל-100% והשתמש במסגור ממורכז. צורת קנבס שונה עלולה להשאיר רקע גלוי מסביב.
האם יצירת GIF שמתנגן מהר יותר הופכת את הקובץ לקטן יותר?
לא בהכרח. המתנה קצרה יותר משנה את התזמון אך שומרת על אותם פריימים. הפחתת ממדים, מספר הפריימים המרונדרים או ספירת הצבעים בדרך כלל משפיעה באופן ישיר יותר על גודל הקובץ.
האם כל התמונות מעובדות בדפדפן שלי?
לא. הדפדפן מציג את הקומפוזיציה האינטראקטיבית, אך תצוגות מקדימות של פריימים וקידוד GIF סופי משתמשים בעיבוד שרת. הקובץ הסופי מרונדר מהמקורות שהועלו ומההגדרות שנבחרו.
הפוך את התמונות שלך ללופ עם קצב ברור
נסה דוגמה או השתמש בקובץ משלך, ועיין בתוצאה לפני השיתוף.
