WELCOME! ✧
Hey everyone! I’ve seen many people asking how to “blur” backgrounds when it comes to an intro/outro, I made this tutorial for you to learn the process of doing so!
STEP 1: CHOOSING THE BACKGROUND
You want to choose a background to use for your blur. It can be your own personal background or from the Art Catalog. I will be using Episode’s EXT. MANOR GARDENS - NIGHT as my example. Once you have your background, save it to your desktop.
STEP 2: THE BLURRING PROCESS
–> Go to https://pixlr.com/e/
Once you go to Pixlr E, open up your background:
Where it says Filter at the top bar, click it then select the one that says Details, choose one of the following: Blur… or Gaussian blur…
WHAT’S THE DIFFERENCE?
Blur: The effect is a lot more drastic.
Gaussian Blur: The effect is less drastic.
See below for a comparison: (Both pictures are set at max 100)
Once you select one of the options, you’ll see a pop up that will allow you to adjust the blurriness of your background. Adjust this to your preference.
Once you’re done, save it in PNG format!
STEP 3: UPLOADING AS AN OVERLAY
Go back to the portal and upload your background as an overlay. I named mine MANOR GARDENS BLUR so I remembered that this is a blurred overlay when it comes to coding.
NOTE: Depending on your background, it might end up being over 1MB. To fix this, go to https://tinypng.com/ to compress your image and then upload it.
STEP 4: SCRIPTING
Now, you’re going to start the coding for your background.
Create your overlay and add the coordinates to your script either by adding it to your background OR creating it manually AND MAKE SURE your overlay is at OPACITY 0!
OR
STEP 5: CREATING THE BLUR
To start the blur, set your command to @overlay OVERLAY opacity 1 in T
T = Time <-- How fast you want the blur to happen.
Play around with the time until you’re happy with the result and you’re done!
FINAL RESULT!
HOPE YOU FIND THIS HELPFUL! ✧