HTML DOM Events

The onclick Event

Use the addEventListener() method to attach a "click" event to a p element:

Click me.

DierveK

WHO: Me   ROLE: 3D Interactive Design   TOOLS: Modo, Adobe Animate

Self initiated project for my blog site http://Diervek.com
Reel to reel skull for the DierveK home page. Originally intended to be a floating MP3 player for an AR application. I ended up repurposing it for my blog site. What you are hearing initially may sound familiar to some out there, it’s a sample of a sample from the Beastie Boy’s album Hello Nasty followed by the original song “El Rey Y Yo” by  the Los Angeles Negros that the sample of the sample is from.

I still like the idea of using anachronistic devices for AR and VR and we’ll hopefully revisit the idea someday

Straight Talk HTML5 Banner

WHO: Straight Talk
ROLE: Motion Design 
TOOLS: Photoshop, HTML5, GreenSock

Worked with a talented art director who provided a storyboard for me to animate this banner in HTML5. This banner is set to loop indefinitely. Normally they play twice than freeze on the last frame.

Dublin Murders

WHO: Starz   ROLE: Motion Design   TOOLS: Photoshop, After Effects

 

Animated the the key art. Working with what the art director created I wanted to follow their use of negative space for the animations to give the feeling that things can easily be hidden.

The Rook Video Posters

WHO: Starz Entertainment
ROLE: Motion Design 
TOOLS: Photoshop, After Effects

This example is one from a set of five character poster and keyart that was animated for the promotion of “The Rook” original series.

For the ask: I Had to show this characters super natural power to put people to sleep.  

Wilde Chips

WHO: Wilde Brands   ROLE: Motion Design   TOOLS: C4D, Photoshop, After Effects

Intended for social media and email. The interesting thing about this is that I did not have full assets for this ad. I had to go down to the grocery store and buy a bag of wild chips and scanned the packaging to use as a texture. 

The Sergio Leone Collection

WHO: Starz   ROLE: Motion Design   TOOLS: Photoshop, After Effects

Created a number of cinemographs and video ads for the Sergio Leone collection. Also created the title art lockup. This shot was taken from Once upon a Time in the West.

The Sergio Leone Collection

WHO: Sling   ROLE: Motion Design   TOOLS: Photoshop, After Effects

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

The Sergio Leone Collection

WHO: Sling   ROLE: Motion Design   TOOLS: Photoshop, After Effects

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

The North Face HTML5 Banner

WHO: The North Face
ROLE: Motion Design 
TOOLS: Photoshop, HTML5, GreenSock

Teamed up with The North Face art director to animate a set of banners for a large national campaign. All  animation is code based. I have set these banners to loop indefinitely. Normally they play twice than freeze on the last frame.

SonyLIV Originals Gullak Promotion

WHO: Sling   ROLE: Motion Design   TOOLS: Photoshop, After Effects

laid out and animated  Sling’s 2021 social media promotions for their SonyLIV Originals offering. 
The Ask: Create a cinemograph that shows the personality of the characters.  

Play Video
LALIGA 2021 Promotion

WHO: Sling
ROLE: Motion Design 
TOOLS: Photoshop, After Effects, C4D

I was tasked with building and animating a series of social media banners for the 2021 LaLiga sports package.
This is loosely based off of a Franz Ferdinand video.