3D Watch Animation: Part 1

A CreativeCOW After Effects Video Tutorial

Eran Stern
Israel

©2008 Eran Stern and Creativecow.net. All rights reserved.

Article Focus:
In this video tutorial, Creative Cow member Eran Stern shows you how to use Photoshop CS3 Extended to create different images of a 3D watch.

Comments

•

3D Watch Animation: Part 1
by Ann Jan

Great tutorials
I'm your big fan. You're so funny and great teacher!
When can I see your another tutorials?
I'm looking forward to seeing your next tutorials!!
Thanks a lot!!

•

3D Watch Animation: Part 1
by Eran Stern

It's too long to explain this here, but Photoshop can create 3D elements when using vanishing point and then export to after effects, other than that it can only open and edit 3d files that already been created with other packages. There is also couple of plug-ins like strata that can help in the process as well, just Google it and you will get the relevant info

Eran

•

3D Watch Animation: Part 1
by Eran Stern

http://sketchup.google.com/download.html - this is the link to the free version

Eran

•

3D Watch Animation: Part 1
by Eran Stern

Yes, download google sketchup (it's free) http://www.sketchup.com/, open the file and save it as kmz format

Eran

•

3D Watch Animation: Part 1
by Daniel Radford

Have attempted this but the 3d warehouse website only allows me to download in .skp or zip format, is there anyway i can convert these file types?

Dan.

•

3D Watch Animation: Part 1
by Eran Stern

First make sure you run Photoshop CS3 EXTENDED, if the plug-in doesn't work for you (it's still Beta, you know) you can visit the Google 3D warehouse website using your internet browser, do a search there, download the file you fancy, and then open it with Photoshop using the Open command.

Hope this helps,
Eran

•

3D Watch Animation: Part 1
by Daniel Radford

Hello Eran,

I have the same problem as the guy below me, any chance you could shed some light?

Many thanks.

•

3D Watch Animation: Part 1
by Eric Mousel

Eran,

Great tutorial! I enjoyed it very much. But, I have one small problem. After downloading and installing the plug-in, I can search Google 3D models for various things easily. Here's where the trouble starts. Upon clicking download I receive a 'Save To' dialog box, as normal. I save the model in the directory of my choosing. Then when I try to open the recently saved .kmz file in Photoshop the file does not appear (as if it was never downloaded). If I look for the .kmz file directly in the Finder, it also does not appear. I've tried downloading different models and re-installiing the plugin's but no success. Am I missing a step?

Thanks

•

3D Watch Animation: Part 1
by Petros Vid

Ooops!Just saw the reply that you post to Paul!
I think that most of my questions are solved.

Anyway!!The way you explain things is fantastic and it helps very much people not used to ps!

THANKS again for sharing your precious knowledge in this very nice way!!

PS:In the previous comment i meant 2 parts!!

•

3D Watch Animation: Part 1
by Petros Vid

It's really great job!!
I watched all of the 3 parts but manually i'm stuck on this part..
You 'll have to excuse me but i'm new with photoshop's environment and i'm trying to work some things out...
I have problem with the Google 3d plug in.I've dragged and drooped the file in the adobe ps>plug-ins>automated but the required option didn't appear in ps's automated menu.
I then tried to download the model manually but it didn't help cause the file was in different format(skp) so it couldn't be supported by ps...I use a windows pc .
Any idea?

Thanks in advance!

Friendly!

•

3D Watch Animation: Part 1
by Eran Stern

Hi Paul,

Thanks for the warm words.
I removed the watch hands with Google Sketch UP free edition software. You need to open the .KMZ file and then select the elements you don't need, and delete them. If it is too much work, please feel free to use the modified version of the Rolex.kmz I've included with the project files :-)

Eran

•

3D Watch Animation: Part 1
by Paul Escandon

Eran,

Awesome work - I can already tell that this is going to be one of my favorite tutorial series'!

I'm new to this whole 3D models in Photoshop CS3 extended thing as I'm sure most people watching this are. I couldn't figure out how you removed that other rectangular piece that comes in the model when you download that Rolex watch model from Google. You mention that you made a slight modification but you didn't say how. How did you do that?

Thanks! Can't wait for the next part.

-Paul Escandon
Oremus Productions
http://www.oremusproductions.com

Related Articles / Tutorials:

Adobe After Effects

