VIDEO MOCKUP TUTORIAL

First of all, ensure you have the free version of davinci resolve installed.

open your mockup folder you downloaded and double-click the .DRP file. This WILL AUTOMATICALLY OPEN UP DAVINCI RESOLVE.

Your project might open on a different tab, so make sure to click the edit tab at the very bottom.

THIS IS WHERE YOU WILL UPLOAD YOUR OWN DESIGN AND MAKE ANY CHANGES.

WHEN YOU OPEN UP THE MOCKUP, YOU WILL see that the media is offline, AND THE VIDEO PREVIEW SCREEN WILL BE BLACK.

THIS IS BECAUSE DAVINCI RESOLVE NEEDS TO KNOW WHERE YOUR video mockup FOLDER IS.

CLICK THE RED CHAIN ICON IN THE TOP LEFT. PRESS LOCATE AND THEN CLICK THE FOLDER YOU DOWNLOADED (NOT THE ZIP FILE, THE FOLDER).

IF YOU MOVE YOUR FOLDER'S LOCATION AT ANY POINT, YOU WILL HAVE TO CLICK THE RED CHAIN ICON ONCE AGAIN TO RELINK IT.

TO PREVIEW THE VIDEO MOCKUP, YOU CAN CLICK AND DRAG THE RED PLAYHEAD AROUND THE TIMELINE.

ALTERNATIVELY, YOU CAN PRESS PLAY ON THE SPACEBAR TO PLAY THE VIDEO.


DEPENDING ON YOUR COMPUTER SPEED, THIS MAY PLAY CHOPPY OR NOT PLAY AT ALL, BUT DO noT WORRY, IT WILL BE PERFECTLY SMOOTH ONCE WE EXPORT THE VIDEO MOCKUP INTO A VIDEO CLIP.

TO CHANGE YOUR DESIGN, CLICK THE YOUR DESIGN HERE TAB ABOVE THE TIMELINE.

If you cannot see the tab above the timeline, you can access them by finding your design here in the top left of the window. right-click this, and press open in timeline.

to get back to the main design, you can follow the same steps, but by right-clicking main design in the top left of the window.

THE COLOUR CHANGE SECTION IS ALSO ACCESSIBLE IN THIS WAY, FOR MOCKUPS THAT HAVE THIS FUNCTION.

CLICK THE PLACEHOLDER LAYER, AND PRESS DELETE OR BACKSPACE ON YOUR KEYBOARD TO DELETE IT.

drag your new design directly from any folder into the timeline.

make sure to drag this on the second track labelled v2, above the grey clip in the timeline.

IN ORDER FOR YOUR DESIGN TO LAST THE ENTIRE DURATION OF THE VIDEO MOCKUP, MOVE YOUR CURSOR TO THE EDGE OF THE CLIP. YOUR CURSOR WILL CHANGE TO A DIFFERENT SHAPE, ALLOWING YOU TO RESIZE IT.

MAKE SURE TO DRAG THE CLIP TO MATCH THE LENGTH OF THE GREY CLIP UNDERNEATH IT. YOU SHOULD FEEL THE CLIP 'SNAP' INTO PLACE.

if you are using a black or a dark DESIGN, then you will need to enable the guide clip by clicking the enable video track button.

THIS WILL ADD A WHITE COLOUR BLOCK BEHIND YOUR DESIGN, ALLOWING YOU TO SEE IT WHEN YOU RESIZE.

