# How to use images in blend mode - add and multiply and change it's opacity (alpha)

**URL:** <https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509>\
**Category:** Help & Questions\
**Tags:** effect-help, studio-tutorials\
**Created:** [December 11, 2023, 1:23pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509 "2023-12-11T13:23:50Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Aditya\_Agarwal](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/aditya_agarwal/32/719_2.png) [@Aditya\_Agarwal](https://forum.deepar.ai/u/Aditya_Agarwal)\
**Post date:** [December 11, 2023, 1:23pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/1 "2023-12-11T13:23:50Z")

</div>

I want to add overlay images with multiply blend mode and alpha at 50%, how to achieve that?  
Also how to use LUT image with liner color encoding?  
thank you so much.

---

<div class="post-metadata">

**Author:** ![jelena](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/jelena/32/14_2.png) [@jelena](https://forum.deepar.ai/u/jelena)\
**Post date:** [December 11, 2023, 5:41pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/2 "2023-12-11T17:41:00Z")

</div>

Hi, we have a detailed LUT tutorial here [Lookup Texture(LUT) | DeepAR](https://docs.deepar.ai/deepar-studio/guides-and-tutorials/lookup-texture/)

As for 50% opacity on multiply, the multiply blend mode is available in the drop down, however it doesn’t alpha blend, that’s what the alpha blending is used for.

Depending on your usecase, you could premultiply your texture (bake in the alpha so to say) with 0.5 and use multiply blending, or possibly create a custom shader that multiplies the camera or render texture with the multiply texture and use alpha blending

---

<div class="post-metadata">

**Author:** ![Aditya\_Agarwal](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/aditya_agarwal/32/719_2.png) [@Aditya\_Agarwal](https://forum.deepar.ai/u/Aditya_Agarwal)\
**Post date:** [December 13, 2023, 8:04pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/3 "2023-12-13T20:04:21Z")

</div>

thank you so much Jelena, can you help with color encoding thing? I saw LUT tutorial but we’re trying to recreate an Instagram filter and on Spark AR LUT is in linear color encoding but on DeepAR linear encoding is not supported for LUT I guess.

---

<div class="post-metadata">

**Author:** ![jelena](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/jelena/32/14_2.png) [@jelena](https://forum.deepar.ai/u/jelena)\
**Post date:** [December 13, 2023, 8:29pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/4 "2023-12-13T20:29:12Z")

</div>

If you select any texture, you can click change properties in the Properties panels

 ![Screenshot 2023-12-13 at 21.28.10](https://europe1.discourse-cdn.com/flex017/uploads/deepar/original/1X/817916270ab4c2b59cb6246208909a14fe22ed72.jpeg)

Form there you can change the color encoding

---

<div class="post-metadata">

**Author:** ![Aditya\_Agarwal](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/aditya_agarwal/32/719_2.png) [@Aditya\_Agarwal](https://forum.deepar.ai/u/Aditya_Agarwal)\
**Post date:** [December 14, 2023, 1:22pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/5 "2023-12-14T13:22:49Z")

</div>

![Screenshot 2023-12-14 184833](https://europe1.discourse-cdn.com/flex017/uploads/deepar/original/1X/dbba322e8198945592a8ffa1717f03e6b496c17d.png)  
Upon selecting non-color data it shows a warning that Non-color data should not be extracted from a non-lossy image and after selecting a lossless (with transparency) image it shows an error in material property that it should contain color property.

---

<div class="post-metadata">

**Author:** ![jelena](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.deepar.ai/jelena/32/14_2.png) [@jelena](https://forum.deepar.ai/u/jelena)\
**Post date:** [December 14, 2023, 2:35pm UTC](https://forum.deepar.ai/t/how-to-use-images-in-blend-mode-add-and-multiply-and-change-its-opacity-alpha/509/6 "2023-12-14T14:35:31Z")

</div>

You can duplicate and change the shader if you need to.

> **[Navigating DeepAR Studio | DeepAR](https://docs.deepar.ai/deepar-studio/studio-explained/navigating-deepar-studio/#shader-editor)**
>
> The DeepAR Studio is a tool used to create effects for the DeepAR SDK on Mobile, Web, and MacOS.

You would likely also need to edit the fragement shader code to remove the toGamma call.

Have you tested with the shader as is? Are the results visibly different?
