Editing image so it shows within circle shape

Can someone help me with the steps to layer and edit a character image within a circle shape in Storyline? I know it is possible, but can't seem to get the layers right so that the character is cropped appropriately inside the circle. Obviously, I can do this with a square easily enough, but I want it in a circle.

I will try to attach a picture of the character image and the circle, so you can see what I'm trying to do and how part of the character image is below the circle.

Layered Images so far: background image, picture of character, circle shape.


41 Replies
Torian Kneal

Hi Diana, 

I have tried to use all links from the Dropbox, as mentioned above, but I keep running into the 404 not found error. Is it possible you still have that file somewhere? I would love to be able to follow the steps! I've been having problems aligning the circle to the 1:1 ratio (doesn't seem to be a feature available in Articulate, just PowerPoint). 

Thank you for your assistance. 



Ren Gomez

Hi Erika,

Thanks for sharing those ideas! I’ll be happy to pass your thoughts on to our product team, but you can also feel free to detail them more through a feature request

By the way, it looks like you may have replied by email where your contact information came through. This Peek video will show you how to edit it out if you’d like!

Diana Myers
Ashley Terwilliger

Hi Victoria,

If you go back to the first page of comments, I see the .story file added here (not via Dropbox) are you able to open that? 

Also, I saw the video is linked within Amazon S3 and that played back for me here. 

Hey Ashley - I had to do a little housekeeping...  here's the updated video link:  http://s3.amazonaws.com/DMyersE-HeroesItems/Picture_in_Circle_Shape_Video.mp4

Leslie McKerchie

Hi Doug,

A project file might not immediately shrink in size when you 'delete' items. Storyline keeps deleted assets temporarily after you delete them in case you need to click Undo to restore them. The good news is your project file will eventually shrink, usually after saving it a couple of times. But you can also get it to shrink right away by saving and closing the project file, then re-opening it and saving it again.