איך לעשות אנימציה באתר שלך

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

איך לעשות אנימציה באתר שלך
איך לעשות אנימציה באתר שלך

וִידֵאוֹ: איך לעשות אנימציה באתר שלך

וִידֵאוֹ: איך לעשות אנימציה באתר שלך
וִידֵאוֹ: מדריך אנימציית css עם אלמנטור - הגיע הזמן לאנימציות מיוחדות באתר שלך! 2024, מאי
Anonim

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

איך לעשות אנימציה באתר שלך
איך לעשות אנימציה באתר שלך

זה הכרחי

מחשב, עורך גרפיקה Adobe Photoshop 5 ומעלה, עורך Adobe Image Ready

הוראות

שלב 1

הפעל את Photoshop וצור תמונה חדשה בגודל 100x100 פיקסלים. הגדר את הרזולוציה ל 72 פיקסלים ומצב RGB. בחר באפשרות הצג שכבות מפריט התפריט חלון כדי להציג את לוח הצבעים שכבות.

שלב 2

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

שלב 3

הגיע הזמן להנפיש את המסגרות שהתקבלו. בתפריט קובץ, בחר קפיצה אל ולאחר מכן Adobe Image Ready. פעולה זו תעביר אותך לעורך גרפי אחר.

שלב 4

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

שלב 5

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

מוּמלָץ: