How do I make a glow effect for sprite shader ?

Node-based Shader Editor

How do I make a glow effect for sprite shader ?

Postby skydash » Sun May 20, 2018 8:17 pm

I use Unreal Engine before.
I can make glow effect by set a high emissive value. (higher than 1)

I am a newbie for Unity.
I started from default sprite template in Amplify shader editor. The out put node show as "color" and "offset". Not "emission." Even I multiply a value of color, it does not glow.

How do I make a glow effect in shader ?
skydash
 
Posts: 6
Joined: Sun May 20, 2018 8:09 pm

Re: How do I make a glow effect for sprite shader ?

Postby Amplify_Borba » Mon May 21, 2018 10:05 am

Hello, thank you for getting in touch and for your support!

Just to avoid any confusion, Unity makes used of built-in shaders known as Standard Surface Shaders, and ASE allows you to create this shader type, as well as Custom Shaders through Templates, which provide the means to do things that a surface shader can't.

Our Sprite Template does not offer an emissive port as a standard surface shader would, however, you can still achieve a glow effect without having to resort to it, by simply multiplying a color value to it, for example.

I'll need you to share more details regarding what you intend to create in order to best help you out, since if you specifically need to use the Sprite Template it might be best to either resort to a post processing effect for the glow, or to a sprite effect similar to the ones used in our UISpriteFX sample.

Looking forward to your reply!
Customer Relations at Amplify Creations
Learn more about our offering: Amplify Creations Products
Amplify Shader Editor won the Asset Store Best Tool Award - Thank you for your support!
User avatar
Amplify_Borba
 
Posts: 1239
Joined: Mon Jul 24, 2017 9:50 am

Re: How do I make a glow effect for sprite shader ?

Postby skydash » Mon May 21, 2018 5:08 pm

Thank you for respond.

Image

Simple glow effect. Similar to high emissive boost in Unreal Engine.
This example, I use gaussian blur to my texture directly.

This is a shader I use for custom colors. I replace green and red with colors I want. In this case, I re place with blue and cyan.
https://cdn.discordapp.com/attachments/ ... 180521.png
skydash
 
Posts: 6
Joined: Sun May 20, 2018 8:09 pm

Re: How do I make a glow effect for sprite shader ?

Postby Amplify_Borba » Mon May 21, 2018 6:06 pm

ASE can definitely help you achieve the effect that you are looking for but you will need an additional Image Effect asset for the actual glow/bloom generation on a sprite. We recommend trying our award-nominated, and high-performing solution, Amplify Bloom.

Amplify Bloom Trial - Download

You may then add a texture overlay for your sprite, multiply it with a color tint and a value which will control the intensity for the overlay, so you can control how pronounced glow effect will be.

Another possible solution would be to lerp between two different versions of the sprite, one with and the other without the glow outline, either way a post processing effect will be necessary for a proper glow.

We'll prepare a sample for you tomorrow, that you can use as a starting point!
Customer Relations at Amplify Creations
Learn more about our offering: Amplify Creations Products
Amplify Shader Editor won the Asset Store Best Tool Award - Thank you for your support!
User avatar
Amplify_Borba
 
Posts: 1239
Joined: Mon Jul 24, 2017 9:50 am

Re: How do I make a glow effect for sprite shader ?

Postby skydash » Mon May 21, 2018 8:36 pm

Image
https://cdn.discordapp.com/attachments/ ... 180522.png
I explored a demo scene. It works. I can adjust bloom intensity.

Image
https://cdn.discordapp.com/attachments/ ... 0522-2.png
When I set "Down Scale Amount" higher. The batches number increase.
skydash
 
Posts: 6
Joined: Sun May 20, 2018 8:09 pm

Re: How do I make a glow effect for sprite shader ?

Postby Amplify_Borba » Tue May 22, 2018 11:32 am

Here's the sample as promised:

SpriteGlowUnity2018.zip
(86.47 KiB) Downloaded 680 times


Image

Regarding setting Down Scale higher and increasing the batches number, I've tested it on my end and the batches remained the same, what Unity version are you currently using? Could you share a screenshot of the Amplify Bloom camera component with its settings exposed? Also, by how much are they increasing?

Looking forward to your reply!
Customer Relations at Amplify Creations
Learn more about our offering: Amplify Creations Products
Amplify Shader Editor won the Asset Store Best Tool Award - Thank you for your support!
User avatar
Amplify_Borba
 
Posts: 1239
Joined: Mon Jul 24, 2017 9:50 am

Re: How do I make a glow effect for sprite shader ?

Postby skydash » Tue May 22, 2018 3:17 pm

Here is a full screenshot with an Inspector of camera component.

https://cdn.discordapp.com/attachments/ ... Camera.png
Draw scale amount : max. Batches 52

https://cdn.discordapp.com/attachments/ ... amera2.png
Down scale amount : low. Batches 32

This demo scene was opened in Unity2018.1.0f1
skydash
 
Posts: 6
Joined: Sun May 20, 2018 8:09 pm

Re: How do I make a glow effect for sprite shader ?

Postby Amplify_Borba » Tue May 22, 2018 3:41 pm

Apologies for my confusion, I thought you were referring to the Source Downscale.

The Downscale Amount increases the amount of generated mips, so higher values provide smoother results at the cost of performance, which is the expected result. More information available in our Wiki manual for Amplify Bloom.

Please let me know if you have any further questions, thanks!
Customer Relations at Amplify Creations
Learn more about our offering: Amplify Creations Products
Amplify Shader Editor won the Asset Store Best Tool Award - Thank you for your support!
User avatar
Amplify_Borba
 
Posts: 1239
Joined: Mon Jul 24, 2017 9:50 am

Re: How do I make a glow effect for sprite shader ?

Postby skydash » Tue May 22, 2018 3:54 pm

I explored sprite glow.
Image
https://cdn.discordapp.com/attachments/ ... 180522.png
I can set its parameters.I can change glow tint and glow intensity as I expected.

Image
https://cdn.discordapp.com/attachments/ ... E15306.png
When I open Sprite glow shader in shader graph. It notify me "This shader was created on a new ASE version. Please install v.15306.

Image
https://cdn.discordapp.com/attachments/ ... 180522.png
But when I visited asset store. The latest version is showed as 1.5.3. How do I get a newer version ?
skydash
 
Posts: 6
Joined: Sun May 20, 2018 8:09 pm

Re: How do I make a glow effect for sprite shader ?

Postby Amplify_Borba » Tue May 22, 2018 4:19 pm

The latest version is always available for download through our website, you can use your invoice number to access it.

It usually takes longer for the latest builds to get accepted into the Asset Store, so we always recommend users to check our website in order to ensure that they're getting the latest build, as we update on a weekly basis.

Please let me know if you have any further questions, thanks!
Customer Relations at Amplify Creations
Learn more about our offering: Amplify Creations Products
Amplify Shader Editor won the Asset Store Best Tool Award - Thank you for your support!
User avatar
Amplify_Borba
 
Posts: 1239
Joined: Mon Jul 24, 2017 9:50 am


Return to Amplify Shader Editor

Who is online

Users browsing this forum: No registered users and 17 guests