אותו סרטון, 10 סגנונות עריכה עם Claude Code ו־Codex

1שלב 1: מכינים קליפ אחד וכלי עבודה

1. צלמו קליפ אנכי עם דיבור ברור ומצלמה יציבה. התחילו ממשפט שמבהיר מה הצופה יקבל. אם החומר הגיע ממדריך 2, השתמשו ב־MP4 שכבר בדקתם, כולל השמע שנוצר יחד עם הווידאו.
2. שמרו עותק בשם talk.mp4. הכינו במידת הצורך הקלטת מסך, שתי תמונות השוואה או שני שוטים קצרים. שמרו כל נכס בשם שקל לזהות, כמו screen-click.mp4, before.png או broll-notebook.mp4. טשטשו פרטי חשבון לפני שימוש בהקלטת מסך.
3. פתחו Claude Code או Codex למחשב . במסלול מקומי, התקינו Node.js בגרסה 22 ומעלה או גרסת LTS עדכנית שתואמת לגרסת HyperFrames. התקינו גם FFmpeg . ב־Mac עם Homebrew אפשר להריץ brew install ffmpeg. ב־Windows אפשר להריץ winget install --id Gyan.FFmpeg -e ב־PowerShell. אם עובדים ב־WSL, בצעו את הבדיקות מתוך WSL.
4. פתחו טרמינל בתיקיית האב שבה תרצו את הפרויקט והריצו את הפקודות הבאות. הפקודה יוצרת תבנית בסיסית אנכית. פתחו את התיקייה שנוצרה בעוזר ושימו את חומרי הגלם בתוך assets. הפקודות מוצמדות לגרסת HyperFrames ששימשה בסדרת המדריכים. להתקנת הסקילים הרשמיים של HyperFrames אפשר להשתמש ב־npx skills add heygen-com/hyperframes ולפתוח סשן חדש בעוזר שבחרתם. בהפעלה ראשונה npx עשוי לבקש להוריד חבילה.

node --version
npx --version
ffmpeg -version
ffprobe -version
npx hyperframes@0.9.16 init reel-styles --example blank --resolution portrait --non-interactive --skip-skills
cd reel-styles
npx hyperframes@0.9.16 browser ensure
npx hyperframes@0.9.16 doctor

דגל --skip-skills בהקמה משאיר את התקנת הסקילים כשלב נפרד. חפשו מספרי גרסה ודוח doctor שמתאר את מצב Node.js, FFmpeg ודפדפן הרינדור. בדיקות אופציונליות, כמו תמלול או Docker, דרושות רק כשבוחרים להשתמש בהן. אם הטרמינל מוצא FFmpeg והעוזר לא, פתחו את האפליקציה מחדש ובדקו שהם פועלים באותה מערכת ובאותו נתיב. לפני עריכה ארוכה בקשו לייצא שלוש שניות ולפתוח את ה־MP4. אם אין רינדור מקומי, אפשר לקחת את התזמון והפרומפטים למדריך הזה ולעבוד בעורך וידאו שאתם כבר מכירים.

אם אין לכם חומר גלם

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

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

2שלב 2: בונים גרסת בסיס שאפשר לשכפל

1. פתחו את הקליפ והאזינו לו פעם אחת בלי לעצור. סמנו פתיח, משפט שמסביר מה לעשות וסיום. אם יש הכנה מיותרת או חזרה זהה, הציעו חיתוך ובדקו שהמשפט עדיין שלם. אם אין חיתוך בטוח, השאירו את הקליפ רציף.
2. כתבו תמליל לפי הדיבור בפועל. אפשר לתמלל בכלי זמין או לסמן זמנים ידנית בנגן. בדקו שמות, מספרים ומילים כמו ״לא״ או ״רק״. אם חתכתם לפני כתובית, עדכנו את הזמן שלה לפי ציר הפלט. SRT מהמקור ישמש ייחוס עד שתאשרו תזמון חדש.
3. הכינו קומפוזיציה אנכית 1080×1920. שמרו וידאו וקול יחד בכל חיתוך. ב־HyperFrames השתיקו את תג הווידאו והציבו את קול המקור במסילת שמע נפרדת. לכל חיתוך החילו אותו זמן מקור ואותו משך בשתי המסילות. אם הקלט שקט, השאירו את מסילת השמע ריקה. הוסיפו כתוביות RTL בשורה אחת כשאפשר. השאירו מקום לפנים ולרכיבי הממשק שיופיעו אחרי פרסום.
4. בקשו Preview קצר, ואז שמרו base-v01.mp4 ועותק של תיקיית הקומפוזיציה. לפני כל וריאציה שכפלו את הקומפוזיציה עם הנכסים שהיא תלויה בהם. כך אפשר להשוות באותן שניות ולחזור לבסיס.

