Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Unity 2018 - Game VFX - UI / User Interface Effects

Gabriel Aguiar Prod.
140K subscribers
109K views 7 years ago #VFX #UI #UserInterface
Unity 2018 - Game VFX - UI / User Interface Effects Hey check out the game I'm working in :D https://store.steampowered.com/app/17... This video shows you how you can create Visual Effects for the User Interface of your game. We use the default Unity UI to achieve this vfx. This effects are made with the help of Unity UI Extensions which you can find in the link below. Particle System UI Extensions: https://bitbucket.org/UnityUIExtensio... In case you want to download this VFX, and more, you can support me in the link below. ---------------------------------------------------------------------- PATREON:   / game-effects-ui-18925534   ---------------------------------------------------------------------- Courses ✦VFX GRAPH - BEGINNER: https://www.udemy.com/course/unity-vi... ✦VFX GRAPH - INTERMEDIATE: https://www.udemy.com/course/unity-vf... ✦VFX FOR GAMES - BEGINNER: https://www.udemy.com/course/vfx-for-... ✦VFX STYLIZED EXPLOSION:  …...more
...more

download the unity ui extensions package

0:49

create a particle

1:29

add the new material

2:45

adjust the size of this texture

3:27

select a rounded rectangle

4:15

erase these hard edges with the erase tool

4:48

add the square glow to that empty

5:50

set a random start size between 5 and 25

6:37

create a rounded rectangle

7:58

set the max particles to one

8:57

create a gradient similar to this one

9:17

increase the color intensity of this texture

9:58

attach it to the button

12:13

move the visual effect to the destination with an offset

