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

Firework


Heck Yeah!

$
0
0
Heck Yeah!

Trying my hand at after effects, not perfect, and a little slow but I wanted to get this out for the 4th.

MIUI Screen Unlock

$
0
0
MIUI Screen Unlock

An interactive prototype is always the best way to display how certain elements will behave upon user interaction. For this prototype I used Framer to demonstrate how the UI reacts when the user unlock the screen.

click here to interact with it

Menu - Keynote animation

$
0
0
Menu - Keynote animation

Animation I made using keynote for the first time.

The Button

$
0
0
The Button

before you ask it's a ghost that's spinning the chair in the distance

Moving Icons

$
0
0
Moving Icons

why are some icons static when they can provide real time data?

Whales

$
0
0
Whales

Got inspired here from many whales and landscape projects.
I wanted to learn to use After effects and this is my first time I'm using it. Hope you like.

City

$
0
0
City

Here's a city I made for one of three animated videos for Difi. Check out the process and videos here: https://www.behance.net/gallery/18801799/Difi-Animated-Videos


Funny Sailor animation

$
0
0
Funny Sailor animation

My debut work for dribbble. Thnx @[529301:Moryachok] for great illustration!

A Study in Image Based Lighting via Cell Phone Photos

$
0
0
A Study in Image Based Lighting via Cell Phone Photos

See all 5 high resolution animations and their environment maps at the Imgur gallery: http://imgur.com/gallery/osHn0/

Summary: You don't need perfect images or HDRI spheres to create amazing lighting in your 3D renders. Go ahead and use your cell phone camera to capture an environment at the spur of the moment if you love the light that you're seeing.

----

The other day, I came across a killer tutorial by Gleb Alexandrov titled "Are You Overlooking This Way to Make Amazingly Complex Lighting?". I was instantly inspired. While I loved the output he was getting from this technique, I had a problem with this approach. His technique would be incredibly computationally expensive, so I thought about how I could adapt it into my workflows for animation.

Gleb's Tutorial:
http://www.creativeshrimp.com/amazingly-complex-lighting-tutorial-book-14.html

Gleb's phrase "Lose control and let the light do its magic" stuck with me. Eventually, I kinda... took the idea in his article and turned it inside out. One of the themes he repeats through his tutorials is to make sure that your light sources are non-uniform and complex. Suddenly, it came to me. "Holy crap. I can take out my phone and take some totally imperfect photos of places with lots of color, and use those as my world light! The PHYSICAL WORLD has already done all of the magic in producing a 'lighting symphony' for me, so I can just take that light and use it at my desired angle!" So I downloaded the Google Camera app for my phone and produced some super quick and dirty photospheres of interesting lighting scenarios to play with. You will notice that the stitching on the maps is TERRIBLE, but that is just fine for these purposes. I also selected some images which I had taken with my phone's camera just because they were colorful. The emphasis here is that we DO NOT need perfection in the images, only their color, non-uniformity and complexity!

Google Camera photoshpere app:
https://play.google.com/store/apps/details?id=com.google.android.GoogleCamera&hl=en

In his tutorial, Gleb talked about flying your camera around within the scene to find your desired lighting angle - but what if I already had my camera and geometry composed in the way that I want for my render? That's when I had the idea to shift and distort the generated coordinates of the world sphere until the world light gave me the colors I wanted for the existing composition. Yes! Then I only needed to adjust the depth of field in my camera so the subject matter was in focus, but the background was out of focus! That way, the viewer is not concerned with any of the imperfections background light source. So I created several different renders using different world lighting configurations, with single camera and subject matter configuration. I was incredibly pleased with how AMAZING the results were! Now keep in mind, these environment images were NOT directly mapped to the world light with a standard Equirectangular projection. I took the base world coordinates and moved, rotated, scaled them until I saw the colors in the positions that I wanted to see them. In some cases I tweaked their contrast and hue a bit, then boosted the intensity of the world light into what I wanted to see.

Here's the important lesson that I learned from this experiment: You don't need to create the perfect HDRI sphere or tile an image perfectly to get a perfect lighting scenario for your shot. Just find a real world scenario with colors that you like, and snap a super quick picture or build an image sphere with your cell phone camera, and that is more than good enough.

Alright! Give this quick and dirty cell phone photo lighting a try in some of your renders, and let me know how it works out for you! If I get 10 or more responses relevant to the techniques discussed in this post, I'll record a video tutorial on creating a scene in Blender with this process. Let me know if you have any questions on this, okay?

Bouncing Profile Card Animation

$
0
0
Bouncing Profile Card Animation

Hi everyone,

This is a entry for envato remix contest.
The idea is to create a profile card based on an existed HTML markup. You can't change the HTML markup, just styling the CSS.

Live preview : http://codepen.io/balapa/pen/zGRXgr
Envato remix : http://contests.envato.com/remix-02/index.html

Fishing Reflash Animation

$
0
0
Fishing Reflash Animation

This animation include two parts: Reflash Failed and Receved New Messages. Enjoy~

Also on Behance. https://www.behance.net/gallery/27666575/Fishing-Reflash-Animation

Got some wheels

$
0
0
Got some wheels

I'm doing a bit of a site update, and decided to add a little movement to some of my projects. This is a little animated version of my logo for The Pizza Bus

SummerVibes.gif

$
0
0
SummerVibes.gif

Finally managed to get some looping hair animations inside Cinema 4D — all done through the shader.

American flagged inspired by Rocky Roark

$
0
0
American flagged inspired by Rocky Roark

Took a break from work to make this little animation


Cubic loader

$
0
0
Cubic loader

Have made the loader for the new CAD system

Quadratix Play Logo

Museum Guide

$
0
0
Museum Guide

Hello, this is my first shot.
Here an idea of museum guide where artworks are sorted according to people interests: work, relationships, cats.

Also thanks to @[545315:Slava Kim] go check his work ;-)

Fire

Milk

Viewing all 166620 articles
Browse latest View live




Latest Images