# How to mask an image with a custom shape

**URL:** <https://openrndr.discourse.group/t/how-to-mask-an-image-with-a-custom-shape/749>\
**Category:** How to?\
**Created:** [July 10, 2025, 11:25pm UTC](https://openrndr.discourse.group/t/how-to-mask-an-image-with-a-custom-shape/749 "2025-07-10T23:25:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![fleximeter](https://avatars.discourse-cdn.com/v4/letter/f/b487fb/32.png) [@fleximeter](https://openrndr.discourse.group/u/fleximeter)\
**Post date:** [July 10, 2025, 11:25pm UTC](https://openrndr.discourse.group/t/how-to-mask-an-image-with-a-custom-shape/749/1 "2025-07-10T23:25:40Z")

</div>

The image page in the tutorial ([https://guide.openrndr.org/drawing/images.html](https://guide.openrndr.org/drawing/images.html)) shows how to display part of an image in a Rectangle. Is it possible to display an image inside another shape, like a Circle? I tried using the `drawer.image` method and the shape compositing method, but neither of these approaches worked for me.

---

<div class="post-metadata">

**Author:** ![fleximeter](https://avatars.discourse-cdn.com/v4/letter/f/b487fb/32.png) [@fleximeter](https://openrndr.discourse.group/u/fleximeter)\
**Post date:** [July 11, 2025, 7:50pm UTC](https://openrndr.discourse.group/t/how-to-mask-an-image-with-a-custom-shape/749/2 "2025-07-11T19:50:20Z")

</div>

actually, I found the answer to my own question in the guide:

> **[Shade styles](https://guide.openrndr.org/drawing/shadeStyles.html)**
>
> Guide for OPENRNDR

---

<div class="post-metadata">

**Author:** ![abe](https://yyz2.discourse-cdn.com/free1/user_avatar/openrndr.discourse.group/abe/32/700_2.png) [@abe](https://openrndr.discourse.group/u/abe)\
**Post date:** [July 12, 2025, 10:18am UTC](https://openrndr.discourse.group/t/how-to-mask-an-image-with-a-custom-shape/749/3 "2025-07-12T10:18:35Z")

</div>

Hello @fleximeter 🙂 Welcome to the forum!

If you use the [next version](https://github.com/openrndr/openrndr-template/tree/next-version) branch of the template, there’s a [simpler approach](https://github.com/openrndr/orx/tree/master/orx-shade-styles#imagedemoimagefill01) 🙂

Internally it does something similar, but then for you it’s just one line of code.

And it comes with powerful features to transform and distort the image, in case you need them.