לתמלול אוטומטי, הריצו npx hyperframes@0.9.16 transcribe assets/talk.mp4 --engine whisper --model small --language he --to srt --output assets/talk-draft.srt. פתחו את assets/talk-draft.srt בתיקיית הפרויקט. ההרצה הראשונה עשויה לדרוש הורדה של מנוע התמלול והמודל. המודל הרב־לשוני small משמש כאן לתמלול עברית. בדקו במיוחד שמות, אנגלית ודיוק התזמון. אם רכיב התמלול אינו מותקן, או אם אתם עובדים עם הדמו השקט, הכינו SRT ידנית או השתמשו ב־SRT שסופק.

פתח את assets/talk.mp4 ובדוק ב-ffprobe משך, יחס מסך וערוץ שמע. צור קומפוזיציית HyperFrames אנכית 1080x1920. השתק את תג הווידאו והשתמש בקול המקור פעם אחת במסילת שמע נפרדת עם אותם חיתוכים. אם הקלט שקט, השאר את מסילת השמע ריקה והשתמש בתזמון ה-SRT שסיפקתי. קרא את התמליל או ה-SRT שאספק. אם אין תמליל מתוזמן ודרך מורשית לתמלל, בקש זמנים במקום לנחש. לפני חיתוך הצג טבלת זמן מקור, החלטה, סיבה וזמן פלט. שמור שלילות, תנאים ושמות. לאחר אישור, הוסף כתוביות RTL ובדוק אותן מול השמע. הכן Preview של אזור אחד שבו הטקסט והפנים נראים יחד. אחרי שבדקתי את התצוגה, ייצא renders/base-v01.mp4. שמור מקור, קומפוזיציית בסיס וכתוביות בנפרד. אל תוסיף עדיין כותרת, זום, מוזיקה או המחשות.

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

3שלב 3: בוחרים סגנון לפי מה שהצופה צריך לראות

4שלב 4: עשרה סגנונות עם תזמון ופרומפטים

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

01 • כותרת מגזין

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

בפתיחה הוסף ״סרטון אחד, מסר אחד״ בטיפוגרפיה נקייה. תן לכותרת כשתי שניות או מספיק זמן לקריאה. מקם באזור שקט בפריים ושמור מרווח מהפנים ומהכתוביות. אנימציית כניסה אחת קצרה, ואז החזר את הפוקוס לדוברת. אם הכותרת לא נכנסת, קצר אותה או שנה מיקום לפני הקטנת הגופן. ייצא style-01-magazine-v01.mp4.

02 • מסך מפוצל

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

במילת העוגן [למשל ״תכתבו״] פצל את הקנבס לשני אזורים. השאר את הדוברת בחלק העליון והכנס את assets/screen-click.mp4 למטה. הצג רק את אזור הפעולה, עם מרווח לכתוביות. השתק את שמע הקלטת המסך. אחרי הלחיצה החזר לפריים המלא. אם שם הכפתור קטן מדי, עבור זמנית למסך מלא במקום להקטין עוד. ייצא style-02-split-v01.mp4.

03 • לפני ואחרי

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

השתמש ב-assets/before.png וב-assets/after.png. יישר לפי נקודת עוגן אחת, שמור אותו קנה מידה וצור חשיפה קצרה מהמקור לתוצאה. הוסף תוויות ״לפני״ ו״אחרי״ כשכבת טקסט קריאה. אל תשנה תאורה או צבע רק באחת מהגרסאות. השאר את התוצאה כשתי שניות. אם שני הנכסים אינם מראים אותו פרט, עצור ובקש קלט מתאים. ייצא style-03-before-after-v01.mp4.

04 • מפת שלבים

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

הוסף שורת שלושה כרטיסים מימין לשמאל: שאלות, בחירה, תשובה. בנה את הכרטיסים כטקסט וצורות, בלי תמונה גנרטיבית עם אותיות. הדגש את הכרטיס המתאים במילים ״שאלות״, ״בחרו״ ו״תענו״ לפי הזמנים בפועל. הצג את כל הרצף בסוף לשנייה אם הדיבור מאפשר. אל תסתיר את הכתוביות. ייצא style-04-map-v01.mp4.

05 • בועת שאלה

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

הצג בועת טקסט נקייה עם ״איך מתחילים לצלם תוכן?״ בזמן השאלה בלבד. אם זו שאלה שנוסחה לתרגיל, סמן ״שאלה לדוגמה״. אל תציג צילום מסך מזויף או שם של לקוח. סגור את הבועה כשהתשובה מתחילה והשאר את הפנים גלויות. בדוק שבנייד הקצה של הבועה והעברית אינם נחתכים. ייצא style-05-question-v01.mp4.

06 • פירוק שכבות

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

טען רקע, צילום מוצר ושכבת כותרת כנכסים נפרדים. בכל פעם שהדוברת מזכירה שכבה, הצג אותה מעל הרקע עם שם קצר בעברית. חבר את שלושתן לקומפוזיציה שלמה בסיום ההסבר. שמור על פרופורציות המוצר. אם יש לי רק קובץ שטוח, בקש גרסה עם שכבות או בנה תרשים שמסומן ״המחשה״. ייצא style-06-layers-v01.mp4.

07 • מספר במרכז

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

