1
comment

Basic Photoshop CS4 animation tutorial

TBX Studio | July 21st, 2010 | CS4, Photoshop 3D, Tutorials
Tags: , ,

Basic Photoshop CS4 animation tutorial

We will talk about the basic animation for a 3D object inside Photoshop CS4. This animation tutorial is not about video animation aspect of Photoshop, it is only the basic 3D animation tutorial.

To do any animations with Photoshop, first open the animation panel.

Here’s what you do:

:: Contents ::

Photoshop CS4 Tutorial 3D

3D Import & Export

  1. Photoshop most common 3D file formats
  2. Importing 3D files into Photoshop CS4
  3. Preview 3D files inside Bridge
  4. How to save or export 3D object in Photoshop CS4
  5. Free & Paid 3D models for Photoshop CS4

 

More Photoshop CS4 3D Tutorials»

1. Window / Animation – This will bring the Animation panel containing all the layers and timeline.

Animation panel

2. Now open up the 3D animation layer on the 3D object you like to animate. Anything with a stop watch icon can be animated. The default animation FPS is 30FPS (frames per seconds).

Animation panel - stop watch icon

3. To start the animation process, click on the stop watch icon of the property you want to animate. This will insert a yellow diamond shape into your timeline.

Animation process

4. Then click and drag the timeline to a different timeline. In this example we are using the position property, so click and drag on the 3D object to move it somewhere on the canvas. When you move the 3D object, this will automatically create a gray diamond shape in the timeline. If you make a mistake, you can right click on the diamond shape and select delete.

Animation process

5. If you hit the space bar on your keyboard, this will play the animation and if you hit the space while the animation is playing this will pause the animation.

7. You can animate the Position, Opacity, Style, 3D Object Position, 3D Camera Position, 3D Tender Settings, and 3D Cross Section.
Position, Opacity, Style, 3D Object Position, 3D Camera Position, 3D Tender Settings, and 3D Cross Section

8. That’s the basic tutorial for 3D animation in Photoshop CS4.


Related posts:

WordPress 2.9 widgets tutorial
Preview 3D files inside Bridge
The New 3D Panel in Photoshop CS4
How to use Paint Mask with Photoshop CS4
3D lights in Photoshop CS4
Comment Pages

There are 1 Comments to "Basic Photoshop CS4 animation tutorial"

  • Bronwyn RiversNo Gravatar says:
    04/02/2011 at 10:25 pm

    There is a cheaper option for 3d web animation at only $49.99 you can get software that produces GIF images, titles and ads for your Web page.

    It has object-oriented design which helps you edit graphics, manipulate with content, and apply digital effects like shadows, flames, opacity as well as warp and modification.

    You can create project from your own images (JPG, GIF, BMP, AVI, ICO, PNG) and combine it with 3D content and models.

    The ready-to-use shapes like ads, glyphs and styles, make the software even easier to use.

    When done, output can be saved as GIF, AVI, JPEG, ICO, PNG or Bitmap image.

    Agree or Disagree Thumb up 0 Thumb down 0

    Reply
Comment Pages

Write a Comment



(optional)
CAPTCHA Image
*