Guide

Basic Usage

It's important to know what each button does, but it's also essential to understand how the operations work and how the workflow proceeds.

Slide Operations

As mentioned in Slides and Elements, a project is made up of multiple slides. These slides contain content, and as they play in sequence, they make up your video.

Selecting Slides

Selecting slides is done by clicking with the mouse. When you click on the desired slide in the Slide Window at the bottom, the content in the Editing Window in the center changes to the current slide.

Keyboard Slide Selection

In the Editing Window, when no element is selected, you can change slides with the keyboard. Pressing Left or Right will switch the selection to the previous or next slide.

Individual Slide Selection

With the Ctrl key pressed, selecting a slide that is not the current one will add it to the selection, along with the current slide.

Range Slide Selection

With the Shift key pressed, selecting a slide that is not the current one will select all slides in the range between the current slide and the slide clicked with Shift.

In the Editing Window, when no element is selected, using Shift+Left/Right with the keyboard also selects a range similarly.

Aside from Range Slide Selection, there is an easy way to select all. In the Editing Window, when no element is selected, press Ctrl+A to select all slides.

Slide Addition

In the Slide Window, you can add a slide by clicking the "Add" button located on the right side of the last slide. Typically, when adding an element, it's not added completely new, but rather, you often modify parts of the content from the slide just before, right? Therefore, when you add a slide, it automatically "copies" the previous slide.

Slide Copy

After selecting the slide you want to copy in the Editing Window, press the Enter key and the selected slide will be immediately copied behind it.

Slide Delete

Select the slide you want to delete in the Editing Window and press the Delete key to delete the selected slide.

Slide Order Change

After selecting the slide you want to reorder, you can drag it with the mouse to the desired position. This also allows you to select multiple slides at once and change their order in bulk.

< Changing the Position of Slides >

Element Manipulation

What would a slide be without any content? You need to insert elements like images or text into the slide to create content for the video.

Element Selection

Elements can be selected by clicking on the desired element in the central Editing Window.

Selecting Elements Individually

While holding the Ctrl key, if you select a different element that is not currently active, the newly selected element will be added to the selection along with the current one. This can be combined with Select Elements by Range below to add or remove elements more flexibly.

Select Elements by Range

If the elements you want to select are gathered in a certain area, you can activate the range selection by clicking and dragging from an empty space with your mouse. Continue dragging until the desired elements are within the selection box.

< Example of Selecting by Range >

Add Elements

There are several ways to add elements to a slide.

Add from the Library

Click on the desired library from the Library Window on the left side, and the corresponding type of element will be added to the Editing Window.

Add by Copying

You can also add a new element by using [Copy Element]. After selecting the element you want to copy on the current slide, or an element from another slide, press Ctrl+C, then go to the desired slide and press Ctrl+V. The same element will be copied and added.

Add by Uploading

If you have videos, images, or font files on your computer, you can upload them. Select the desired file from the explorer (or finder) and drag and drop it onto the VideoStew editing screen. If you cannot drag and drop, select the desired type from the Library Window on the left side, choose "User" and click the "+ Upload" button to select files.

Edit Elements

There are many ways to edit elements.

Drag and Drop from the Library

This is how you modify an element itself. The Library implies content in the case of videos or images, shape in the case of figures, and font in the case of text. Select the type and sub-tab you want to modify in the Library Window, click on the desired library, and drag the element of the same type you want to modify onto it. It will then be replaced with a new element.

<Drag and Drop from the Library to Replace Elements>

Position and Size Adjustment

All elements in the Editing Window can be moved and resized after selection. Size changes can be made using the four handles in the corners, or by using the diamond-shaped handles to change the size proportionally. To adjust the position, simply drag the element to the desired location.

Some operations can also be done using the keyboard; after selecting the element you wish to change, pressing the arrow keys will adjust its position. Additionally, pressing Shift along with the arrow keys allows for fine-tuning the position by 1 pixel at a time.

Double-Click Mode

Adjustments can also be made by double-clicking an element in the Editing Window. Depending on the type of element, different modes will be activated.

  • Video and Image: Within the current size of the element, you can adjust the visible size and position internally.
  • Shapes: No particular incidents will occur.
  • Text: You can edit the content itself, select parts of it to change color or boldness, add underline, etc. For a detailed description of the toolbar, please refer to Text Toolbar.

Element Copy

After selecting the element you want to copy from the current slide, or an element from another slide, press Ctrl+C, and then press Ctrl+V on the desired slide to add a duplicated element.

< Copy Method >

Element Style Copy

Element Delete

If there's an element in the slide you don't want, click on the element you wish to delete in the Editing Window, select it, and then press the Delete key on your keyboard to remove it.

BGM

BGM (Background Music) allows you to set a single piece of music for the project, which is designed to fade out naturally at the end point.

