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

Portfolio home animation

0
0
Portfolio home animation

Building my first portfolio, this will be the opening animation.


Sneak Peak of 'Our Services' video

0
0
Sneak Peak of 'Our Services' video

A peek at the graphics and animations of 'Who We Are' at Chaotic Moon. See the full video at chaoticmoon.com

Phone Love

0
0
Phone Love

A quick motion test for a cell phone company explainer video. Illustration and creative direction - www.studioheft.com

Uni-Cone Hand Drawn Animation

0
0
Uni-Cone Hand Drawn Animation

part 1/7 for a presentation...mmm.. icecream

Leon

0
0
Leon

Leon's turning it up a couple of notches for 2015.

Logo on the device

0
0
Logo on the device

Hey there! I want to show you the logo on the device.
P.S. looped animation of the file in the attached file

Mountain Pass

0
0
Mountain Pass

Another Low Poly Nature Shot.

Clover Infographics

0
0
Clover Infographics

Provided family of animated graphics to overlay video content | Clover Infomercial.


Rewind

0
0
Rewind

A test on a digital rewind effect.

Winter Portfolio Design 3.0

0
0
Winter Portfolio Design 3.0

Another iteration! I've added a starry sky animated by some JS.

See it live at http://www.laurabb.com

"Sketching" with code

0
0
"Sketching" with code

A little bit of concepting for a future version of the fullscreen.com homepage.

Built out in Framer - before even thinking about the admittedly rough visuals, the first thing I did was sketch out a framework that expands and compresses columns on interaction, and made it dynamic so it can accommodate any number of columns.

See it on Codepen

Try it with 3 columns, or try it with 300! (Actually, don't really try it with 300. It kind of chokes.)

I love sketching with code.

Placeholder videos are from the awesome mazwai.com, btw.

Clover Logo

0
0
Clover Logo

Animated end tags | Clover Infomercial.

Birdfleet sending action end animation

0
0
Birdfleet sending action end animation

This is the ending of the animation that happens when the birdfleet product is used to send messages. This glyph resides at the top left of the window as an icon, and also a place of feedback.

This is coded using 100% CSS, minus the birds - those are images.

Birdfleet sending action first animation

0
0
Birdfleet sending action first animation

Here's what happens when you hit the "Send" button using the birdfleet tool. This glyph resides at the top left of the window as an icon, and also a place of feedback.

This is coded using 100% CSS, minus the birds - those are images.

Teams - Animated SVG

0
0
Teams - Animated SVG

Live version:
http://codepen.io/MaxStalker/full/BypYwd/

This time I decided to play around with some animations and frameworks, which help you to control SVG elements.
First, I was trying to handcode all animations, but it wasn't working for some reason. It's either the way how codepen works with svg or something else...
Then I switched to Snapsvg.io and it felt like a breeze. Highly recommend!


Trees

0
0
Trees

Part of a website project, showing the production process of trees to oil...

New York

0
0
New York

New York is AMAZING.

Holo Watchface Ok

0
0
Holo Watchface Ok

This little, wonderful watchface takes advantages of the technology under the Gear S hood: big screen, accelerometer, fast processor and GSM modem. Circles movement creates an impression of depth according to the hand moves. Circles color informs about notifications, missed calls and steps during the day. The most important is of course the current time. For the sake of clarity there is no hand movement on this video. For more details please visit: http://mglogo.com/index.php/project/holo-watchface/

Happy New Year animated greeting card

0
0
Happy New Year animated greeting card

Animation greeting card for my friends and clients.

Please see the HD version with sound design on VIMEO. https://vimeo.com/116305041. I hope you enjoy.

Happy New Year typography animation

0
0
Happy New Year typography animation

Animation greeting card for my friends and clients.

Please see the HD version with sound design on VIMEO. https://vimeo.com/116305043. I hope you enjoy.

Viewing all 166620 articles
Browse latest View live




Latest Images