איך ליצור אנימציות שבירת מסגרת בפיד של רשתות חברתיות
לא פעם אני רואה ברשתות החברתיות אנימציות שאנשים שואלים אותי עליהן — כאלו שבהן תמונה נראית כאילו היא פורצת מתוך המסגרת שלה ומתקשרת ישירות עם הפיד עצמו, כמו פוסט בפייסבוק או ממשק דומה.
היום אני רוצה ללמד אתכם איך ליצור את האפקט הזה. זה די פשוט — טכניקה ברמת מתחילים עד מתחילים פלוס.
שלב 1 – צילום מסך של הפיד
צלמו צילום מסך של פיד הפייסבוק שלכם (או כל רשת חברתית אחרת) באמצעות הטלפון או המחשב.
שלב 2 – עריכת תמונת הפיד
שנו את שמות החשבונות, האייקונים ובעיקר את התמונה שתיצור אינטראקציה עם המסגרת. ניתן להתחיל מאפס או להשתמש בתבנית ולהחליף את התוכן.
שלב 3 – העלאה והנפשה באמצעות JSON
העלו את התמונה הערוכה ל-Grok (פריים יחיד, ללא סאונד). במקום פרומפט רגיל, השתמשו בסקריפט JSON מבוסס JavaScript לשליטה באנימציה.
ניתן להוריד את הסקריפט כאן:
הורדת סקריפט JSON
ניתן גם להדביק את הסקריפט ל-ChatGPT ולהסביר איזו אנימציה תרצו ליצור. הוספת התמונה הערוכה כרפרנס תעזור למערכת להתאים את הסקריפט בהתאם.