(ONCE YOU'RE DONE RESIZING YOU WILL HAVE TO TURN THIS BACK OFF AGAIN, OTHERWISE YOU WILL SEE THE WHITE COLOUR BLOCK ON THE MOCKUP ITSELF).

IF YOU'RE USING A WHITE, OR LIGHT-COLOURED DESIGN, YOU SHOULD SEE THE LOGO ON THE PREVIEW WINDOW, AND YOU WILL NOT NEED TO ENABLE THE GUIDE CLIP.

TO RESIZE YOUR DESIGN, PRESS THE TRANSFORM BOX.

YOU WILL SEE A BOX APPEAR AROUND YOUR DESIGN IN THE VIDEO PREVIEW WINDOW.

YOU CAN CLICK AND DRAG THE CORNERS TO RESIZE, OR CLICK AND DRAG IN THE MIDDLE TO MOVE IT AROUND.

if you enabled the white guide layer, make sure to disable it when you have finished resizing your design, otherwise you will see this white background in THE VIDEO MOCKUP.

PRESS THE MAIN DESIGN TAB ABOVE THE TIMELINE TO GO BACK TO SEE YOUR VIDEO MOCKUP.

YOU CAN CLICK AND DRAG THE RED PLAYHEAD AROUND AGAIN TO PREVIEW YOUR NEW DESIGN.

IF YOU WANT TO MAKE ANY CHANGES, YOU CAN GO BACK INTO THE YOUR DESIGN HERE TAB TO RESIZE ONCE AGAIN.

if your design has a colour-changing element (in the timeline you will see a greyed-out clip labelled image colour) THEN YOU CAN ENABLE THIS BY CLICKING THE ENABLE VIDEO TRACK BUTTON.

YOU WILL SEE THE CORRESPONDING COLOUR CHANGE IN THE VIDEO PREVIEW WINDOW.

TO CHANGE THE COLOUR, CLICK THE COLOUR CHANGE TAB ABOVE THE TIMELINE.

click the orange clip in the timeline labelled image colour change.

then on the top right you will see a colour box. click this to bring up the colour wheel.

THE SLIDER BELOW THE WHEEL WILL CHANGE THE BRIGHTNESS/DARKNESS OF THE COLOUR. TOWARDS THE LEFT IS BRIGHTER, AND to THE RIGHT IS DARKER.

IN THE WHEEL IN THE MIDDLE IS WHERE YOU SELECT THE HUE. IF YOU MOVE THE CROSSHAIR CLOSER TO THE EDGE, THE MORE THE SATURATED THE COLOUR.

FOR INSTANCE, IF YOU WANT TO MAKE THE COLOUR WHITE, PUT THE CROSSHAIR IN THE MIDDLE OF THE WHEEL, AND MOVE THE SLIDER ALL THE WAY TO THE LEFT.

you will see your colour YOU'VE SELECTED on the video preview window.

click the main design tab once you are done.

ALL OUR VIDEO MOCKUPS COME WITH A FILM COLOUR EFFECT, AND A FILM GRAIN EFFECT. YOU CAN DISABLE/ENABLE THESE BY PRESSING THE ENABLE VIDEO TRACK BUTTON

if you ONLY WANT TO SAVE A PORTION OF THE VIDEO MOCKUP, move the red playhead to a starting point and press i on the keyboard. move to an end point and press o.

you will see a highlighted region appear. once you save the video mockup it will only save between these two points.

ONCE YOU ARE READY TO EXPORT YOUR VIDEO MOCKUP INTO A VIDEO FILE, PRESS THE ROCKET ICON AT THE BOTTOM OF THE PAGE LABELLED DELIVER.

THIS WILL TAKE YOU TO THE DELIVER PAGE WHERE YOU CAN choose the location and settings to create a video file.

in the top left, press browse to open up the window to save a location for your video mockup. select a folder/location, rename your file and press save.

at the bottom-left, press add to render queue. you will see a box pop up on the top right. underneath that press render ALL.

THIS METHOD WILL EXPORT THE VIDEO MOCKUP USING OUR DEFAULT SETTINGS.

IF YOU WANT TO INCREASE/DECREASE THE QUALITY, DOUBLE-CLICK THE NUMBER THAT SAYS 15000.

YOU CAN INCREASE THIS NUMBER FOR A HIGHER QUALITY VIDEO FILE, OR DECREASE FOR A LOWER QUALITY FILE.

WE RECOMMEND NOT TO REDUCE THIS NUMBER ANY LOWER THAN 5000.

AT THE TOP YOU WILL SEE A PROGRESS BAR. AFTER A SHORT WAIT, IT WILL SAY COMPLETED.

AND THERE YOU HAVE IT! A BRAND NEW, TASTY VIDEO MOCKUP.

IF YOU HAVE ANY MORE QUESTIONS, PLEASE EMAIL US AT INFO@VOCALMOCKUPS.COM

IF YOU HAVE ANY MORE QUESTIONS, PLEASE EMAIL US AT INFO@VOCALMOCKUPS.COM

SIGN UP TO OUR NEWSLETTER FOR 15% OFF

© 2025 VOCAL DESIGNS LIMITED © ALL RIGHTS RESERVED

SIGN UP TO OUR NEWSLETTER FOR 15% OFF

© 2025 VOCAL DESIGNS LIMITED © ALL RIGHTS RESERVED

SIGN UP TO OUR NEWSLETTER FOR 15% OFF

© 2025 VOCAL DESIGNS LIMITED © ALL RIGHTS RESERVED