beginner
7 min

Preview and Reuse Caption Styles with Subtitle Style Editor

Learn how to choose a caption style in VMAI Subtitle Style Editor, preview it with sample text, then reuse it in subtitle workflows through caption_style JSON or saved presets.

beginner Level 5 of 9
Preview and Reuse Caption Styles with Subtitle Style Editor
Back to list
0

What You'll Create

In this tutorial, you will use VMAI Subtitle Style Editor to design a caption style before uploading or rendering a real video.

By the end, you will be able to:

  • open Subtitle Style Editor and choose a base style;
  • adjust highlight color, position, and font size;
  • preview readability with Korean and English sample text;
  • copy the generated caption_style JSON;
  • save a style preset when signed in;
  • reuse the style in Subtitle Burner and check timing, Credits, and preview before rendering.
Note In the current implementation, Subtitle Style Editor is a frontend tool for previewing styles and exporting JSON. It does not render a video by itself. When you apply the style to a real video, check the Credits and limits in the rendering workflow you use.

Before You Start

What you need

  • A VMAI account if you want to save and reload presets.
  • A rough idea of the video mood: lesson, short-form clip, product demo, webinar, or brand clip.
  • A subtitle file or AI-generated subtitles later. This tutorial focuses on designing the style first.

When should you use this tool?

Subtitle Style Editor is useful when you want to answer “which caption style fits this video?” before spending render time.

SituationWhy it helps
You need a brand caption styleTest color and placement before rendering.
You reuse styles across videosSave a preset instead of rebuilding the same settings.
You want to check readability firstCompare sample text quickly without uploading a video.
Your workflow accepts JSON settingsCopy the caption_style JSON for reuse.

Step 1: Open Subtitle Style Editor

Open Subtitle Style Editor.

Subtitle Style Editor screen showing the style settings panel on the left and the preview plus JSON export area on the right
Subtitle Style Editor screen showing the style settings panel on the left and the preview plus JSON export area on the right

Subtitle Style Editor screen: choose style and position on the left, then check the preview and caption_style JSON on the right.

The page has two main areas.

AreaWhat it does
Left settings panelChoose presets, style groups, colors, position, and font size.
Right preview panelPreview the caption on a sample frame and copy the JSON settings.

You do not need to upload a video first. Use the editor to compare style candidates, then apply the winning style in the real subtitle workflow.


Step 2: Choose a base style first

Do not start with the flashiest animation. Start with the style that fits the video purpose.

The style panel groups styles into basic and premium-style options. The current catalog includes this flow.

GroupExample stylesGood for
BasicDefault, Fade, Karaoke, Word Pop-Up, Background Box, TypewriterLessons, tutorials, general explanations, short emphasis moments
PremiumBouncy, Glow, Wave, 3D, Glitch, ShakeShorts, hooks, brand clips, moments that need motion
Tip Subtitle Style Editor lets you compare the styles visually. In the actual Subtitle Burner flow, some styles may be gated by your plan. Always check the render page for available styles and estimated Credits before starting a render.

Step 3: Adjust color, position, and font size

After choosing a style, review three basic settings.

Highlight color

Styles such as Karaoke, Word Pop-Up, and Background Box use highlight color heavily. Before choosing a brand color, make sure it stays readable on both bright and dark frames.

Position

You can choose bottom, center, or top.

  • For explanation videos, bottom is usually safe.
  • For screen recordings, try top if the bottom covers controls or timelines.
  • For vertical videos, check that captions do not collide with app UI or comments.

Font size

The font-size flow supports small, medium, and large. Medium or large may be safer for mobile viewing, but overly large captions can cover product screens or multi-line subtitles.


Step 4: Preview with sample text

The preview panel lets you switch between sample sentences. The current implementation includes both English and Korean samples, which helps you compare line length and density across multilingual subtitles.

While previewing, check:

  • Does one line look too long?
  • Are Korean and English both readable at the same size?
  • Do outlines or boxes still work on brighter backgrounds?
  • Does top or center placement cover the thing viewers need to see?
  • Is the accent color too intense for longer sentences?
Important The preview in Subtitle Style Editor is a fast browser approximation. It is not a full final render. Before rendering a long video, test a short real sample in Subtitle Burner.

Step 5: Copy JSON or save a preset

When the style feels right, reuse it in one of two ways.

Option A: Copy the caption_style JSON

Use the Caption style JSON area to review and copy the current settings.

This JSON is useful for development, operations, or VMAI subtitle workflows that accept caption style overrides. It is also a good way to document a team style standard.

Option B: Save a preset

Signed-in users can save the current style as a preset.

  1. Enter a preset name.
  2. Save the current style.
  3. Select the preset in a later workflow.
  4. Delete presets you no longer use.

In the current code, preset names must be 1–60 characters, each user can store up to 50 presets, and duplicate names are rejected.


Step 6: Apply it in Subtitle Burner

Once you have a candidate style, apply it to a real video in Subtitle Burner.

The basic flow is:

  1. Upload your video file.
  2. Upload an SRT/VTT file or generate subtitles in the AI tab.
  3. Load your saved preset or choose the same style settings.
  4. Use the preview to check position and size.
  5. Check estimated Credits and available Credits.
  6. Start rendering only when the sample looks safe.

Word-by-word animation styles need good word timing. Subtitle Burner is designed to warn when a word-timing style is selected but the current subtitle source does not include word timing. If you only have an SRT file, consider generating subtitles with word timing before using karaoke or word-pop effects.


Final checklist

Before rendering, confirm:

  • Captions do not cover key information, buttons, faces, or product screens.
  • The style is readable on a small screen.
  • Korean and English samples both look natural.
  • Word-by-word animation was tested with word-timed subtitles.
  • Estimated Credits and available Credits were checked.
  • Reusable styles were saved as presets.
  • A short sample was tested before a long render.

Next step

After choosing a style, apply it to a real video.

Tutorial Complete!

You've read this tutorial. Move on to the next step.

Found this tutorial helpful?

Subscribe to get notified when we publish new tutorials and guides. No spam, unsubscribe anytime.

Comments

Please login to leave a comment

Login

No comments yet. Be the first to comment!