Teleport Skill - UQdeco2800/2022-studio-2 GitHub Wiki

--- Teleport Icon

Teleport Icon Design Process:

In order to highlight that this is a teleport icon, I first designed a character so that the icon is not too abstract.

Finalized Teleport Icon

--- Animation of Teleport

Animation of Teleport Design Process:

In order to more realistically reflect the process of a character being teleported, I added 8 frames to the production, to ensure that the process of teleportation around the spell of the purple light beam can be similar to the spiral up, the brightness of the spell is also brighter and brighter with the countdown to teleportation, and the middle of the white beam back and forth changing shades of colour, to better emphasise that it is in the process of teleportation.

Finalized Animation of Teleport