13:58
Unity 2018 - Game VFX - UI / User Interface Effects
1.9KLikes
109,630Views
2018May 20
Unity 2018 - Game VFX - UI / User Interface Effects Hey check out the game I'm working in :D https://store.steampowered.com/app/17... This video shows you how you can create Visual Effects for the User Interface of your game. We use the default Unity UI to achieve this vfx. This effects are made with the help of Unity UI Extensions which you can find in the link below. Particle System UI Extensions: https://bitbucket.org/UnityUIExtensio... In case you want to download this VFX, and more, you can support me in the link below. ---------------------------------------------------------------------- PATREON:   / game-effects-ui-18925534   ---------------------------------------------------------------------- Courses ✦VFX GRAPH - BEGINNER: https://www.udemy.com/course/unity-vi... ✦VFX GRAPH - INTERMEDIATE: https://www.udemy.com/course/unity-vf... ✦VFX FOR GAMES - BEGINNER: https://www.udemy.com/course/vfx-for-... ✦VFX STYLIZED EXPLOSION: https://www.udemy.com/course/visual-e... VFX Assets Packages Unique Projectiles Vol 1: https://assetstore.unity.com/packages... Unique Projectiles Vol 2: https://assetstore.unity.com/packages... Unique Projectiles Vol 3: https://assetstore.unity.com/packages... VFX Graph - Mega Pack - Vol 1: https://assetstore.unity.com/packages... VFX Graph - Mega Pack - Vol 2: https://assetstore.unity.com/packages... VFX Graph - Mega Pack - Vol 3: https://assetstore.unity.com/packages... VFX Graph Tutorials: VFX Graph - Magic Orb:    • Unity VFX Graph - Magic Orb Effect Tutorial   VFX Graph - Weapon Effects:    • Unity VFX Graph - Weapon Effect Tutorial   VFX Graph - Portals:    • Unity VFX Graph - Portal Effect Tutorial   VFX Graph - Flamethrower:    • HOW TO CREATE A FLAMETHROWER in Unity VFX ...   VFX Graph - Warp Drive / Lightspeed:    • Unity VFX & Shader Graph - Warp Drive / Hy...   VFX Graph - Burning Paper:    • The Burning Paper Effect in Unity VFX Graph   VFX Graph - Loot Drop:    • Unity VFX Graph - Loot Drop Effect Tutorial   VFX Graph - Lightning:    • Unity VFX Graph - Lightning Shader Effect ...   VFX Graph - Muzzle Flash:    • Unity VFX Graph - Muzzle Flash Effect Tuto...   VFX Graph - Hits N Impacts:    • Unity VFX Graph - Hits and Impact Effects ...   Shader Graph Tutorials: Shader Graph - Introduction:    • Unity Shader Graph - Introduction Tutorial   Shader Graph - Fire Flames:    • Unity Shader Graph - Fire Flames Shader Tu...   Shader Graph - Cartoon Water:    • Unity Shader Graph - Cartoon Water & Foam ...   Shader Graph - Laser Beam:    • Unity Shader Graph - Laser Beam Tutorial   Shader Graph - Fire:    • Unity Shader Graph - Fire Shader Tutorial   Shader Graph - Vertex Animation:    • Unity Shader Graph - Vertex Animation Tuto...   Shader Graph - Tornado:    • Unity Shader Graph - Tornado Shader Effect...   Shader Graph - Blood:    • Unity Shader Graph - Blood, Poison and Liq...   Shader Graph - Slash:    • Unity Shader Graph - Slash Shader Effect T...   Shader Graph - Electricity:    • Unity Shader Graph - Electricity Shader Ef...   Shader Graph - Nuke:    • Unity Shader Graph - Nuke Explosion Effect...   Shader Graph - Shield:    • Unity Shader Graph - Shield Effect Tutorial   Shader Graph - Waterfall:    • Unity Shader Graph - Waterfall Effect Tuto...   Shader Graph - Galaxy:    • Unity Shader Graph - Galaxy Shader Tutorial   Shader Graph - Black Hole:    • Unity VFX & Shader Graph - Black Hole Effe...   Shader Graph - Ice:    • Unity Shader Graph - Ice Tutorial   Shader Graph - Ground Cracks:    • Unity VFX - Ground Cracks | Fissure | Hole...   Shader Graph - Ghosts:    • HOW TO CREATE A GHOST in Unity - Shader Gr...   Other VFX Tutorials: Glowing Orb:    • Unity 5 - Game Effects VFX - Glowing Orb   Ground Explosion:    • Unity 5 - Game Effects VFX - Ground Explosion   Electric Explosion:    • Unity 5 - Game Effects VFX - Electric Impl...   Stylized Fire:    • Unity 5 - Game Effects VFX - Cartoon Fire ...   Laser Beams:    • Unity 2018 - Game VFX - Laser Beam Tutorial   Projectile / Bullet Raycast:    • Unity 2018 - Game VFX - Projectile/Bullet ...   Weapon Trails:    • Unity 2018 - Game VFX - Weapon Trails / Sl...   Shatter / Destroy / Explode Objects:    • Unity 2018 - Game VFX - Shatter / Destroy ...   Using VFX with characters:    • USING EFFECTS WITH CHARACTERS in Unity   Dragon Ball Aura:    • Unity VFX - Dragon Ball Ki Charge Effect T...   Valorant - Phoenix Fire Wall:    • Valorant Phoenix Fire Wall Remake in Unity   Shoot Projectiles in FPS:    • Unity Tutorial - Shoot Projectiles in FPS   Valorant - Sage's Wall:    • Recreating Sage's Wall from Valorant in Unity   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 YOUTUBE: https://www.youtube.com/c/gabrielagui... Unity Game VFX #UserInterface Unity Special Effects For UI Unity Game Effects UI Game Effects in Unity Unity Game Effects Unity Performance Unity Effects GUI Unity Tips Unity VFX #VFX #UI

Follow along using the transcript.

Gabriel Aguiar Prod.

140K subscribers
1

Unity 5 - Game Effects VFX - Glowing Orb

Gabriel Aguiar Prod.
2

Unity 5 - Game Effects VFX - Healing Spell

Gabriel Aguiar Prod.
3

Unity 5 - Game Effects VFX - Teleport & Spawn

Gabriel Aguiar Prod.
4

Unity 5 - Game Effects VFX - Ground Explosion

Gabriel Aguiar Prod.
5

Unity 5 - Game Effects VFX - Infernal Attack

Gabriel Aguiar Prod.
6

Unity 5 - Game Effects VFX - Electric Implosion and Explosion

Gabriel Aguiar Prod.
7

Unity 5 - Game Effects VFX - Cartoon Fire / Flames

Gabriel Aguiar Prod.
8

Unity 5 - Game Effects VFX - Fireball Spell / Projectile

Gabriel Aguiar Prod.
9

Unity 5 - Game Effects VFX - Cartoon Flames with After Effects

Gabriel Aguiar Prod.
10

Unity 5 - Game Effects VFX - Cartoon Boom Explosion

Gabriel Aguiar Prod.
11

Unity 5 - Game Effects VFX - Hit Effect

Gabriel Aguiar Prod.
12

Unity 5 - Game Effects VFX - 2D Muzzle Flash

Gabriel Aguiar Prod.
13

Unity 5 - Game Effects VFX - Muzzle Flash With After Effects

