Quantcast
Channel: Dribbble / animation
Viewing all 166620 articles
Browse latest View live

Creepy Teddy Walk Cycle

$
0
0
Creepy Teddy Walk Cycle

Clipart-y creepy teddy bear walk cycle. The weekend got me :)


Skyworks Parallax

IBMburger

$
0
0
IBMburger

Learning SVG Animations, using SMIL. The 'circle x' is part of our design language at IBM Design.

The animation is a bit off, but you can play with the real thing here.

Slight Work Animation

$
0
0
Slight Work Animation

Made a gif from a quick video I created. Full video uploaded here: https://instagram.com/homeydontplaythat/

Janky Test Animation

Concierge - rede globo

$
0
0
Concierge - rede globo

I created this character for Rede Globo, for an event at CANES.
check the complete work:
https://www.behance.net/gallery/24482099/Concierge-Rede-Globo

F

$
0
0
F

for #36daysoftype

Check the whole project here: http://instagram.com/36daysoftype

Super Firework Burger

$
0
0
Super Firework Burger

3 of 52 animations for some thing I did for some people for their thing and stuff. yea. one day the full project will exist on the interwebs, but today is not that day.


IsoPoly Tribute / Blender Animation Nodes Test

$
0
0
IsoPoly Tribute / Blender Animation Nodes Test

I have really been enjoying the animated GIF works of designer friend @[103573:marcus martinez] up on my skills in Python to accomplish such a task - but then I came across a review for the Blender Animation Nodes addon over the weekend. What's this? No need to navigate the complex and sometimes obscure hierarchy of Blender's Python API? Interactive and real-time feedback on a continually animating scene when I change values in a node network? No more complex and awkward driver setup where it's hard just to navigate between individual animated properties? YES PLEASE!

Review:
http://www.blendernation.com/2015/03/17/review-animation-nodes-addon/

Addon:
https://github.com/JacquesLucke/animation-nodes

The badass who designed the system, Jacques Lucke, was making my dream of node based object instancing and animation control possible with this addon. It was a little bit unstable and behaved a little bit strangely in a few ways I could not have expected until after I had wrapped my mind around its implementation of the object list looping concept - but in just a single evening of focus, I was able to learn the tool well enough to produce this fun little system of objects. I would highly recommend this plugin to anyone who already loves node based workflows and knows a little bit of trigonometry. Just make sure to save your work frequently while incrementing your blend file's version number, and learn how to use Blender's "Recover Auto Save" feature. ;)

I hope that by exposing this addon to more users, we'll increase the likelihood of getting this addon, or something very similar to it, developed to a point of stability, bundled with the software and enabled by default. This kind of power should be at everyone's fingertips.

You can see an overview of the node setup that I created this scene with at the Imgur gallery here:
http://imgur.com/gallery/3MApw/

Shape Monsters' Walk

$
0
0
Shape Monsters' Walk

These guys were designed for a little pixelated-style game developed during a 42-hour game jam.

Oh excuse me

Add To Bucket

$
0
0
Add To Bucket

Dribbble recently added API awesome new APIs. One of them being adding a shot to a bucket.

balllin is out now --> http://00dev.in/afrS

Onboarding animations

$
0
0
Onboarding animations

Working on some animated illustrations for an app. View high-res image: https://dribbble.com/shots/2019789-Dribbb/attachments/357048

Tools used: pencil, paper, Illustrator, Photoshop, After Effects, coffee :)

The Pong Challenge

$
0
0
The Pong Challenge

The result of my latest exercise from School of Motion's Animation Bootcamp. Had a lot of fun with anticipation, overshoot, follow through, physics, and a little bit of overlap and squash & stretch.

Icons Animated


Pika-pi

$
0
0
Pika-pi

Playing with some wiggle code. I'm trying to do an nodding toy, but its not similar u.u

░█▀▀▄░░░░░░░░░░░▄▀▀█
░█░░░▀▄░▄▄▄▄▄░▄▀░░░█
░░▀▄░░░▀░░░░░▀░░░▄▀
░░░░▌░▄▄░░░▄▄░▐▀▀
░░░▐░░█▄░░░▄█░░▌▄▄▀▀▀▀█
░░░▌▄▄▀▀░▄░▀▀▄▄▐░░░░░░█
▄▀▀▐▀▀░▄▄▄▄▄░▀▀▌▄▄▄░░░█
█░░░▀▄░█░░░█░▄▀░░░░█▀▀▀
░▀▄░░▀░░▀▀▀░░▀░░░▄█▀
░░░█░░░░░░░░░░░▄▀▄░▀▄
░░░█░░░░░░░░░▄▀█░░█░░█
░░░█░░░░░░░░░░░█▄█░░▄▀
░░░█░░░░░░░░░░░████▀
░░░▀▄▄▀▀▄▄▀▀▄▄▄█

Final animated logo

Shortlist

$
0
0
Shortlist

In past exploring icon & animation for Shortlist :)

{GIF} Rotation Experiment #1

$
0
0
{GIF} Rotation Experiment #1

This is a low res capture of one of the CSS experiments I've been creating lately, you'll find the full version at this link. It looks quite a bit different when rendered by the browser.

These experiments help me grow as a front-end dev by seeing what's possible via art.

This effect consists of 100 rectangles, with rounded edges, and incrementally decreasing opacity. This are animated using CSS keyframe animations to rotate on the Z, X, and Y axis. Further, the color shift is created by using HSL, and iteratively adding the rectangle's number to the hue.

This is totally open source, so please feel free to fork this and have fun

Animated Simple Life

$
0
0
Animated Simple Life

Here's another animation I've done for practice in Photoshop.
Illustrations from @[381530:Freepik]

Viewing all 166620 articles
Browse latest View live




Latest Images