‏⁨HyperFrames⁩: ככה קלוד קוד עורך לכם את הסרטונים‏

1. מה זה ⁨HyperFrames⁩ בכלל‏

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

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

אתם לא הולכים לגעת בקוד. בכלל. אתם רק אומרים.‏

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

2. תדעו מראש מה הוא יודע ומה לא‏

שמתי את הפרק הזה שני בכוונה, כי הוא זה שיקבע אם תצליחו או תתייאשו.‏

הוא מדהים בזה:‏

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

הוא לא יודע לעשות את זה:‏

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

תחשבו עליו כמו על אולפן גרפיקה, לא כמו על חדר עריכה.‏

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

אם ביקשתם ממנו משהו שהוא לא בנוי אליו, התוצאה תהיה גרועה והאשמה לא תהיה שלו.‏

3. תסדרו שלושה דברים על המחשב‏

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

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

‏⁨Node.js⁩ בגרסה 22 או יותר. זו תוכנה חינמית שהמנוע רץ עליה.‏

התוכנה ⁨FFmpeg⁩ שמקודדת את הווידאו. זה מה שהופך את הפריימים לקובץ וידאו אמיתי, ובלעדיו כלום לא ייצא. פה נתקעים הכי הרבה אנשים, אז שימו לב.‏

winget install ffmpeg

brew install ffmpeg

ובדיקה שהכל במקום:‏

ffmpeg -version

4. תתקינו את הסקילים‏

סקיל זה תיק הדרכה שאתם נותנים לקלוד על כלי מסוים. בלעדיו הוא לא מכיר את ⁨HyperFrames⁩, אז הוא מנחש, ואתם מקבלים משהו שנראה כמו אתר במקום סרטון.‏

תריצו את זה בתוך קלוד קוד:‏

npx skills add heygen-com/hyperframes --full-depth

שימו לב לשתי המילים בסוף. בלי הדגל הזה מותקנת אצלכם גרסה ישנה. זה כתוב בתיעוד הרשמי, ואני רואה שמפספסים את זה שוב פעם ושוב פעם.‏

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

ואם בכל זאת משהו לא מסתדר, יש פקודה שבודקת לכם את כל המערכת ואומרת בדיוק מה חסר:‏

npx hyperframes doctor

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

5. תפתחו פרויקט ראשון‏

לפני הפקודות, שתי דקות של סדר שיחסכו לכם המון בלבול.‏

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

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

עכשיו שלוש פקודות ואתם בפנים:‏

npx hyperframes init my-video
cd my-video
npx hyperframes preview

אתם לא חייבים להקליד אותן בעצמכם. אפשר פשוט לבקש מקלוד להריץ אותן, והוא יעשה את זה מולכם.‏

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

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

npx hyperframes init my-video --video ./clip.mp4

6. תכתבו פרומפט שיוצא בול‏

לפני הכל, פרט קטן שמשנה את כל התוצאה. תפתחו את ההודעה עם פקודת הסלאש של הסקיל, לא עם תיאור חופשי. אם תכתבו סתם שתרצו סרטון בעזרת הכלי, קלוד ינחש בעצמו איך בונים וידאו מדף אינטרנט במקום להשתמש בכללים המוכנים, והתוצאה תצא חצי אפויה. תתחילו ב ⁨/hyperframes⁩ ומשם תתארו.‏

ואלה הפקודות ששוות לכם להכיר, כל אחת מפעילה מומחה אחר:‏

• ‏⁨/hyperframes⁩ לכל דבר כללי, והוא מנתב הלאה לבד‏
• ‏⁨/embedded-captions⁩ כשכל מה שאתם רוצים זה כתוביות על צילום קיים‏
• ‏⁨/talking-head-recut⁩ כשאתם מדברים למצלמה ורוצים גרפיקה מעל הדיבור‏
• ‏⁨/media-use⁩ כשיש לכם תמונות וקליפים ואתם רוצים להרכיב מהם משהו‏
• ‏⁨/product-launch-video⁩ לסרטון מוצר או שירות‏

