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

Walk/Run Cycle


Paris dribbble Meetup

$
0
0
Paris dribbble Meetup

Hey guys, I'm really excited to announce that with my buddies @[166931:Luky Vj] & @[177793:Arthur Carayon] we are currently organizing the first dribbble meetup in Paris.

We're a great community of designer in Paris, and it's time to meet everyone, talk, share and introduce ourselves over a beer or two :)

The date is set for friday June 26 !

We've just set up this inscription form,
(for dribbble players only at the moment) :
http://dribbble.paris-meetup.com/2015/

And an official meetup page will come soon with the details (hours, place and program..)

Hope to see you there! It's going to be really cool !

PS : We've recently found an awesome place for the meetup, that's why the UX of the inscription form has changed a bit... Surprise ;)

Designed by mysefl and developed by @[166931:Luky Vj].

Music Player Android L Concept

$
0
0
Music Player   Android L Concept

Concept Music Player for Android lollipop
See all project on Behance
https://www.behance.net/gallery/22846199/Android-L-Player-Concept

Loco

$
0
0
Loco

I created a LOT of illustrations and animations
for BNP Paribas project, Living The Change.
Here is one :)

> http://livingthechange.bnpparibas/
I only made some of the illustrations on the website,
I hope you'll recognize them!

Get Slapped

Full Stack Development Animation

Choose a Mentor

$
0
0
Choose a Mentor

Choosing your mentor is an integral part of learning at Bloc. This animation will live on our new course and track pages, coming soon!

Pentagon Loop

$
0
0
Pentagon Loop

Another day of messing around in after effects. Press L if you enjoyed!


Animation Acceleration

$
0
0
Animation Acceleration

Precursor had a problem.

Our large sweeping animations for the menu were becoming more expensive to animate as we added more features. Last week I rewrote the CLJS and LESS handling those animations while focusing on a few things:

Don't animate everything all at once.
If you have one big animation that's not performing well, try breaking it into smaller bits, and then cascade them. When the above menu opens, several things happen at once: the canvas shrinks, the background shrinks, the menu items slide in, etc. These used to happen all at once, so I added noticeable delays between each.

Animate things individually.
I split visual elements into their own layers when possible. The canvas background is a good example—I detached it from the canvas and made it a sibling in DOM. Now it gets animated as a separate layer and doesn't directly affect the canvas.

Use keyframes for better control.
I switched from transitions to keyframes so I could time things more precisely. Now I can tweak movement and speed until I find a good balance. Best of all, I wrote these as functions, so it'll be easy to come back later and improve even more.

Avoid animations when possible.
The menu animation was affecting colors in the canvas and chat. The background changes significantly, so colors had to change to adjust contrast. Now I just use white with specific opacity levels to get the appearance I want on both backgrounds, using the same exact RGBA values. No transition required.

There's a lot more that made this refactor a success, but these are a few of the more important parts. The whole process made the menu much snappier and especially improved performance for iOS and Firefox. It's not perfect yet, but now that I have a system, it'll continue getting better and better!

That's how we solved it.

Low Poly Planet III

$
0
0
Low Poly Planet III

Animation is fun! Another Low Poly planet I created :)

Create A Spot Animation Study

$
0
0
Create A Spot Animation Study

creation flow for a now defunct app called TripleSpot

loved figuring out the micro-interactions

Bagel Runner

$
0
0
Bagel Runner

I had the pleasure of creating all the graphics for Bagel Runner, an app built by a Mobile Engineering student at The Iron Yard. It was so much fun to work on this app and it's even more fun to play. Keep an eye out for it in the App Store in a few weeks!

Profile UI & Post UI

$
0
0
Profile UI & Post UI

We are working on our profile UI & UX.
This is how it looks like.
Let us know what you think.

New Portfolio Site: CSS Animations

$
0
0
New Portfolio Site: CSS Animations

Recently I've been getting into learning more front-end stuff and @[408001:Drew Powers] was nice enough to help me build my new site! Should be done soon!

And I'm really proud of these CSS animations since I figured out how to do them all by myself :)

Jobsessions Logo Breakdown (feat. Ryan Duffy)

$
0
0
Jobsessions Logo Breakdown (feat. Ryan Duffy)

Hey everyone!

Today I would like to present you an icon mark I have worked on for a dutch startup business called Jobsessions. You can see the entire logo breakdown in this animation. Big thanks and a shoutout to my mate Ryan Duffy, who did the entire animation for me. Go and check him out, he's an amazing designer.

Please let me know if there is any feedback and thoughts on this logo. You can press L on your keyboard as well!

Follow me on Twitter!


APP COLLECTION :: 2014

$
0
0
APP COLLECTION :: 2014

Hello Dribbble friends,

It’s been a while I posted something new and concrete here on dribbble. Finally, after several months of work and with adapting to new Behance layout. Which BTW made me very angry and pist off, because nobody was warned. And I must to change whole concept and layout. But OK, I still love you Behance do not worry :)

I present to you the best two selected applications projects from 2014. I hope you will enjoy, any comment or suggestion is welcomed.

• Check the full project at: App Collection 2014.

Enjoy the Weekend! :)

Taylor Swift - Rotoscope

$
0
0
Taylor Swift - Rotoscope

a frame of my rotoscope contribution to Taylor Swift's "shake it off" music video. mine starts at about 2:18 and goes for a couple seconds

link
https://www.youtube.com/watch?v=RhT_gVh_73w

Radio App Icon

$
0
0
Radio App Icon

Hey everyone, this is my debut here and thank you for the invite @[99426:Hunter] Oden.

This is the radio app icon from my "Motorola Radio App UI Facelift Proposal". See the complete proposal on Behance - http://on.be.net/1GVnNar

This gif is just PS, not AE :)

Web Directions storyboard

$
0
0
Web Directions storyboard

Storyboard for the 2014 Web Directions South Title sequence. See the finished piece at peoplebehindthepixels.com

pixi

$
0
0
pixi

A simple product intro animation for a fictitious company. (Or is it? gasp! And so the plot thickens.)

Viewing all 166620 articles
Browse latest View live




Latest Images