3D Watch Animation: Part 2
Play Video
In this video tutorial, Creative Cow member Eran Stern shows you how to use AE CS3 to create Animated hands for the 3D watch.

Tutorial, Video Tutorial

Adobe After Effects

3D Watch Animation: Part 3
Play Video
In this video tutorial, Creative Cow contributing editor Eran Stern shows you how to use AE CS3 to transition between the different 3D images, and to create a final animation project.

Tutorial, Video Tutorial

Adobe After Effects

Creative Fireworks in Adobe After Effects
Play Video
Rob Mize shares his techniques for using After Effects to create a variety of fireworks displays. All you need is CC Particle World, a few expressions and a reason to celebrate and you can light up your world with dazzling pyrotechnic effects.

Tutorial, Video Tutorial

Adobe After Effects

GenArts Sapphire 7: Must-Have VFX Plug-ins for AE & Avid

Frequent COW Contributing Editor Kevin P. McAuliffe reviews the latest version of GenArts Sapphire plug-in effects filters for both Adobe After Effects and Avid AVX versions, with ratings for current and new Sapphire users. Kevin also observes Sapphire's ability to plug into other NLEs and finishing systems, and takes a closer look at its licensing options, including purchasing, monthly rental and site licenses. You'll definitely want to see the latest and greatest of what this must-have software package has to offer.

Review, Feature

Adobe After Effects

AE - RE:MATCH Non-matching Cameras in After Effects
Play Video
In this tutorial, Andrew Devis demonstrates a relatively new plug-in by RE:Vision Effects called RE:Match and how it can very quickly and accurately deal with the very common problem of non-matching cameras in After Effects. A typical approach to dealing with say a white balance issue would be to apply Color Finesse 3 and work with that which can be a slightly convoluted process, while RE:Match deals with the whole thing in a couple of clicks! This very powerful effect can save a great deal of time for an everyday problem and so earn its cost back very quickly as well as giving excellent and fast results. There is another tutorial showing how this effect works in Premiere Pro as there is a slightly different way the two applications deal with reference images.

Tutorial, Video Tutorial

Adobe After Effects

IK Character Animation: Walk to the Beat 1: Finding the Beat
Play Video
This tutorial is both a follow-on tutorial to Andrew's previous tutorials on IK controllers in After Effects and a helpful stand-alone tutorial showing how to define a beat range to use as a guide to animation in After Effects. To start with Andrew shows how to use a simple expression to deal with a potential problem of controllers scaling your objects. Then Andrew shows how to find and download sample music which can be used to base your animation on. He goes on to discuss the difficulty of matching frame rates with audio sample rate and then shows how to get a reasonably close 'loop' in both After Effects and especially in Audition.

Tutorial, Video Tutorial

Adobe After Effects

Pushing AE - And Myself

Bill O'Neil helps celebrate 20 years of Adobe After Effects with his story. Bill reveals his secret, "I learned how to use AE by making promises to my clients I didn't know I could keep."

Editorial, Feature

Adobe After Effects

AE: Inverse Kinematic Character Animation
Play Video
Standard character animation in After Effects uses a process called 'Forward Kinematics' in that we animate down a linked chain - for example, upper arm linked to forearm linked to hand. To get animation we need to move the items down the chain one at a time. Inverse Kinematics creates a link back up the chain such that moving the hand would also move the forearm and the upper arm without breaking that link. This is a simpler and easier to control form of animation often used in 3D programs such as C4D and 3ds max etc. and allows us to control the animation for the complete chain through a single controller.

Tutorial, Video Tutorial

Adobe After Effects

AE: Inverse Kinematic Character Animation PT 2
Play Video
Standard character animation in After Effects uses a process called 'Forward Kinematics' in that we animate down a linked chain - for example, upper arm linked to forearm linked to hand. To get animation we need to move the items down the chain one at a time. Inverse Kinematics creates a link back up the chain such that moving the hand would also move the forearm and the upper arm without breaking that link. This is a simpler and easier way to control animation and is often used in 3D programs such as C4D and 3ds max etc. and allows us to control the animation for the complete chain through a single controller.

Tutorial, Video Tutorial

Adobe After Effects

Creating Reflections in After Effects WITHOUT Plug-ins!
Play Video
In this tutorial, Steve will show you how to give your text or logos the appearance of having reflections that interact movement! And you can do all of this in After Effects without using any plug-ins!

Tutorial, Video Tutorial

MORE