דוגמאות ל-motion graphics: סרטונים בסיוע AI ממוינים לפי מה שהם עושים
מאת Potto AI Team·
דוגמאות ל-motion graphics ממוינות לפי משימה: סרטוני השקה, מסכי מוצר, טיפוגרפיה קינטית, סיפורי נתונים, סרטוני הסבר וחשיפות לוגו, כל אחת מיוצר שצוין בשמו.
הדוגמאות השימושיות ביותר ל-motion graphics ממוינות לפי המשימה שהסרטון ממלא, לא לפי סגנון חזותי: סרטון השקה, מסך מוצר מונפש, סליל kinetic type, סיפור נתונים, סרטון הסבר או חשיפת לוגו. לכל משימה יש אורך משלה, יחס תמונה משלה וסדר רעיונות משלה, ולכן «דוגמה טובה» עוזרת רק אם היא הסוג הנכון של דוגמה. המדריך הזה בוחר 21 דוגמאות ל-motion graphics מתוך ספריית סרטוני AI motion graphics ב-Potto, ממיין אותן לשש המשימות, ומציין לכל אחת את היוצר, האורך, יחס התמונה ומה כדאי לשים לב אליו.
דבר אחד קודם: אף אחד מהסרטונים האלה לא נוצר על ידי Potto. הם נוצרו ופורסמו על ידי יוצרים עצמאיים, שמצוינים למטה לפי כינויי ה-X שלהם. Potto אוסף אותם כדי שתוכלו לצפות בהם, לקרוא את ה-prompt במקום שהיוצר שיתף אחד, ולהתחיל סרטון משלכם מתוך הרעיון. התיאורים משתמשים רק בכותרת של כל סרטון ובפרטים שבעמוד שלו (יוצר, קטגוריה, אורך, יחס, כלים), כי המטרה היא לעזור לכם לבחור מה ללמוד, לא לסקור את העבודה של אחרים. כל מה שנאמר על הכלי של Potto עצמו מגיע מהמוצר כפי שהוא עובד היום.
מה נחשב ל-motion graphics
Motion graphics הם עיצוב גרפי שמונע: טקסט, צורות, אייקונים, תרשימים ותמונות שנעים כדי להסביר משהו, להכריז על משהו או לתת למותג מראה. המדריך של Adobe ל-motion graphics מגדיר אותם כ-«graphics with movement» וקורא להם «shorter pieces of animation that entertain or impart information», בניגוד לסרטי אנימציה באורך מלא עם דמויות ועלילה. הערך של ויקיפדיה על motion graphic design אומר ש-motion design מקושר בדרך כלל להנעת אובייקטים מופשטים, טקסט ורכיבים אחרים של עיצוב גרפי.
יחד, שני המקורות מציינים את המקומות שבהם העבודה מופיעה: כתוביות פתיחה לקולנוע ולטלוויזיה, גרפיקה לשידור ולחדשות, פרסום ומיתוג, טיפוגרפיה מונפשת, עיצוב ממשק משתמש, וסרטוני הסבר וקידום. הרשימה הזו מאורגנת לפי תעשייה. המדריך הזה מארגן לפי משימה, כי כשיוצרים סרטון השאלה היא «מה אני מנסה להעביר?», ולא «לאיזו תעשייה זה שייך?». שש המשימות למטה תואמות לקטגוריות שבהן הספרייה משתמשת, ומכסות את רוב מה שעסק או יוצר באמת צריכים.
משימה
מה היא עושה
שאלה אופיינית שהיא עונה עליה
השקה
מכריזה על מוצר או על גרסה
מה חדש, ולמה שיהיה לי אכפת?
מסכי מוצר
מניעה ממשק
איך המוצר הזה נראה ואיך הוא עובד?
Kinetic type
מניעה מילים כחזות העיקרית
איזו שורה כדאי לי לזכור?
סיפור נתונים
גורם למספר או למגמה להיקלט
מה השתנה, ובכמה?
הסבר
מלמד רעיון בצעדים
איך זה עובד?
אנימציית לוגו
חושפת סימן מותג
מי יצר את זה?
איך נבחרו 21 הדוגמאות
הספרייה גדולה וממשיכה לגדול, ולכן המדריך הזה לא מצטט סך הכול; העמוד תמיד מציג את המספרים העדכניים. כדי לבחור דוגמאות השתמש המדריך בארבעה מסננים. לכל עבודה חייבים להיות יוצר שמצוין בשמו, אורך ויחס תמונה מתועדים, סרטון שאפשר להפעיל, וכותרת שאומרת על מה הסרטון. בתוך כל משימה הועדפו עבודות שמשתנות באורך, ביחס ובכלים, כדי שתראו את הטווח ולא דפוס אחד שחוזר על עצמו.
שתי עובדות על הספרייה כולה כדאי לדעת לפני הדוגמאות. הן מגיעות מרשומות הספרייה כפי שנבדקו ב-2026-10-12, והן יזוזו ככל שיתווספו עבודות:
רוב העבודות הן 16:9. בערך ארבע מכל חמש עבודות הן 16:9, בערך אחת משמונה היא 9:16, והשאר הן 1:1. כל משימה למטה נוטה לאותו כיוון, וזה תואם למקום שבו אנשים צופים: אתרים, מצגות ו-X.
האורך תלוי במשימה. אורך החציון הוא בערך 9 שניות לאנימציית לוגו, 15 ל-kinetic type, 30 להשקה, 35 לסיפור נתונים, 36 למסכי מוצר ו-60 להסבר. החציונים לפי משימה מופיעים בכל מקטע.
21 העבודות מופיעות במקטעים משלהן למטה, כל אחת עם קישור לעמוד שלה, שם אפשר להפעיל אותה. לכל עבודה המדריך מציין את כינוי ה-X של היוצר, את האורך, את היחס, את הכלים במקום שהעמוד מפרט אותם, והאם היוצר שיתף את ה-prompt. «Prompt שותף» פירושו שהיוצר פרסם את ה-prompt בעמוד העבודה, כך שאפשר לקרוא אותו לפני שמחליטים להשתמש בו מחדש.
דוגמאות לסרטון השקה
סרטון השקה מכריז על משהו ומבקש מהצופה לזכור דבר אחד: את השם. בין סרטוני ההשקה בספרייה, אורך החציון הוא 30 שניות, ובערך מחציתם הם 30 שניות או פחות. זו גם הקטגוריה עם הפיזור הרחב ביותר של יחסי תמונה, עם בערך אחת מחמש ב-9:16 לטלפונים.
Reddit marketing tool launch video של @anthonyriera נמשך 52.8 שניות ב-16:9. העמוד מציין את Remotion ככלי, אותו רנדרר ש-Potto משתמש בו, וזה הופך אותו להפניה שימושית למה שסרטון השקה שנבנה בקוד יכול להכיל קרוב לדקה.
TypingMind showreel announces team features של @ann_nnng הוא 15.0 שניות ב-16:9, בנוי על canvas, והיוצר שיתף את ה-prompt. הכותרת מציינת את התוכן, תכונות צוות, ואת הצורה, showreel.
מה לשים לב אליו. הפעילו סרטון השקה פעם אחת בלי קול, וציינו את השנייה שבה שם המוצר מופיע לראשונה. אחר כך ספרו כמה טענות נפרדות הסרטון מעלה. הדוגמאות למעלה מצביעות על כלל שמחזיק בכל הקטגוריה: ככל שהסרטון קצר יותר, כך יש בו פחות טענות. סרטון של 15 שניות נושא רעיון אחד ושם; סרטון של 50 שניות משאיר מקום לבעיה, לכמה תכונות ולשורת סיום.
לקחת את זה ל-Potto. כלי סרטון המוצר של Potto בונה סרטוני השקה מתוך תיאור או קישור. בריף שעובד היטב מציין את הקהל, את האורך ואת המקצבים:
סרטון השקה לאפליקציית תקציב בדיונית בשם Ledgerly, 30 שניות, 16:9. פתחו בבעיה של מעקב אחרי הוצאות בגיליונות אלקטרוניים, הציגו שלוש תכונות, וסיימו בשם האפליקציה ובקריאה לפעולה.
דוגמאות למסכי מוצר
אנימציה של מסכי מוצר מראה ממשק שעושה משהו: רשימה ממיינת את עצמה, לוח מחוונים מתמלא, טלפון עובר דרך תהליך. אורך החציון בקטגוריה הוא 36 שניות, אבל החצי האמצעי של העבודות נע מבערך 24 עד בערך 67 שניות, ולכן זו המגוונת ביותר מבין השש. כאן גם הדוגמאות ב-9:16 וב-1:1 שימושיות במיוחד, כי תהליכים באפליקציה מוצגים לעיתים קרובות על טלפונים.
מה לשים לב אליו. עצרו על הפריים הראשון שמציג את הממשק, ושאלו מה הצופה אמור להסתכל עליו. אחר כך בדקו כמה זמן כל מצב נשאר על המסך. אנימציית מסכי מוצר נכשלת כשהמסך משתנה לפני שהעין מצאה את השינוי, ולכן הדוגמאות הקצרות ביותר כאן מציגות שינוי אחד, והארוכות יותר מקבצות את המצבים שלהן לצעדים.
לקחת את זה ל-Potto.סרטון דמו למוצר מתחיל מצילומי מסך שאתם מעלים, עד שמונה תמונות, מסמכים או קובצי שמע לפרויקט. סצנות של צילומי מסך מתקרבות ועוקבות אחרי מסלול סמן, וכל סצנה יכולה לשאת כיתוב, ולכן הבריף הרגיל הוא רשימת צעדים:
הדגמת מוצר לאפליקציית חשבוניות בדיונית, 30 שניות, 16:9. השתמשו בשלושת צילומי המסך שלי: יצירת חשבונית, שליחתה, וראייה שהיא שולמה. כיתוב קצר אחד לכל צילום מסך, וסיום בשם האפליקציה.
דוגמאות ל-kinetic type
Kinetic type שם מילים בתנועה כחזות העיקרית. זו המשימה הקצרה ביותר מבין אלה שמובלות על ידי טקסט: החציון הוא בערך 15 שניות, ובערך שבע מכל עשר עבודות נמשכות 30 שניות או פחות. כיוון שאין ממשק או תרשים שיישאו את המשמעות, הכתיבה חייבת לעשות זאת.
מה לשים לב אליו. השתיקו את הסרטון וקראו אותו. Kinetic type צריך לעבוד כטקסט: אם המשפטים חלשים, התנועה לא תציל אותם. אחר כך החזירו את הקול ובדקו אם התזמון של כל מילה עוקב אחרי הצליל. שתי הדוגמאות של 15 שניות קושרות את התנועה לכרטיס כותרת או לקצב, בעוד שתי הדוגמאות של 75 שניות נשענות על מבנה, רשימת קרדיטים וכותרות פרקים, כדי להחזיק את תשומת הלב.
לקחת את זה ל-Potto. סצנות הטקסט של Potto נבנות לפי cue, וסצנות הציטוט, הכותרת והרשימה נושאות שורות קצרות. הוא לא מציע אנימציית אותיות חופשית, ולכן אדווה של 128 BPM נמצאת מחוץ למה שהוא מרנדר. מה שהוא מטפל בו היטב הוא תסריט קצר שבו כל שורה מקבלת מסך משלה:
סרטון טקסט קינטי, 15 שניות, 16:9, סגנון Bold Pop. חמש שורות קצרות, אחת לכל מסך, על צוות שמשחרר כל יום שישי. סיימו בשורה «Ship it.»
דוגמאות לסיפור נתונים
סיפור נתונים גורם למספר אחד או למגמה אחת להיקלט. בין סרטוני סיפור הנתונים בספרייה, החציון הוא בערך 35 שניות, והפיזור רחב, מ-15 שניות ועד הרבה מעבר לדקה. הקטגוריה היא בין הקטנות, וזה הופך אותן למקום טוב ללמוד כל דוגמה.
מה לשים לב אליו. מצאו את המספר האחד שהסרטון רוצה שתזכרו, ואז בדקו איך הסרטון מרוויח אותו: מה בא לפניו, ומה מוצג אחריו. שלוש הדוגמאות משתמשות בשלושה אמצעים שונים לאותה משימה. אחת מציינת תוצאה, אחת הולכת לאורך ציר זמן, ואחת מצמידה מספר לתמונה של מה שהוא מודד.
לקחת את זה ל-Potto. סצנות סטטיסטיקה מציגות מספר גדול אחד, וסצנות תרשים מציירות תרשימי עמודות או דונאט עם שלושה עד שישה ערכים שנספרים כלפי מעלה. אם כותבים את המספרים לתוך הבריף, הסרטון משתמש בהם כפי שנכתבו, ולכן בדקו כל מספר מול המקור לפני הייצוא. עמוד הגרף המונפש אוסף עוד כאלה:
סיפור נתונים, 30 שניות, 16:9. בבית קפה בדיוני עלה ממוצע הכוסות ליום מ-120 ביוני ל-190 בספטמבר. פתחו בשאלה, הציגו את ארבעת החודשים כתרשים עמודות, וסיימו בעלייה של 58%.
דוגמאות לסרטון הסבר
סרטון הסבר מלמד רעיון בצעדים. זה הארוך מבין השש: אורך החציון הוא 60 שניות, ורק בערך אחד מחמישה נמשך 30 שניות או פחות. ל-סרטוני ההסבר בספרייה יש גם את הטווח הרחב ביותר של טיפולים, מאמנות פיקסלים ועד לוחות מצוירים ביד.
מה לשים לב אליו. סרטון הסבר צריך לעבור את מבחן המשפט: אחרי צפייה אחת, אפשר לנסח את הרעיון במשפט אחד? חפשו את הרגע שבו הבעיה הופכת לפתרון, וספרו את הצעדים בין הרגע הזה לסוף. שתיים משלוש הדוגמאות פונות לנושא אחד קטן וקונקרטי (ספרה, תהליך onboarding) ונותנות לו לשאת את כל השיעור.
לקחת את זה ל-Potto. המבנה מאחורי רוב סרטוני ההסבר הוא בעיה, פתרון, איך זה עובד והצעד הבא, והמדריך על מהו סרטון הסבר מכסה את זה בפירוט, ו-12 דוגמאות לסרטון הסבר מפרק לפי סדר הסצנות.
כלי סרטון ההסבר של Potto יכול להתחיל מנושא, מקישור או ממסמך כגון PDF. אין לו סגנון מצויר ביד או סגנון לוח: שנים-עשר הסגנונות המובנים הם Clean Modern, Midnight Tech, Editorial Paper, Bold Pop, Blueprint, Warm Organic, Neon Night, Soft Pastel, Mono Minimal, Sunset Gradient, Studio Noir ו-Fresh Mint.
דוגמאות לאנימציית לוגו
חשיפת לוגו היא המשימה הקצרה ביותר: אורך החציון בספרייה הוא פחות מ-9 שניות, והדוגמאות כאן נעות מ-8.7 עד 21.0 שניות. יש דבר אחד להסתכל עליו, ולכן הסרטון עוסק בעיקר בתזמון ובצורה של התנועה.
TypingMind logo reveal של @tdinh_me נמשך 21.0 שניות ב-16:9, עם prompt ששותף. העמוד מתאר חשיפה איטית שבה הסימן מתכנס בהדרגה.
מה לשים לב אליו. הסתכלו על הפריים האחרון. חשיפת לוגו מצליחה אם הסימן הסופי נקי, ממורכז וקריא מספיק זמן כדי להיקלט, והתנועה שלפניו היא מה שנותן לסימן את האופי שלו. הדוגמה של 8.7 שניות מראה כמה תנועה אחת, צורה אחת שהופכת לאחרת, יכולה לעשות.
לקחת את זה ל-Potto. סצנת הקריאה לפעולה הסוגרת של Potto יכולה לסיים סרטון על הלוגו שלכם, וקטגוריית אנימציית הלוגו בספרייה היא המקום ללמוד חשיפות עצמאיות. Potto מרנדר מתוך קבוצה קבועה של סוגי סצנות וסגנונות, בלי קוד אנימציה מותאם, ולכן עקומת easing מסוימת כמו המעבר האלסטי למעלה היא משהו ללמוד, לא משהו להעתיק במדויק.
צרו גרסה משלכם
יש שלושה מסלולים לסרטון כמו אלה. לכתוב את הקוד בעצמכם, לבקש מסוכן קוד לכתוב אותו, או לתאר את הסרטון לכלי שמרנדר אותו בשבילכם.
יוצרים רבים בספרייה בונים בקוד. Remotion, הרנדרר ש-Potto משתמש בו, מתאר את עצמו כדרך ליצור סרטונים ו-motion graphics עם React, והוא מפרסם כישורי סוכן כדי שסוכני קוד יוכלו לעבוד איתו. עמוד ה-skills של Potto אוסף כישורי סוכן חינמיים מיוצרים חיצוניים, שאפשר להתקין בסוכן שקורא קובצי SKILL.md; הם רצים בסוכן שלכם עם המודל שלכם.
Claude Motion של Anthropic, שהוכרז ב-8 באוקטובר 2026 ונמצא בבטא בתוכניות Team ו-Enterprise נכון ל-2026-10-12, מניע טקסט, תרשימים, צורות ותמונות מתוך prompt ומייצא MP4. Potto אינו Claude Motion ואין לו קשר רשמי עם Anthropic. הפוסט על חלופות ל-Claude Motion משווה את המסלולים לפי עובדות שאפשר לבדוק.
מסלול התיאור הוא כלי ה-AI motion graphics של Potto. נותנים לו prompt, קישור ציבורי או מסמך. Claude Opus 5.5 כותב את הבריף, את התסריט ואת ה-storyboard, ו-Remotion מרנדר את הסצנות ל-MP4 עם קריינות, כתוביות ומוזיקה, ב-16:9, ב-9:16 או ב-1:1. אפשר לערוך את ה-storyboard מסך אחר מסך, או לבקש בצ'אט שינוי. בעמודי הספרייה, לסרטון עם prompt ששותף יש כפתור Use this prompt ששולח אותו ליוצר הסרטונים של Potto. התוצאה היא הגרסה של Potto, עם סוגי הסצנות והסגנונות שלו, ולכן היא לא תתאים למקור; התייחסו למקור כהפניה לרעיון, לקצב ולמראה.
תצוגות מקדימה ו-storyboards לא עולים דבר; קרדיטים מחויבים בייצוא, והסכום מוצג לפני האישור (ראו מחירים). Potto לא מייצר צילום חי, אווטארים או אנשים, והוא לא עורך סרטון שכבר יש לכם.
שאלות נפוצות
מהם הסוגים של motion graphics?
הסוגים של motion graphics מקובצים בדרך כלל לפי המקום שבו הם מופיעים: רצפי כותרות לקולנוע ולטלוויזיה, גרפיקה לשידור ולחדשות, פרסום ומיתוג, טיפוגרפיה קינטית, אנימציית ממשק משתמש, וסרטוני הסבר או קידום. המדריך הזה ממיין אותם לפי משימה: סרטוני השקה, מסכי מוצר, kinetic type, סיפורי נתונים, סרטוני הסבר ואנימציות לוגו. הערך של ויקיפדיה על motion graphic design מפריד גם בין גרפיקה מסבירה, רגשית ומקדמת, לפי השאלה אם המטרה היא להבהיר, לעורר תחושה או להעלות מודעות.
מה נחשב ל-motion graphics?
Motion graphics הם עיצוב גרפי מונפש: טקסט, צורות, אייקונים, תרשימים ותמונות שמונעים כדי ליידע, לקדם או למתג. Adobe מגדיר אותם כ-«graphics with movement» ומתאר אותם כקטעי אנימציה קצרים יותר שמבדרים או מעבירים מידע. סרטון שמניע צילום מסך של מוצר, תרשים עמודות או לוגו הוא motion graphics. סרט אנימציה באורך מלא עם דמויות ועלילה נקרא בדרך כלל אנימציה.
מה ההבדל בין motion graphics לאנימציה?
Motion graphics מניעים רכיבים של עיצוב גרפי, כמו אותיות, צורות ותרשימים, בדרך כלל כדי להעביר מידע בקטע קצר, בעוד שאנימציה במובן הרחב יותר מספרת סיפורים עם דמויות ועלילות. השניים חופפים, ולכן הקו הוא עניין של מטרה ושל קנה מידה יותר מאשר של טכניקה. המדריך של Adobe מותח את הקו לפי אורך ומטרה: motion graphics הם קטעים קצרים יותר שמבדרים או מעבירים מידע.
כמה ארוך צריך להיות סרטון motion graphics?
זה תלוי במשימה. בספריית Potto נכון ל-2026-10-12, אורך החציון הוא בערך 9 שניות לאנימציית לוגו, 15 ל-kinetic type, 30 לסרטוני השקה, 35 לסיפורי נתונים, 36 למסכי מוצר ו-60 לסרטוני הסבר. התאימו את האורך למספר הרעיונות: רעיון אחד נכנס ב-15 שניות, ובעיה, שלוש תכונות ושורת סיום נכנסים ב-30 עד 45. אפשרויות האורך של Potto הן 15, 30, 45, 60 ו-90 שניות.
האם הסרטונים במדריך הזה נוצרו עם Potto?
לא. הם נוצרו על ידי יוצרים עצמאיים, וכל אחד מיוחס ליוצר שלו לפי כינוי ה-X. Potto לא טוען שהם עבודה שלו. הם כלולים כהפניות, והעמוד של כל עבודה מקשר לפוסט המקורי במקום שיש אחד.
האם אפשר ליצור motion graphics כאלה עם Potto?
כן, לסוגי ה-motion graphics ש-Potto מציע: סרטוני השקה, מסכי מוצר, סרטונים שמובלים על ידי טקסט, סיפורי נתונים וסרטוני הסבר שנבנים מאחד-עשר סוגי הסצנות שלו, משנים-עשר הסגנונות ומצבעי המותג שלכם. Potto מרנדר גרסה משלו מתוך ה-prompt שלכם, ולכן התוצאה לא תעתיק מקור, והוא לא תומך בקוד אנימציה מותאם, בסגנונות מצוירים ביד או באנימציית אותיות חופשית.
