Tutorial: How to Create a 3D Animated GIF for Valentine’s Day

16718-HDL-468x60


Renowned fine art photographer Flora Borsi partnered with Adobe to create this handy step-by-step tutorial to help others lear how to create a 3D animated GIF for Valentine’s Day. With a few simple steps in Fuse CC (Preview) and Photoshop CC, she created and customized characters, personalized the background and added motion — creating a sweet image for that special someone.

V-Day Tutorial GIF_Small

Tutorial: How to Create a 3D Animated GIF

by Flora Borsi

valentine's day

I started out by creating a character in Adobe Fuse CC. I already had a woman and a man in mind and I chose the body types and facial features that come in the application to get the look I imagined.

vday-3d-animated-gif

I dressed my characters up for Valentine’s Day using the clothing library in Fuse. Using the Texture workspace I was able to customize the color of the dress and the shoes so that she is ready for her Valentine’s date.

vday-3d-animated-gif1

Next, I saved my character to my Creative Cloud Library. This step makes it possible for me to open up Photoshop CC and see my character in my Library for any future projects.

vday-3d-animated-gif3

Before bringing my characters onto the canvas, I first started out by combining two images that I found on Adobe Stock. I really like the ethereal look of seeing the clouds combined with the stars.

vday-3d-animated-gif4

Here is the end result. So dreamy!

vday-3d-animated-gif5

Ok, now I’m ready to bring my characters onto the canvas. I did this by dragging and dropping the Fuse character from my Library on top of the cloud background layer. Then it is a matter of using the 3D controls to position the character.

vday-3d-animated-gif6

I used the CC 3D Animations library to find a motion. I had to make sure that the 3D character is selected, and then use the Properties panel to search for motions until one feels right.

vday-3d-animated-gif7

It’s helpful to be able to reposition the character again once I found this swimming motion that I really like. Using the 3D navigation controls, it is easy to move the character at any time.

vday-3d-animated-gif8

I used the timeline feature to line up the two character animations, and then did some masking so that the characters look like they are hovering in the clouds, just so.

vday-3d-animated-gif9

Then I gave the whole piece some beautiful hue changes to give it that overall rosy quality.

vday-3d-animated-gif10

And there you have it, here is the final composition. After that I exported as a .gif and now I can share it with my favorite valentine.

V-Day Tutorial GIF_Large


Related Resource:

In 3D Character Animationa new course from HOW Design University, explore how to use Autodesk Maya to animate your 3D artwork for games or movies. The course shows you how a professional animator incorporates time-tested principles of animation into her work, making her characters act and move in believable ways. In course projects, there is a focus on achieving natural and engaging animation by breaking down the details in character posing and motion and the timing of shots. Learn more and register.

COMMENT