A new gif and how we created it

Want to share your Moho work? Post it here.

Moderators: Víctor Paredes, Belgarath, slowtiger

User avatar
Víctor Paredes
Site Admin
Posts: 5646
Joined: Wed Jan 26, 2005 12:18 am
Location: Barcelona/Chile
Contact:

A new gif and how we created it

Post by Víctor Paredes »

A friend of mine is taking a university diploma about illustration and he needed to create an animated gif from one of his illustrations.
I helped and guided him in the process and we are very happy with the result, so I want to share with you part of the process.

First he sent me a sketch and told me how he would like to move it:
Image
He wanted to move a little the head and the gun and have the clock blinking.

I took this image, fastly traced it with the freehand in AS and proposed him to add some 3d to the scene:
Image

I trace each part on a different layer and translate each layer position in Z, using Shift+Alt to maintain the visual size. That way it was extremely easy to create the depth effect
Image

My friend loved the idea, so he sent me a psd with each part in a different layer. I asked him to complete some parts of the illustration, even when they could not be visible (because they could be seen while the camera moved)
Image
Image

So we took that psd and organize it in 3d. To give it more movement we created a rig (and it worked very well, even when the layers had different Z positions)
Image

After playing a little with the character and the camera, this is the final gif:
Image
I exported the animation as Mov and then transform it to gif using Corel Photopaint.

And since it was in "3d", I thought it would be nice to have a 3d version of the gif (you will need to cross your eyes):
Image

Well, that's all. I hope you like this and find it informative. It was a fun process.
Oh, and I don't really know why the topic of the image, I think it was part of the assignment.
Image Image Image Image
Moho Product Manager

www.mohoanimation.com
Rigged animation supervisor in My father's dragon - Lead Moho artist in Wolfwalkers - Cartoon Saloon - My personal Youtube Channel
User avatar
synthsin75
Posts: 9935
Joined: Mon Jan 14, 2008 11:20 pm
Location: Oklahoma
Contact:

Re: A new gif and how we created it

Post by synthsin75 »

Very nice. Looks like taking the idea of motion comics to the quality of motion graphic novel.
User avatar
slowtiger
Posts: 6067
Joined: Thu Feb 16, 2006 6:53 pm
Location: Berlin, Germany
Contact:

Re: A new gif and how we created it

Post by slowtiger »

That 3D version gives me the creeps. Imagine a whole film done like this.

Very good work, as always. Thx for sharing.
AS 9.5 MacPro Quadcore 3GHz 16GB OS 10.6.8 Quicktime 7.6.6
AS 11 MacPro 12core 3GHz 32GB OS 10.11 Quicktime 10.7.3
Moho 13.5 iMac Quadcore 2,9GHz 16GB OS 10.15

Moho 14.1 Mac Mini Plus OS 13.5
User avatar
jahnocli
Posts: 3471
Joined: Fri Oct 29, 2004 2:13 pm
Location: UK

Re: A new gif and how we created it

Post by jahnocli »

Excellent work!
You can't have everything. Where would you put it?
User avatar
neeters_guy
Posts: 1614
Joined: Mon Sep 14, 2009 7:33 pm
Contact:

Re: A new gif and how we created it

Post by neeters_guy »

Remarkable.
ruscular3d
Posts: 393
Joined: Sun Dec 26, 2010 12:18 am

Re: A new gif and how we created it

Post by ruscular3d »

It blew my socks off! ..............Made it easier to get ready for bed.....no socks!

I really like this and it expanded my imagination! Great ideas!
User avatar
sargumphigaus
Posts: 403
Joined: Tue Mar 06, 2012 9:38 pm

Re: A new gif and how we created it

Post by sargumphigaus »

That's very grim. But it's okay because she's got a batman tattoo.

I gotta say, that etcher sketch suicide note is a powerful detail. Subtle, yet almost as terrifying as the actual depiction of the act itself. The emotions on her face along with the rigidity and grit behind the artwork itself evokes emotional chaos on so many levels. The character's motions in relationship to the shaking camera along with that blinking clock sets such a cold and dark tone, dirty, grim, and miserable...nihilistic even...every detail comes together in a brilliant dance of subtlety that provokes the viewer into a reaction, whether they want to admit it or not. You simply cannot shrug this one off. It sends shivers down your spine.
User avatar
3deeguy
Posts: 755
Joined: Sun Apr 03, 2011 5:54 pm
Location: Poughkeepsie NY
Contact:

Re: A new gif and how we created it

Post by 3deeguy »

Absolutely astounding. Combining the look of a sketch with 3D. I expect it to go viral wherever it's displayed.
Cheers, Larry
User avatar
Droxon
Posts: 111
Joined: Thu Jun 13, 2013 5:30 am

Re: A new gif and how we created it

Post by Droxon »

I like how she wrote her goodbye message on the toy, that was genius!

You guys did a fantastic job.
User avatar
Lukas
Posts: 1296
Joined: Fri Apr 09, 2010 9:00 am
Location: Netherlands
Contact:

Re: A new gif and how we created it

Post by Lukas »

Great work Selgin!
Danimal
Posts: 1584
Joined: Thu Nov 15, 2007 3:06 pm
Location: The Danimal Kingdom
Contact:

Re: A new gif and how we created it

Post by Danimal »

Thanks for both the explanation and the night terrors I'll have from now on! It looks great, if not disturbing.
~Danimal
User avatar
funksmaname
Posts: 3174
Joined: Tue May 29, 2007 11:31 am
Location: New Zealand

Re: A new gif and how we created it

Post by funksmaname »

Very nice Selgin - if a little disturbing :)
The 3D effect is excellent! (I had to reduce the image in my browser to make it work for me)
User avatar
djwaterman
Posts: 292
Joined: Fri Sep 20, 2013 8:36 am
Location: Sydney

Re: A new gif and how we created it

Post by djwaterman »

Man, that is powerful. Almost too much.
voltus55
Posts: 15
Joined: Sun Aug 31, 2014 6:09 am

Re: A new gif and how we created it

Post by voltus55 »

as always, enlightening selgin
Genete
Posts: 3483
Joined: Tue Oct 17, 2006 3:27 pm
Location: España / Spain

Re: A new gif and how we created it

Post by Genete »

You made it easy when it really wasn't!
-G
Post Reply