מהו keyframe?

אנימציה מסורתית

Keyframes הם חלק בלתי נפרד של תהליך האנימציה שחוזר ציור 2-D. את animators ליצור יד מצוירת אנימציות הראשון, outlining כל keyframes של האנימציה לפני עובד על הפרטים. אלה keyframes יציע את מהלך כללי של אנימציה, אבל עם כמות משמעותית של שטח בין. לעתים קרובות, אלה keyframes נעשו על ידי animators הראשי ולאחר מכן מסרתי כדי animators אחרים כדי למלא את הפערים.

אנימציה במחשב

Keyframes משמשים על ידי תוכניות אנימציה במחשב, כגון Adobe Flash, בצורה קצת שונה. המשתמש של תוכנית זו יכולה לייעד נקודות מסוימות על ציר הזמן שלו כמו keyframes. אלה הם מקומות שבהם משהו משתנה באופן דרסטי, כמו אדם הולך בעת שינוי כיוון. ההבדלים בין keyframes אלה ניתן למלא עם "אובייקטים" או נתיבי תנועה. אובייקטים ממלאים באופן אוטומטי את החלל בין keyframes, או על ידי העברת האנימציה מנקודה אחת לאחרת או על ידי התאמת הצורה של האנימציה. נתיב תנועה הוא כמו אינטרפולציה של תנועה, אבל זה מאפשר נתיב מסובך יותר, כי ניתן לחלץ על ידי אנימטור.

Motion גרפיקה

Motion גרפיקה תוכניות, כגון Apple Motion ו Adobe After Effects, גם להשתמש keyframes. מסגרות ראשיות משמשות כאשר כל פרמטר של גרפיקה בתנועה צריך להיות מותאם, כגון גודל המיקום או הצבע. באופן כללי, תוכניות אלה יש יכולות מעקב אחר התנועה. משמעות הדבר היא שאם אתה צריך את האפקט כדי לעקוב אחר משהו בסרטון כי הוא כבר פועל, פשוט להגדיר כמה keyframes לאורך הנתיב הזה ולאפשר לתוכנית לעקוב לאורך האובייקט.

CSS3

CSS היא שפת התכנות המשמשת את מעצבי האינטרנט כדי לשלוט על המראה של דפי האינטרנט שלהם. CSS3 הוא המשלוח החדש של קוד ה- CSS, למרות שהוא זמין רק ב- Safari או ב- Google Chrome החל מיולי 2011. CSS3 מאפשר למעצבי אתרים ליצור שני keyframes ולאחר מכן ליצור הנפשה עם שניהם. לדוגמה, ניתן להגדיר שתי תיבות עם תוויות, ולאחר מכן להעביר אותן לכיוון זה או רחוק. למרות יכולת מסגור היסוד של CSS3 אינו מתקדם כמו צורות אחרות של אנימציה, הוא כלי שימושי מאוד עבור אנימציות פשוטות שיש לשים באינטרנט.

הפניות

• מדריך למשתמש של Apple Motion: מהו Keyframing? (מהו keyframe?)
• Animating עם Flash Keyframes; Gurdy Lete ואלן פינקלשטיין (אנימציה עם Flash keyframes)
• סיגרף; עקרונות של אנימציה; ג 'סקוט אוון; מרץ, 1999 (עקרונות של אנימציה)
• לי מונרו; התחל ניסוי עם CSS3 אנימציות keyframe; יולי 2011 (התחל להתנסות עם הנפשות של keyframes CSS3 יולי 2011)