Doodly Intermediate Tutorial

Black Bars or Borders

Intermediate Tutorial #7

Black Borders

Doodly settings to reduce black bars or borders.
  1. Why do these black borders appear in doodles?

  2. Short Answer: The create video/editing resolution is smaller than the exporting resolution.

    Technical Answer: Your screen and videos are sized in pixels. Pixels, in the basic discussion, are a measurement just like millimeters or inches. When you create a doodle the creation resolution must match the exporting resolution.

    If you create something that is 360 pixels (The p does not stand for pixels. That would be px.) and then put it on a 1920 pixel canvas you are going to get an image the size of a stamp on a blank canvas. Doodly essentially makes everything outside of that video transparent around that 360 pixel video creation. A .mp4 file does not support transparency (known as alpha channels) so it replaces the transparency with a black background during the rendering process so what you see is "black borders" or "black bars" within your doodle.

  3. Why isn't this automatic?
  4. I have long since complained about this issue and have been very vocal about it.

    Doodly requires us to manually choose the resolution upon creation. This is essentially your drawing on an art canvas but then instead of automatically setting your canvas to the same size as your drawing it requires you to choose the resolution again during the export process but this time you are choosing the size of your canvas.

    It is an awful methodology and makes no sense but neither does having the resolution at the bottom of the create video window and making you select a custom image first and then when you change your resolution, Doodly removes your image.

  5. How do I fix this issue?
  6. Ensure your creation resolution matches your exporting resolution or use a custom resolution. The only time Doodly uses the canvas size chosen at creation time during the export process is when a custom resolution is selected.

    Note: If there are black lines or borders appearing in a different video software after your export your doodle even though the resolution is the same, the correction for this may be to stretch your video. Researching why this happens is beyond this Doodly Tip of the Day but perhaps the export from Doodly is not quite the custom resolution that is stated.

Frequently Asked Questions

Find answers to the most common questions regarding this topic.

Black bars appear because the resolution you chose when creating your project is smaller than the resolution you selected when exporting the final video. When a small video is placed on a larger background, Doodly makes the extra space transparent. Since standard video files cannot display transparent backgrounds, that empty space is filled with a black color during the final rendering process.

You can fix this problem by making sure the resolution setting you select at the beginning of your project perfectly matches the resolution setting you choose when you export the video. Another option is to select a custom resolution, which forces the software to use your original canvas size for the final export.

The software uses a standard video format that does not have the ability to show transparent spaces, which are also called alpha channels. Because the video file requires a solid background, the rendering process automatically replaces any see through areas around your smaller canvas with solid black borders.

The software does not automatically adjust the final export size to match your original project size unless you specifically use a custom resolution. For standard sizes, you are required to manually pick the resolution when you start creating and then you must select the size again when you are ready to save the final file.

If you move your exported file to a different editing program and still see dark edges even though the sizes match, you might need to stretch the video to fit the screen. This happens because the file produced by the animation software might not perfectly match the exact custom dimensions it claimed to create.

About the author

Copy Image
Copy Image URL
Download Image
Support