עניתי לך במייל, מעתיקה גם לפה לאלו שצפוו בנושא ועדיין מחפשים תשובה:
בגדול, פרלקס מתבסס על סמארט אנימייט (אנימציה חכמה)
בה פיגמה מזהה את האלמנטים בעלי השם הזה בשני פריימים שונים.
אז מה שצריך לעשות זה ככה:
לעצב את המסך הראשון ממצב 0, של תחילת הפרלקס
ואז להעתיק את הפריים הזה ולסדר את החדש למצב סופי, שבו האנימציה מסתיימת.
אם לדוגמה את רוצה להביא אלמנט שיופיע באנימציה בפריים השני -
הוא צריך להיות קיים גם בפריים הראשון.
פשוט צריך לגרום לא לא להיות נראה.
אם זה ע"י הוצאה מחוץ לשטח הפריים,
או הכנסה לתוך מסכה והוצאת האלמנט מחוץ לגבולות המסכה.
#חשוב 1: במקרה של מסכה - היא כמובן חייבת להופיע בשני הפריימים.
בראשון כשהיא נראת ריקה (התוכן מחוץ לגודל המסכה)
ובשני - בתוך המסכה. ולהיפך.
#חשוב 2: המיקום של האלמנטים מחוץ לפריים או מחוץ למסכה - משפיעים על אנימציית הכניסה.
אם נרצא שהתוכן יופיע מלמעלה - נמקם אותו מחוץ לפריים, למעלה
כך שהוא יופיע בתנועה הזו.
הקישור ש
@סיון הביאה למעלה מביא לקובץ פיגמה במצב צפיה + פרלקס מהמם
זהו סרטון הטוטוראל.
הצלחות!
צפה בקובץ המצורף Parallax Image Effect Figma Animation Tutorial Using Smart Animate.mp4