Gabriel Aguiar Prod.
14

Unity 5 - Game Effects VFX - Ice Attack

Gabriel Aguiar Prod.
15

Unity 5 - Game Effects VFX - Slash Effect

Gabriel Aguiar Prod.
16

Unity 5 - Game Effects VFX - Make Particles Follow a Path

Gabriel Aguiar Prod.
17

Unity 5 - Game Effects VFX - Shield Effect

Gabriel Aguiar Prod.
18

Unity 2017 - Game Effects VFX - Tornado Effect

Gabriel Aguiar Prod.
19

Unity 2017 - Game VFX - Environment Effects (Fireflies, Butterflies, Dust and Leafs Falling)

Gabriel Aguiar Prod.
20

Unity 2017 - Game VFX - Realistic Rain Effect

Gabriel Aguiar Prod.
21

Unity 2017 - Game VFX -Lightning and Thunder Effect

Gabriel Aguiar Prod.
22

Unity 2018 - Game VFX - 10 Performance Improvements Tips

Gabriel Aguiar Prod.
23

Realistic Explosions Volume 1 (10.000 Subscribers Achievement)

Gabriel Aguiar Prod.
24

Runewards - VFX Showreel 01

Gabriel Aguiar Prod.
▶

Unity 2018 - Game VFX - UI / User Interface Effects

Gabriel Aguiar Prod.
26

Unique Lasers Volume 1 - Showcase

Gabriel Aguiar Prod.
27

Unity 2018 - Game VFX - Laser Beam Tutorial

Gabriel Aguiar Prod.
28

Unique Projectiles Volume 1 - Showcase

Gabriel Aguiar Prod.
29

Unity 2018 - Game VFX - Projectile/Bullet Raycast Tutorial

Gabriel Aguiar Prod.
30

Unity 2018 - Game VFX - Weapon Trails / Slash Tutorial

Gabriel Aguiar Prod.
31

Unity 2018 - Game VFX - Shatter / Destroy / Explode Objects Tutorial

Gabriel Aguiar Prod.
32

Unique Magic Abilities Volume 1 - Showcase

Gabriel Aguiar Prod.
33

Unique Toon Projectiles Vol. 1 - Showcase

Gabriel Aguiar Prod.
34

Unity Shader Graph - Meteor VFX Tutorial

Gabriel Aguiar Prod.
35

USING EFFECTS WITH CHARACTERS in Unity

Gabriel Aguiar Prod.
36

UDEMY COURSE - Visual Effects for Games in Unity - Beginner to Intermediate

Gabriel Aguiar Prod.
37

Unity Shader Graph - Nuke Explosion Effect Tutorial

Gabriel Aguiar Prod.
38

Unity Shader Graph - Shield Effect Tutorial

Gabriel Aguiar Prod.
39

Unique Projectiles Vol. 2 - Showcase

Gabriel Aguiar Prod.
40

Unity Shader Graph - Waterfall Effect Tutorial

Gabriel Aguiar Prod.
41

Unity Shader Graph - Fire Wings Effect Tutorial

Gabriel Aguiar Prod.
42

Unity VFX - Dragon Ball Ki Charge Effect Tutorial

Gabriel Aguiar Prod.
43

HOW TO CREATE A LOOT BOX - Unity Tutorial

Gabriel Aguiar Prod.
44

Unity VFX Graph - Magic Orb Effect Tutorial

Gabriel Aguiar Prod.
45

Valorant Phoenix Fire Wall Remake in Unity

Gabriel Aguiar Prod.
46

Unity VFX Graph - Weapon Effect Tutorial

Gabriel Aguiar Prod.
47

Unity VFX Graph - Portal Effect Tutorial

Gabriel Aguiar Prod.
48

HOW TO CREATE A FLAMETHROWER in Unity VFX Graph

Gabriel Aguiar Prod.
49

Unity VFX & Shader Graph - Black Hole Effect Tutorial

Gabriel Aguiar Prod.
50

Unity Shader Graph - Ice Tutorial

Gabriel Aguiar Prod.
51

Unity VFX & Shader Graph - Warp Drive / Hyperspace Effect Tutorial

Gabriel Aguiar Prod.
52

The Burning Paper Effect in Unity VFX Graph

Gabriel Aguiar Prod.
53

Unity Tutorial - Shoot Projectiles in FPS

Gabriel Aguiar Prod.
54

Recreating Sage's Wall from Valorant in Unity

Gabriel Aguiar Prod.
55

Unity VFX Graph - Loot Drop Effect Tutorial

