Doodly Advanced Tutorial

Reveal Assets Behind Other Assets

Advanced Tutorial #14

Reveal Asset Behind Other Assets

Examples of how Doodly draws or reveals Doodly assets by default.

Showing the steps to make a Doodly asset draw behind another asset on the canvas.

This document will explain how to provide an advanced skill level pseudo out of order asset reveal method. If you desire to make an asset appear behind another asset after the initial asset has been revealed then these are the instructions for that effect.


Working with Images

Note: This level of expertise requires skills with Windows Snip and Sketch tool or another snipping program, an image manipulation program such as Adobe Photoshop, knowledge of file types that has the ability to save as a SVG file or GIMP and reveal path layer creation expertise. Without these skills, this effect may not be effective or appear convincing.

If you don’t have the knowledge of file types that work in Doodly. Watch my Working with Images video tutorial.

Solo Boss Beginner Doodly Video Tutorial: Working with Images

Doodly Limitation

Doodly reveals top to bottom in the layers section. It is not a multi-layer software so therefore it suffers severely when wanting to create effects outside of its limitations because of the lack of multi-layer or multi-level support.

Note: Most of the time, with a doodle, this doesn’t really matter but what happens when you want to draw an asset behind another asset. Doodly does not support this type of interaction natively but that doesn’t mean you cannot make it happen on the canvas by working within the Doodly limitation.

Synopsis

By snipping the entire section, including the character and prop asset, we can save the file as a SVG and them import that back into Doodly to create our reveal paths. This will allow us to put Amanda and the table on the second layer but give the appearance we are revealing Amanda behind the table.

Step by Step Instructions

If you have a photo editor that can read .mp4 files then use the instructions in the Solo Boss Intermediate Skill Level Doodly Tutorial #29: Rapidly Export Multiple Assets.

These instructions are for those of you that don’t have an image manipulation program that can read .mp4 files.

  1. Copy and paste the desired scene to a new doodle.
  2. Set the end of scene time for an additional 10s to allow the playback controls to disappear.
  3. Export the Doodle at same resolution as your other doodle, 30fps, 100% quality.
  4. Snip out the asset in question.
  5. Paste the asset into your image manipulation program.
  6. Save the file as a SVG file.
  7. Import that SVG into Doodly
  8. Line up the asset in place of the other one and adjust the size as necessary.
  9. Create reveal paths or load them if your image manipulation program automatically adds them to the SVG.

Now you will have an asset on the second layer that appears to be draw the asset behind another asset. See the attached images for more detail

About the author

Tutorial author Wayne Leiser smiling and looking away from the camera

Wayne Leiser has created free and accessible photo editing tutorials. Drawing on over 25 years of design and IT experience, his lessons begin with the universal basics, progressing through beginner, intermediate, and advanced skill levels using Photopea, a free online Photoshop clone. His goal is to provide users with practical skills for financial independence, with a focus on making money online through the SoloBoss profit sharing video platform.