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.

Position and Size Adjustment
All elements in the [Editing Window](/guide/edit/view/stage/slide-panel/stage) 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](/guide/edit/view/stage/slide-panel/stage). 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](/guide/edit/element-property/text/dblclick).

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. ![](https://cdn.videostew.com/web/views/guide/copy-element.mp4?_=2ie8) < 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](/guide/edit/view/stage/slide-panel/stage), 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 via the BGM icon located 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)

![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-11-29_오후_12.34.11.png?_=1imdcaq) 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.

View Detailed Sound Information

![](https://cdn.videostew.com/web/views/guide/bgm-info.mp4?_=26s5) Selecting the music title next to the play button will provide detailed information about the sound, and the text can be copied.

Size

![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-28_오후_2.27.18.png?_=1hvr46p) 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)

![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-28_오후_2.28.33.png?_=1hvr4ad) 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

![](https://cdn.videostew.com/web/views/guide/pasted-1714442936027.png?_=a25n) 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

Learn how to freely edit by using multiple slides through an example video demonstrating methods for producing English learning videos that use both Korean and English simultaneously. https://www.youtube.com/watch?v=faR7f5T9l2Y

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. ![](https://cdn.videostew.com/web/views/guide/ai-voice-cateroy.mp4?_=3ecp) < AI Voice Category Detailed Search > VideoStew utilizes TTS provided by Google Wavenet, Amazon Polly, Naver Clova, Microsoft Azure, and KT AI Voice. You can set up complex search criteria based on each engine, such as gender, age, emotion, atmosphere, and language, allowing you to quickly find the voice you want.
Speed
Change the reading speed of the AI voice. Typically, readers prefer speeds 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
![](https://cdn.videostew.com/web/views/guide/manual-text.mp4?_=1iis7gr) 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 speed of the sound effect. You can adjust it appropriately while listening to other elements through the preview.

Slide Repeat Playback

When [Slide Repeat Playback](/guide/edit/basic/sound/auto-play) 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

![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-28_오후_2.51.03.png?_=1hvr5ij) 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

![](https://cdn.videostew.com/web/views/guide/custom-color.mp4?_=48bk) < 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

![](https://cdn.videostew.com/web/views/guide/auto-layout.mp4?_=8luk) < Automatically Construct 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. ![](https://cdn.videostew.com/web/views/guide/element-flip.mp4?_=4t8h)

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. ![](https://cdn.videostew.com/web/views/guide/new-trim-01.mp4?_=1ierr9t)
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. ![](https://cdn.videostew.com/web/views/guide/new-trim-02.mp4?_=1ierra1) Or after specifying several intervals to use with mouse drag, finish to add new slides for each set interval. ![](https://cdn.videostew.com/web/views/guide/new-trim-03.mp4?_=1iftdo6)
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
![](https://cdn.videostew.com/web/views/guide/image-contain.mp4?_=2ehq) < Adjust the internal display method by zooming in > 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 size of the sound included in the clip. Through [Preview](/guide/edit/view/top/preview), you can appropriately adjust the volume of BGM, sound effects, or AI voices. If you change it to 0%, you can mute the sound.

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](/guide/edit/view/stage/slide-panel/stage) 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: ![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-28_오후_3.20.31.png?_=1hvr7a3) < 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. ![](https://cdn.videostew.com/web/views/guide/text_toolbar.gif?_=1hvr7da) < 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](/guide/edit/basic/duration/transition-timing) on the slider. Therefore, if you want the animation to appear slowly, increase the [Transition Duration](/guide/edit/basic/duration/transition-timing). 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](/guide/edit/view/top/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. ![](https://cdn.videostew.com/web/views/guide/text-change2.mp4?_=1ijcpt7) < 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). ![](https://cdn.videostew.com/web/views/guide/text-addup2.mp4?_=1ijcpt6) < 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

![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-02-28_오후_3.24.13.png?_=1hvr7gt) If [AI Voice](/guide/edit/basic/narration/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. ![](https://cdn.videostew.com/web/views/guide/image_(2).png?_=1hvr7qu) Additionally, the color of the box and outline can be changed in the "Readability color" menu.

Automatic Slide Division (deprecated)

! "Automatic slide division" function can be set in the [Apply unit] of [Text Animation](/guide/edit/basic/text/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. ![](https://cdn.videostew.com/web/views/guide/cut.gif?_=1hvra2q) < 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](/guide/tips/multi-update) 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. ![](https://cdn.videostew.com/web/views/guide/text-gradient.mp4?_=1ikgns0) < 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. ![](https://cdn.videostew.com/web/views/guide/text-inline.mp4?_=1ikgo3e) < 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". ![](https://cdn.videostew.com/web/views/guide/스크린샷_2023-10-23_오후_9.37.12.png?_=1ijcq9m)
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]