The BGM change window can be accessed through the ? icon at the bottom right of the stage.

BGM Selection

Clicking the [All] button allows you to set categories by genre and mood; it's convenient to make a selection while previewing by holding the mouse over it.

Volume Adjustment

The BGM volume can be adjusted globally using the [Global Volume]. It is usually good to set it at around 20% when AI voice has been applied. Adjust it appropriately while previewing to ensure the narration is heard clearly.

Similar Style Search (Similar Track Search)

Hovering the mouse over the music and pressing the settings (▼) button reveals a "Similar Style Search" option. This feature allows you to receive recommendations for tracks that are similar to the music you are currently listening to.

Size

You can change the size of the project. In addition to the default sizes provided, you can also set your desired size directly through the "User" tab.

Transition (Movement Effect)

This setting is applied to the entire project and can change the feeling of animation movement. Click the 'Change' button to modify the movement effect of the animation as desired.

Playback Time/Transition Effect

You can change the time a slide is displayed automatically or manually.

Slide Time

You can change the time a slide is displayed before moving to the next slide. The default playback time for a slide is determined by the content within the slide. For example, if a narration is set on a slide and it's set to 'Use the duration of this narration as the standard', the slide playback time changes accordingly as the narration changes. Each standard is as follows.

Narration Time Standard (Default)

If there is a narration in the slide, the duration of that narration is used as the standard. If the narration is the standard but there is no narration, a default of 3 seconds is provided. If a specific segment is set to play only with settings such as trim for the narration, only that duration will be played.

Video Standard

If a video is embedded in the slide, the duration of that video is used as the standard. If a specific segment is set to play only with settings such as trim for the video, only that duration will be played. In the case of multiple videos, the most important video is automatically determined as the standard and adjusted accordingly.

Manual

Regardless of what elements are within a slide, it sets to play only for the specified time. Usually, narration or video is the standard, but understanding the concept of time in VideoStew is important, and it is used only to modify the duration for constructing different effects.

Transition Effects

Transition effects are animations that are activated when a new slide appears. You can quickly check the set effects in the preview.

Transition Duration

Transition Duration is the duration of the animation effect. For example, if you want the "cube" animation to appear slowly, try inserting 12 seconds and adjust the appropriate time while previewing.

Narration

Narration is a setting related to speaking during slide playback. Although videos are typically watched visually, setting up narration alongside can enhance the content's transmission ability.

Narration Settings

Upload

You can upload pre-recorded MP3 files. Use the trim feature to precisely insert 'fade in' intervals for each slide. Click here for a detailed introduction to the trim feature.

Voice Recording

You can record your voice directly on the website. The recording continues seamlessly, allowing you to time it just right to move on to the next slide. For a splendid content creation method using the voice recording feature, please refer to [Using the Voice Recording Feature].

AI Voice

Voice

You can change the AI voice actor and apply different voices for each slide. Generally, after selecting the entire slide, apply the voice. As the supported language varies by character, matching the language of the text will enable a more natural reproduction.

Speed

Change the reading speed of the AI voice. Typically, readers prefer a speed of 120-130%.

Pause after completion

You can use this when you want to add a slight pause after the AI voice has finished reading a slide. Adding about 0.5 seconds can prevent moving too quickly to the next slide.

Manual text placement

Activating the text manual setting toggle allows you to adjust the reading content as desired, regardless of the text displayed on the screen. It is commonly used to correct pronunciation or when you want to display only the words on the screen and read the detailed content.

Occasionally, due to network issues, the AI voice may not play until the end or may be cut off in the middle, or the length of the voice may not be calculated correctly. In such cases, pressing the "Recalculate" button will add the AI voice anew while setting the time for each slide again.

Slide Repeat Playback

If the slide repeat playback toggle is deactivated, in the case where the same text is on multiple slides, it will only be read once on the first slide and not read again as it moves on. This can be used when you want to insert animations intermittently while a sentence is being played.

Sound Effects

Set the sound effect that plays when the slide starts. The sound effect continues even if the slide changes and will last until it finishes.

Type

Clicking "Select" allows you to apply a sound effect to a slide. You can find sound effects by genre, and it is convenient to select while listening to previews by hovering the mouse. If you wish to remove a sound effect, select "None" after making your selection.

Volume

Change the volume of the sound effect. You can appropriately adjust it while previewing different sound elements.

Slide Repeat Playback

When Slide Repeat Playback is activated, if the same effect is applied to multiple slides, it will be played back repeatedly each time a new slide starts. However, in the deactivated state, even if the same effect is applied to all slides, it will only be played once.

Matching Slide Playback Duration

Activating this option will naturally fade out the effect if the effect's duration is longer than the slide's playback time, without exceeding the duration of the slide.

BGM

To completely mute the BGM for a particular slide to emphasize the narration, you can adjust the 'Volume on this slide' to 0%.

