# Picture Transparecy

**URL:** <https://forum.inductiveautomation.com/t/picture-transparecy/12613>\
**Category:** Ignition\
**Created:** [January 27, 2017, 2:16pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613 "2017-01-27T14:16:17Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![MrPeter](https://avatars.discourse-cdn.com/v4/letter/m/ed655f/32.png) [@MrPeter](https://forum.inductiveautomation.com/u/MrPeter)\
**Post date:** [January 27, 2017, 2:16pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/1 "2017-01-27T14:16:17Z")

</div>

Hy ,  
I have imported a picture (paint)in ignition and I need to make a small portion from the picture transparent . How can I doo that ?  
Best regards !

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [January 27, 2017, 3:10pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/2 "2017-01-27T15:10:15Z")

</div>

My stock answer is: don’t use Paint. It hasn’t really supported transparency since Windows 7 came out, and I don’t think they ever put it back in-- at least, in a convenient form. (See [this article](https://appuals.com/ms-paint-turn-white-background-transparent/).)

My recommendations for something more painless:

Paid Options:  
[Snagit](https://www.techsmith.com/screen-capture.html): Useful for screen capturing (also in video format) and for editing. My personal favorite. Currently $49.95US.

Free options:  
[Paint.net](http://www.getpaint.net/index.html): Easy to use, supports layers.  
[Inkscape](https://inkscape.org/en/): A bit more feature filled then [Paint.net](http://Paint.net). Also supports layers. Cross platform (Win/Mac/Linux).

Been a while since I’ve used [Paint.net](http://Paint.net) or Inkscape, but they are both very capable programs.

---

<div class="post-metadata">

**Author:** ![MrPeter](https://avatars.discourse-cdn.com/v4/letter/m/ed655f/32.png) [@MrPeter](https://forum.inductiveautomation.com/u/MrPeter)\
**Post date:** [January 30, 2017, 7:19am UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/3 "2017-01-30T07:19:44Z")

</div>

I have a picture and i want to color small portions of this picture in function of a variable. I was thinking to make that portions transparent and under the picture to put some shapes that changes colors in function of the variable. How can I do that ?

Best regards !

---

<div class="post-metadata">

**Author:** ![JimBranKelly1](https://avatars.discourse-cdn.com/v4/letter/j/7feea3/32.png) [@JimBranKelly1](https://forum.inductiveautomation.com/u/JimBranKelly1)\
**Post date:** [January 30, 2017, 2:33pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/4 "2017-01-30T14:33:25Z")

</div>

I recall there being some kind of cutout tool or feature. One of the tutorial videos shows how to do it. They take a tank object cut out a section and underlay a component that tracks the fill level of the tank. I think it was the tutorial on templates. Would that do what you need?

---

<div class="post-metadata">

**Author:** ![MrPeter](https://avatars.discourse-cdn.com/v4/letter/m/ed655f/32.png) [@MrPeter](https://forum.inductiveautomation.com/u/MrPeter)\
**Post date:** [January 31, 2017, 1:39pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/5 "2017-01-31T13:39:56Z")

</div>

Hy !  
That is working for the shapes created in ignition. For pictures is not working .

Best regards !

---

<div class="post-metadata">

**Author:** ![MrPeter](https://avatars.discourse-cdn.com/v4/letter/m/ed655f/32.png) [@MrPeter](https://forum.inductiveautomation.com/u/MrPeter)\
**Post date:** [February 1, 2017, 7:08am UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/6 "2017-02-01T07:08:14Z")

</div>

I manage to make cut in the picture with [paint.net](http://paint.net)

[forums.getpaint.net/index.php?/t … ansparent/](http://forums.getpaint.net/index.php?/topic/12196-making-backgrounds-of-images-transparent/)

Best regards

---

<div class="post-metadata">

**Author:** ![anna](https://avatars.discourse-cdn.com/v4/letter/a/779978/32.png) [@anna](https://forum.inductiveautomation.com/u/anna)\
**Post date:** [February 2, 2017, 4:39pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/7 "2017-02-02T16:39:36Z")

</div>

MrPeter, you will not be able to color a part of an existing image (Ignition is not a graphics package).  
What you could do is put a shape on top of the part of the image you want to color, and use a binding dynamically define the color of that shape.  
You could probably also “tile” your picture using cutouts or tiles created in an a graphics package. You will need to use a separate image component for each cutout / tile and then add overlays to those component.  
If you feel adventurous and don’t mind some Java code, you could also put something together using the Paintable Canvas (see [https://support.inductiveautomation.com/index.php?/Knowledgebase/Article/View/110/0/working-with-the-paintable-canvas-component](https://support.inductiveautomation.com/index.php?/Knowledgebase/Article/View/110/0/working-with-the-paintable-canvas-component)

JimBranKelly, you use the same technique on vector tank images - you duplicate, union, iverlay the unioned shape, change its opacity, and set the dynamic color

---

<div class="post-metadata">

**Author:** ![ZlatSerj](https://avatars.discourse-cdn.com/v4/letter/z/c0e974/32.png) [@ZlatSerj](https://forum.inductiveautomation.com/u/ZlatSerj)\
**Post date:** [February 8, 2017, 8:08pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/8 "2017-02-08T20:08:01Z")

</div>

Hello everybody. Tell me please. How can I make hole in a tank for liquid like on this picture?  
Thank you!  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/9466a8452106fa49e5f0e4988f30d401e9ab7b19.jpg)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [February 9, 2017, 4:48pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/9 "2017-02-09T16:48:13Z")

</div>

ZlatSerj,  
Take a look at this video from Inductive University:  
[inductiveuniversity.com/video/t … ty-binding](https://inductiveuniversity.com/video/tank-cutaway?r=/course/components-property-binding)

---

<div class="post-metadata">

**Author:** ![robmann](https://avatars.discourse-cdn.com/v4/letter/r/9de0a6/32.png) [@robmann](https://forum.inductiveautomation.com/u/robmann)\
**Post date:** [September 12, 2020, 2:28pm UTC](https://forum.inductiveautomation.com/t/picture-transparecy/12613/10 "2020-09-12T14:28:30Z")

</div>

Enable color swap in the Image. Set Swap from to the color you want replaced and if you want it to be clear, set Swap to to 255,255,255,0

 ![example](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/4/a4fd42643d9254618140cc7484b8326b0959acf0.png)
