Help / Editing
Editing
You've got your design on the mock. Now make it look exactly like you want it to.
Editing
- Using a 3D background image
Add depth with your own reflections
- Add an image to the scene
Add your app icon, logo, or some text
- Adding text labels
Tell your story and point out your benefits with text labels - with 3D effects!
- Change device colors, clay, and reflections
Style each device independently.
- Adjusting the 3D perspective
How to dial in the perspective effect to match your style
- Blend your mockup into its background
Soften the edges of a hero image with Fade
- Moving the camera
Find the perfect angle just by moving your mouse or typing in a number
- Change the reflection environment
Choose the surroundings reflected in glass and metal.
- Pick a device scene
Use any device you want, including iPhones or generic devices
- Combine devices or finished renders
Build a shared scene or composite separate outputs.
- Add and soften a custom shadow
Ground devices with a shadow that suits the composition.
- Enabling and animating depth of field (focus blur)
Guide the viewer's eye to the tiny, great details in your design
- Give your screen a desktop
Frame your work with a wallpaper, browser window and Dock
- Duplicate and align text or images
Build a consistent set of titles and graphics on the canvas.
- Change the movie duration
Set the ending and check every track.
- Show the environment behind your mockup
Use the surrounding environment as a visible 3D backdrop.
- Add a logo or image overlay
Keep a graphic in the frame while your mockup moves.
- Using landscape mode
Get the right orientation for your landscape orientation designs
- Using multiple screenshots or videos in the same clip
Render videos where the screen contents on the 3D device changes during the animation
- Record a screen video without animation
Lend all the focus to your screen recording, without animation
- Preview your scene with path tracing
See reflections and studio shadows while composing your scene
- Changing the mockup scene background
Breathe some life into the background of your mockup scene
- Scrolling an image on the mockup display
Animate a tall screenshot on a device’s Screen Scroll track.
- Add a background behind a title
Keep text readable over a busy scene.
- Add a 2D title
Place text on the canvas and choose when it appears.
- Varying the rotation speed
Rotate slow when the screen is facing the user, and fast when the back of the device is facing the user
Still need a hand? Email help@rotato.app.