Katie Preston: Website | YouTube | Twitter | Twitch | Artrepreneur
All paintings and images below are created by Katie Preston. All animations, images and videos are copyright protected. No images may be reproduced in any media known or yet to be known. Unauthorized coping, editing, printing, selling and redistribution is prohibited and punishable by the US and International laws. All rights reserved. © 2022. Brown-paper background, Oregon nature photo, flying birds footage are a free stock assets from Pixabay (https://pixabay.com).
Laptop mockup, phone mockup are free stock assets from Unsplash (https://unsplash.com).
Laptop mockup, phone mockup are free stock assets from Unsplash (https://unsplash.com).
Intro
In the last few years I spend quite some time learning Adobe After Effects to create procedurally generated visual effects. And throughout my career as a Senior UX Designer I have created numerous animations for websites, services, desktop and mobile apps. These experiences gave me the required knowledge base and skills for this project.
Details
Collaboration with a Portland, OR based artist Katie Preston was a wonderful experience. I was able to see and feel the nature, and wildlife through her paintings, and artworks. During the collaboration I helped Katie to bring those well-captured wildlife moments to life for her YouTube and Twitch channels, as well as some procedurally generated VFX and animated overlays for her Twitch channel.
Process
Using Adobe After Effects, Adobe Photoshop and Procreate app on iPad as my main tools I animated a few of Katie's paintings and created introduction videos for her Twitch and YouTube channels.
Twitch stream Intro video - Wildlife
Twitch stream Intro video - Birds
A slightly shorter, simple intro animation was created for Katie's YouTube channel.
YouTube Intro video
I created themed animations and procedurally generated visual effects for her Twitch channel, such as: Christmas lights, falling snow, sparkles, confetti cannon, light show party. All visual effects could be easily triggered with a press of a button on Elgato Stream Deck at the right moment to entertain viewers, increase viewers engagement and overall experience.
I used Adobe After Effects as a main animation tool, Adobe XD as a quick sketching tool, and Adobe Photoshop for anything else. All animations were exported as WebM videos with transparent backgrounds.
Looped falling snow effect
Magic sparkles effect
Confetti cannons effect
Christmas lights effect
Light show or party effect
Using my Adobe Illustrator and Adobe XD skills I helped to refine Twitch emotes originally created by Katie Preston in Adobe Photoshop.
Twitch emotes
Emotes in Twitch app for iOS
Using character from Twitch emotes above, I created alert animation for new subscribers and new followers.
Character animation for Twitch alerts