# Blender 2.8 Transparent GLTF/GLB

**URL:** <https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699>\
**Category:** Materials and Textures\
**Tags:** blender2-80\
**Created:** [January 8, 2019, 5:00pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699 "2019-01-08T17:00:30Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 8, 2019, 5:00pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/1 "2019-01-08T17:00:30Z")

</div>

Does anyone have experience with successfully exporting transparent materials from Blender 2.8?

I’ve read on various forums that this _should_ be possible however, I’ve tried several different material configurations in Eevee and have had no luck yet.

Any ideas welcomed. Thank you.

---

<div class="post-metadata">

**Author:** ![warnotte](https://blenderartists.org/user_avatar/blenderartists.org/warnotte/32/12603_2.png) [@warnotte](https://blenderartists.org/u/warnotte)\
**Post date:** [January 8, 2019, 5:05pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/2 "2019-01-08T17:05:31Z")

</div>

Did you change blend mode ?

 ![image](https://blenderartists.org/uploads/default/original/4X/d/4/f/d4f81da2ce0a7f519a8062db1a21340d348bcab9.jpeg)

(edit : and remove show backface also)

---

<div class="post-metadata">

**Author:** ![warnotte](https://blenderartists.org/user_avatar/blenderartists.org/warnotte/32/12603_2.png) [@warnotte](https://blenderartists.org/u/warnotte)\
**Post date:** [January 8, 2019, 5:13pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/3 "2019-01-08T17:13:16Z")

</div>

you should have something like this at the end

 ![image](https://blenderartists.org/uploads/default/original/4X/3/8/a/38a63ae98caf3c54ddf6fa247263784a9520f04f.jpeg)

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 8, 2019, 5:50pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/4 "2019-01-08T17:50:25Z")

</div>

Thanks Warnotte. That works in Blender however it appears opaque when exported as a .gltf/.glb

Have you tried exporting it as a .gltf from Blender?

Thanks

---

<div class="post-metadata">

**Author:** ![warnotte](https://blenderartists.org/user_avatar/blenderartists.org/warnotte/32/12603_2.png) [@warnotte](https://blenderartists.org/u/warnotte)\
**Post date:** [January 8, 2019, 6:44pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/5 "2019-01-08T18:44:01Z")

</div>

No i din’t tried. Are you sure, the viewer you use for glb/gltf has the ability to display transparent and so on ?

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 8, 2019, 9:10pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/6 "2019-01-08T21:10:38Z")

</div>

I’ve tested it in [https://gltf-viewer.donmccurdy.com/](https://gltf-viewer.donmccurdy.com/) and [https://sandbox.babylonjs.com/](https://sandbox.babylonjs.com/) both of which support transparency I believe. After some research it seems I need to be working with the alpha channels…

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://blenderartists.org/user_avatar/blenderartists.org/donmccurdy/32/527572_2.png) [@donmccurdy](https://blenderartists.org/u/donmccurdy)\
**Post date:** [January 9, 2019, 8:14am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/7 "2019-01-09T08:14:00Z")

</div>

You’ll want a Principled BSDF material using an alpha channel and either the “Alpha Blend” or “Alpha Clip” blending mode enabled. That exports correctly for me in a recent Blender 2.8 beta:

 ![32%20AM](https://blenderartists.org/uploads/default/original/4X/7/6/1/761e2183f29a37aaf9abd3ddd890ee62cb5b0103.png)

glTF currently supports a subset of the Principled BSDF values:

- Base Color
- Metallic (`B` channel)
- Roughness (`G` channel)
- Normal
- Tangent
- Blend Mode (Opaque, Alpha Blend, Alpha Clip)

Documentation in progress: [https://developer.blender.org/D4082](https://developer.blender.org/D4082)

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 9, 2019, 9:02pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/8 "2019-01-09T21:02:10Z")

</div>

Hi Don, Thank you for your reply. Could you please send a screenshot of the node graph you’re using? I’m not having much luck.

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://blenderartists.org/user_avatar/blenderartists.org/donmccurdy/32/527572_2.png) [@donmccurdy](https://blenderartists.org/u/donmccurdy)\
**Post date:** [January 9, 2019, 10:10pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/9 "2019-01-09T22:10:11Z")

</div>

Only the Principled BSDF node is needed, but you’ll also want to set _Alpha Blend_ mode in the material settings sidebar, per screenshot above.

 ![37%20PM](https://blenderartists.org/uploads/default/original/4X/6/d/f/6df97918031988375120c37d3c578e2a4e534f0f.png)

The opacity shown in the Blender viewport seems to be independent of the alpha value, but the alpha value will be exported correctly. ~~I’m not sure if that’s a bug in the 2.8 beta or something else.~~ Per [https://developer.blender.org/T52189](https://developer.blender.org/T52189), this is a current limitation in Blender.

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 10, 2019, 6:41am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/10 "2019-01-10T06:41:02Z")

</div>

I’ve used just the Principled BSDF and Material Output nodes and can’t understand why this won’t work. The transparency appears in _Additive_ Blend Mode but not in _Blend_ or _Clip_.

I’ve attached the .blend file.

[transparency-test.blend](https://blenderartists.org/uploads/default/original/4X/9/4/5/94590408aea461b212610b8770f9284fce85f934.blend) (698.1 KB)

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://blenderartists.org/user_avatar/blenderartists.org/donmccurdy/32/527572_2.png) [@donmccurdy](https://blenderartists.org/u/donmccurdy)\
**Post date:** [January 10, 2019, 3:53pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/11 "2019-01-10T15:53:27Z")

</div>

Hm, the model you attached does not show transparency in the Blender viewport, but when I export (from a recent 2.8 beta) it does look correct:

 ![36%20AM](https://blenderartists.org/uploads/default/original/4X/7/b/2/7b2a753c0ffae1e25f630405c989fa297d138106.jpeg)

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 10, 2019, 10:25pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/12 "2019-01-10T22:25:09Z")

</div>

In that case I’m thinking it has to be that my export settings are incorrect or my version of Blender is causing the issue. I’m on version 2.80 2018-11-30.

I’ve tried various export settings for both .gltf and .glb. I’ve attached the latest unsuccessful attempts. Ideally I’d like to export as .glb.

 ![export-1](https://blenderartists.org/uploads/default/original/4X/d/c/e/dceac4d84fe3c485ecf1db5e3bbca11325e0377c.jpeg) ![export2](https://blenderartists.org/uploads/default/original/4X/0/e/4/0e42ed813774910b84edea34e992461c9657c934.jpeg)

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://blenderartists.org/user_avatar/blenderartists.org/donmccurdy/32/527572_2.png) [@donmccurdy](https://blenderartists.org/u/donmccurdy)\
**Post date:** [January 11, 2019, 12:15am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/13 "2019-01-11T00:15:25Z")

</div>

Oh, yes the latest Blender 2.8 beta has a lot of updates since November — I’d suggest trying to reinstall it.

In particular I think this issue was fixed in December: [https://github.com/KhronosGroup/glTF-Blender-IO/issues/105](https://github.com/KhronosGroup/glTF-Blender-IO/issues/105).

---

<div class="post-metadata">

**Author:** ![Sophie\_D](https://blenderartists.org/letter_avatar_proxy/v4/letter/s/8dc957/32.png) [@Sophie\_D](https://blenderartists.org/u/Sophie_D)\
**Post date:** [January 13, 2019, 6:39am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/14 "2019-01-13T06:39:16Z")

</div>

Success! That was indeed the issue. As soon as I used a later version of Blender 2.8 it worked. Thank you

---

<div class="post-metadata">

**Author:** ![Jun\_Ishida](https://blenderartists.org/user_avatar/blenderartists.org/jun_ishida/32/578557_2.png) [@Jun\_Ishida](https://blenderartists.org/u/Jun_Ishida)\
**Post date:** [June 12, 2019, 2:07am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/15 "2019-06-12T02:07:49Z")

</div>

This was very helpful to me. Thank you, exported .glb is fine.

---

<div class="post-metadata">

**Author:** ![FATdan](https://blenderartists.org/user_avatar/blenderartists.org/fatdan/32/755956_2.png) [@FATdan](https://blenderartists.org/u/FATdan)\
**Post date:** [June 2, 2020, 10:10am UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/16 "2020-06-02T10:10:22Z")

</div>

I’m still experiencing this issue.  
I have used current stable 2.83 and also 2.90 alpha to export gltf and glb… I’ve tried all the suggested material setups but I still can’t seem to achieve any transparency. I’m using this site to preview my models before uploading to an AR test site:  
[https://gltf-viewer.donmccurdy.com/](https://gltf-viewer.donmccurdy.com/)

Any ideas what I might be doing wrong?

---

<div class="post-metadata">

**Author:** ![donmccurdy](https://blenderartists.org/user_avatar/blenderartists.org/donmccurdy/32/527572_2.png) [@donmccurdy](https://blenderartists.org/u/donmccurdy)\
**Post date:** [June 6, 2020, 8:28pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/17 "2020-06-06T20:28:46Z")

</div>

You’ll likely need to share more details to get help — can you share a `.blend` file, ideally, or perhaps a screenshot of the material configuration? What is the blend mode set to?

---

<div class="post-metadata">

**Author:** ![Tiago](https://blenderartists.org/user_avatar/blenderartists.org/tiago/32/694978_2.png) [@Tiago](https://blenderartists.org/u/Tiago)\
**Post date:** [June 10, 2020, 6:28pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/18 "2020-06-10T18:28:10Z")

</div>

Same in my case.  
I explained it in more detail here - [https://stackoverflow.com/q/62236739/5675325](https://stackoverflow.com/q/62236739/5675325)

---

<div class="post-metadata">

**Author:** ![LoganInHD](https://blenderartists.org/letter_avatar_proxy/v4/letter/l/b77776/32.png) [@LoganInHD](https://blenderartists.org/u/LoganInHD)\
**Post date:** [July 7, 2020, 8:27pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/19 "2020-07-07T20:27:30Z")

</div>

I am experiencing issues with transparency like this as well. I had been seeing neat transparency in Blender 2.81 but then it was opaque in GLTF viewer. When I updated to 2.83, I got transparency in the GLTF viewer but it wasn’t the same.

In GLTF viewer from 2.83

 ![image](https://blenderartists.org/uploads/default/original/4X/d/b/8/db8d9d8ade23a426a5499b1a304db441bfa01848.jpeg)

---

<div class="post-metadata">

**Author:** ![LoganInHD](https://blenderartists.org/letter_avatar_proxy/v4/letter/l/b77776/32.png) [@LoganInHD](https://blenderartists.org/u/LoganInHD)\
**Post date:** [July 7, 2020, 8:39pm UTC](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699/20 "2020-07-07T20:39:43Z")

</div>

When I connected both the color and the alpha from my image texture it seemed to work. Not quite sure why…but Hooray!

![image](https://blenderartists.org/uploads/default/original/4X/4/0/4/404d5345976d6cf7a002188b25d7cb03d35383e1.jpeg)

[Next page](https://blenderartists.org/t/blender-2-8-transparent-gltf-glb/1141699.md?page=2)
