Doodly Advanced Tutorial

Dual Hand Drawing

Advanced Tutorial #30

Dual Hand Drawing

Explains how to create an impressive effect with 2 hands revealing assets on the canvas at the same time in the same scene.

Requirements


Full Doodly Walkthrough

Prerequisites


Green Screen and Masking

Image Preparation

  1. Resize the chosen image to be 1920px X 1080px
  2. Create two images slicing the image vertical down the middle. This will create a right and left side of the image.
  3. Save both these images as 24 bit PNG files.

Doodle Creation

  1. Create a single custom canvas doodle project using a green screen background with a marker medium. Import the two images into Doodly and create reveal paths for both images.
  2. In a single scene, resize both the right and left side image to fill the canvas and line them up properly.
  3. Duplicate the scene.
  4. Set the scene settings to 1 second of Additional End of Scene Time and the None Transition.
  5. Delete the opposite image from each scene.
  6. Set a 0 delay and desired duration in seconds for each image asset in each scene.
  7. Choose a reveal arm for the effect. Choose the same reveal arm for both images. The left side of the image uses the left hand. The right side of the image uses the right hand.
  8. Export the doodle.

Video Editing

  1. Import the video into your video editor.
  2. Remove the green screen background with Ultra Key (Adobe Premier) or Chroma Key (Other video editors).
  3. Add the crop option.
  4. Duplicate the video.
  5. Cut the opposite sides out of each video layer.
  6. Layer each scene on top of one another and align the videos onto the canvas in the appropriate order.
  7. Crop each video to size.
  8. Line up each video to match.
  9. Render the video

Frequently Asked Questions

Find answers to the most common questions regarding this topic.

You need to adjust your starting picture to a size of nineteen twenty pixels by one thousand eighty pixels. Then you will cut the picture straight down the middle to make separate right and left pieces. Finally you must save these two new pictures as twenty four bit PNG files.

To create this effect you will need a photo editing program to prepare your pictures. You will also need a video editing program that has chroma key or ultra key features to remove the green screen background later on.

Start a new project with a green screen background and a marker tool. Bring your split pictures into the program and trace their reveal paths. Put both halves together in one scene and then make a copy of that scene. In each scene you will remove one half of the picture so that one scene has the left part and the other has the right part.

You should pick the same style of arm for both sides to make it look natural. Assign a left handed drawing arm to the left part of your picture and a right handed drawing arm to the right part of your picture.

Bring your exported video into your video editor and take out the green background using a chroma key tool. Make a copy of the video track and crop out the empty side on each layer. Stack the two video layers together and line them up perfectly so both arms appear on the screen at the same time before saving your final video.

About the author

Wayne Leiser
Wayne Leiser
Editor & Contributor
Copy Image
Copy Image URL
Download Image
Support