Skip to content

Teleport Skill

AndySong-2324 edited this page Sep 12, 2022 · 7 revisions

--- 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.

Screen Shot 2022-08-28 at 23 35 17 copy

After designing the character, I began to conceptualise the architecture of the teleportation. I divided it into three parts: the phalanx, the
purple beam around the phalanx, and the white beam that can highlight during teleportation.
Screen Shot 2022-08-28 at 23 42 23 Screen Shot 2022-08-28 at 23 42 33 Screen Shot 2022-08-28 at 23 42 45

Finalized Teleport Icon

teleport

--- 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.

Screen Shot 2022-08-28 at 23 53 29

Finalized Animation of Teleport

box_boy_leaf1

Clone this wiki locally