top of page
spotify 2.png

Skyline - Spotify Canvas GIF

flower 2.png
arrow 4.png

Animation | Lasalle College of The Arts

2023

Ride the night under the eyes

Inspired by the dreamy, upbeat tone of Khalid’s Skyline, I created a series of looping visuals designed to move with the rhythm of the song. Each 10-second canvas captures a different mood or visual metaphor, crafted to elevate the listening experience and blend seamlessly into the Spotify interface.

flower 2.png

Creating the Storyboard

To clarify the narrative sequence, I developed a storyboard that mapped out each visual transition. This helped ensure a smooth animation flow and kept the mood consistent with the beat and emotional cues of the song.

flower 2.png

Choosing the Art Style

I explored several visual directions through trial and error, balancing aesthetic appeal with animation feasibility. After experimenting with different approaches, I landed on a clean, flat style that fit both the timeline and the psychedelic yet minimal vibe of the song.

1d89e42c94d7402a4e74c9c8f4958de4.gif
652dd74fdae8ea1af29bf2a1e3a65159.gif
8e794997856cfcee16908c6b0a339aad.gif
071a8be09a073fc0844ff6ead2351a2f.gif
flower 2.png

Understanding the Brief

I focused on a specific section of Khalid’s Skyline (around 1:43), where the lyrics evoke a dreamy, emotionally charged escape, cruising through the night, feeling elevated, and deeply connected. The reference to altered perception inspired me to explore visuals that reflect a surreal, free-flowing state of mind.

I incorporated a cat as a symbolic figure, often associated with spirituality and intuition, commonly seen in visions or altered states. The eye became another key motif, representing connection and the dreamy gaze between two people. These elements helped create a visual loop that feels intimate, symbolic, and aligned with both the tone and beat of the track.

WhatsApp Image 2025-08-04 at 23.18.20_b9b243b3 1.png
anim 1.jpg
anim 2.jpg
anim 3.jpg
flower 2.png

Simple Animation

flower 2.png

Flat Colour

The initial animation was sketched in rough form to test pacing, transitions, and visual timing. This early version acted as a draft to refine the rhythm and ensure each element responded well to the track’s tempo.

After finalizing the movement, I applied base colors to bring visual unity and contrast. The use of flat color allowed the key symbols, like the cat and eye, to remain the focal points, aligning with the dreamlike concept.

animate-25-10.gif
animate-(2)-25--10.gif
animate-26-10.gif
animate-25-10-(5).gif
animate-26-10-(3).gif

In the final version, I polished transitions, cleaned up frames, and ensured a seamless loop. The result is a subtle, rhythmic visual experience that captures the surreal and spiritual essence of the song while feeling at home within the Spotify Canvas format.

animation-1.gif
kucing gif 3.gif
kucing gif 1.gif

Curious to learn More?

bottom of page