HTML DOM Events
The onclick Event
Use the addEventListener() method to attach a "click" event to a p element:
Click me.
Menu
Use the addEventListener() method to attach a "click" event to a p element:
Click me.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
WHO: Sling
ROLE: Motion Design
TOOLS: Photoshop, After Effects, C4D