UI פיגמה- גלילת פרלקס, יש אופציה?

  • פותח הנושא srp
  • פורסם בתאריך

סיון

המניפה
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
UX UI
D I G I T A L
כן,
את יכולה לקסטם (custom) אנימציה איך שאת רוצה שיגלל
ראי כאן למשל:

אמור להיות לזה סרטון הדרכה, אאתר אותו.
אבל תראי איזה בדיוק גלילה את רוצה אמורים להיות הדרכות שונות ברשת על זה.
 
  • תודה
Reactions: srp

EPaP

מנהלת בפמ"ג
מנהל
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי DIP
עיצוב גרפי
כתיבה ספרותית
עיצוב פונטים
פרסום וקופי
UX UI
D I G I T A L
עניתי לך במייל, מעתיקה גם לפה לאלו שצפוו בנושא ועדיין מחפשים תשובה:

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

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

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

#חשוב 1: במקרה של מסכה - היא כמובן חייבת להופיע בשני הפריימים.
בראשון כשהיא נראת ריקה (התוכן מחוץ לגודל המסכה)
ובשני - בתוך המסכה. ולהיפך.

#חשוב 2: המיקום של האלמנטים מחוץ לפריים או מחוץ למסכה - משפיעים על אנימציית הכניסה.
אם נרצא שהתוכן יופיע מלמעלה - נמקם אותו מחוץ לפריים, למעלה
כך שהוא יופיע בתנועה הזו.

הקישור ש @סיון הביאה למעלה מביא לקובץ פיגמה במצב צפיה + פרלקס מהמם
זהו סרטון הטוטוראל.

הצלחות!
צפה בקובץ המצורף Parallax Image Effect Figma Animation Tutorial Using Smart Animate.mp4
 

אולי מעניין אותך גם...

הפרק היומי

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


תהילים פרק קיט ב'

ט בַּמֶּה יְזַכֶּה נַּעַר אֶת אָרְחוֹ לִשְׁמֹר כִּדְבָרֶךָ:י בְּכָל לִבִּי דְרַשְׁתִּיךָ אַל תַּשְׁגֵּנִי מִמִּצְוֹתֶיךָ:יא בְּלִבִּי צָפַנְתִּי אִמְרָתֶךָ לְמַעַן לֹא אֶחֱטָא לָךְ:יב בָּרוּךְ אַתָּה יְהוָה לַמְּדֵנִי חֻקֶּיךָ:יג בִּשְׂפָתַי סִפַּרְתִּי כֹּל מִשְׁפְּטֵי פִיךָ:יד בְּדֶרֶךְ עֵדְוֹתֶיךָ שַׂשְׂתִּי כְּעַל כָּל הוֹן:טו בְּפִקֻּדֶיךָ אָשִׂיחָה וְאַבִּיטָה אֹרְחֹתֶיךָ:טז בְּחֻקֹּתֶיךָ אֶשְׁתַּעֲשָׁע לֹא אֶשְׁכַּח דְּבָרֶךָ:
נקרא  5  פעמים

לוח מודעות

למעלה