Unity VFX - Portal (Particle System Tutorial)

hey everyone welcome to another unity VFX particle tutorial and this time we're going to be creating this cool portal effect that you see from the game portal and it's got a lot of cool elements to it it's got you know the lights actually around the portal it's got the particles going everywhere wild and it's even got some fill-in distortion which you may or may not want enabled depending on what you're going for specifically for your games if you want it enabled maybe it's because you know the portals not active you want disable me because you want a clear sight into whatever place you're connected to and of course it comes in both iconic blue and orange so we're going to be just jumping right into it so let's just stop this and start from scratch as usual so the first thing I'm going to do is create a new let's disable this create a new particle system and I'm going to be using again textures from my ultimate VFX particle pack to speed things up so the first thing we want to do is let's just turn the number of particles down to about to set the speed to zero lifetime to about two and we don't want them you know being emitted like this first of all so we want them to be meeting in a circle around a circle actually no this one need to be meeting around a circle they just wouldn't be moving at all and let's just reset this and quickly move this up a little so it's about centered on our screen okay next let's change the texture to a shockwave texture from my ultimate VFX particle pack and we want the additive effects so let's see yep this is it right here okay and you can see actually what this particle texture it even looks like so it's just basically this painted in Photoshop okay so this is going to be the base of our portal and we actually want it stretched out so we're just going to stretch it like this okay 1.5 right now doesn't make any sense because it's just stretching all over the place so what we're going to do is set the renderer because it we wanted to be flat we don't actually want it to be billboarding with the camera like it is right now we're going to set this to mesh and set this to a quad okay there you go now it's just flat on the screen now obviously we're going to have to turn this down because it's way too bright maybe like down to 32 or something that's better and change the color to something you know very portal like like blue and change the start size to 2 so it's just over 1.5 maybe just so it's massive and very clear and easy to see let's just take turn this down a little bit right about there okay so next I'm going to do is set the color over lifetime we're going to have it fading in and out so we're going to fade it first of all set all the points to zero and then somewhere in the center around 50% we're gonna have a fade in oh so it's going to be fading in and out over a lifetime of two seconds following that let's see oh we want some random rotation so right now we've got this right you see the spikes or whatever you might want to call on the shockwave trails we're going to set this to random between two constants negative 360 and 360 so now you can see it actually looks like it's an animated texture because it's fading in and out the difference in the number of bills for particles being emitted on the screen right now and they're just kind of fading out between each other with random rotation so it kind of looks like it's totally randomly animated or it's got some sort of animated texture which it doesn't so it's a cheap way of doing that and maybe I want to turn this up a little bit because it's actually way too dark maybe something like that okay and you can always take another texture if this is too bright or something this might be more appropriate actually this one right here yeah okay so we've got the base laid down already you know it looks like a portal portal line from one to make it Orange we could easily just swap the color right here so next I'm going to do is add those particles that are kind of being sucked into the portal so to do that we're going to create of course another particle system underneath this one set the shape to a circle okay because we want the circle to be like that more of an oval but it's still flat which is exactly what we want to turn the start size way down at the left I'm to to have it fade in and out again so just remember to save these usually as presets but I'm going to quickly do the same thing again and I'm going to set this to be a point sprite texture so we'll just use this one right here and we'll turn in the start size way way way way down and we also obviously want wait more particles as well so let's maybe turn that do turn that up to 104 now let's turn the starts B to 0 just so we can see what they look like when they're being emitted and they should be emitting from the edge so now it looks like this that's fine let's just set this to 1.5 okay and now you can see it matches the shape of the portal so let's turn the radius down tip-up that much maybe six five okay and have them start being sucked in like so you can see actually that if I use whatever was before local there they seem to be a little bit stretch right just because if I do this the particle textures themselves stretch with sin which is not what I want what I actually want is them to remain the same same size per particle but I just want the emitter to be stretching so for that reason I set this to shape and I keep this at 1.5 we're actually now I can set this to one because it's actually following the shape that of the parent okay so let's turn this to maybe some bluish color that would make sense here obviously you can add some variation so you can just set two colors if that's better so I'm like I'm like that changes the start speed you can always modify the start speed as well so let's make it one negative one negative maybe two five negative there you go although you might actually want to be positive that looks pretty cool too in its own way and we don't want nearly as many particles we only had that many particles just so we could see clear now I'm going to duplicate this and actually we're going to name these because in another video I had trouble remembering what was what so we'll call these embers and we'll call these embers - I don't know what the right name would be extra Scotland particles but that's too straightforward next we're going to select the droplet particle texture again additive okay I could probably just do droplet 3ad right so they're really well named and then we'll just select that and this time what we're going to do is because we want the particles to face the direction they're moving in we're going to set this to stretched billboard and set the length scale to one okay and then I'm going to randomize the lifetime to one and two and this one is actually going to be maybe a little bit faster and maybe well smaller but maybe it'll be more of them okay like so so you can see it starting to straight take shape and this one actually I forgot to randomize the size a little bit so random between two constants randomization always fun so it's going to be 0.5 and maybe one I don't know right that works okay so next we going to do those particles that were kind of emitting back and forth around the portals so for that I'm just gonna actually duplicate this one right here and I'll just call this outer embers that's a good enough name and now instead of emitting in words like this okay I'm going to first allow just change this to enable noise on these particles so you can see they're already kind of going all over the place and instead of just you know this I'm going to do negative 0.25 and 0.25 let's see if that works I don't know if these valves will work but now it's not just going to be emitting inwards and give it a random random direction okay so they're going to be meeting all over the place and then I'm going to just make them a little bit more visible by upping the start size okay and going back to the noise module I'm going to turn the scroll speed up a little bit turn up this the frequency turn down the strength so it's not so crazy wild and you can see we've got what we had similar to before if you turn this to up to 100 right we can turn it to start speed up to maybe four point four so what that does there's a lot of chaos if it starts slowing down just said to stop so it stops simulating so farther out in time and you can see how that looks now not bad you can always change the color as well I mean if got an orange kind of looks good I'm not sure it's up to you really how you want to go around maybe will for this one will actually go for a very deep blue almost purple and you know okay so next we want to work on the fill because we've got the outline of the portal basically filled out but we actually want the inside of the portal to be doing something interesting as well and so for that I'm going to create a new particle system this one's going to be from scratch set the shape to again circle okay set this to shape so it just automatically fits in and I'm going to change the texture to some sort of we're going to do some animated smoke so I'm going to set the I'm going to select the additive animated smoke that I have so let's just set this smoke ad right so that should give me all the additive variations this one will do and this is an 8x8 sprite sheet eight columns eight rows so I'm just going to set the state by eight and then stop moving around I don't want that right now and if you run two seconds okay so you can see how it's that's going set this down way down to a different color turn this blue ish that looks look too much I looks close enough and not emit from edge but rather the radius town like so I'm going to turn the star size up to blend them between two constants as usual turn the emission rate over time to four or so and let's also have them fade in and out so they're very subtle so color over lifetime fade in fade out okay so we've got our basic fill there that looks good and we'll just call this smoke next we're going to choose actually we'll just move this up here and we'll call this one fire okay so right now it's doing something similar but we're just going to look up the fire ad and we're going to choose this this texture right here right here and it's currently just doing that because it's it's actually just a sprite but I have texture sheet animation enabled so I'm just going to disable that you can see that's what you get and also back get to that in a second I guess start rotation random between two constants so it doesn't look so uniform okay there we go excellent I enable rotation over lifetime and I'm going to set it to between negative 45 and 45 let's see how that works okay maybe we can turn that down a little bit to 25 that's better then I'm going to turn the start color down and that looks not too bad that was good for a fill I think going back to the smoke though I forgot to actually add the random between two constants for the smoke so I'm going to do that right now and there you go so that's the the fill let's add distortion next I'm not sure just going to copy the smoke right here and I'm going to pick an alpha distort texture so alpha distort from ultimate V effects I should get some values some material so this has a distortion value 1 2 5 10 100 200 let's go for 800 so that's that's pretty cool right there on its own but let's just um mmm this is not a animated texture sprite sheet that is so I can just disable this and you can see it's fading in and out I can turn this to white and turn the Alpha all the way up depending on the distortion level I want so if I want it to be an extremely distorted portal then I could go for that and I could change the start size to something like this now that's too much this down okay so we've got our distortion going that was pretty simple and we're also going to just change the sorting fudge for the distortions that's actually always on top of everything so let's just say negative 32 good and we'll rename this to Distortion I think the last thing left for this portal is just the light and that's easy to do so what we're going to do is create a I'm actually going to duplicate the fire okay and we'll call it lights particle system lights PS and really we don't need anything we don't need this to actually even render but all we need is the lights part of it right so we're going to select this we need to make a light template so we're just going to create a new light inside this particle system point light every all the default values are fine shadows are off performance and we're going to go back to the lights PS and then just assign it so we can actually rename this point light to light template so we don't forget okay and then go back to lights PS and then like templates over you in assigned set the ratio to one so you can see what that does the amount of particles that apply to attach to them so we want all the particles that are made from this to have a light attached to them to a maximum of twenty years old lights let's turn this up okay simulate like oh the render needs to be on this can be set to none there you go okay and there you have it so this one currently has what eight particles that's probably too much we don't need that many but we can maybe turn it down to about four or even less depending on what you're doing and yeah there's your portal I think that was pretty easy to do thanks for watching guys enjoy remember these textures are from ultimate VFX particle pack on the asset store which you can just simply google it comes with a ton of textures over 270 prefabs now version 2.6 is almost out and there's prefab including all the other stuff that you saw from before the orange variation and whatnot will also be available inside the next update so thanks for watching leave a comment subscribe and I'll see you guys later bye

Channel: Mirza

Views: 127,867

Keywords: unity, five, unity 5, 5.3, storm, weather, effects, colour, tutorial, particles, vfx, particle, shuriken, free, download, 2015, game engine, glow, bloom, ultimate, particle pack, particle system, particle systems, mirza, beig, particle effects, unity 5 particle effects, unity 5 particle tutorial, 5.5, lightning, thunder, beta, 2016, unity vfx, beginner, explosion, burst, portal, valve, unity portal, unity portal effect, portals

Id: VYOgWJFiifo

Length: 15min 58sec (958 seconds)

Published: Thu Nov 17 2016