Skip to content

Katie Li – Portfolio

My WordPress Blog

  • Year 1
    • Art and Animation Fundamentals
    • Game Design and Prototyping
    • 3D Asset Design
    • Environment Design
  • Year 2
    • Postproduction & VFX
    • 3D Character Design
  • Year 3
    • Emerging Technologies
      • Lab Exercises
      • Production/Portfolio
  • Home
  • 2024
  • May
  • 18
  • Creating the VFX

Creating the VFX

Posted on May 18, 2024June 6, 2024 By li2022 No Comments on Creating the VFX
Postproduction & VFX, Year 2

Visual Effects

Space Dust

The first particle system that I will create is the Space Dust. To do this, I followed a YouTube tutorial published by Gono, 2022.

Creating Niagara System

Within the Space level, I created a niagara system and selected ‘Hanging Partculates’. Within the Niagara System popup window, I selected the overview node and adjusted some of the settings.

Within the overview node, there is an option to adjust the spawn rate. From here, I set the spawn rate to 600 due to the large area that the dust particles need to cover and the probability of the spawn rate to 0.7.

GIF – Experimenting with Colour

Once I had completed the tutorial, I thought that the dust particles were smaller than I originally hoped for. To solve this issue, I simply added the ‘Scale Sprite Size’ module within the overview node and experimented with the value of the size; alongside this, I also adjusted the transform scale within the Unreal Editor.

GIF – Experimenting with Scale Sprite Size (Without Scale)
GIF – Experimenting with Scale Sprite Size (With Scale 3.5)
GIF – Experimenting with Scale Sprite Size (With Scale 10)

After experimenting with the value of the scale, I ultimately decided on Sprite Size 10 with a Scale of 5 within the Unreal Editor.

Stars

Although this level already has stars within the texture of the ‘Stars’ material, I wanted to include stars as a moving VFX to make the scene look more aesthetically pleasing, rather than a static image. To do this, I followed a YouTube tutorial by Alex Huang, 2023.

The first thing I needed to do is to create the materials for the particle system.

Star Material 1
Star Material 2
Stars Particle Effect (With Material 1 & 2)

Hit

During the falling sequence, I need a VFX that activates when the character hits the ground and leaves fly up when the character collides with the ground.

For this particular VFX, I found a particle system through the Realistic Starter VFX Pack I downloaded from the Unreal Marketplace.

Particle System Vegetation (FX Cat UA, 2022)

Cherry Blossoms

In order to do the cherry blossoms, I attempted to follow a tutorial but noticed that I didn’t have the preset emitter within UE5. Because of this, I needed an alternate way to create the cherry blossom VFX.

Upon browsing through the Unreal Marketplace, I discovered a free asset pack called ‘Realistic Starter VFX Pack Vol 2’ (FX Cat UA, 2022) and within the contents of the asset pack contains a VFX labelled ‘P_Dandelion’.

GIF – Dandelion VFX

As shown above, the dandelion VFX has a cascade-like particle system that provides an aesthetically pleasing look. I used this particle system and decided to replace the premade dandelion texture with my own texture that I made of a cherry blossom petal.

To create the texture, I opened up Clip Studio Paint and quickly made created a drawing of a cherry blossom petal and once I was satisfied with the outcome I exported the drawing as a PNG.

Next, I imported the PNG into Unreal and located the dandelion material that’s used in the particle system. Once I had located the material, I double-clicked the material to open the pop-up window that allows me to edit the material. I dragged and dropped the PNG of the petal into the material and replaced the dandelion texture.

Locating the Dandelion Material
Dandelion Material
Cherry Blossom Petal
Cherry Blossom Petal Material
GIF – Cherry Blossom Petals VFX

Although the directory of the wind blowing the cherry blossom doesn’t quite match the intended vision I originally had, I believe that the dandelion VFX fit the video best compared to the other particle system within the asset pack which was a leaf vortex.

Meteor Shower

Because the YouTube tutorial for this VFX is created for UE4, I needed to adjust a couple of settings by experimenting with the different options as some of the modules are outdated. For example, when adding the ‘LocationBasedRibbon’ emitter, there are some options that don’t show up within the overview.

Rather than a separate module for ‘Initialize Ribbon’, it’s actually located within ‘Initialize Particle’.

