Unity Shader Graph - Stylized Trails Tutorial
Вставка
- Опубліковано 12 чер 2024
- In this Unity tutorial we are going to see how to create Stylized Trails! We are going to use Shader Graph for a special shader and I will show you a quick technique in Krita to create tileable trails textures.
Check out the Indie Game Studio I created: / goldenbugstudio
ASSET STORE SALE : assetstore.unity.com/?aid=110...
Trail Renderer Alternatives:
-Move To Trail UV: github.com/lswsox/MoveToTrailUV
-Ara Trails: assetstore.unity.com/packages...
-Trails FX: assetstore.unity.com/packages...
-Trail2D: forum.unity.com/threads/wip-t...
00:00 Intro
01:18 Trail Shader
07:25 Trail Texture
10:25 Trail Renderer
12:12 Trail Renderer Alternatives
12:54 Adding Light and Particles
16:12 End Result
-------------------------
STYLIZED TRAILS PROJECT: / unity-shader-59331884
OR
HERE: www.gabrielaguiarprod.com/pro...
-------------------------
Courses
✦VFX GRAPH - BEGINNER: www.udemy.com/course/unity-vi...
✦VFX GRAPH - INTERMEDIATE: www.udemy.com/course/unity-vf...
✦VFX FOR GAMES - BEGINNER: www.udemy.com/course/vfx-for-...
✦VFX STYLIZED EXPLOSION: www.udemy.com/course/visual-e...
VFX Assets Packages
Unique Projectiles Vol 1: assetstore.unity.com/packages...
Unique Projectiles Vol 2: assetstore.unity.com/packages...
Unique Projectiles Vol 3: assetstore.unity.com/packages...
VFX Graph - Mega Pack - Vol 1: assetstore.unity.com/packages...
VFX Graph - Mega Pack - Vol 2: assetstore.unity.com/packages...
VFX Graph - Mega Pack - Vol 3: assetstore.unity.com/packages...
VFX Graph Tutorials
VFX Graph - Magic Orb: • Unity VFX Graph - Magi...
VFX Graph - Weapon Effects: • Unity VFX Graph - Weap...
VFX Graph - Portals: • Unity VFX Graph - Port...
VFX Graph - Flamethrower: • HOW TO CREATE A FLAMET...
VFX Graph - Loot Drop: • Unity VFX Graph - Loot...
VFX Graph - Lightning: • Unity VFX Graph - Ligh...
VFX Graph - Muzzle Flash: • Unity VFX Graph - Muzz...
VFX Graph - Hits N Impacts: • Unity VFX Graph - Hits...
VFX Graph - Heat Distortion: • Unity VFX Graph - Heat...
VFX Graph - Ice Attack: • Unity VFX Graph - Ice ...
VFX Graph - Stylized Fire: • Video
Shader Graph Tutorials
Shader Graph - Fire Flames: • Unity Shader Graph - F...
Shader Graph - Cartoon Water: • Unity Shader Graph - C...
Shader Graph - Laser Beam: • Unity Shader Graph - L...
Shader Graph - Fire: • Unity Shader Graph - F...
Shader Graph - Tornado: • Unity Shader Graph - T...
Shader Graph - Blood: • Unity Shader Graph - B...
Shader Graph - Waterfall: • Unity Shader Graph - W...
Shader Graph - Black Hole: • Unity VFX & Shader Gra...
Shader Graph - Ground Cracks: • Unity VFX - Ground Cra...
Shader Graph - Grow Shader: • Unity Shader Graph - G...
Shader Graph - Liquid Shader: • Unity Shader Graph - L...
Shader Graph - Glowing Crystals: • Unity Shader Graph - G...
Shader Graph - Clouds: • Unity Shader Graph - C...
Other VFX Videos
Glowing Orb: • Unity 5 - Game Effects...
Projectile Raycast: • Unity 2018 - Game VFX ...
Weapon Trails: • Unity 2018 - Game VFX ...
Destroy / Explode Objects: • Unity 2018 - Game VFX ...
Dragon Ball Aura: • Unity VFX - Dragon Bal...
Loot Box: • HOW TO CREATE A LOOT B...
Valorant - Phoenix Fire Wall: • Valorant Phoenix Fire ...
Shoot Projectiles in FPS: • Unity Tutorial - Shoot...
Valorant - Sage's Wall: • Recreating Sage's Wall...
Doom Eternal - BFG-9000 VFX: • DOOM ETERNAL BFG-9000 ...
Demon's Souls - Disintegrate Enemies: • DEMON'S SOULS - DISINT...
Enjoy and feel free to ask any questions you may have, I'll answer as quickly as possible. And don't forget to like and subscribe. Thank you!
✦ Follow on TWITTER: / gabrielaguiarfx
✦ Like on FACEBOOK: / gabrielaguiarprod
✦ Subscribe On UA-cam: ua-cam.com/users/gabrielagui...
#trail #shadergraph #unity #stylized #trailrenderer #shader #vfxgraph #vfx #visualeffectgraph
Stylized effects are awesome aren't they?
💥Go learn this awesome Stylized Explosion: www.udemy.com/course/visual-effects-for-games-in-unity-stylized-explosion/?couponCode=17.99_UNTIL_20-09
I just wanna tell you that i appericiate you releasing these tutorials and making them available for free. Thank you for helping aspiring developers and lots of love
This is such a fantastic and simple technique, I'm an unreal user but it transfers seamlessly
Fantastic to see you getting sponsored by Unity, your tutorials inspired me to dabble in VFX Graph, now i get to do it professionally.
That's so awesome! Wish nothing but the best ;)
It's awesome! Thank you! I feel like traveler discovering new places when I watch your tutors!
Glad you like them!
The best Unity VFX channel strikes again. Thank you very much for your awesome tutorials :)
You're very welcome!
Looks amazing and its adaptable on many different uses!
Thank you so much for these amazing tutorials! I have recently started looking more into VFX and your videos and courses in Udemy are very helpful
Glad you like them!
Unity sponsorship AHHAHA NICE. I love that I was a part of the channel when it was not big :) Keep killing em Gabi !!
Awesome tutorial! You are so helpful like always.
I really appreciate this tutorial. Thank you a lot
This is totally epic. Excellent. Thank you.
Thanks so much for this tutorial! I ended up just using the particle effect at the end, I'm making a first person spell casting game and the trail looks really flat when its traveling directly away from the camera, but the particles still look super cool! I'm sure I will deffinitely find a good use for the trails though!
My dude, that tutorial was amazing! Thank you so much for offering these for free. I will consider subscribing to your patreon. :)
Very helpful tutorial!
Great tutorial! This is helping with my spells for my harry potter game! Thank you.
Thank you so much Gabriel! 🙏👌💯
so beautiful! useful video
this was super helpful- Thank you!
Glad it was! 👍
Great tutorial i learned so much from you. Thanks a lot you are the best!
Happy to hear that!
every time i think i did anything neat in my own project you come out with a tutorial that's so lightweight and perfect it forces me to redo my efforts :( lol
lol well, didn't meant to ;)
Good luck on your project btw !
really helped a lot! thanks!
hi Gabriel!
congrats for your recent milesteone! 5M views!
Truely deserved!
That's so awesome from you, thanks Sergio!
Have a great week!
Love this channel
Really awesome 😱
Great tutorial, Thanks!
You're welcome!
Great work Gabriel, now I'm kinda of interested in VFX but the thing is that IDK when using shader is a good idea or textures, or both for making something. I mean of course it depends on what I'm looking for but if you can tell me some advice it would be great!
This is almost good for some stylized slashes too. Interesting.
Beautiful
Thank you so much! This is exactly what I was looking for and it was really easy to follow along
Very Cool!!
Thanks!!
Great ,thanks!
Thanks tutorial!
So cool!
I feel like I just watched black magic.... I am gonna have to rewatch this video a few times to get everything. But thank you for making the tutorial
amazing. thank yu so much :3
Amazing tutorial!! Please keep share video like this. I have bought a course of your from Udemy.
Wow big gg
This is beautiful
Great tutorial. Any tips on how to make it feel less stylized? I like the effect but it doesn't match the more realistic graphics I have in my game currently.
Do you think you could release a beginner course on shader graph? all these tutorials are so amazing and easy-to-follow but I think something that goes more in-depth with explanations and gives me a greater understanding of what exactly I'm doing and why, would be great! I'd definitely pay for it. Thanks :D
Yes I totally understand. Well there's this course which is exactly that, from beginner to intermediate: www.udemy.com/course/unity-visual-effect-graph-beginner-to-intermediate/?couponCode=16.99_UNTIL_20-03
@@GabrielAguiarProd amazing! Thankyou
Hi!
I've tried to use this shader as strip renderer inside VfxGraph, but is is "inverted" (transparent at start and solid at the end)
I've played with it a lot of time but not achieved success, would you help me with it?
I've tried to invert movement of noize textures and cutting direction but result is the same.
Hi. At 13.56, where or how u change the size (how to enable to type the value and parameter)? (edited - spacebar :) )
No matter what I seem to do, my trail seems to have a hard edge, with no transparency dropping off on the sides. :/
Thanks man
Thanks a lot for this tutorial. Mine, when it's moving it looks great, but when it stops the trail sort of folds up like an accordion. I noticed your trail stays long and flowing when the object isn't moving. How do you achieve that and do you have any advice to keep it from folding up? I'm guessing this is an artifact of the stretch texture mode and I couldn't find any obvious way to minimize it.
Having the same issue. The trail kind of tapers off and then restarts. Were you able to resolve this?
please help, when i set the texture of the trail to the texture you showed us how to create, the "tilling and offset" block part just transforms it into a wide line
ISSUE: Trail is flattened out instead of waved
FIX: 1. Make sure in the Master Node(Vertex-Fragment) you have "Alpha Clip Threshold" is present and enabled not grayed out.
2. And of course for the texture png image properties set the WRAP mode to 'Repeat' and TEXTURE TYPE as 'Default'.
That's an awesome Tip, thanks for sharing it with the community! 👍
you're amazing! Thank you!
I still have that issue
Thank you so much you saved my night with this!
Can i make sth like trailrederer using this tool? For example with transparency of trail changing progesivly with its lenght.
Is there a way to make the VFX trail only follow the Trail object and not be affected by a parent object that that trail is a child of? Trying to use this as a rotating fire shield effect but when the player moves the trail is moving with the player and not just rotating with its own circular trail.
How do you have all those options available like depth write? I'm working in Unity 2021.7 and they're not anywhere to be found.
( Question then Fixed Edit: Im so grateful. I have one issue, ( so far) my texture is very clipped, like I dont see the smooth soft brush, gradients I made in Krita, the wave. it seems to be almost clamping or harshly crude around edges. not like my texture...ad tips? EDIT: oh I had Alpha clipping oN, when I shut it off, is shows as the black /gray/white texture is, smooth, soft! wow!
I noticed that in the tutorial there is always a shadow to the tail...but in the final render there is not....how could I remove this shadow?
Are there other ways to make this smooth, with the Unity version, no plug in or purchased packages? Any adjustments to be made so it’s not glitchy? K don’t have money to by the $30, one.
Whenever I try to use different colors, like blues they tend to not show up. Any idea as to why that is? When I try to adjust the shader graph to mess around with values from blues or greens instead of reds nothing seems to be fixing it.
I love you Gabriel
at 10:25 your trail looks very whispy at the end, for me mine looks chunky as it dissipates no matter what texture I make. Do you know what I could be doing wrong?
As well, when I move my trail around it produces it on multiple planes that are highlighted when i'm moving it, making it look weird when it making it turn corners cause it folds on it's self
thats probably due to the unity provided trail renderer not being as well made, i'd suggest trying some of the free options mentioned in this tutorial, i myself have literally no idea what to do either or how to implement the community provided renders but i guess we have no other option anyway :)
I don't understand what the "specially prepared texture that comes with telegraph" is. Is this a commercial texture?
I wonder, I have encountered a problem in Unity where a Visual effect is not shown in the Scene window but funnily renders and shows in the game window. Do you or someone know wy this is?
One more option! You can multiply the entire shader with a gradient, and control the gradient with a custom float value.
So basically, a new UV, create a new gradient, multiply this with a float value of 1, and then multiply this float controlled gradient with final result of the shader.
Then, create a particle system that does nothing,
Add Custom Data,
Vector with 1 element,
Element name X, change it to the float name you use to control the shader,
And control the float with a curve by using the particle lifetime. Adjust the particle lifetiem to juust a bit shorter than trail itself, and voilla.
Or, the custom data part could be added to whatever particle system you wanted to attach this trail to.
What is actually happening is, trail's end point will become invisible and then trail will close off. Since the shader already faded out, the stretched end of trail will be invisible and its animation doesn't matter.
Is it good? Eeehhh... Only one trail maybe. Or multiple custom datas with multiple shader float values, all with different names. Not the most elegant way maybe, but it worked for me.
1:51 why don't I have those 3 options on the tab list dropdown?
Can i increase the density of particle emitted by my trail
I followed the steps but my trail does not have the smoke detail at the end of the tails so can someone help me achieve that please :)
Gabi , I had a very interesting idea for a video. Might as well drop it here in the comments. It will probably be very difficult tho. The idea is to create a vfx of a realistic water but it can gradually fill up a tank. And that way we can show the mesh rising up with the help of the Vfx. I think that would be an interesting thing. Niagara in Unreal had something like that but no one ever showed how it is done. Thought it might be cool. Cheers :)
Thanks for the idea! Difficult, but thanks ;)
@@GabrielAguiarProd It is difficult for sure :) No problem. I really want to see the channel grow even more. I think you deserve it :)
Keep it up
my material just looks bright pink when I drag and drop it!!! what might be the problem!?!?!
gasm as always ;]
your work is amazing mas ce já sabe disso. o tanto de conhecimento q eu obtive em 5 segundos do seu video vale horas de leitura de documentação.
Hi, first of all, thanks for your great tutorial! But I have a problem :) I'm on HDRP and when I assign the material to trail renderer, the dissolve effect is noticeable but the color (neither the color itself nor the emission from HDR) is present. Only a dark, brownish trail. But if I assign the same material to a particle system, It's completely fine. I appreciate any answer or help. Thank you guys.
Hmmm have you tried to adjust the color of the trail renderer itself instead of the color of the shader?
I am on an older unity version (2019.4.31), and i don't see "Shader Graph > Blank Shader graph" in the create menu. What do I do instead?
You can start with an Unlit Graph.
I'm trying the same stuff with HDRP but the result is very different :/
Some realistic vfx for hdrp? Thanks i LOVE your skills
good tutorial ! thank you for share. can you make a shield with a custom geometry ?
Maybe something like this: ua-cam.com/video/IZAzckJaSO8/v-deo.html
@@GabrielAguiarProd Looks ok! Thank you.
Is there anyway a script can change the color?
How to add this trail effect behind my character in 2D platformer? Can anyone help me with that please
Good
Thanks! I was doing ok until it came to clamping the alpha. Then the whole thing turns invisible for some reason. :( I'm still trying to figure out why.
Try to play with alpha clip, you may need to turn it On in the Graph Inspector.
@@GabrielAguiarProd For whatever reason I had to uncheck the Alpha Clip option for it to work properly. 0_o
@@suicune2001 did u find the solution?
@@incbyakyabyakya6275 Apparently I had to uncheck the alpha clip. Which is basically the opposite of what he had to do. It's very strange.
@@suicune2001 i have found the problem, it was too small intensity of the white in the alpha texture)
Really love your vids. Do try to reduce the "by the way" tho please, it gets a bit distracting over time
hey can you do a tutorial about water splashing and wave attack or something like that?
Maybe, yeah.
For some reason, I see the tail only when I move the trail, then it is shorten and disappear. Do you know why? Thanks for the nice tutorial btw.
That's normal behaviour of the Trail Renderer. If you wanna have a look at the trail and work on it without disappearing you can increase the duration/lifetime to a lot and then move the trail a little bit to the side "only with one stroke".
The start of my trail textuer is like a sharp line, how can i get it to blend in more?
Not sure what's happening there, but the texture is very important. Try to play with it rotate it, scale it down or up, etc.
Bro how to make shader like Zelda with unity
can you help me? idk what is going on but the simple noise is broken for and idk how to fix it.
How broken? Make sure shader graph is up to date btw.
Problem : My trail seems flat unlike your "flame movement"...
Fix : the import parameters of the png were wrong. Make sure to have Texture Type : Defauult (I was doing sprite/pixel art)
Thanks for the tutorial ! It's really good stuff ♥
Thanks for sharing
I tried with this solutions but it didn't work for me. The solution was changing the Wrap Mode to: "Repeat" (on the PNG properties). Thanks!
@@mariodanielvazquez5368 YES that worked thank you!
doesnt work, mine was set on default but it still looks flat, please help ?
@@binodsarkarIN Same for me
The material of the shader graphs looks pink, but what should I do?
Make sure you are in URP or HDRP. Don't forget to press the 'Save Asset' button on the top left corner of shader graph.
@@GabrielAguiarProd I had the same Problem and the 'Save asset' Button solved it, Thanks!
@@GabrielAguiarProd The save asset was the fix for me too. Thanks!!
would these work with the particle system's trails?
Perhaps yeah yeah. It's harder to get the shader working, you would need custom vertex streams. But it's possible.
I'm confused...really I mean do i have to use different yearly versions of unity specifically for these effects or can I do all this with my unity 2019 Lts? Please answer me anyone
For the shader you simply need a shader editor like Shader Graph (if you are in 2019 URP or HDRP) or Amplify Shader (for 2019 SRP).
The Trail Renderer exists in pretty much all versions.
Thnx mate
time node is not working. some Help?
Every time i create a martial for the shader and add it to my plane 3d Objekt it turn just pink and i cant see shit on the plane Help plz
Make sure you press the Save Asset button on the top-left corner in Shader Graph.
👍
I have pink issue with shader how do I fix it ? (I am using 2D) please help me
Are you in URP?
Mine's also pink and I'm in URP.
I had the same problem and I found why it happened. When he saves the asset I did ctrl + s to save but that doesn't save the asset, it saves the file. You have to click "save asset" in your shadergraph top menu and then create material.
i followed the tutorial until 7:01 bt my shader turns out pink, i also checked if i followed all steps, i´m wondering if u have an idea what it could be?
Make sure you are in URP. I would recommend creating an empty project with Unity Hub and select URP as the template.
How come my default particle is not scrolling like yours...?
There's a drop down menu in the scee, you can google it where it is, called Animated Materials. Maybe you need to to turn it on to see the shader in action. OR make sure the material assigned has a value different then 0 in the speed.
Does this work for line renderers?
This works in pretty much anything that accepts a material. So yes, it works with the line renderer.
hello can we do this same in built in renderer ?
Yes you can. In the latest unity versions 2021.2 you can use shader graph in the built in renderer.
@@GabrielAguiarProd i using unity 2021.2 but when i do everything you do in this video, unity gives me a pink texture ( null material )
i applied the material on the plane but its just a magenta color? please help.
same
Hey - If you're still having this issue (or anyone else) you may need to upgrade your project you use the Universal Render Pipeline. There's official unity documentation if you search "Installing the Universal Render Pipeline into an existing Project".
I had this issue but it was only because i was missing the final step.
I appreciate this tutorial, but the Unity trail renderer is quite clunky to work with (just as the Unity line renderer). I personally much prefer making these effects only with the Unity shadergraph and vfx graph. But your tutorials are awesome :)
Agreed! Around 12:12 I mention that the trail renderer is not that great and there’s alternatives for creating smooth trails.
so much for the sponser now lol
In After Effects this would probably render for two hours :)
Is there a way to do this in 2D?
Well, good news, this is already 2D 👍
how do I learn shadergraph in 2021
Like you did in 2019. Follow my tutorials :P
Here's a playlist: ua-cam.com/play/PLpPd_BKEUoYjcFaqriaMchx5gOqBs2tDh.html