Background Color

You can change the slide's background color from the default (black) to a different color. Additionally, you can add other colors by clicking the '+' button and specify gradient effects.

Recent

The colors recently used are displayed.

Favorites

Frequently used colors can be added to Favorites for easy access. Favorites are managed separately for each workspace.

User

<Add Custom Color>

Click the '+' button to directly add a custom color. You can easily find and add the desired color using the color spectrum in the 'Add Color' window.

Stock

There are about 140 default colors prepared in the color palette. Selecting a color will apply it to the background of the slide, and you can also change the colors of multiple slides at once. Please refer to [Edit Multiple Slides at Once] for how to edit multiple slides simultaneously.

Common Components

Auto Layout

<Auto Layout>

Automatically layout components. You can layout each [Whole], [Left/Right 1/2], [Left/Right 1/3], [Top/Bottom 1/2], [Top/Bottom 1/3], and change the layout by clicking a button multiple times.

Appearance and Position

Adjust the opacity/border, etc., of the selected component or its position within the slide.

Opacity

Change the opacity of the component. Generally, you can insert a transparent PNG file and change its opacity.

Border

Add a border to a specific component. You can change the thickness and color of the border.

Blend Mode

In blend mode, you can mix several overlapping components to create various visual effects.

Flip

Applies a flip effect to the inserted images or video clips.

Video Components

Playback Interval (Video Trim)

Manually change the start and end intervals of the video clip. Generally, if the video is a background element that continues to show irrelevant content, there is no need to edit the playback interval.

However, if the video involves a speaker, you may need to adjust the intervals to match the subtitles, so editing the playback interval is essential.

We'll provide detailed instructions on how to change the video playback interval. Ah, changing the playback interval of the video and the uploaded voice file can be done in the same way!

Open the playback interval change screen

Select the video inserted on the slide and click on the right side to adjust the playback interval.

Trim the interval (Trim)

Double-click or press s on the part you want to trim while previewing. A new slide is added with the trimmed area.

<Trimming a single video>

Or after specifying several intervals to use with mouse drag, finish to add new slides for each set interval.

<Setting intervals only for the necessary areas from the entire interval>

Shortcut key guide

You can edit the video playback interval more conveniently using shortcut keys.

Shortcut Key Role
s/double-click Splits the slide at the mouse-positioned interval.
+ Expands the trim timeline.
- Contracts the trim timeline.
space Plays from the selected portion.
j Moves the start point of the selected region forward by 0.1 seconds.
k Moves the start point of the selected region backward by 0.1 seconds.
l Moves the end point of the selected region forward by 0.1 seconds.
; Moves the end point of the selected region backward by 0.1 seconds.

Display methods

Fill Display

The video fills the specified container (red border) to match its size. (Some parts of the video may be cropped depending on the original size of the video; you can adjust the position or enlarge the video by double-clicking.)

Contain within borders

<Change the internal display method to 'Contain within borders'>

The video is displayed at the maximum size within the bounds of the specified container (red border).

Original Ratio

Ignore the existing settings and change the container (red border) size to the original size of the video.

Volume

Change the volume of the sound included in the clip. Through Preview, you can consider the volumes of BGM, sound effects, or AI voice to appropriately adjust them.

Speed

Change the playback speed of the video clip to faster/slower. You can change the speed from 20% up to 500% compared to the original speed (100%).

Repeat

Select the part of the video clip to repeat when the slide length is longer than the video clip length. The default setting is 'Infinite repeat', and you can toggle the button to set the number of repeats. If it's set to 'Repeat once', the video clip will stop at the last scene and continue to play the slide if there is remaining slide playback time.

Image Element

Display Method

Gradually Enlarge

The fixed image is gradually enlarged, filling the set size. (Some areas may be cropped depending on the original size of the image.)

Fill Display

The image is displayed to fill the specified container (red outline). (Some areas may be cropped depending on the original size of the image, and you can adjust the position or enlarge the image by double-clicking it.)

Fit to Match

The original size of the image is adjusted to fit the specified container (red outline).

Original Ratio

Ignore the existing settings and change the container (red outline) size to the original size of the image.

Shape Element

Color Change

You can change the color of the inserted shape. You can also add a different color by pressing the "+" button and specify the gradient effect.

Text Element

Double-click Mode

When you double-click on a text element in the Editing Window at the center, it switches to an editing mode where you can modify the content. When you select part of the text in this editing mode, a toolbar appears below, with each function as follows:

< When entering editing mode, a toolbar appears >

Button Function
B Applies bold effect to the selected text area.
I Applies italics effect to the selected text area.
U Adds an underline to the selected text area.
S Add a cancellation line to the selected area of the text.
A Changes the color of the selected text area. (Choose from default colors and recently used colors)
A Changes the background color of the selected text area. (Choose from default colors and recently used colors)
Tx Removes all applied effects.