Gabriel Aguiar Prod.
56

Unity VFX Graph - Lightning Shader Effect Tutorial

Gabriel Aguiar Prod.
57

Unity VFX Graph - Muzzle Flash Effect Tutorial

Gabriel Aguiar Prod.
58

Unity VFX Graph - Hits and Impact Effects Tutorial

Gabriel Aguiar Prod.
59

Unity VFX - Ground Cracks | Fissure | Hole Effect Tutorial

Gabriel Aguiar Prod.
60

HOW TO CREATE A GHOST in Unity - Shader Graph Tutorial

Gabriel Aguiar Prod.
61

Unity VFX - Aurora Borealis Effect Shader Graph Tutorial

Gabriel Aguiar Prod.
62

Unity VFX Graph - Heat Distortion Effect Tutorial

Gabriel Aguiar Prod.
63

DOOM ETERNAL BFG-9000 SHOT VFX in Unity

Gabriel Aguiar Prod.
64

CHARACTER EFFECTS in Unity VFX Graph

Gabriel Aguiar Prod.
65

DEMON'S SOULS - DISINTEGRATE ENEMIES in Unity

Gabriel Aguiar Prod.
66

OVERWATCH REINHARDT'S SHIELD in Unity

Gabriel Aguiar Prod.
67

Unity Shader Graph - Grow Vines | Trees Tutorial

Gabriel Aguiar Prod.
68

Unity VFX Graph - Ice Attack Tutorial

Gabriel Aguiar Prod.
69

UNITY VFX GRAPH COURSE - THUNDERLORD - Intermediate to Advanced

Gabriel Aguiar Prod.
70

Unity Shader Graph - Snow Interactive Effect Tutorial

Gabriel Aguiar Prod.
71

Unity Shader Graph - Glowing Crystals Tutorial

Gabriel Aguiar Prod.
72

UNITY VFX GRAPH COURSE - BEGINNER TO INTERMEDIATE

Gabriel Aguiar Prod.
73

Unity Shader Graph - Clouds Tutorial

Gabriel Aguiar Prod.
74

STYLIZED FIRE in Unity VFX Graph Tutorial

Gabriel Aguiar Prod.
75

Unity VFX Graph - Blood Tutorial (Procedural Shader)

Gabriel Aguiar Prod.
76

Unity VFX Graph - Electricity Tutorial (Procedural Shader)

Gabriel Aguiar Prod.
77

Unity VFX Graph - Meteor Rain Tutorial ( Trails + Trigger Events )

Gabriel Aguiar Prod.
78

Unity VFX Graph - Stylized Smoke Tutorial

Gabriel Aguiar Prod.
79

Unity VFX Graph - Shield Effect Tutorial

Gabriel Aguiar Prod.
80

Unity VFX Graph - Fire Tornado Effect Tutorial

Gabriel Aguiar Prod.
81

Unity Shader Graph - Toxic Waterfall Effect Tutorial

Gabriel Aguiar Prod.
82

Unity Shader Graph - Stylized Trails Tutorial

Gabriel Aguiar Prod.
83

Unity VFX Graph - Holographic Map Tutorial

Gabriel Aguiar Prod.
84

Unity VFX Graph - Ground Slash Tutorial

Gabriel Aguiar Prod.
85

HOW TO MAKE PARTICLES FOLLOW A PATH in Unity

Gabriel Aguiar Prod.
86

Gabriel Aguiar Prod. - 2021 VFX Recap Video

Gabriel Aguiar Prod.
87

Unique Projectiles Vol. 3 - Showcase

Gabriel Aguiar Prod.
88

Unity VFX Graph - Stylized Laser Beam Tutorial

Gabriel Aguiar Prod.
89

X-RAY Vision Tutorial in Unity

Gabriel Aguiar Prod.
90

Unity VFX Graph - Sword Slash Tutorial

Gabriel Aguiar Prod.
91

Unity Shader Graph - Pixel Art VFX Tutorial

Gabriel Aguiar Prod.
92

Unity Shader Graph - Retro Effect Tutorial

Gabriel Aguiar Prod.
93

UNITY VFX COURSE - STYLIZED EXPLOSION

Gabriel Aguiar Prod.
94

Unity Tutorial - How to Fracture or Shatter Objects

Gabriel Aguiar Prod.
95

Unity VFX Graph - Electricity Tutorial

Gabriel Aguiar Prod.
96

Unity VFX Graph - Electric Arc Tutorial

Gabriel Aguiar Prod.
97

