The creative editor is the central hub of the Video Brand Studio platform. It is a fully featured video editor, allowing you to arrange your assets on the timeline, create complex animations and configure all your dynamic fields.The editor is made up of 3 main sections:
The Canvas
The Timeline
The Properties Panel
If you have ever used a video editor like Adobe Premiere, Final Cut Pro or After Effects you'll see that the Video Brand Studio creative editor has everything you need to quickly create dynamic videos, without any of the unnecessary complicated features.
A key difference between standard desktop video editors and the Video Brand Studio editor is the ability to make any parts of your video dynamic. This gives you the flexibility to generate multiple videos from one creative.
All generated videos and video assets are 25 frames per second, and the time format used is mm:ss:ff.
Tip
If you make a mistake while editing a creative and want to undo, use the shortcut CMD/CTRL Z.
The canvas is where you preview what you will see in your video, and has a number of key features.
Zoom
Use the zoom bar to arrange elements perfectly by zooming in on the details.
Tip
When zoomed in, hold down the spacebar navigate around the canvas.
Elements
Click an element on the canvas to select it. You can then drag & drop and resize elements on the canvas.
Save
Go to Options > Save to save your work allowing you to continue at a later stage.
Preview
Go to Options > Preview to render a preview of your video
Publish
Go to Options > Publish to publish your video and generate new versions.
The timeline is where you arrange your elements, and manage effects and transitions.
Tip
The timeline height can be resized by dragging the area between the canvas and timeline.
When moving or resizing elements, a red indicator will show if the edge lines up with items on the timeline.
Add Asset
Click Add Asset to add video, image, text and saved presets.
Tip
When adding a video asset for the first time, the video will be added to the canvas in the same resolution as the canvas.
Shots
Above the timeline you will see thumbnail previews of each shot. The system will automatically create these for you, which makes it easier when generating videos.
Playhead
In the creative editor there are 2 types of playheads; one for each shot, and one for the timeline.
Shot playhead The shot playhead allows you to select which frame will be shown in the on demand generator. This allows you to choose which elements will be editable when generating new videos.
Timeline playhead The timeline playhead allows you to quickly see any frame on the canvas, allowing you to quickly check edits.
Tracks and Elements
Elements are your assets shown on the timeline, and they can be added to any track. Drag and resize them on the timeline to get the perfect edit. Multiple elements can live on the same track, making it easy to arrange your project in a way that works for you.
Elements at the top of the timeline will be layered over elements below, allowing you to quickly drag elements up and down through the different layers of your video.
When an animation or transition effect has been added to a group or element, the effect 
icon will be shown. Clicking this will expand the effect time option, where you can adjust the length of each transition and animation.
Tip
Double click an element to rename it (max 128 characters).
Groups
To create a group, hold CMD/CTRL and select multiple elements on the timeline. With the elements selected, either click 
in the timeline's left sidebar or use the keyboard shortcut CMD/CTRL G.
Your elements are now grouped and can be moved around the timeline. You can also add effects & animations to a group.
Tip
You can drag an element in or out of a group.
Use SHIFT CMD/CTRL G to ungroup elements.
Presets
To create a preset, select a group in the timeline and click the 
icon in the timeline's left sidebar. Presets are available under Add Asset, and can be used across all creatives. When browsing presets, double click on one to rename it. Presets are a great way to save a company logo, animation effect, call to action or any combination of elements, groups and effects which you want to reuse. You can even save a whole video as a preset!
Element Visibility
With an element selected, clicking the 
icon in the timeline's left sidebar bar will hide the element on the canvas. This is useful when working with multiple elements and layers, where you want to edit an element on the canvas that is under another element.
Tip
Hiding an element with this option will stop it being rendered in the final video.
Lock
Once a creative is published, videos can be generated from the on demand or batch generation pages. If an element or group is locked, they will not be shown in the generation page and a 
icon will be shown on the layer in the timeline. This can be useful if you have elements that you don't want to be dynamic, for example company logos or tag-lines.
Select the element or group and click the icon in the timeline's left sidebar to lock or unlock the element(s).
Duplicate
Easily duplicate any element or group by clicking the 
icon in the timeline's left sidebar, or using the shortcut CMD/CTRL D.
Delete
Delete selected groups or elements from the timeline using the 
icon in the timeline's left sidebar, or CMD/CTRL BACKSPACE.
Timeline Zoom
The horizontal scroll bar has a number of flexible zoom functions to help you navigate easily.
Zoom in/out by adjusting the end points of the scroll bar.
Double click on scrollbar to zoom to show full global time on timeline.
Double click on scrollbar a second time to show all elements on the timeline, even if they fall out of the global time.
Audio
Here is where you add your audio track. The selected audio will play from the beginning of the file.
Click the Browse button in the Audio section.
Search for the audio file that you want to add, click it and click Next.
Drag the slider to select the part of the audio you would like to insert.
Click Select to add the audio.
Background Colour
Click the Background Color field and use the colour picker to choose the background colour of your video. Note this colour will be used throughout the film where no elements cover canvas.
Poster Frame
Here you can choose which frame from your video will be used as the poster frame (also known as thumbnail or preview image).
Tip
When using your videos for Facebook placements, the poster frame can have a dramatic effect on performance as often this is the image the customer sees if they have auto-play videos turned off. Try experimenting with different poster frames to see which performs best.
Duration
The overall length of your video. (Max supported 3 minutes).
Format
Choose between presets 1080p or 720p. Alternatively you can create a custom aspect ratio by manually assigning the width and height.
Asset
Browse your assets to replace the selected element.
Tip
When replacing a video element, choosing back on the trim video screen will take you to the browse screen.
Adding and trimming videos
The trim video screen allows you to select the start and end points of your video.
Hovering over the in and out indicators will show you the timestamp, while preview will play the selection you made.
Slip editing
The trim screen also has the option to slip edit a video -- simply move the selection slider to the desired point. Your element will remain the same on the timeline, while the in and out points will automatically be adjusted.
Crop Mode and Align
Choose how your asset will be contained in the bounding box on the canvas
Text
Use the text editor to add regular, bold or italic text using the shortcuts CMD/CTRL B or CMD/CTRL I. (The option for bold or italic depends on the fonts installed to your account during setup).
Typeface: Select your font
Font style: Select the style of font
Size: Adjust the size
Colour: Adjust the colour
Opacity: Adjust the opacity
Align
Aligns the text within the bounding box
Text Spacing
Adjust the height and width spacing of the text
Placement
Fit: The text will be resized in order to keep it within the bounding box. The line breaks in the text input area will be reflected on the canvas.
Wrap: The text will automatically be wrapped with line spacing to fit the bounding box.
Group
When a group is selected, the X and Y positions can be adjusted from the properties tab.
Element
In addition to the X and Y positions, the width, height, rotation and opacity of an element can be adjusted from the properties tab.
For detailed editing, the duration and start frame of an element can also be adjusted.
Tip
The start frame refers to the frame of the global video time.
The styling tab is where you can add transition effects and animations to elements or groups.
Shadow
Angle: The angle of the shadow measured in degrees
Offset: The distance of the shadow to the element
Blur: Softens the edge of the shadow
Colour: Choose the colour and opacity of the shadow
Transition Effects
Below we will go through the transition effects and the unique controls for each.
Fade and blur in/out
Blur from: The amount of blur the element has at the beginning of the effect.
Blue to: The amount of blur the element has at the end of the effect.
Fade in/out
Fade from: The amount of fade at the start of the effect.
Fade to: The amount of fade at the end of the effect.
Fade and move in/out
Direction: Which direction to move the element during the effect.
Distance: The amount the element moves during the effect.
Mask: With mask selected, the element will not be shown outside of the bounding box
Fade and scale in/out
Scale from: The size to scale the element from/to
Flip in/out
Direction: Which direction the element animates.
Bounce: Adds extra movement at the end of the effect (only available for flip in).
Breakup: The amount of sections to break the element into
Iris in/out
Wipes in/out with a circular shape
Move in/out
Direction: The direction the element moves
Distance: The amount of distance the element moves
Mask: With mask selected, the element will not be shown outside of the bounding box
Pop in/out
Animates the element from 0% to 110% then 100%, creating a pop animation
Scale in/out
Scale from: The size to scale the element from/to
Wipe in
Direction: The direction of the wipe in/out
Softness: The higher the softness value, the softer the wipe border is
Blink
Blinks: The amount times the elements blinks on and off
Corner pin
Import a corner pin csv or txt file, using the Mocha format.
Import Data
Import a csv file with X & Y offset values to create complex move animations.
CSV must contain 2 columns
1st column must have heading horizontalPositionOffset
2nd column must have heading verticalPositionOffset
Each row represents the X & Y offset values per frame
The duration of the element must match the number of frames in the csv
Each frame supports up to 3 decimal places
Move
X and Y coordinates: Coordinates to which the element moves to
Pop
Scale: The maximum size the element 'pops' to
Rotate
Angle: The angle for the element to finish the animation
Rotations: Amount of rotations in the animation
Scale
Scale: Size of the element to end the animation on
Tip
Once an effect has been added, an indicator will be shown on the group or element. Clicking this will open the transition & animation editor on the timeline, where you can easily change the timings.
Timing
Changing the timing of a transition can help to make the effect more natural.
Comments
0 comments
Article is closed for comments.