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

free animation tutorial: sticky jelly

$
0
0
free animation tutorial: sticky jelly

If you’ve already watched my first tutorial on UI jelly, you’ll be pleased because this one offers something a little different. There are fundamentally two different ‘UI jelly’ treatments I’ve come across.

You can watch the tutorial video for free here: https://uxinmotion.net/how-to-animate-ui-sticky-jelly-in-after-effects/


How to animate your UI button shape in After Effects

$
0
0
How to animate your UI button shape in After Effects

This is such a dope tutorial. You’ll learn how to recreate Colin Garven’s dope Submit button. Get stoked because you’re going to learn a really cool way to do this using After Effects shape layers.

Watch it here for free – https://uxinmotion.net/how-to-animate-your-ui-button-shape-in-after-effects/

UI animation with no keyframes

$
0
0
UI animation with no keyframes

If you want to be a baddass in After Effects, there is no better way than to get started using simple expressions. Expressions are little pieces of code you can apply to a layer property like it’s position, rotation, scale, etc. If you can’t code, no worries, you can just select the other layer property you want to link and After Effects make the code for you. I can’t code at all, but I show you how to put in a number here and there to rig a 3D folding UI. And of course, if you know how to write code, you’ll be totally stoked.

Watch it here for free – https://uxinmotion.net/ui-animation-with-no-keyframes/

Animated Edit Tile Mockup for Firefox's NewTab

My top 24 ui animation AE keyboard shortcuts

$
0
0
My top 24 ui animation AE keyboard shortcuts

Yo I use these every day. I'm attaching my 'cheat sheet' PDF that you can print out and put next to you when you work. This should straight up double your UI animation speed in After Effects.

After you've downloaded the PDF, you can watch the video where I demo all the shortcuts here – https://goo.gl/EYVcVn

Enjoy! :)

One Click Pay, animation concept

$
0
0
One Click Pay, animation concept

Playing with an animation concept for a one click pay feature. Source-file is attached for your amusement ;-)

A Particle Test

pulling cycle [gif]

$
0
0
pulling cycle [gif]

Rough pass pulls a Clean pass, which pulls a Color pass.
Rough and Clean by me, Design and Color by Rafael Mayani


Creating Your First Icon Set

$
0
0
Creating Your First Icon Set

Creating first icon set could be really challenging. There are usually lots of questions popping in your head, like “What should my icon set be about?”, “How many icons is enough?” or a classic “How do I know if it is good?”. Sounds familiar? Concerns like these prevent you from even starting an icon set. This has to stop.

Read the article on my blog:
Creating your first icon set

Worth checking out:
Icon Utopia | Icon Shop | Pinterest | Instagram

Button Hover Animation

$
0
0
Button Hover Animation

Working on some interactions pieces and putting the final polish on an upcoming project. This will be the hover interaction for buttons across the site.

Animated in Principle.

Dribbble Animation

$
0
0
Dribbble Animation

Getting into After Effects a lot more to create these small animations to add some cool touches to a website. The reverse bit won't be shown, just thought I'd make it look for the shot.

-

Follow my Twitter for updates on my work and other things.

Nokia - Old & New Concept Animation

$
0
0
Nokia - Old & New Concept Animation

Having fun with principle app. Really like it thus far and looking forward to what guys from principle have in store for us!

Follow me around the web:

Behance | Facebook | Linkedin | Instagram


Google's new G Animation

$
0
0
Google's new G Animation

Google's new G Animation made with After Effects.
Thanks for watching :)

RubberHose-ing

$
0
0
RubberHose-ing

To redeem myself from the monstrosity that was my last shot, here is my first real test of RubberHose by @[410202:Adam Plouff]

This was thrown together pretty quickly and RubberHose is such a breeze to use - Love it!

You can find the RubberHose plug0in here: http://www.battleaxe.co/

Alien learning to fly

$
0
0
Alien learning to fly

Alien learning to fly his space craft!


Presentation

$
0
0
Presentation

.... few frames from the presentation I'm working on...

Spaceflight Rocket Launch

$
0
0
Spaceflight Rocket Launch

Part of a animation I did for the startup SpaceFlight.
For the full piece see: http://www.visualpunch.nl/portfolio/spaceflight

Life on Wheels | 15 The Camper

$
0
0
Life on Wheels | 15 The Camper

‘Life on Wheels’ is an art project that reminds us of all the wonderful types of wheels we ride through life. We illustrated and animated one life on wheels in 24 unique pieces. It starts at the beginning with birth and goes all the way till the end.

Check out the whole case study here:
https://www.behance.net/gallery/28419153/Life-on-Wheels-An-illustrated-and-animated-serie

Live Dashboard :)

$
0
0
Live Dashboard :)

Hey Dribbblers !

Here in SliceCrowd we are working on some awesome projects and just wanted to share one of them with you.

This particular project has very complex layout, it's "mada-faka-next-level-responsive-shit", we've been working on the dashboard for 2 weeks so far, wow :D

You can see the full video in our Instagram profile here since Dribbble's 8MB limit for gifs is way not enough :(

Do you need a kick-ass front-end developers with great respect for the design & animatinos ? We bet you do, just write us :)

All best,
SliceCrowd Team

Loader v5

Viewing all 166620 articles
Browse latest View live




Latest Images