לפרוץ את הגבולות של אלמנטור עם אנימציות לוטי מותאמות (קורס של שעה וחצי בחינם!)

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

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

* הסרטון כולו עם כתוביות בעברית שניתן להפעיל בלחיצה על כפתור הכתוביות למטה.

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

תוכן עניינים לסרטון

ניתן ללחוץ על השעון ולדלג לחלק הרלוונטי:

• 00:00 הקדמה- מה במדריך?
• 01:39 התקנת bodymovin
• 02:14 אנימציה ראשונה – הכנת גרפיקה
• 08:18 אפטר אפקטס לאנימציה הראשונה
• 29:07 הטמעת האנימציה באלמנטור
• 32:01 אנימציה 2 – הכנת גרפיקה
• 36:28 אפטר אפקטס לאנימציה 2
• 1:00:37 הטמעת אנימציה 2 באלמנטור
• 1:03:11 אנימציה 3 – הכנת גרפיקה
• 1:07:56 אפטר אפקטס לאנימציה 3
• 1:17:47 הטמעת אנימציה 3 באלמנטור
• 1:22:34 התוצאה הסופית

קצת רקע- למה ללמוד על אנימציות לוטי מותאומות אישית?

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

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

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

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

איך הקורס החינמי בנוי

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

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

אפשר לראות את האנימציות בפעולה כאן, או בתמונת הבאות:

ספרו לי מה דעתכם!

ראיתם את הקורס? אשמח מאוד לשמוע מה דעתכם!
אפשר להגיב כאן בתגובות או ליצור איתי קשר באינסטגרם @kfir_digital
מחכה לשמוע מכם 🙂
כפיר.