Steam Artworks

Graphic Designs | Motion Design | Adobe Creative Suites

Using motion design principles, Adobe After Effects and Photoshop to create animated gifs within certain file size limits to display on your profile for the online gaming platform, "Steam" for its profile feature, "Steam Showcases". This process involves animating, rigging, editing and adjusting the colours of characters. Below are some of my works:

Ridn x Sukuna

For all profiles artworks, I have to work with an existing background on Steam community market. The background I chosen for my profile is "Red Clouds" from the game Zup! 8. Next, its personal creative direction and inspiration for the personalisation and design of the profile. Other profiles that have been created were based on certain characters, theme or personality. For my own profile, i wanted to continue with the red theme and combine it with one of my favourite anime character, Ryomen Sukuna from Jujutsu Kaisen.

Red cloud background used

Original image used as inspiration. Colourized manga panel

Character with background removed for animating and rigging purposes

After sorting the layers and planning the composition of the images, I begin animating. For this work specifically, I added borders, particles, glow, and shadows effects which were all native to Adobe After Effects. I also included further personalisation by adding texts such as my username and custom URL link to my profile that serves as copyright protection to prevent others using my artwork as their own. The text animations features a light sweep and gradient effect, using a custom font inspired by the stylisation of the 'Jujutsu Kaisen' title.

View the artwork yourself here:

https://steamcommunity.com/id/RidnOnSteam

Raijin x Zenitsu

Raijin x Zenitsu is a piece I created for one of my best friends. Following the same process as my personal profile artwork, i I went through an iterative process, incorporating my friend's feedback and preferences to customise his profile.

Original image used as inspiration. Illustrations by @allysonmaciel

Character with background removed for animating and rigging purposes

The effects applied to this piece includes:

  • Animation and rigging for blinking eye

  • Drop Shadow effect, Glow, and colour adjustments for texts, lightning flashes, and borders

  • Wave Warp effect for character, clothes and smoke movement stimulation

  • Personalised texts and custom URL

View the artwork yourself here:

https://steamcommunity.com/id/redcarde