Unity VFX Graph - Character Effects Tutorial (Skinned Mesh)

Gabriel Aguiar Prod.
98

Unity Shader Graph - Fullscreen Effects Tutorial

Gabriel Aguiar Prod.
99

Unity VFX Graph - Level Up Effect Tutorial

Gabriel Aguiar Prod.
100

CHARACTER TRAIL TUTORIAL in Unity

Gabriel Aguiar Prod.
101

Unity VFX Graph - Materialize Objects Effect Tutorial

Gabriel Aguiar Prod.
102

Unity Shader Graph - Sci-Fi Barrier / Shield Tutorial

Gabriel Aguiar Prod.
103

Unity VFX Graph - Spawn Effect Tutorial

Gabriel Aguiar Prod.
104

Unity VFX - Tsunami / Water Tutorial (Nami Ultimate)

Gabriel Aguiar Prod.
105

Unity Shader Graph - 2D Sky and Gradients Tutorial

Gabriel Aguiar Prod.
106

Unity VFX Graph - Disintegrate and Dissolve Effect Tutorial

Gabriel Aguiar Prod.
107

Unity VFX Graph - Kassadin Slash Effect Tutorial

Gabriel Aguiar Prod.
108

Here's what I did in 2022 with Unity! - Game Effects Portfolio

Gabriel Aguiar Prod.
109

Unity VFX Graph - Pokémon Bite Attack

Gabriel Aguiar Prod.
110

Unity VFX Graph - Yasuo Wind Wall Effect Tutorial

Gabriel Aguiar Prod.
111

Unity VFX Graph - Earthbender Effect Tutorial

Gabriel Aguiar Prod.
112

How To Summon Creatures in Unity - VFX Tutorial

Gabriel Aguiar Prod.
113

Unity VFX Graph - Fire Attack Effect Tutorial

Gabriel Aguiar Prod.
114

Unity VFX Graph - Arcane Portal Effect Tutorial

Gabriel Aguiar Prod.
115

Unity VFX Graph - Arrow Projectile (Ashe Ultimate) - Tutorial

Gabriel Aguiar Prod.
116

Unity VFX Graph VS Particle System - Comparing

Gabriel Aguiar Prod.
117

Unity Shader Graph - Intersection Effect Tutorial

Gabriel Aguiar Prod.
118

EASY EXPLOSIONS in Unity - Particle System vs VFX Graph

Gabriel Aguiar Prod.
119

Unity Shader Graph - Terrain Scanner Effect Tutorial

Gabriel Aguiar Prod.
120

Unity VFX - Lightning Strike Effect Tutorial

Gabriel Aguiar Prod.
121

Unity VFX Graph - Stylized Orb - Effect Tutorial

Gabriel Aguiar Prod.
122

Unique Projectiles Vol. 4 - Showcase

Gabriel Aguiar Prod.
123

Sparks VFX in Unreal Engine, Unity and Godot - Game Engine Comparison

Gabriel Aguiar Prod.
124

Let's make 10 GAME EFFECTS in 10 Minutes!

Gabriel Aguiar Prod.
125

Unity VFX Graph - Vertical Beam Attack Tutorial

Gabriel Aguiar Prod.
126

Anime Water Splash in Unity - Tutorial

Gabriel Aguiar Prod.
127

Unity Game Effects - Slash Attack Tutorial

Gabriel Aguiar Prod.
128

Remade VFX of a tiny moment of the Naruto VS Sasuke Fight, but in Unity!

Gabriel Aguiar Prod.
129

How To Create Curvy Paths in Unity! (Wisps)

Gabriel Aguiar Prod.
130

Unity VFX Graph - Healing Spell Effect Tutorial

Gabriel Aguiar Prod.
131

Unity Game Effects - Ezreal Slash VFX Tutorial

Gabriel Aguiar Prod.
132

EASY PROJECTILE in UNITY - Particle System vs VFX Graph

Gabriel Aguiar Prod.
133

Unity VFX Tutorial - Chain Lightning Effect

Gabriel Aguiar Prod.
134

Unity VFX Graph - Claw Attack Tutorial

Gabriel Aguiar Prod.
135

Unity Shader Graph - Hologram Tutorial

Gabriel Aguiar Prod.
136

Unity Shader Graph - Fullscreen Shader Tutorial

Gabriel Aguiar Prod.
137

Can I do 10 EFFECTS in 10 MINUTES!?

Gabriel Aguiar Prod.
138

Unity VFX Graph - Interactive Particles Effect Tutorial

Gabriel Aguiar Prod.