How to Use the Camera Function in STYLY Studio

Camera Function in STYLY Studio

The ‘Camera’ function has been added to STYLY Studio. This camera function has two modes, ‘Manual’ mode and ‘Automatic’ mode. In either mode, you can record a video of your VR scene by using this function in STYLY Studio. By creating a video from the scene you designed, you can show it in more attractive way. In this article, we will explain how to use the camera function in STYLY Studio.

The Camera button

When you launch STYLY Studio, you will find the camera icon on the top of the window. This is STYLY Studio Camera button’. Click this icon to activate the camera.

The ‘Edit’ button and ‘Camera manual’ button

The top buttons on the ‘STYLY Studio Camera’ screen work as follows. ① Edit button: Press it to go back to the Edit mode. ② Manual button: It opens this tutorial in a new tab. By clicking the ‘Manual’ or ‘Auto Orbit’ tab, you can switch between ‘Manual’ and ‘Automatic’ mode.

How to Record a Video in Manual Mode

In the Manual mode, you can record a video while moving the camera as shown below. https://youtu.be/IahbD3HL1UA

How to Start and Stop Recording

How to Start and Stop Recording

In the Manual mode, hit the Space bar key to start recording what currently appears on the screen. You hit the Space bar key again to stop recording.

How to Move the Camera

The moving directions of the camera and their key operations

The key operation to move the camera in each direction is shown in the manual-mode screen (See above). Left: A Right: D Front: W Back: S Up: E Down: Q

Zoom In and Out

Zoom In and Out

Zoom In: C Zoom Out: Z

Zoom In

Zoom in by holding down the ‘C’ key. Release the ‘C’ key to go back to the original scale.

Zoom Out

Zoom out by holding down the ‘Z’ key. Release the ‘Z’ key to go back to the original scale.

Change the Moving Speed of Camera

You can adjust the moving speed of the camera by the ‘Speed’ value in the top-left corner. This speed setting is applied to both the moving speed and the zooming speed.

GIF Animation – How to Change the Speed Value

There are two ways to change the value. 1: Enter the value directly. 2: Point ‘Speed’ with the mouse and drag to the left or right. Drag to the right to increase the speed. Drag to the left to decrease the speed.

Fix Height Mode

If you check the check box for Fix Height, you can move the camera angle up and down or left and right without changing the height (or elevation) perspective in the video. In other words, checking Fix Height will lock the relative elevation of a video at a certain height. 

Fix Heightモード

Fix Height mode

 

Fix Height チェックあり カメラ移動

Fix Height Checked Camera Movement

 

Fix Height チェック無し カメラ移動

Fix Height No Check Camera Movement

How to Record a Video in Automatic Mode

In the Automatic mode, you can record a video rotating around an axis as shown below.

Record a Video in the Automatic Mode


How it Looks from Another Angle

※Adjustment to moving speed or starting and stopping recording is done in the same way as it is done in Manual mode. These features will not be explained, please refer to the Manual mode section of this article to find out more. 

Set the Axis

In the Automatic mode, click the ‘Move Axis’ button to adjust the position of the axis the camera rotates around.

Set the Axis


Adjust the Axis for Camera Rotation

The axis is shown by the black and white marker at the centre of the screen. Set the axis position as you like by repeating the sequence: press the ‘Move Axis’ button; adjust the axis position; press the ‘Finish Moving Axis’ button.

Set the Radius

You can set the radius of the rotation by adjusting the ‘Radius’ value.

Adjust the Radius.

In the same way that you adjusted the moving speed, you can adjust the radius by dragging ‘Radius’ to the left or right in addition to the direct value input.

The Setting for the Camera Angle

You can set the camera angle by adjusting the ‘Rotation’ value.

The Rotation Value


Adjust the Camera Angle

As a guideline for the rotation value, 180 and 360 correspond to half rotation and one rotation respectively (i.e., the unit is degree). In the same way that you adjusted the moving speed, you can adjust the angle by dragging ‘Rotation’ to the left or right in addition to the direct value input.

Flip the Camera

You can flip the camera by clicking the ‘Flip’ button. It has the same effect as setting the ‘Rotation’ value to 180.

The Flip button


The Camera Flipped

Reverse the Rotation

In the Automatic mode, you can reverse the rotating direction by clicking the ‘Reverse’ button.

The Reverse button


The Rotating Direction is Reversed.

Adjust the Camera Height

Adjust the Camera Height

You can change the height of the camera by adjusting the ‘Height’ value. In the same way that you adjusted the moving speed, you can adjust the height by dragging the ‘Height’ label to the left or right in addition to the direct value input.

How to Convert WebM Movie File to MP4

The recorded movie is saved as a WebM movie file. As an advantage, you can immediately play and check the WebM movie file by dragging it into Google Chrome. However, it doesn’t have high compatibility with mobile devices and players, so let’s convert it into MP4 that has higher compatibility. Access ‘media.io’ (https://www.media.io/jp/convert/webm-to-mp4.html) for a free converter.

Convert into MP4

①  Click ‘Add your files’ and select the saved WebM file. ②  Click the ‘Convert’ button.

The Download button

When the conversion is complete, the screen shown above will appear. Press the ‘Download All’ button. The downloaded file is saved in a zip file. Once you decompress (unzip) this zip file, you will be able to access the MP4 file. MP4 files can be uploaded to various SNSs such as Twitter, Instagram, and YouTube. Congratulations! That’s all for the introduction of the STYLY Studio Camera function.