כשהדוברת אומרת ״שלוש שאלות״ הצג את המספר 3 ולידו ״שאלות״ באזור פנוי. שמור עליו יציב עד שאפשר לקרוא גם את היחידה. השתמש בהגדלה קטנה אחת וללא ספירה מתחלפת. אשר שהמספר והיחידה מופיעים בטקסט המקור. אם המספר הוא מחיר, הוסף את המטבע ותנאי המבצע המאושרים. ייצא style-07-number-v01.mp4.

08 • סימון בעט

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

הצג את assets/screen-click.mp4 בזמן [מילת העוגן]. צייר בעזרת שכבת SVG קו או עיגול מסביב לפרט [תיאור], בתנועה קצרה אחת. השאר את הטקסט ואת הסמן גלויים. הסר את ההדגשה מיד אחרי הפעולה. אם הפרט זז בהקלטה, השתמש בפריים יציב או הצמד את הסימון לאורך המקטע. ייצא style-08-marker-v01.mp4.

09 • מילת מפתח בתנועה

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

בחר עד שלוש מילים מהתמליל שאישרתי. הדגש כל מילה בזמן ההגייה שלה, בתוך הכתובית הקיימת. החלף צבע או משקל והשתמש בתנועה קצרה ועדינה, בלי להזיז את השורה כולה. אם אין זמני מילים אמינים, הדגש את מילת המפתח לאורך קבוצת המילים וסמן זאת. בדוק RTL כשיש מונח באנגלית. ייצא style-09-keyword-v01.mp4.

10 • דיבור עם B-roll

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

במילים ״כתבו שלוש שאלות״ הצג לשתיים עד שלוש שניות את assets/broll-notebook.mp4. שמור את קול הדוברת ברצף והשתק את שמע השוט המשלים. בחר מקטע שבו באמת רואים את הפעולה. החזר לפנים לפני המשפט האחרון. אם השוט לא זמין, בקש צילום אחד ספציפי והישאר בינתיים על קליפ הבסיס. ייצא style-10-broll-v01.mp4.

5שלב 5: מכינים גרפיקה שאפשר לערוך אחר כך

מסגרת אחת להשוואת שלוש גרסאות

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

Create a 16:9 editorial background with three empty 9:16 frame wells of equal size, on a warm white and pale lavender canvas. Use thin dark plum outlines and leave room above each for a Hebrew title added later. No words, icons, faces, screenshots, logos, or filler content. Keep all three frames aligned and clear when viewed on mobile. The same real footage will be placed into each well separately.

נכסים למפת שלבים, בועת שאלה וסימון

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

Create three separate transparent PNG elements for a clean editorial Hebrew reel: an empty rounded speech bubble, a simple three-card step strip with empty cards, and a single lilac hand-drawn marker circle with a transparent interior. Consistent line weight and generous padding. No text, letters, numbers, logos or faces. Export each element separately so it can be positioned and animated in a video editor.

6שלב 6: מייצאים ובודקים בלי לערבב גרסאות

מתוך תיקיית הקומפוזיציה, הריצו את פקודות הבדיקה לפי הסדר. lint בודקת מבנה, ו־validate ו־inspect מריצות בדיקות תצוגה שדורשות דפדפן רינדור. preview פותחת את Studio או מציגה כתובת מקומית שאפשר לפתוח בדפדפן. עצרו בכניסת ההמחשה, באמצע וביציאה, וצפו בקטע גם ללא שמע. לייצוא עצרו את התצוגה עם Ctrl+C או פתחו טרמינל שני באותה תיקייה. הפקודה הבאה שומרת דוגמה לסגנון 04. החליפו את שם הקובץ לפי הסגנון שנבחר.

npx hyperframes@0.9.16 lint
npx hyperframes@0.9.16 validate
npx hyperframes@0.9.16 inspect
npx hyperframes@0.9.16 preview

npx hyperframes@0.9.16 render --output renders/style-04-map-v01.mp4 --fps 30 --quality standard
ffprobe -v error -show_entries stream=codec_type,width,height,r_frame_rate:format=duration -of json renders/style-04-map-v01.mp4

בתוצאת הבדיקה חפשו 1080×1920 ו־30 פריימים לשנייה. לקליפ עם דיבור אמורה להיות מסילת שמע; בדמו השקט לא נדרשת אחת. פתחו את ה־MP4 עצמו ובדקו את התזמון בנגן ובתצוגה מקדימה של מיקום הפרסום. תנו עדיפות לקריאות בפועל על פני מרווח קבוע במספר פיקסלים.

בגרסה [שם קובץ] יש בעיה ב-[זמן]. שנה רק [למשל: מקם מחדש את בועת השאלה כדי שלא תכסה את הכתובית]. שמור את האודיו, זמני הכניסה, התמליל והחיתוכים כפי שהיו. הצג פריים אחד לפני ואחרי, שמור v02 והסבר איזו בדיקה ביצעת בפועל.

7שלב 7: בונוסים לשימוש חוזר

עושים השוואה קצרה לפני שמוציאים עשר גרסאות

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

שומרים מה קבוע ומה משתנה

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

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