< Change the color of some text characters >

Text Animation

You can set various animation effects for text elements. The duration that the applied animation takes to appear is as long as the Transition Duration on the slider. Therefore, if you want the animation to appear slowly, increase the Transition Duration. The functions that can be set in the text animation menu are as follows:

Repetition Effect

Specifies a repetitive motion for the text. The available repetition effects are as follows. Once an effect is set, a menu to set the "Stop Motion Effect" function appears.

Repetition Effect Description
None Removes all repetition effects
Wiggle
Bounce A bouncing effect
Shake
Up and Down
Left and Right
Swing
Clockwise The element continues to rotate clockwise
Counterclockwise The element continues to rotate counterclockwise
Types

Sets various text animations. After setting, you can preview it directly through the Preview slide.

Animation Description
Automatic The default setting option applies a morphing effect
Sliding An effect of sliding from the side
Expansion An effect of expanding in one direction
Cube Rotation An effect of rotating with a cube-like face
Flip A flipping effect

Page Turn| Circle Appear|An effect of a circle gradually getting larger or smaller while appearing Clock Appear|An effect of a circle filling up like a clock while appearing Unfold|An effect of appearing bit by bit from one direction Fade in Slowly|An effect of gradually appearing from a blurred state Pop|An effect as if the element pops onto the screen or jumps out Pop Spin|An effect as if the element spins and pops onto the screen or jumps out

Application Unit

Sets the standard for displaying text on the screen when there is a lot of text in a single slide.

Application Unit Description
Entire One text block appears at once
Line by Line Text appears line by line according to the line break within the text block
Two Lines at a Time Text appears two lines at a time according to the number of lines in the text block
Paragraph unit Visible separation of paragraphs (enter) within the text block

If you set options like "One line at a time" here, a "Additional Format" menu will appear. Please refer to the image below to see each option's format.

< Replace lines >

A new line of text appears at the same position, depending on the setting of one line at a time (or two lines at a time).

< Add lines >

More lines appear based on [Vertical Alignment], either one line at a time (or two lines at a time). [Vertical Alignment] is most naturally used when fixed "above".

Read by AI Voice

If AI Voice is applied to the slide narration, all the text on the screen will be read sequentially.

However, if there is text you do not want to be read, you can drag "Read by AI Voice" after selecting the text element. In addition to this method, to completely ignore the text on the screen and read as desired, please refer to [Automatic Text Recognition].

Readability Enhancement

Readability enhancement uses the 'text wrapping' feature to modify settings so that text on the screen is easier to read. You can apply effects such as "None", "Boxed", "Line by line", "Outline", and "Shadow", and please refer to the image below for each effect.

Additionally, the color of the box and outline can be changed in the "Readability color" menu.

Automatic Slide Division (deprecated)

The "Automatic Slide Division" feature can be set in the [Apply by] section of Text Animation.

Slide division can be set as "One line at a time", "Two lines at a time", [Paragraph unit], and when [Automatic Slide Division] is applied, it will be displayed as shown below.

< Preview of Automatic Slide Division application >

Font Family

You can select the desired font family to change the font. The font library is organized into tabs such as "Recent", "Favorites", "User", and "Stock".

To change the font family of multiple slides at once, please refer to the content of the Edit multiple slides at once action.

Color

Change the color of the entire text element. All colors of the text box will change, and you can combine up to three colors to create a gradient effect.

< Text Color Change >

To change the color of some text, you can drag the desired text and then use the inline editor feature that appears at the top. In the inline editor, you can select from the default colors or recently used colors. If you want a specific color, setting it as a background color once will display it in the recent colors.

< Change part of the text color >

Alignment

Change the alignment of the text within the box to "Left", "Center", or "Right".

Font Size

Change the font size from 10 px to 256 px. For vertical type scroll video content, we recommend using 80 px to 90 px.

Margin Left/Right/Top/Bottom

Change the size of the left and bottom margins of the text box.

Line Spacing

Change the line spacing when multiple lines of text are entered into a text box.

Letter Spacing

Change the spacing of the font size. It can be adjusted from -40% to 200%, with 0% being the default value.

Alignment

Horizontal Alignment
Vertical alignment

Changes the vertical alignment inside the text box. The default option is "Auto", and you can set it to "Top", "Middle", or "Bottom".

<Activate vertical alignment>

Height fixation

Activating height fixation allows you to change the vertical size of the text box. This is useful when specifying a consistent box size across multiple slides.

Change the alignment of the text within the box to "Left", "Center", or "Right".

Height lock

Activating height lock adds handlers to the top/bottom of the box, allowing you to change the height of the text box.

Generally, when using text boxes in auto mode, even if the text is one or two lines, you can maintain the same box size.

[Stop]