your first water shader

  Рет қаралды 173,589

Stylized Station

Stylized Station

Күн бұрын

Download the bonus tutorial video, its already live: / stylizedstation
Learn how to make beautiful trees, fluffy grass, and sweeping landscapes with my brand new Unreal Engine for Beginners course: bit.ly/3k5xCNH
My other courses: courses.stylizedstation.com/
--------------------------------------------
🎥 What I've created : / stylizedstation
🐣 What I'm working on : / stylizedstation
📸 What my community is creating : / stylizedstation
👑 Where you can support me: / stylizedstation
🎨 Where to hang out with me: / discord
🌎 What I'm selling: stylizedstation.com

Пікірлер: 225
@StylizedStation
@StylizedStation Жыл бұрын
I've revamped my Patreon so it doesn't suck now! Now the monthly bonus videos are all available for $5 instead of $25. I'm going to be doing at least one bonus video tutorial every month, so if you're more serious about game art or if you just want to support the channel, you can do that in one easy tier. patreon.com/stylizedstation Lots more fun videos planned for the future. Keep creating!
@abysmalodin
@abysmalodin Жыл бұрын
Is the content different then 2 stylized station courses? Just bought the last one yesterday XD
@StylizedStation
@StylizedStation Жыл бұрын
@@abysmalodin yes there are different projects
@orakogamez
@orakogamez Жыл бұрын
How they create elements like artifact and there advantages for characters and how to do vaporize and electro+water some like that can you explain that to us by details
@oscarrivas5851
@oscarrivas5851 Жыл бұрын
Lol
@DarkeyPro
@DarkeyPro Жыл бұрын
hey can you make sky shader heres a gdc for it :kzfaq.info/get/bejne/Y7B2rKSVrsXWf2w.html
@bdenix1997
@bdenix1997 Жыл бұрын
making "still" water is maybe the easiest thing. but making a dynamic water with all those waves, buoyancy, foam, ripples and wave interaction is one of the most complicated things in game industry. so making water and making water are the easiest and the hardest things at the same time.
@Markyparky56
@Markyparky56 Жыл бұрын
Yeah, one's a simple mesh with a nice shader on it, the other is a simple mesh driven by compute shaders and enough math to make your eyes bleed. (I am of course referring to Jump Trajectory's FFT water simulation.)
@bdenix1997
@bdenix1997 Жыл бұрын
@@Markyparky56 actually i tracked the actual shader down and its just a bunch of textures being feed into shader and sampling from them. If you pre compute and save them, you can have the same results. Just feed them into the shader. Which is going to be much more smoother than generating different textures every frame and then sending it. Maths bypassed. But yeah. Ill solve it one day. Im halfway there. Came a long way compared to like 6 months ago when i knew nothing about.
@Markyparky56
@Markyparky56 Жыл бұрын
@@bdenix1997 aww you're no fun, with all your sense and optimisations! What if we want to spend 90% of the frame budget on the water!
@ismahilinumbganva3767
@ismahilinumbganva3767 Жыл бұрын
I've spent 3 months watching all kinds of paid and free lessons and tutorials and exactly 11 sleepless nights adding my own spin to it and it still looks bad from the distance. Saw your comment and instantly felt that.
@Faaaaaaaaaaaaz
@Faaaaaaaaaaaaz Жыл бұрын
There are couple of addons doing that already.
@aleminha
@aleminha Жыл бұрын
hey have you considered making a video about how they do caustics in stylized games like genshin? such a cool effect but i have no idea where to even begin with that
@mattiamerenda8121
@mattiamerenda8121 Жыл бұрын
Probably a texture on the seabed/riverbed
@HannahAgra
@HannahAgra Жыл бұрын
I’ll tell you what I came up with, which might give you ideas. In blender, try plugging a noise texture into the vector (aka mapping logic) of a voronoi. From the voronoi, you only want to get the lines where the points meet. The noise makes these lines wabbly. It is best achieved if you mix the usual everyday coordinate mapping with that noise texture, so you still have a more “stable” mapping, but a bit distorted. That should get you started :)
@PranjayMittal
@PranjayMittal Жыл бұрын
i think its a texture scrolling across the floor
@hungvominh2490
@hungvominh2490 Жыл бұрын
The answer is always textures hehe
@bdenix1997
@bdenix1997 Жыл бұрын
i think its just a voronoid noise or a caustics texture scrolled up and projected if screen depth normal values are below a certain angle. genshin's caustics are not a big deal.
@thespinningcube
@thespinningcube Жыл бұрын
To make it more realistic consider adding a little bit of blue to the absorption color, or else none of the blue light gets absorbed at all. I think it’ll make it look less like flat color tinting and more like proper light absorption.
@nounourd_
@nounourd_ 7 ай бұрын
for issues with black material set opacity to 0, for me it works
@SmVH
@SmVH 3 ай бұрын
Thank you sooo much
@francescagreetham1804
@francescagreetham1804 Жыл бұрын
This was one of the best water shader videos I think I’ve seen. Just beautifully succinct
@karakadir8860
@karakadir8860 Жыл бұрын
man i so much appreciate your work... and also your announcement at the end seems like you are really trying to enable future artists thank you very much
@DileepNow
@DileepNow Жыл бұрын
I am new to Unreal and this was very helpful. I also added a tiny bit of scattering color and it gave a nice murky water effect.
@DogOnAKeyboard
@DogOnAKeyboard Жыл бұрын
I love this and one of the things that made me want to try Genshin Impact was purely just seeing all of the anime-esque scenery and how they might've done things in 3D for the stylized game! Thanks for the handy info!
@JustSander
@JustSander Жыл бұрын
Great tutorial! Can you make a follow up/"advanced" water tutorial with stuff like white foam edges around the edge of the water and objects in the water, and maybe a beach area where the waves roll onto the sand and back? :D
@literallyjeff
@literallyjeff Жыл бұрын
you should check out Prismatica tutorials on distance fields
@iflowlee
@iflowlee Жыл бұрын
there is also a pretty cool free asset pack on the epic marketplace with like 10 different water materials and waterfalls called "water materials"
@Wishbone_Games
@Wishbone_Games Жыл бұрын
Thank you! This will be perfect for my new project!
@nemsix4185
@nemsix4185 Жыл бұрын
I love the scene tbh, really well done. We want more videos like these xD
@pandashimi
@pandashimi Жыл бұрын
Stop watching KZfaq and go working on your portfolio. I have my eyes on you!
@nemsix4185
@nemsix4185 Жыл бұрын
@@pandashimi 😭🐼
@shawns4354
@shawns4354 Жыл бұрын
I'll be joining your patreon after work. I want the rest of this tutorial and love your videos.
@aidengoesham3970
@aidengoesham3970 Жыл бұрын
idk why, but I love water in video games. even when I was a kid water in games just blew me away lol
@poluefemus
@poluefemus Жыл бұрын
wow, i love water
@OdinAnon
@OdinAnon Жыл бұрын
This was really helpful, thank you
@JohnCivor
@JohnCivor Жыл бұрын
Nice guide thank you for this.
@worzazat
@worzazat Жыл бұрын
Dude... u give hope
@And_l_Wonder
@And_l_Wonder Жыл бұрын
Awesome! Could you maybe continue this tutorial and do interactive water? Keep up the great work though!
@ismahilinumbganva3767
@ismahilinumbganva3767 Жыл бұрын
You can use render targets to do that
@ismahilinumbganva3767
@ismahilinumbganva3767 Жыл бұрын
on the second thought. If you're making a game where your character is visible on screen, there's much more simple method, making use of refraction. Prismatica Dev has a tutorial on water shader where he explains his interactive waves setup based on just that.
@maxfort7896
@maxfort7896 Жыл бұрын
OMG! Thank you so much bro!
@_3Leon
@_3Leon Жыл бұрын
Please make a course on how to create that beautiful scene you have in this video!
@ivzu1700
@ivzu1700 Жыл бұрын
Awesome content ! Will also consider joining the patreon soon, it's great man :)
@mondzahn
@mondzahn Жыл бұрын
Looks awesome Could you make a video about underwater? So a character can dive
@ShiftyOnYT
@ShiftyOnYT Жыл бұрын
Really cool!
@maxrotceig
@maxrotceig Жыл бұрын
I love so much your videos thanks man :)
@rickfuzzy
@rickfuzzy Жыл бұрын
This was amazing
@oguzmuslu
@oguzmuslu Жыл бұрын
science and character very nice
@D3FA1T1
@D3FA1T1 Жыл бұрын
hey stylized station, for the refraction you can change the refration mode from IoR to Pixel Normal offset, it fixes the line disontinuity, but works a bit different (and less intuitivly)
@juliestrator
@juliestrator Жыл бұрын
Wow great video!
@Andy.R50
@Andy.R50 Жыл бұрын
I’m sold.
@OPTactics
@OPTactics Жыл бұрын
Instant subscribe to youtube and I'll be joining your patreon. Truly incredible
@holyciwa
@holyciwa Жыл бұрын
you have about the software. I personally enjoy learning so it was a little bit easier to do it over ti. But you’ll get there brother
@JohnSmith-wj2wd
@JohnSmith-wj2wd Жыл бұрын
I'm already stuck at the beginning. Added the single layer water material node, set the blend mode to opaque and shading model to singlelayerwater, and copied the constants as seen on screen, but the material is just black. Can anyone please give a clue on what causes this? This seems to be the only tutorial that covers absorption. Edit. Found the solution! The color of the absorption has to be 100% saturated. As little as 99% saturation will render the material pitch black.
@Creepiestofcryptids
@Creepiestofcryptids Жыл бұрын
I set the saturation to 100 but now the material is white, I'm not seeing any blue. Any idea why?
@neilb143
@neilb143 Жыл бұрын
@@Creepiestofcryptids u found a solution?
@Ryuuoujin
@Ryuuoujin 9 ай бұрын
@@Creepiestofcryptids i have the same problem, any idea how to solve it?
@danialsoozani
@danialsoozani Жыл бұрын
the youtube algorithm is a good excuse ;) thaanks for the great tips!
@zombieallen
@zombieallen Жыл бұрын
Ugh, for some reason adding the orange color to the Absorption Coefficients node in Single Layer Water material does nothing for me....
@EeVeE3D
@EeVeE3D Жыл бұрын
Looks nice...
@hailahh2115
@hailahh2115 Жыл бұрын
I Fcking love your channellll!!!!
@krishanth5750
@krishanth5750 Жыл бұрын
Is there gonna be an update to your teachable courses which include water?
@Memenov1
@Memenov1 Жыл бұрын
Wait, so does your patreon include your survival kit course?
@duplo2920
@duplo2920 3 ай бұрын
You are a genious
@Jackson-ub1uv
@Jackson-ub1uv Жыл бұрын
What I want to know is how Portal 2 makes the fizzler and goo textures move, and how they make the fizzlers glow when cubes get close to them
@shawnmarsee7180
@shawnmarsee7180 Жыл бұрын
Can you make a tutorial on how to make the tree seen in the water example? That’s would be awesome
@luc1743
@luc1743 Жыл бұрын
every video of yours is sick
@Sinanisler
@Sinanisler Жыл бұрын
thanks bru
@adlerkampf
@adlerkampf Жыл бұрын
Could you please make a tutorial where you cover how to create these stylized clouds that are also present in the example scene of the video
@zismail8857
@zismail8857 Жыл бұрын
I did everything as you said, but my water is not blue, please help.
@DEADALEK
@DEADALEK Жыл бұрын
How did you add the color parameter?
@kenjibailly
@kenjibailly Жыл бұрын
Awesome! Can you do the same in Blender? 💜
@darkmallet7233
@darkmallet7233 Жыл бұрын
would this be added to the survial kit
@markcarier
@markcarier Жыл бұрын
How would you do ripples along the edge? thanks.
@frossinaskylor3604
@frossinaskylor3604 Жыл бұрын
You should check archeage's waters. For a non-anime mmorpg, the developers did a very good joob in creating it.
@amitlevi373
@amitlevi373 Жыл бұрын
there! Thanks a lot for the help, I'm going to subscribe to your channel and keep up with all the videos!
@caedmonkehler7312
@caedmonkehler7312 Жыл бұрын
This video made me mad because people actually took the time to DISLIKE IT. Who in their right minds doesn't like this video. Its INCREDIBLE
@rein556
@rein556 Жыл бұрын
KZfaq doesn't show dislike count , Sus
@caedmonkehler7312
@caedmonkehler7312 Жыл бұрын
@@rein556 I definetly dont have any extention that adds back the dislike count
@ddlonglegs
@ddlonglegs 6 ай бұрын
My guess is because it's not beginner friendly for people who are new to materials in UE
@mappen614
@mappen614 Жыл бұрын
What are the nodes put into Coordinate? You kind of skipped that part.
@vakuzar
@vakuzar Жыл бұрын
Would be awesome if you made a unity version of this too. Would be awesome.
@Kio_Kurashi
@Kio_Kurashi Жыл бұрын
And then maybe with that I could figure out how to put it into Godot. Since, i don't think there's any 'absorption' parameters in godot shaders.
@therealpeter2267
@therealpeter2267 Жыл бұрын
What about the shoreline foam and planar reflections😭
@liorbeaugendre6935
@liorbeaugendre6935 Жыл бұрын
Awesome
@Zero_hk
@Zero_hk Жыл бұрын
how can i put ripple effects on a water mesh material when a character walks or swims on?
@pchris
@pchris Жыл бұрын
The distortion effect offten catches items in the forground like your player character which can result in a really bad looking effect. Genshin Impact doesn't seem to suffer from this. Could you make a video showing how?
@syneydesign
@syneydesign Жыл бұрын
Is there a unity alternative process?
@DaveUnreally
@DaveUnreally Жыл бұрын
Don't forget to set Refraction Mode on the material to "Pixel Normal Offset!" Great work, very well presented!
@TheWaymaker
@TheWaymaker Жыл бұрын
Thank you! was so confused why my material looked different 😅
@DRockafella
@DRockafella 3 ай бұрын
Thank you so much
@Kosin-zs9il
@Kosin-zs9il 5 күн бұрын
How would you do the light asborb coefficiency thing in blender?
@YourGamingTeam
@YourGamingTeam Жыл бұрын
What about water wave?
@hexcrown2416
@hexcrown2416 Жыл бұрын
You missed the blurring effect genshin does, they do some sort of soft blur for stuff under water
@StylizedStation
@StylizedStation Жыл бұрын
I cover that in the full patreon tutorial
@godlgyro5233
@godlgyro5233 Жыл бұрын
What about importing midi files because most midis freezes my program. What can I do about it? I'm using soft soft Bundle Pack by
@EliteInExile
@EliteInExile 5 ай бұрын
I uh, tried following along, and right now it's just a black square that blocks out the skylight only. Objects and assets are just the same color from before Edit: Dunno what I was doing wrong, but it all works now! I really appreciate the tutorial!
@MrInternetMan
@MrInternetMan 5 ай бұрын
Would this work with water made with a spline? WaterBodyRiver, to be exact.
@Izmblueskydownizm
@Izmblueskydownizm 2 ай бұрын
I am watching your vid cuz i am using that same wallpaper
@sleepykittyMMD
@sleepykittyMMD 7 ай бұрын
is this possible in unity and godot? is it possible to export this from UE to other game engines?
@dannywaterss
@dannywaterss Жыл бұрын
Nice, Thank you) Can I create game similar to this without code knowledge?
@mimamo
@mimamo Жыл бұрын
What about reflections?
@-SP.
@-SP. Жыл бұрын
Can we get more genshin shader videos? They are so satisfying to watch
@Conversation_Dev
@Conversation_Dev Жыл бұрын
At this rate you'll be creating your own Genshin Impact.
@zoso3103
@zoso3103 2 ай бұрын
i did the water but when i put above something the color changes dependent on what 's under it, why is that
@ryanpatton1795
@ryanpatton1795 Жыл бұрын
Why is my material black? Literally plugged in 4 things and all ive got is a black material. pissing me the fuck off.
@Narr2590
@Narr2590 Жыл бұрын
x2, help!!
@xrecruit
@xrecruit Жыл бұрын
Usually I skip through drawn out tutorials but I didn't for your video....I also knew these things but didn't understand why they did what they did. A lot of people would tell you what to do step by step but not explain why and what it does. So if I decide to do something a little differently I have to spend a lot of time experimenting. Thank you good sir....person 👍
@VEOdev
@VEOdev Жыл бұрын
Can you make one for unity ?
@sidi_c9991
@sidi_c9991 Жыл бұрын
Can you make à part 2 tutorial for swimming in this water ? Thank very much , it was à help full tutorial . +1 Like from France 👌
@cybermats2004
@cybermats2004 Жыл бұрын
my men studied physics
@xXBrutus67Xx
@xXBrutus67Xx Жыл бұрын
Nothing to do with water shader but in Genshin there is this interesting illusion at the Mondstadt bridge. When we lower the camera to the floor, it gives the illusion that the pavement on the bridge has actual geometry. And if we pay attention and look from above, it looks like the feet of our character go through the pavement. What is this technique called ?
@Fabio-zc7bs
@Fabio-zc7bs Жыл бұрын
There are many ways of doing this. Height maps in a tesselated mesh, reducing the tesselation amount accordingly with the distance to the camera and you can use several types of parallax to achieve a similar results.
@fabioarias4777
@fabioarias4777 Жыл бұрын
"youtube algorithm requires you to edit the videos like we all have ADHD" ... and here I am watching this at 2x speed because it's not fast enough for me...
@sujansarkar3720
@sujansarkar3720 Жыл бұрын
Make it on unity please 🥺🥺🥺🥺🥺🥺🥺
@BrandonLeeSmith
@BrandonLeeSmith Жыл бұрын
sold
@erysuriadi9449
@erysuriadi9449 Жыл бұрын
short but powerfull
@Sioox
@Sioox Жыл бұрын
And I always thought that the sky and water are blue due to "rayleigh scattering". Most of red and green light beams go through the water and hit the ground, while blue light bounce back and forth on the molecules. (The different is: Its not about absorption) [Maybe I am wrong]
@thespinningcube
@thespinningcube Жыл бұрын
Apparently the effect of Rayleigh scattering in water is much less significant compared to the effect of absorption.
@RonBillWeasley
@RonBillWeasley Жыл бұрын
Why do you have a phisical sword on kazuha
@UltraCole
@UltraCole 3 ай бұрын
what are the nodes that are 1,1,0
@UltraCole
@UltraCole 3 ай бұрын
also the refraction is disabled and i don't know why
@3tomke
@3tomke Жыл бұрын
How about Unity tutorial? :3
@izorget
@izorget Жыл бұрын
Lmao the ADHD part is so true cause I got lol
@matteoramanzini1842
@matteoramanzini1842 Жыл бұрын
am i the only one wondering how to create the thing of the absortion? i don't know how to make it
@Ryuuoujin
@Ryuuoujin 9 ай бұрын
agree
@killerbite_
@killerbite_ 3 күн бұрын
i love when its been years and cant find any of the nodes nor do i remeber the hot keys for them XD makes pretty much all tuts useless lol
@1160wILlArD
@1160wILlArD 7 ай бұрын
quick question" can water be created as a placeable object for Arma 3 specifically?
@david18cruz1989
@david18cruz1989 Жыл бұрын
i need to try something like this in godot
@OriginRow
@OriginRow Жыл бұрын
Seems works for mobile devices also
@ashwathivalsaraj8964
@ashwathivalsaraj8964 Жыл бұрын
lol, it's what im currently doing!!!!
@jacobburnette6345
@jacobburnette6345 Жыл бұрын
I've always had a extreme interest in digital art and design and graphical design and a lot of things like this but unfortunately with money restrictions and priorities being more focused on what's needed instead of what's wanted I have not been able to have a proper PC to be able to experiment with these things or the money to afford the programs I've only been able to play around on model programming and animation while I was in school and that was a very small amount but I enjoyed every last bit of it I would like to say thank you for keeping the dream alive even though I don't know when I'm going to be able to act on it I appreciate videos like this that keep that fire burning until I am able to act on it
@SoyMako
@SoyMako Жыл бұрын
3:00 BUT I DO LMAO
@toniandpixels3976
@toniandpixels3976 Жыл бұрын
Can we make the same material in blender ?
@GODHBLC
@GODHBLC Жыл бұрын
this.. I would like to know if I can recreate this in Blender..
@thespinningcube
@thespinningcube Жыл бұрын
You can use a volume absorption shader set to some blue color (also the color’s brightness must be less than 1) for the volume input, and also something like a glass shader for the surface input. You can use a bump map to add the waves. Apply this material to a cube or whatever body of water you have.
@henrettalee2781
@henrettalee2781 Ай бұрын
why does it turn black when i plug (1,0,0) in to single layer water material, may someone tell me please : /
@Clustered_ivy
@Clustered_ivy Жыл бұрын
Can it be done in UE4?
@AdulAhmad68
@AdulAhmad68 Жыл бұрын
@@BombLobster Apparently it was bugged, I made the SingleLayerWaterMaterial before I set the Material Shader Model to SingleLayerWater, which apparently is an illegal move or something...
Single Layer Water | 5-Minute Materials [UE4/UE5]
11:54
PrismaticaDev
Рет қаралды 134 М.
How I Made This Anime Water in Blender
3:58
Simon 3D
Рет қаралды 128 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 106 МЛН
Always be more smart #shorts
00:32
Jin and Hattie
Рет қаралды 33 МЛН
how water works in Sea of Thieves
3:25
Stylized Station
Рет қаралды 911 М.
how are massive game environments made?
4:08
Stylized Station
Рет қаралды 914 М.
🌿 Ultimate FOLIAGE Guide in UE5 🌿
13:06
VLRN | Valerian
Рет қаралды 32 М.
Anime Stylized Trees and Leaves | Blender Tutorial
9:47
Tawan Sunflower
Рет қаралды 98 М.
I Made a Game With Only FREE Assets In Unreal Engine 5
11:45
Smart Poly
Рет қаралды 474 М.
Distance Fields (Part 2) | 5-Minute Materials [UE4/UE5]
10:58
PrismaticaDev
Рет қаралды 36 М.
how this game renders millions of blades of grass
5:03
Stylized Station
Рет қаралды 370 М.
How to create Water Material in Unreal Engine 5.1 | TUTORIAL
10:00
DrawWithNightBuzzer
Рет қаралды 55 М.
URP Water Shader - Unity Shader Graph (Tutorial)
16:11
MichaelsGameLab
Рет қаралды 2,8 М.
Wait for the last one! 👀
00:28
Josh Horton
Рет қаралды 106 МЛН