Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

Animated Transitions Pack

Author: 
Screaming Brain Studios
Friday, October 27, 2023 - 14:58
Support Screaming Brain Studios on Patreon
Art Type: 
2D Art
Tags: 
animation
mask
alpha mask
layer mask
transition
License(s): 
CC0
Collections: 
Favorites: 
9
Share Icons: 
Preview: 
Preview
Preview
Preview
Preview
Preview

A series of 70 FREE Animated Transitions for your games or projects!

This is a special set of animated alpha transitions for blending between different textures, tiles, or sprites. Each transition folder contains a series of frames, all rendered as *.png at 128x128 and in Black and White, making them useful for creating tile transitions, doors or windows opening, splitting or dissolving between textures, making animated gifs, or anywhere you might need a quick transition effect. There are 70 different types of transitions to choose from, so you can pick the style that works best for you!

These masks are best used as Layer Masks in GIMP or Photoshop, but they can be used in any game engine or image editor that supports opacity masks. Black parts of the mask are considered Opaque while White parts of the mask will be transparent. 

Contents:

  • 2 x Barcode Transitions
  • 4 x Checker Transitions
  • 2 x Circle Transitions
  • 2 x Cross Transition
  • 1 x Clock Transition
  • 4 x Curtain Transitions
  • 2 x Dissolve Transitions
  • 6 x Iris Transitions
  • 3 x Melt Transitions
  • 4 x Misc. Transitions
  • 4 x Mosaic Transitions
  • 4 x Pinwheel Transitions
  • 4 x Slash Transitions
  • 4 x Slats Transitions
  • 4 x Horizontal Split Transitions
  • 4 x Vertical Split Transitions
  • 6 x Star Transitions
  • 2 x Television Transitions
  • 2 x Wedge Transitions
  • 4 x Wipe Transitions
  • 2 x Zoom Transitions

There are over 1200 individual animation frames in this pack, and a total of 70 different types of transitions. Every asset in this pack has been released under the Public Domain (CC0) license and are free to use in any project, commercial or non-commercial.

More animated transitions will be added over time!

Copyright/Attribution Notice: 
Screaming Brain Studios if you feel inclined, but credit is never required :)
File(s): 
sbs_-_animated_transitions_pack.zip sbs_-_animated_transitions_pack.zip 1 Mb [206 download(s)]
  • Log in or register to post comments

Comments

mokalux
joined 6 years 3 months ago
10/28/2023 - 20:53

this looks cool, now I just have to understand how to implement those :-)

thank you for the assets.

  • Log in or register to post comments
Screaming Brain...
joined 4 years 5 months ago
10/29/2023 - 00:52

I am hoping to put together a small tutorial related to using these, but since that doesn't exist yet and I couldn't find a super decent way to automate the process, one way to use these would be:

1. Open two images/sprites/tiles you want to transition between in GIMP or Photoshop, or whichever image editor you like

2. Make sure both images are on their own separate layers

3. Add a "Layer Mask" to the top image layer and paste the transition mask into the newly added Layer Mask

4. Export your transitioning images, repeat!

It sounds more tedious than it actually is and takes maybe 5 minutes per animation if you do it this way! Though, these can likely be used in any program or game engine that can utilize opacity masks or blend modes (I imagine there is a more 'automated' way to use these, but I don't work with a lot of game engines.. so I'm hoping these are at least useful or fun to play with!)

 

  • Log in or register to post comments
hecko
joined 2 years 8 months ago
10/29/2023 - 08:12
hecko's picture

another format i've seen in use is a single grayscale image, where each pixel's brightness determines at what point it switches to the second image

it's natively supported in ren'py and it seems to be used somewhat widely outside of it too (godot tutorial, game maker shader, rpg maker plugin, compatible generator)

  • Log in or register to post comments
Screaming Brain...
joined 4 years 5 months ago
10/29/2023 - 11:19

I've used those types of masks as well! Pretty much any program that can use grayscale/black and white images as a form of opacity or blending mask will work with these! 

  • Log in or register to post comments