- What's new
-
Get started
- Technical requirements and installation
- Learn the basics
- Set up toolbars and panels
- Settings and preferences
- Generative AI in Photoshop
- Create, open, and import images
-
Create and manage layers
- Get started with layers
- Transform and manipulate layers
- Color adjustment and fill layers
-
Apply layer effects
- Add layer styles
- Work with preset styles
- Layer style effects and options overview
- Manage preset styles
- Display or hide layer styles
- Copy and paste layer styles
- Import preset style libraries
- Manage contours
- Set a global lighting angle for all layers
- Scale layer effects
- Remove layer effects
- Convert layer styles to image layers
- Smart objects
- Create layer compositions
- Layout and design tools
-
Crop, resize, and transform
- Resize and adjust resolution
- Crop and straighten
- Transform, manipulate, and reshape
-
Make selections
- Get started with selections
- Automatic and color-based selections
- Freehand selections
- Refine and modify selections
-
Create masks
- Layer masks
- Blend images
-
Repair and retouch
- Remove objects and fill space
- Heal and clone
- Adjust light and tone
- Clean and restore images
-
Adjust color
- Color profiles
- Choose colors
- Color modes
- Color corrections
- Selective color adjustments
- Color effects and techniques
-
Apply painting techniques
- Fill objects, selections, and layers
- Create and fill with patterns
-
Brushes and presets
- Get started with brush presets
- Display the Brush Settings panel and brush options
- Create a brush tip from an image
- Create a brush and set painting options
- Select a preset brush
- Create a new preset brush
- Create preset brush groups
- Rename preset brushes
- Delete preset brushes
- Import brushes and brush packs
-
Draw shapes and paths
- Create shapes
- Draw lines and curves
- Text and typography
-
Effects and filters
- Get started with filters
- Smart filters
- Blur and sharpen filters
- Artistic and stylize filters
- Neural filters
- Use grids and measurement guides
- Add video and animation
-
Automate tasks
- Create and record actions
- Process a batch of files
-
Save and export
- Save files
- Export files to different formats
- Metadata, CSS, and content credentials
-
Share and collaborate
- Collaborate and edit
- App integrations
- Troubleshoot
Overview of animating layer properties
Last updated on
Dis 2, 2025
Learn how to animate layer properties in Photoshop using keyframes for position, opacity, and more.
In Photoshop, keyframes allow you to animate layer properties such as Position, Opacity, and Style. Each property can change independently or in combination with others, giving you control over complex animations. Place each object on a separate layer for best results when animating multiple objects.
To animate a property:
- Set at least two keyframes for the property. Changes made without two keyframes will remain static for the duration of the layer.
- Select the Time‑Vary stopwatch <insert icon here> icon next to the property to begin animation. When active, Photoshop automatically creates new keyframes whenever you adjust the property at a different point in time.
Examples of Animatable Properties:
- Position: Add a keyframe to the Position property, move the current time indicator, and drag the layer to a new location in the document window.
- Opacity: Add a keyframe to the Opacity property, move the current time indicator, and adjust the opacity in the Layers panel.
- 3D properties: Animate object or camera positions for 3D layers. (See Create 3D animations for details.)
When the stopwatch is inactive:
- Any typed value remains for the duration of the layer.
- Deselecting the stopwatch permanently deletes all keyframes for that property.
Using keyframes effectively allows for precise, dynamic animations, giving your projects a professional and polished look.