Following on from this, I needed to create a new emitter within the same niagara system and select ‘Fountain’ emitter; this is emitter is used to create the star of the meteor shower.

When editing this emitter, I needed to create a new material and I used an image of a flare I found online to use as one of the textures for the material.

Flare Texture (Ahkâm, n.d.)
Meteor Shower VFX (Following Tutorial)

Due to the video being catered for UE4, I needed to adjust some of the settings a little more so it would fit the scene in my music video.

Sprite Size: 450
Ribbon Width: 25
SpawnRate: 50
Adjustments

Fireflies

As I already have experience creating a fireflies VFX from a previous module, I followed the same steps I took in order to recreate the particle effect.

Fireflies VFX

Bubbles

GIF – Bubble Texture Has Borders

When importing the bubble material into the niagara system, I noticed that the bubble texture created borders around the particles that spawned; to solve this issue, I needed to go back into Clip Studio Paint and redo the image. I simply resized the bubble and exported as PNG and imported the PNG back into Unreal and replaced the old bubble texture.

Bubble (Before)
Bubble (After)
Bubble Texture
GIF – Bubble Brightness

I went back into the Particle System editor and adjusted the brightness from 155 to 5.

GIF – Adjusted Bubble Brightness

Music Notes

I struggled to find a tutorial to create a music notes VFX, so I attempted the similar method I used to create the cherry blossoms. I opened up Clip Studio Paint and drew a music note. The particle system that I’m choosing to duplicate and readjust to replicate the music notes movements is the bubbles particle system.

Changed Noise Strength
Altered Lifetime and Sprite Size Min & Max
Adjusted SpawnRate
Added 5 Colours
Readjusted Attributes
Music Notes VFX

Fireworks

To begin creating the fireworks VFX, I followed a YouTube tutorial (CodeLikeMe, 2022) I found online.

I navigated to the new emitter, and within ‘Event Handler’ and the sub-section of ‘Receieve Location Event’ there is an option to alter the attributes of the particles of the receiving emitter based on the source emitter; this is needed to change the colour of the trail of the firework to match the ‘head’.

Before & After Receive Location Event Adjustments
GIF – Fireworks VFX

Ahkâm (n.d.) High Resolution Lens Flare Clipart PNG Transparent Background. Available online: https://www.freeiconspng.com/img/46225 [Accessed 01/06/2024].
Alex Huang (2023) UE5 Material Star Effect – Tutorial. Available online: https://www.youtube.com/watch?v=C4owJq-u6o0 [Accessed 29/05/2025].
Alex Huang (2023) UE5 Niagara Star Effect – Tutorial. Available online: https://www.youtube.com/watch?v=WeXTjFWEDVw [Accessed 29/05/2025].
CodeLikeMe (2022) Unreal Engine 5 Niagara Fireworks. Available online: https://www.youtube.com/watch?v=T_YtS9TnoHU [Accessed 02/06/2024].
CodeLikeMe (2022) Unreal Engine Meteor Shower Particle Effect with Niagara. Available online: https://www.youtube.com/watch?v=3Rpi-ky2fTI [Accessed 01/06/2024].
FX Cat UA (2022) Realistic Starter VFX Pack Vol 2 [Unreal Engine Marketplace]. Available online: https://www.unrealengine.com/marketplace/en-US/product/realistic-starter-vfx-pack-vol [Accessed 01/06/2024].
Gono (2022) [UE5 Niagara] How to make FOG, MIST and DUST. Available online: https://www.youtube.com/watch?v=-_0s0vaNrL8 [Accessed 29/05/2025].
RainRainFX (2023) unreal Bubble particle niagara tutorial | download files. Available online: https://www.youtube.com/watch?v=6tL0PUsLgYM [Accessed 03/06/2024].

Post navigation

❮ Previous Post: Production Notes
Next Post: Camera Production ❯

You may also like

Postproduction & VFX
Camera Production
May 18, 2024
Postproduction & VFX
Production Notes
May 18, 2024
3D Character Design
Retopology and UV Unwrapping in Maya
January 6, 2024
3D Character Design
Texturing & Rendering My Character
January 6, 2024

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2025 Katie Li – Portfolio.

Theme: Oceanly News Dark by ScriptsTown