GIMP אנימציה GIF הדרכה

כיצד לייצר GIF אנימציה עם GIMP

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

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

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

01 של 09

פתח מסמך חדש

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

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

02 מתוך 09

הגדר מסגרת אחת

אני רוצה את האנימציה שלי להתחיל עם שטח ריק אז אני לא עושה שינויים בשכבת רקע בפועל כי הוא לבן פשוט.

עם זאת, אני צריך לעשות שינוי שם של שכבת בחלונית ' שכבות' . אני קליק ימני על שכבת הרקע בלוח ולבחור ערוך תכונות שכבה . בתיבת הדו-שיח ' עריכת תכונות שכבה ' שנפתחת, אני מוסיף (250ms) לסוף שם השכבה. פעולה זו קובעת את משך הזמן שבו מסגרת זו תוצג בהנפשה. MS מייצג אלפיות השנייה וכל אלפית השנייה היא אלפית השנייה. מסגרת ראשונה זו תוצג במשך רבע שנייה.

03 מתוך 09

הגדר מסגרת שני

אני רוצה להשתמש גרפיקה טביעת רגל עבור מסגרת זו אז אני הולך קובץ > פתח שכבות ובחר את הקובץ הגרפי שלי. זה מציב את טביעת הרגל על ​​שכבה חדשה שבה אני יכול למקם כנדרש באמצעות כלי העברה . כמו בשכבת הרקע, אני צריך לשנות את שם השכבה כדי להקצות את זמן התצוגה של המסגרת. במקרה זה, בחרתי 750ms.

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

04 של 09

בחר מסגרות שלוש, ארבע וחמש

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

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

05 מתוך 09

הגדר מסגרת שש

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

06 מתוך 09

הגדר את מסגרת שבע

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

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

07 מתוך 09

תצוגה מקדימה של האנימציה

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

אם משהו לא נראה בסדר, זה יכול להיות מתוקן בשלב זה. אחרת, ניתן לשמור אותו כ GIF מונפש.

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

08 מתוך 09

שמור את GIF מונפש

שמירת GIF מונפש היא תרגיל ישר קדימה. ראשית, עבור אל קובץ > שמור עותק ו תן את הקובץ שם רלוונטי ובחר היכן אתה רוצה לשמור את הקובץ. לפני הלחיצה על שמור , לחץ על Select File Type (לפי Extension) לכיוון הפינה השמאלית התחתונה, מהרשימה שנפתחת, בחר תמונה GIF . בתיבת הדו-שיח ' ייצא קובץ ' שנפתחת, לחץ על לחצן הבחירה שמירה כאמצעי אנימציה ולחץ על הלחצן ' ייצא' . אם אתה מקבל אזהרה על שכבות המשתרעות מעבר לגבולות בפועל של התמונה, לחץ על הלחצן חיתוך .

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

09 של 09

סיכום

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