Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: 2D Timeline animations explained (Photoshop CC)

2D Timeline animations explained (Photoshop CC) 06 Sep 2017 11:21 #8355

  • Panos
  • Panos's Avatar Topic Author
  • Online
  • Posts: 1238
As promised, I created a tutorial that shows you how to use Photoshop's Timeline panel, to animate normal layers, smart objects, and text layers.
The video takes you through the basic concepts, such as the timeline, the keyframes, the layer animation properties. You'll learn how to use the "Position", "Transform", "Opacity", and "Style" properties, to animate layers. You will also learn how to export the animation as MP4 video file, or as a MOV file with transparency.

It is available here:
www.panosfx.com/photoshop-tutorials/2d-animations
The following user(s) said Thank You: Tauratinzwe and 1 other people also said thanks.

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 06 Sep 2017 18:21 #8356

Thank you Panos, I will certainly look at the tutorial and try something

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 06 Sep 2017 18:25 #8357

  • Panos
  • Panos's Avatar Topic Author
  • Online
  • Posts: 1238
Thanks dear Elly.
I am looking forward to seeing your videos.
I'll try to create a tutorial for the animated screen projector, that Leon showed us on an other discussion.

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 06 Sep 2017 18:30 #8358

That would be nice Panos,
I did not have time to try with the photos, but I will try to make that animation :)

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 11 Sep 2017 05:55 #8359

  • Panos
  • Panos's Avatar Topic Author
  • Online
  • Posts: 1238
The new tutorial is ready:
www.panosfx.com/creative-ideas/animated-projection-screen

This one is more advanced; I recommend you watch the "2D Timeline animations explained" video first, before you watch this.
The following user(s) said Thank You: dunkie

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 11 Sep 2017 06:11 #8361

Thank you so much Panos, very well explained; I created a slideshow with 10 photos
The following user(s) said Thank You: Tauratinzwe

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 11 Sep 2017 09:53 #8364

  • Panos
  • Panos's Avatar Topic Author
  • Online
  • Posts: 1238
Here's another video, where I am experimenting with animation.
The scene contains 4 layers: the black background, a red box, a small hole, and a light beam.

The scenario is simple:
The red box is moving from right to left. As it passes in front of the hole, it blocks the light beam, while it is lit up from behind.

The technique involves animating the following properties:
Box layer: position, style
Light beam layer: opacity.

The following user(s) said Thank You: Tauratinzwe and 1 other people also said thanks.

Please Log in or Create an account to join the conversation.

2D Timeline animations explained (Photoshop CC) 11 Sep 2017 10:50 #8365

thanks for the idea Panos, looks nice

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
Moderators: Panos

What's hot:

 These are the 4 most popular PanosFX products. Each one of our products includes a remarkable assortment of tools to meet a wide range of creative needs. All products are being designed carefully with attention to the detail, and are offered at a low cost:
 
Cartoons Photoshop actions by PanosFX

Convert your photos into incredible cartoons.


• Amazing conversion quality!
• 3 different cartoon styles.
• 8 pop art backgrounds.
• 2 pop-art collage effects.
• 18 speech balloons.
• Advanced color editing.

Photoshop version:
Add to cart
$17.90
PS Elements version:
Add to cart
$17.90
Jigsaw Puzzles Photoshop actions by PanosFX

Turn your photos into 2D & 3D jigsaw puzzles with uniques shapes!


• 14 Classic effects, available in 2D & 3D.
• 24 Special effects, available in 2D & 3D.
• Up to 210 detachable pieces.

Photoshop version:
Add to cart
$18.90
PS Elements version:
Add to cart
$15.90
Mockups Photoshop actions by PanosFX

Create a great variety of digital mockups!


• 19 Softback book templates, plus a 3D book model !
• 5 Hardback book templates.
• 15 Magazine templates.
• 10 Spiral bound pads & albums.
• 6 Brochure templates.
• 5 Vinyl records & DVDs.
• 18 Cubes (static & 3D)
• 1 Software box

Photoshop version:
Add to cart
$17.90
PS Elements version:
Add to cart
$17.90
Filmstrips Photoshop actions by PanosFX

52 beautiful filmstrip frame effects!


• 20 Flat filmstrip effects - 60 variations.
• 18 Bent filmstrip effects - 54 variations.
• 14 Special effects (from film canisters to clapperboards).

Photoshop version:
Add to cart
$17.90
PS Elements version:
Add to cart
$17.90
previous arrow
next arrow
Shadow
Slider
keyboard_arrow_up