יש שתי דרכים לגשת לזה:‏

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

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

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

דוגמא לפרומפט מלא:‏

/hyperframes בתיקייה נמצא קליפ שצילמתי לריל. תוסיף עליו כתוביות בעברית, שלוש מילים בשורה, ומילות מפתח בצבע כתום. בשתי השניות הראשונות תשים כותרת גדולה שמסכמת את המסר. פורמט אנכי 1080 על 1920, עד 40 שניות.

7. תשתמשו במילים שהוא מתרגם לתנועה‏

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

איך התנועה מרגישה:‏

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

וכמה זמן היא נמשכת, וזה מה שקובע את כל האופי:‏

• שתי עשיריות שנייה, אנרגטי, מתאים לריל‏
• ארבע עשיריות, נקי ומקצועי‏
• שש עשיריות, יוקרתי ואיטי‏
• שנייה ומעלה, קולנועי‏

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

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

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

8. תוסיפו כתוביות, וגם בעברית‏

הכתוביות הן הסיבה הכי טובה להשתמש בכלי הזה. המנוע מתמלל את האודיו לבד ואז מלביש כתוביות מסונכרנות, בלי שתקלידו מילה.‏

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

ועכשיו החלק שאף מדריך בעברית לא נגע בו: עברית.‏

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

שלושה דברים שיחסכו לכם סיבובים:‏

תגידו במפורש שהטקסט בעברית ושהוא נקרא מימין לשמאל. אל תסמכו על זה שהוא יבין לבד.‏

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

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

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

ומילה על אודיו, כי זו השאלה שתמיד נשאלת. אפשר להוסיף מוזיקת רקע ואפילו לבקש שהאנימציה תזוז לפי הביט, פשוט תשימו את הקובץ בתיקייה ותגידו לקלוד. אבל שימו לב לדבר אחד: הקריינות האוטומטית שמובנית בכלי מדברת אנגלית בלבד. לקריינות בעברית תקליטו את עצמכם ותתנו לו את ההקלטה, וממנה הוא גם יוציא לכם את הכתוביות אוטומטית עם הקיצור מפרק 5.‏

9. תתקנו מול הנגן החי‏

זו צורת העבודה הנכונה, ורוב האנשים לא עושים אותה.‏

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

ותיקון אחד בכל הודעה. אל תנסו לסדר חמישה דברים במכה, כי אז אתם לא יודעים מה עבד ומה קלקל.‏

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

10. תבדקו לפני רינדור‏

רינדור לוקח זמן, אז אל תבזבזו אותו על גרסה שבורה. שלוש פקודות תופסות את רוב הבעיות בשניות:‏

npx hyperframes lint
npx hyperframes validate
npx hyperframes inspect

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

11. תרנדרו נכון‏

כל עוד אתם מתקנים, תרנדרו בטיוטה. זה מהיר:‏

npx hyperframes render --quality draft

וכשהכל יושב מושלם, תעברו לאיכות מלאה:‏

npx hyperframes render --quality high

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

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

ואל תשכחו את יחס המסך. אם לא אמרתם, יצא לכם סרטון רחב. לריל אתם רוצים 1080 על 1920.‏

12. תדעו מה הולך להישבר‏

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

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

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

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

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

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

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

13. תשמרו את הסגנון שלכם לפעם הבאה‏

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

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

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

14. תיכנסו דרך ⁨Claude Design⁩‏

ואם המסך השחור עם הפקודות מלחיץ אתכם, יש כניסה אחרת לגמרי.‏

ל ⁨HyperFrames⁩ יש קובץ הוראות מיוחד ל ⁨Claude Design⁩. מורידים אותו, מצרפים אותו לצ'אט, ומתארים את הסרטון בשפה רגילה. מקבלים טיוטה עם עיצוב וסצנות מוכנות, מורידים את הקובץ, ומשם ממשיכים ללטש בקלוד קוד.‏

