Doodly Beginner Tutorial

Working with Images

Beginner Tutorial #8

Working with Images

Displays and shows the pros and cons of working with images in Doodly.

This documentation walks you through the basics of Working with Images in Doodly.

Video Tutorial

We have a video tutorial that shows a lot of what will be in this document.

Image Basics


Working with Images

Doodly is not a image manipulation program therefore it does not have the tools or capabilities a program like that would provide. Images in Doodly use constrained proportions for resizing. A constrained proportion resizing method means that when you using the bounding box to resize the image, all sides are affected. This means that you cannot stretch the image in one direction without stretching the other.

Note: I believe the constrained proportions resizing is due to some form of the complexity of the reveal paths with images.

Canvas Order

Images appear on the canvas in the order in which they appear top to bottom in the layers section. This means the last layer is the last one to appear but the is the top layer on the canvas.

Image Options

There are 6 image options available to us.

  1. Reveal Paths (Called Edit)
    We have an entire Doodly tutorial for this subject.
    Beginner Skill Level Doodly Tutorial #17: Imported Image Reveal Options
  2. Asset Controls
    These allow for limited working with the image such as location, rotation, flip, attaching sound effects (don’t do this here), color, opacity, inverting and and rainbow.
  3. Flip Asset
    Changes the direction of the asset. Be careful of using this with assets with text. The text will display flipped as well.
  4. Bring Forward
    Moves the asset down in the layers section and up on the canvas.
  5. Send Backwards
    Moves the asset up in the layers section and down on the canvas.
  6. Remove Asset
    Removes the asset from the canvas. If an asset is removed from the canvas, it is removed from the layers section as well.

Frequently Asked Questions

Find answers to the most common questions regarding this topic.

When you change the size of a picture, it keeps its original shape. You cannot pull it to make it wider or taller in just one direction because adjusting the border changes all sides at the same time. This is likely because of how the drawing paths work.

If you use the flip tool to change the direction a picture faces, it mirrors the entire graphic. Any words included in that graphic will also be mirrored, making them unreadable. You should be careful when mirroring pictures that contain words.

Items show up on your screen based on their sequence in the layers panel. The item at the very bottom of your list will be drawn last, making it sit on top of all the other graphics on your screen.

You have several choices for modifying your graphics. You can adjust the placement, spin them around, mirror them, change their colors, or make them transparent. You can also add drawing paths, bring them to the front, or push them behind other items.

The software is not designed for advanced photo editing. It does not offer the complex tools found in dedicated graphic design applications, so you are limited to basic adjustments like moving, resizing, and changing colors.

About the author

Copy Image
Copy Image URL
Download Image
Support