Welcome, weary internet traveller. You’ve stumbled onto a great slice of the internet.

Keyframes is a creative community. Share your #wip, get #feedback, find inspiration, and chat with people who make things. It is a bunker from the rest of the garbage internet. No popularity contests here. No circle jerks. No regular jerks. Just a wholesome place to shoot the shit and be real about what you’re making.

You can post in public, or private (with a Plus account). Use it to improve your work, or just feel good about creating things again.

Come on in! We hope you enjoy your stay.

Register here for a very fun time ✨️

Or log in if you’re returning. (Welcome back!)

All posts tagged “animation”

About Sarah

Sarah Natochenny is a native New Yorker and high school graduate. She is best known for being the voice of Ash Ketchum on Pokémon.

Her other TV work can be heard on Yu-Gi-Oh Arc V, World of Winx and Super 4. Feature films currently available include Bunta (role: Boca) and Sheep & Wolves (role: Xavi). Notable video game work includes Grand Theft Auto V, Modern Combat, Thor, Batman, and Bullet Witch.

She studied acting at the Lee Strasberg Theatre Institute and improv at the Upright Citizens Brigade and Magnet Theaters. She also works as a film editor on documentaries and short narratives, and assists on narrative features.

Most importantly, she's an unapologetic cat enthusiast with four kittens purring in her lap as she writes this. Learn about temporarily opening your home to domestic animals at VoicesForFosters.org.

We're really excited to have her be our first AMA 😍

Instagram: @sarah_natochenny
Twitter: @sarahnatochenny
Facebook: Sarah Natochenny

I'm assembling a team. Hit me with an email if you match any of these roles, or you know somebody who does: [email protected]

SVG panther - animated

Messing around with code + art. Illustration made in Illustrator then generated/saved out to SVG, SVG optimised for web, animated with CSS and then fa...

I have been torn between dedicating my time to art outside of work and learning code and cannot dedicate time to both enough after a full time job so i have decided to try to combine my love for drawing, art etc with code and this is my first stabe in a while. I am hoping to make much more and improve my code as I go along.
Yes this uses SVG, lots of code, generated from illustrator, cleaned up to work on web based on one of my drawings and then I animate it mostly with CSS with a cheap each in jQuery.
If anyone can help me improve the jquery or even refactor to vanilla i'd be grateful as I am struggling to do anything like that in vanilla like I can in jQuery!

jQuery(document).ready(function($) {
	$("path")
		.delay(500)
		.each(function(i) {
			$(this).delay(10 * i).animate({opacity: "1" }, 1000);
		});
});

I'd be interested in hearing your thoughts guys and gals :)
https://codepen.io/pixelspencil/full/yxooVE

P.S. for anyone interested you can view...

Continue →

Exploring a little hover animation on the Keyframes mark.

I'm trying to infuse some playfulness into the Desktop app when you hover over the main logomark.

I would love to know what folks thing of this interaction. Is it annoying? Does it work? Is it too much?

Pumpkin Party

Experimenting with some lightning effects for this year's halloween campaign! More coming soon...

Experimenting with some lightning typography effects for this years halloween campaign! This is just a rough concept idea, but thought it turned out pretty cool.

Need to add more detail, and some hand drawn animated elements to add to the effect, but the Vegas effect is a good place to start!

P.S wanted to upload the original gif but file size limit is 5mb and I couldn't get it lower than 7 without ruining the quality! Any chance of a 10mb upload limit?