מי שכבר עובד עם ⁨Claude Design⁩ ייכנס לזה תוך דקות.‏

15. תתאימו את זה לאינסטגרם‏

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

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

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

שלוש השניות הראשונות. תבקשו שהכותרת תופיע מיד ולא אחרי אנימציית כניסה ארוכה. אנימציה יפה שאף אחד לא רואה כי הוא כבר גלל הלאה היא בזבוז.‏

אנכי תמיד. 1080 על 1920. תכתבו את זה בכל פרומפט, גם כשזה מרגיש מיותר.‏

16. פרומפטים מוכנים להעתקה‏

תיקחו, תשנו את מה שרלוונטי אליכם, ותשלחו.‏

כתוביות בעברית לסרטון דיבור:‏

/hyperframes בתיקייה יש קליפ שבו אני מדבר למצלמה. תוסיף כתוביות בעברית מימין לשמאל, פונט Heebo מודגש, שתיים עד שלוש מילים בכל שורה, ממוקם בשליש התחתון. המילה המודגשת בכל משפט מקבלת צבע כתום. תוודא שהעיתוי מדויק לדיבור. אנכי 1080 על 1920.

ריל טקסט בלי צילום בכלל:‏

/hyperframes תבנה ריל אנכי 1080 על 1920 באורך 18 שניות, בלי וידאו, רק טקסט וצורות. רקע כהה עם רעש עדין. משפט פתיחה אחד מופיע מילה אחרי מילה, ואז ארבעה משפטים קצרים מתחלפים במרכז המסך, כל אחד נכנס חד בשתי עשיריות שנייה ויוצא בהחלקה. פונט Assistant מודגש, לבן, מילות מפתח בכתום. בסוף שקופית אחרונה עם השם שלי.

מספרים שמטפסים על המסך:‏

/hyperframes תבנה אנימציה אנכית 1080 על 1920 באורך 14 שניות שמציגה שלושה נתונים בזה אחר זה. כל מספר סופר מאפס עד הערך שלו במשך שנייה, מתחתיו שורת הסבר קצרה בעברית, ואז הוא מתחלף במעבר חד. רקע לבן, מספרים בשחור גדול, קו תחתון כתום.

השוואה בין שתי אפשרויות:‏

/hyperframes תבנה סרטון אנכי 1080 על 1920 באורך 20 שניות שמשווה בין שתי אפשרויות. המסך מתחלק לשניים במעבר חלק, בכל צד כותרת בעברית ומתחתיה שלוש שורות שנכנסות אחת אחרי השנייה. הצד הימני בירוק והשמאלי באפור. בסוף שני הצדדים מתאחדים למשפט מסקנה אחד במרכז.

פתיח מותג של שלוש שניות:‏

/hyperframes תבנה פתיח של שלוש שניות שאני אשתול בהתחלה של כל ריל שלי. אנכי 1080 על 1920. הלוגו שבתיקייה נכנס קפיצי מהמרכז, מתחתיו השם שלי מופיע אות אחרי אות במהירות, ובסוף הכל נעלם בהחלקה כלפי מעלה. שני צבעים בלבד לפי הלוגו.

סרטון מתוך מסמך שכבר כתבתם:‏

/hyperframes קח את הקובץ שבתיקייה והפוך אותו לסרטון אנכי 1080 על 1920 באורך 30 שניות. תבחר את חמש הנקודות הכי חזקות, תיתן לכל אחת שקופית עם כותרת קצרה בעברית ואייקון פשוט, ותעבור ביניהן במעבר החלקה. אל תמציא תוכן שלא נמצא בקובץ.

17. תעברו על הרשימה לפני שאתם מעלים‏

עשר שניות, וזה חוסך פוסט מביך:‏

סומנו 0 מתוך 7

אז מאיפה מתחילים‏

תשמעו, אני יודע שכל זה נשמע הרבה. זה לא.‏

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

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