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

Creating an After Effects Sunrise
Play Video
Rob Mize shows how to create the effect of a sunrise using only After Effects and a background graphic. This project employs techniques using masks, solids, shapes and effects that can be useful for a variety of projects. Whether creating this effect or some other, After Effects is a great way to start the day.

Tutorial, Video Tutorial

Adobe After Effects

What's new in After Effects CS6: Shapes from Vector Layers
Play Video
In this tutorial, Kevin P McAuliffe shows you how, using the great new "Create Shapes from Vector Layers" command in After Effects CS6, you can create 3D extruded client logos in minutes, as opposed to having to wait hours for a 3D application to render it out.

Tutorial, Video Tutorial

Adobe After Effects

AE Basics 44: Shaping Text And Advanced Options
Play Video
AE Basics - A Creative COW series for new users of Adobe After Effects. Lesson 44: In this (more advanced) tutorial, Andrew Devis shows the options to change the way text moves through its range and explains how to change this from the default smooth animation to a much more 'digital' or abrupt instant change. Andrew then goes on to demonstrate more of the advanced options in the timeline to 'shape' your text so that it can have a more interesting or dramatic look allowing for the type of animation that would be very difficult to achieve otherwise.

Tutorial, Video Tutorial

Adobe After Effects

Create a Rotating Counter TWO: Adding & Adjusting a Bounce
Play Video
In the second part of this 2 part tutorial, Andrew Devis shows how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial

Adobe After Effects

Create a Rotating Counter ONE: Positioning 3D Layers
Play Video
In the first part of this 2 part tutorial, Andrew Devis shows how to create and place layers in 3d space such that they can be rotated as a single group to be used for a rotating counter. Andrew shows how to create and place the layers using both the math function of AE as well as a handy and simple expression that places layers a fixed distance or rotation from the previous layer. He then goes on the show how to create and use a controller for the multiple layers so that they act as a single group. In the next tutorial, Andrew will show how to animate the rotation of this group of layers as well as how use and adjust an expression that ships with After Effects to have the layers bounce in place as they stop which can give the sense of the counter having some real mechanical properties rather than just a linear of easy-ease keyframe approach.

Tutorial, Video Tutorial

Adobe After Effects

Confessions of a Creative Maniac: Keys to Getting It In

In the history of computing, including the extension to the notion of what actually falls under the guise of history - let's face it, smartphones are really just diminutive computers in a somewhat flimsy disguise - an often overlooked aspect of the entire discussion is something absolutely core to the idea of how these communications devices interface with us - the venerable keyboard.

Editorial

Adobe After Effects

Introducing After Effects CS6 - Extruded Text and Shapes
Play Video
In this introductory tutorial to the new 3D capabilities of After Effects CS6, Kevin P McAuliffe shows the basics of how to extrude text and shapes inside of After Effects CS6, and also shows how tight integration with Adobe's Illustrator will have you creating powerful client logos in minutes, instead of in separate 3D applications.

Tutorial, Video Tutorial

Adobe After Effects

Adobe After Effects: Compositing Actors in Virtual 3D Sets
Play Video
Rob Mize follows up his Creating Virtual 3D Sets tutorial with this demonstration of how to composite real-life actors into these 3 dimensional environments. Learn how to create an effective sense of interaction between your actors and their virtual environment using only your green screened footage and AE's 3D capabilities.

Tutorial, Video Tutorial

MORE