הפקת GIF מונפש עם GIMP

תוכן עניינים:

הפקת GIF מונפש עם GIMP
הפקת GIF מונפש עם GIMP
Anonim

GIMP היא תוכנה חזקה להפליא בהתחשב בכך שהיא חינמית. מעצבי אתרים, במיוחד, עשויים להיות אסירי תודה על יכולתם לייצר קובצי-g.webp

קובצי-g.webp

איך ליצור-g.webp" />

השלבים הבאים מציגים אנימציה פשוטה בגודל באנר אינטרנט באמצעות כמה גרפיקה בסיסית, קצת טקסט ולוגו.

ההוראות במאמר זה חלות על גירסת GIMP 2.10.12.

  1. פתח מסמך חדש. בדוגמה זו, בחרנו את התבנית המוגדרת מראש של באנר אינטרנט גדול לנייד 320x100.

    עבור האנימציה שלך, אתה יכול לבחור גודל מוגדר מראש או להגדיר מידות מותאמות אישית בהתאם לאופן שבו תשתמש באנימציה הסופית שלך.

    עבור מדריך זה, אנימציה תהיה מורכבת משבע פריימים וכל פריים יוצג על ידי שכבה בודדת, כלומר לקובץ ה-GIMP הסופי יהיו שבע שכבות, כולל הרקע.

  2. הגדר מסגרת אחת. האנימציה תתחיל ברווח ריק כך שאין צורך בשינויים בשכבת Background בפועל מכיוון שהיא כבר לבנה רגילה.

    עם זאת, יש צורך לשנות את שם השכבה בפלטת Layers. לחץ לחיצה ימנית על שכבת Background בלוח ובחר Edit Layer Attributes.

    Image
    Image
  3. בתווית Edit Layer Attributes שנפתחת, הוסף (250ms) לסוף שם השכבה. זה מגדיר את משך הזמן שהמסגרת הזו תוצג בהנפשה. ה-ms מייצג אלפיות שנייה וכל אלפית שנייה היא אלפית השנייה. פריים ראשון זה יוצג למשך רבע שנייה.

    Image
    Image
  4. הגדר פריים שני. עבור המדריך, גרפיקת טביעת רגל משמשת למסגרת זו. עבור אל File > פתח כשכבות ובחר את הקובץ הגרפי. פעולה זו ממקמת את טביעת הרגל על שכבה חדשה שניתן למקם אותה כנדרש באמצעות Move Tool.

    Image
    Image
  5. כמו בשכבת הרקע, יש לשנות את שמה של שכבה חדשה זו כדי להקצות את זמן התצוגה למסגרת. במקרה זה, 750ms.

    בפלטת Layers, נראה שהתצוגה המקדימה של השכבה החדשה מציגה רקע שחור מסביב לגרפיקה, אבל במציאות האזור הזה שקוף.

    Image
    Image
  6. הגדר מסגרות שלוש, ארבע וחמש. שלושת המסגרות הבאות הן עוד טביעות רגליים שיעברו על הכרזה. אלה מוכנסים באותו אופן כמו מסגרת 2, תוך שימוש באותה גרפיקה וגרפיקה נוספת עבור כף הרגל השנייה. כמו קודם, הזמן מוגדר כ-750ms עבור כל פריים.

    כל אחת משכבות טביעת הרגל צריכה רקע לבן כך שרק מסגרת אחת תראה אי פעם - נכון לעכשיו, לכל אחת מהן יש רקע שקוף. נוכל לעשות זאת על ידי יצירת שכבה חדשה מיד מתחת לשכבת טביעת הרגל, מילוי השכבה החדשה בלבן ולאחר מכן לחיצה ימנית על שכבת טביעת הרגל ולחיצה על Merge Down

  7. Set Frame Six. מסגרת זו היא רק מסגרת ריקה מלאה בלבן שתיתן את המראה של טביעת הרגל הסופית שנעלמת לפני הופעת המסגרת הסופית. קראנו לשכבה זו Interval ובחרנו להציג את התצוגה הזו למשך 250 אלפיות השנייה בלבד.

    אין צורך לתת שם לשכבות, אבל זה יכול להקל על העבודה איתם קבצים שכבות.

    Image
    Image
  8. Set Frame Seven. זוהי המסגרת הסופית ומציגה מעט טקסט יחד עם הלוגו של Lifewire.com. הצעד הראשון כאן הוא הוספת שכבה נוספת עם רקע לבן.

    Image
    Image
  9. לאחר מכן, השתמש בכלי Text כדי להוסיף את הטקסט. זה מוחל על שכבה חדשה, אבל אנחנו נטפל בזה ברגע שהוספת את הלוגו או התמונה החדשה, וזה יכול להיעשות באותו אופן שבו גרפיקת טביעת הרגל נוספה קודם לכן.

    Image
    Image
  10. כשיסדרנו את אלה כרצוננו, נוכל להשתמש ב- Merge Down כדי לשלב את שכבות הלוגו והטקסט ולאחר מכן למזג את השכבה המשולבת הזו עם השכבה הלבנה שנוספה קוֹדֶם.זה מייצר שכבה אחת שתהווה את המסגרת הסופית ובחרנו להציג זאת למשך 4000 אלפיות השנייה.

    Image
    Image
  11. תצוגה מקדימה של האנימציה לפני שמירת ה-g.webp" />Filters >אנימציה > השמעה זה פותח תיבת תצוגה מקדימה עם לחצנים שמסבירים את עצמם להפעלת האנימציה. אם משהו לא נראה תקין, ניתן לתקן אותו בשלב זה. אחרת, ניתן לשמור אותו כ-g.webp" />.

    רצף האנימציה מוגדר בסדר שהשכבות מוערמות בפלטת Layers, החל מהרקע או השכבה הנמוכה ביותר ועבודה כלפי מעלה. אם האנימציה שלך פועלת מחוץ לרצף, תצטרך להתאים את סדר השכבות שלך, על ידי לחיצה על שכבה כדי לבחור ושימוש בחצים למעלה ולמטה בסרגל התחתון של לוח השכבות כדי לשנות את מיקומה.

    Image
    Image
  12. שמור את ה-g.webp" />. שמירת-g.webp" />File > Save a Copy ותן לקובץ שלך שם רלוונטי ובחר היכן ברצונך לשמור את הקובץ.

    Image
    Image
  13. הבא, עבור אל File > Export As כדי לשמור אותו כ-g.webp" />.

    Image
    Image
  14. בתיבת הדו-שיח יצוא תמונה שנפתחת, בחר בחר סוג קובץ וגלול לתמונת-g.webp" />. אם אתה מקבל אזהרה לגבי שכבות החורגות מהגבולות האמיתיים של התמונה, בחר בלחצן Crop.

    Image
    Image
  15. זה יוביל כעת לתיבת הדו-שיח Save as GIF עם קטע של אפשרויות-g.webp" />. אתה יכול להשאיר את אלה בברירות המחדל שלהם, אם כי אם אתה רוצה שהאנימציה תופעל פעם אחת בלבד, עליך לבטל את הסימון של Loop forever.

    Image
    Image
  16. עכשיו אתה יכול לשתף את ה-g.webp

מסקנה

השלבים המוצגים כאן יתנו לך את הכלים הבסיסיים להפקת הנפשות פשוטות משלך, תוך שימוש בגרפיקה ובגדלים שונים של מסמכים. אמנם התוצאה הסופית היא די בסיסית מבחינת אנימציה, אבל זה תהליך קל מאוד שכל מי שיש לו ידע בסיסי ב-GIMP יכול להשיג.

מוּמלָץ: