Guide

Go with the flow

Since VideoStew is also an online tool, you need to know some basic information to use it, right? So let's find out what role this button on the screen has, and what that button does! And you'd close this slide by saying that, wouldn't you?

Not everyone reading this guide will be a video professional. The best way then, is to try making videos yourself! Rather than mastering screen composition or advanced usage tips, it's about creating something to start with. VideoStew is a service created for the now, rather than theory, and for later. Don't forget that we all share the same spirit.

Follow the wizard

When you first learn computer programming, the very first thing you do is not computer theory or history, nor hardware. It starts with printing the letters "Hello World" on the screen.

< Coding starts with Hello World >

Through this, it's a simple feeling of 'I did something at least.' Let's start this way too. If you're not sure where to start with Starting Tutorial, please prepare by detaching this guide or viewing it alongside while editing in VideoStew.

In this practice, we'll try making the following video.

< Make and watch the video >

Add Project

Let's assume you're on the home screen. Press the 'Add Project' button on the left sidebar.

< Click the Add Project button >

Start Wizard Mode

Then the wizard mode will appear automatically. When you add a new project, it will be displayed first. Set the title as "First Project", and then click the "Next" button.

On the next screen, select "Main Text" and click "Next".

Adding Content

The next screen will be a slide where you actually insert the content. Just create three lines below and insert them.

This is my first project with VideoStew.
With VideoStew, you can easily produce videos with just the default inputs.
I look forward to telling stories I want with VideoStew and turning them into videos.

< Inserting content into the wizard >

If the text above fits into one line, you can use the Enter key to separate the paragraphs. Once you have entered all the content as shown above, click "Next".

Finishing Touches

Now you can see the screen where you can set up your voiceover, BGM, fonts, etc. If you use these settings frequently later on, you may become familiar with them; however, they are not important right now so just hit "Complete" to proceed.

< Detailed Settings Screen >

Automatic Video Matching

Now our content will be automatically matched with a video background, and a corresponding stock video will be automatically matched to the content.

< Automatically matching video to the content >

Preview the Entire Video

Now we have come to the step for final editing. Looking at the unedited video screen, are you feeling lost about where to start? But don't worry. If you follow me closely, you can complete the video without any problems.

<Editing screen view>

Do you see the Preview button at the top of the screen? Click the ▼ right next to it and try selecting "Preview". Does it display the splendid video made based on the content you all created?

Rendering and Download

So far, your project only exists on the VideoStew server. Now it's time to render it and download it to "My Computer".

Do you see the "Download" button on the right side of the screen? Click it. A download window will open below. Click "Rendering" on the far left there. It is the process of converting the worked item into a video.

<Download button and download modal>

After a short while, you'll be able to see that the "Download" next to it has been activated. Click it and now the real completed video (mp4) will be downloaded to "My Computer". Open the explorer (or finder) and go to the download folder to play it! Congratulations, you've created a single video (complete mp4)! Now start bragging to your friends on SNS or KakaoTalk, saying "This is the video I made"! The adventure begins now.

The download folder depends on the browser settings. If you don't know where the downloaded video is, please refer to [Check downloaded video].

Manual Editing

Lastly, shall we try making everything directly without using Templates or Wizard Mode this time? Through this process, you can become more familiar with various workflows and features of VideoStew! Let's go through them one by one!

< Create Video >

Add Project

Let's assume you're on the home screen. Press the 'Add Project' button on the left sidebar.

< Click the Add Project button >

The title is This time, we won't use Wizard Mode, but let's try clicking "Quick Start" on the lower left side.

< Click Start Immediately on the bottom left >

Changing to a Horizontal Project with a 16:9 Aspect Ratio

Depending on what the last action was, the aspect ratio of the screen in the Editing Window after 'Quick Start' might differ. In such cases, click on Size at the bottom right to change it to the desired screen ratio.

In this action, we will select a 1920x1080 (16:9) aspect ratio. Then you can verify that the Editing Window changes to a horizontal format.

< Changing the Project's Screen Aspect Ratio >

Inserting Images and Text

Select "Video > Stock" from the Library Window on the left, enter "ocean" in the search bar at the top, and search. Click on the image that you like, and it will be inserted into the Editing Window in the center at the default size.

< Inserting Image after Searching >

Next, we'll insert text. Select "Text > Stock" from the Library Window on the left side, and click on the font you like. Then, in the Editing Window in the center, a "Text" element with the corresponding font style will have been inserted.

< Text Insertion >

In the Editing Window, double-click on Text Element to switch to editing mode. Enter the content as "Let's protect the future of the Earth together". Once you've entered it, click outside the Editing Window to exit text editing mode.

< Exiting Text Edit Mode >

Grab the text and position it where you want, adjusting its size. Stick it at the bottom like a subtitle, and change the size by sliding to fit the slide size.

< Adjusting Text Position and Size >

Filling in Content

To duplicate a slide, press the "+ Add" button in the Slide Window. The last slide will be duplicated automatically. Typically, when working with videos, content changes continuously in a similar format, so this is why the operation works this way.

Once a new slide is duplicated and added, it is automatically selected. So, you can immediately double-click the text and change it to the desired content. This time, enter the text as "Protecting the Earth is also greatly influential for our own health and safety, as well as for our children's future."

< Created Slide >

By adding new slides and continuously changing the content like this, you've directly created 5 slides.

< Duplicate the slide to create 5 slides >

Readability Enhancement

Even after looking more closely, it seems like the text isn't very visible. You can change the font color, but there is no guarantee that the image in the background will always be the same color, so this time try adding a readability enhancement feature.

< Readability Enhancement Applied Screen >

Now, if you select each added slide and change the accessibility preservation four times, will that suffice? No! If you want to create a video, you would have to create dozens of slides, and if you have to repeat the process multiple times whenever there's a change, it won't be efficient, right? That's why VideoStew offers a feature that allows you to change multiple slides at once.

Select all the slides you want to change from the Slide Window at the bottom. To select all, click on the first slide you want to select, and then click on the last slide while holding down Shift. Then all the slides in between will be selected at once.

< Multiple slides selected at once >

Do you see that the color of the handle in the Editing Window in the center has changed? This indicates that you can simultaneously apply changes to multiple selected slides.

<Changing the readability of text on multiple slides at once>

Changing to Videos that Fit the Situation

Now we have unified the background video into one, but inserting a contextual visual is important. So let's try changing to different videos that match the content of each slide.

First, select the second slide. Then choose [Video > Stock] from the Library Window on the left side. Select the video you want and drag it to the existing video in the Editing Window in the center. When you release the mouse, it will be replaced with the newly selected image.

<Replace with another video>

Change each video in the same way. There is no need to multi-select this time because we are going to insert different content into each slide.

Add Background Music

You've completed it to some extent, but it would be frustrating without a BGM, right? If you look at the Editing Window in the center, you will see a sound icon with a "none" button indicated. That button is the one that can change the BGM.

< BGM Change Button >

Click this button and select the BGM music you want. If you hover your mouse over any music for a while, it will automatically play a preview. Once you've chosen the desired BGM, click confirm.

Now you can see that the display has changed from "None" to the selected music! Shall we take a listen? Just press Space on the keyboard or click on Preview at the top of the screen! You'll know the current selected slide is playing along with the music. If you want to view the entire sequence, click the ▼ button on the right side of Preview and select Preview.

Add Narration

We're almost done. The music is in, and the screen is fully constructed. But doesn't it seem like something is missing? That's right, the narration! We'll add narration to make our video better communicate to the audience!

Narrations can be added to each slide, but since we're going to add them to all slides, you can process them all at once by selecting all slides. Remember the method of selecting a range using Shift I told you before? You can do it that way, but let's try selecting all at once this time.

There are various ways to set up the narration, but for now, let's just have the AI voice read it. Click on "None" for the category and select AI Voice. You'll be able to see a few more options expanding. You can also change the voice and even listen to previews.

<Apply AI Voice>

Now that you've inserted the narration, shall we preview it one last time before rendering? Click the ▼ next to Preview on the sidebar and try Preview! Does it now look like a proper video?

Rendering and Download

Manual production is all done too! Congratulations!! ?? Did you try downloading to your computer for the first time? This time, practice sharing the completed video without downloading. Just like downloading, press the Download button on the sidebar, and click on [Rendering] in the video. The share URL will be activated once rendering is completed.

After a little while, when the rendering is finished, do not download it this time; please close the download window. Then click on [See more ▼] in the right-side menu, and select Share. You will be able to see the shareable link displayed below.

< Sharing Window >

Now copy that address and share it directly in your friends' chat room! If you're curious to see how it appears, open a new tab in the Chrome browser and paste the address to see! You can show everyone the video you've created without downloading it, isn't that convenient?

There's also a way to upload to YouTube directly. Uploading to YouTube will be described in a separate chapter. Open Upload to YouTube and try it together!

Upload to YouTube

Congratulations to those who have followed the practice well up to this point. You are the ones who have a good grasp of how to utilize VideoStew! I congratulate you once again! If you've become comfortable with uploading to YouTube, you're ready to create your own channel and try out something new!

Setting Up a YouTube Channel

First things first, you need a channel to upload to YouTube, right? Follow the steps below to set up your channel.

Create a New YouTube Channel

After logging into YouTube, click on the 'My Account' icon on the upper right side, and you'll find a "Create Channel" button. Click this button and set your channel name and [handle] address. Think of the [handle] address as your channel URL that can be used in the format https://youtube.com/@youruniqueaddress.

<Create a YouTube Channel>

If you've already set up your channel, you may skip this step and proceed to the next one.

Upload from the Editing Screen

Once you have a channel, you can move to the project's Editing Screen to upload. Select the project you want to upload from the Home Screen and move to the Editing Screen.

If the rendering is already complete, you will see the YouTube button on the top side (if the project hasn't been rendered yet, click the Download button on the top side and perform rendering first). Press the YouTube button.

< YouTube Upload Window >

Now you can set the title and description of the video you want to upload to YouTube. After crafting your content, press the YouTube button at the bottom right to complete the upload.

<Title and Description Input>

Follow along with animation video production

If you have come this far, I assume you have become familiar with the basic usage of VideoStew. This time, let's learn about how to create an animated video, which can be considered the flower of VideoStew.

VideoStew provides an [Auto Animation] feature similar to PowerPoint's motion effects. It automatically creates animations if it finds identical elements across slides that have changed in size or position.

< Easy Animated Content Creation >

When using the actual Auto Animation, many of you will use it along with AI voice. In this tutorial, we will show you how to easily utilize Auto Animation with narration.

Why not watch the video below first, and then follow the steps outlined in the guide?

Placing elements on the slide

First, prepare the necessary elements. In this guide, we used images provided by freepik. After preparing mountain and hiker images as PNG files, upload them to the user library with drag and drop. In the case of a background element, search for "sky" in the image library to find and insert an appropriate image.

< Insert transparent PNG images and freely position them >

This way, the first slide has been embedded with a total of three elements: a sky image, a mountain vector image, and a mountaineer vector image. And now the most important task remains.

The most important thing on the first slide is to manually change the slide duration to 0.1 seconds. I will explain the reason in the next step. Shall we move on to the next slide?

Creating a Climbing Part

Click the "+ Add" button in the lower slide navigation to add a slide. Then, let's position the mountaineer at the top of the mountain.

Next, choose an appropriate font and add it to the slide after selecting it, saying "Here's a man climbing the mountain." Also, adjust the slide time to match the narration length and select "Narration > AI Voice" to assign the appropriate voice.

< Create animations by changing the position of elements between slides >

If you preview it here, you will see that the mountaineer quickly reaches the top of the mountain. Precisely, it arrives at the summit in just 0.3 seconds. The reason is the Transition Duration. Transition Duration is the duration it takes for the animation to activate. Simply put, if you change the Transition Duration to 2.2 seconds, the animation will move slowly towards the mountain summit over the course of the narration.

< Adjust the Transition Duration to match the length of the narration >

If you feel like the speed is stuck as you climb the mountain, you are correct. VideoStew provides the [Ease (motion effect)] feature that can change the speed of the animation. To create an animation that climbs slowly to the top, please select the “Linear” option among the Ease options.

Creating a Slide of Mountain Summit

Now, in the next slide, we will create a part where the narration says, “And then the man...”. Just copy another slide, and replace the text, and you are good to go. Please note that if the Transition Duration of the slide is copied and exceeds 2 seconds, it is advisable to adjust it to around 0.3 seconds.

Oh dear, to prevent moving too quickly to the next slide after finishing the narration, we will insert about 0.5 seconds of 'silence after end' in the narration options. By doing so, the slide will linger for the set amount of time after the narration ends before moving on to the next slide.

Creating a Descending Part

Now let's create a slide where the mountain climber descends normally. Also, copy the previous slide and move the position of the climber. Then change the text to 'Safely descended the mountain.'

And for more fun, let's add a laughing sound effect. It's good to have a laugh sound after all the narration is over, so copy another slide and this time leave out the narration and just insert the sound effect. Find the appropriate sound effect in the sound effect library and adjust the duration of the slide accordingly.

< Insert sound effect after narration >

Once you have completed all the work, please preview it to confirm that it has been implemented as desired, and then rendering and downloading will complete the process.

[Stop]