Create Your First Video

How to find your way around the Vidds editor for the first time

How to create your first video - step by step

Step 1 - Create a new project

Create a new project from the Vidds creator Dashboard.

  • Click the “New Video” button (highlighted in red below)
Create your first video - step 1

Step 2 - Name your project

Give your new Vidds project a name

  • Enter the name in the empty text field
  • Click the “Next” button
Create your first video - step 2

Step 3 - Choose the video shape and size

  • Click on the preset size that fits your needs 
  • or create a custom sized video by clicking the “Custom” option
  • Once you’ve chosen the size you want, click the “Next” button
Create your first video - step 3

Step 4 - Select a video scene template

  • Browse the options or filter the results by using the dropdown list at the top
  • Once you have made your decision, click the thumbnail of the template you’d like to use for your first scene
  • Your video project will be auto generated and you will be redirected to the Vidds creator
    or
  • Click the “Create Your Own” button to start with a blank scene, then add your own elements and begin customising
Create your first video - Scene Select

Step 5 - Customise your first scene

  • Click on the video to select an element you would like to edit 
  • or select the element directly in the Elements list on to the left of the video
Customise your first scene

Each element can be edited in multiple ways.

Media

  •  Choose media size – “Cover” or “Fit”
  • Select “in animation” & “out animation” as well as a “Highlight” that will happen during the scene
  • Choose a background color for the element – the default is transparent
  • Change the position of the element, you can do this by simply dragging it and dropping it where you’d like it
Edit media element

Text

  •  Update the Text in the box at the top of the text element configurator
  • Select a font and the text alignment you would like
  • Choose a color for your text and the size you’d like it to be
  • Customise the letter spacing, line height and padding (space around the edge of the text)
  • Add and configure a text shadow – useful when the text lacks contrast from the background
  • Choose an “in animation”, “out animation” & “Highlight”
  • Add a block behind the text by clicking the circle below “Background” label in the “Container” section
  • Change the position of the text block by dragging and dropping it to the position you’d like on the scene preview video
Edit Text Elements

Block

  •  A block element is a rectangular shape that can be used for overlays or backgrounds for other elements
  • Choose an “in animation”, “out animation” & “Highlight”
  • Add or change the color by clicking the circle below “Background” label in the “Container” section
  • Adjust the border radius to round the corners
  • Select a font and the text alignment you would like
  • Rotate the element to change it’s orientation within the scene
  • Change the position of the block by dragging and dropping it to the position you’d like
Edit Block Elements

Use the left hand tool bar to add more elements to your scene. You can edit the scene by clicking on an element in the element list to the left or by clicking on the video itself.

Media

  • Change the background image or video – upload your own or use the stock media search that we provide through Pexels
  • Edit the size of the background media, choose from: “fit” and “cover”
  • Control the amount of zoom that is applied to the background image or video

Secondary media

  • Change the background image or video – upload your own or use stock media
  • Control the width of the image or video
  • Change the roundness of corners
  • Adjust the spacing around the image
  • Add borders and change colours

Texts

  • Update the texts with your message
  • Change the width of the text area
  • Select font, size & colour
  • Adjust line height
  • Add text box backgrounds, borders and adjust their size and colours

Step 6 - Add more scenes

  • Click the add scene button found in the scene list section at the bottom of the Vidds Creator
  • Choose the scene template you’d like to use (it will automatically be added to your project)
  • Customise that scene
  • Add more scenes and repeat
Add more scenes

Step 7 - Edit Project Settings

To the right of the video playback window, you will find the Project Settings section. Here you can update a number of different aspects of the project.

  • Add a logo or watermark to your video
  • Add music to your video
  • Adjust size and dimensions

All changes made in the Project Settings section will have an affect on the whole video. Music does not currently playback inside the Vidds Creator and will only playback after exporting the video.

Step 8 - Save and Download your video

In the top righthand corner of the Vidds Creator you will find the two buttons “Save” & “Download”

  • Click the “Save” button after making any significant changes and before downloading
  • Click the “Download” button when you are happy with your video and ready to download it
  • Check the video details and click “Get Video”

Once you’ve clicked “Download” your video will begin to be rendered (built) and will soon be ready to download. If you don’t want to wait around for the video to render you can find it in your dashboard when it is ready to download. Or by clicking the user icon in the top righthand corner and selecting “Completed Projects” – this will show you a list of all your previous videos and provide you the option to download them.

Create your first video - Step 8 Download Video
Create your first video - Step 8 Download Video Render