Posts tagged "Timeline"

December 11, 2014

Creating A Simple Slideshow in Photoshop

If you’ve ever wanted to quickly create a slideshow from a sequence of images in Photoshop, start in Bridge and select your images. (Ideally, the images that you select in Bridge should be at the correct size and in the order that you want them to be in your slideshow.) Then, choose Tools > Photoshop > Load Files into Photoshop Layers.


In Photoshop, select all of the layers by choosing Select > All Layers – or use the shortcut Command + Option + A (Mac) | Control + Alt + A (Win).  Then, to reverse the order of the layers, choose Layer > Arrange > Reverse. (For some reason, Photoshop loads the layers so that the first layer ends up at the top of the layer stack, which is most likely the reverse order that you intended).


In the Timeline panel, click Create Video Timeline. This adds all of the selected layers to the Timeline.


In the Timeline panel, click the filmstrip icon and choose New Video Group From Clips. This will sequence all of the photographs, one after another, in the timeline.


Add audio by clicking the Musical Notes icon on the Timeline and selecting Add Audio. Trim the audio clip if necessary.


Choose File > Export > Render Video and select the desired preset from the list or enter your own custom values.

Of course, if you’re working with Lightroom, you can create a video using the Slideshow panel, however if you want to use Photoshop’s tools (such as adjustment layers, Smart Filters, and animated layer masks), to enhance the images, then Photoshop is a great way to get your feet wet without learning another program.

And don’t worry, if you decide to get more “involved” with video and motion graphics, then Premiere and After Effect will be waiting for you.  : )

For more information on working with stills and video in Photoshop (including how to add filters, work with adjustment layers, create animated masks and work with timelapse, check out the videos below. Note: some were recorded with CS6, but are still relevant today!

Working with Video in Photoshop CS6

How to Pan and Zoom Video in Photoshop CS6

Masking Video for Special Effects in Photoshop CS6

Quick Tip – Creating Masks to Move Over Time in Photoshop CS6

5:05 AM Permalink
May 16, 2014

Masking Video for Special Effects – Photoshop Playbook

Lex and Bryan asked me to do a guest appearance on the Photoshop Playbook series, so here’s How to Mask Video to Create Special Effects.

Now let’s go make something fun!  : )

10:00 AM Permalink
April 25, 2014

Using Only the Audio from a Video Clip in Photoshop

To import the audio from a video clip (but not the video), open a new document and show the Timeline panel. In the Timeline panel, click the “Create Video Timeline” button.


Click the Notes icon and choose “Add Audio” from the drop down menu to select your video. Only the audio will be added.


5:34 AM Permalink
July 29, 2013

Video Playback Resolution in Photoshop CC

Photoshop CC has added various resolutions to playback video. The default is 50% and other options are 25% and 100%. Setting a lower resolution can increase playback performance when working with high resolution video (in previous versions, Photoshop auto-dropped the resolution for faster playback). To select the playback resolution, click the gear icon in the Timeline panel. Note: the Loop Playback check box also appears in the gear menu.33PlaybackRes


5:07 AM Permalink
November 15, 2012

Moving Multiple Video Clips (Layers) in Photoshop CS6

In order to move more than one video clip at a time, select all of the desired layers in the Layers or Timeline panel. Then, in the Timeline panel, drag to reposition all clips. You can select clips from within a Video Group, across different Video Groups and/or any other layers in the document and move them – as long as the location that you’re trying to move them to doesn’t have other content (videos, stills etc.).

Note: To select multiple layers, Command (Mac) | Control (Win) -click the desired layers, or Shift -click to select a range of contiguous layers.

5:54 AM Permalink
November 14, 2012

Quick Tip – Creating Masks to Move Over Time in Photoshop CS6

In this Quick Tip, Julieanne reveals a technique to create a mask using the reflected gradient which can quickly be repositioned over time without retouching.

5:47 AM Permalink
November 6, 2012

Changing the Speed of the Current Time Indicator in Photoshop CS6

These shortcuts will help change the speed of the Current Time indicator in Photoshop CS6:

• Shift -drag the current time indicator to increase playback speed.

• Command -drag (Mac) | Control -drag (Win)  the current time indicator to decrease playback speed.

5:16 AM Permalink
August 10, 2012

Splitting Stills and Video Clips in the Timeline Panel in Photoshop CS6

From the Timeline panel’s flyout choose Split at Playhead to split the selected clip at the current time indicator or, Control -click (Mac) / Right Mouse -click (Win) on the blue portion of the current time indicator.

To split multiple clips be sure to first select them in the Timeline (or in the Layers panel).

5:07 AM Permalink
August 9, 2012

Animating Layer Style’s Global Lighting in the Timeline Panel

Style (or Layer Style) is one of the many attributes that can be changed over time using keyframes in the Timeline panel in Photoshop CS6. Most of the Layer Style options use directional lighting to create the desired effect (such as drop shadows, bevel and emboss, inner shadows etc.).

Depending on your image, you may have a number of individual objects (type layers, video clips, shape layers etc.) which you want to cast shadows at different angles. This can be accomplished by turning off the Global Lighting check box in the Layer Styles dialog for each layer. If, however, you want all of the objects to cast the same shadow at the same angle, then either turn on the Global Lighting check box in the Layer Styles dialog for each layer or, use the Global Light Track on the Timeline panel to change all layers lighting (and therefore the direction of the shadows) at once.  And of course the Global lighting direction can be changed, over time, using keyframes!

5:18 AM Permalink
August 8, 2012

Adding Comments to the Timeline Panel

It’s easy to add comments along the Timeline panel in Photoshop CS6. Simply position the current time indicator where the comment should appear and, from the Timeline’s flyout menu, choose Comments > Edit Timeline Comment. If the comment isn’t displayed along the top of the Timeline, choose Show > Comments Track from the Timeline’s flyout menu. A small yellow square represents the comment – double clicking the square displays the comment. You can also use the flyout to export the comments as HTML or Text.

5:01 AM Permalink
August 7, 2012

Timeline Panel Shortcuts for Video and Motion in Photoshop CS6

Here are some of the shortcuts that I use when working with video in Photoshop CS6:

• Tap the Spacebar to play the timeline at the current time indicator point. Tap it again to stop playing.

• Option -click (Mac) | Alt -click (Win) the current-time display in the lower-left corner of the Timeline panel to switch between timecode and frame numbers.

• Option -click (Mac) | Alt  -click (Win) the disclosure triangle next to the layer name (on the Timeline panel) to expand/collapse the list of layer animation options.

• Shift-drag to snap an object (keyframe, the current time, layer in point, etc.) to the nearest object in timeline.

• With multiple keyframes selected, Option -drag (Mac) | Alt -drag (Win) the first or last keyframe to scale the time “between” keyframes proportionatly.

To enable the following shortcuts for video, use the fly-out menu on the Timeline panel to select “Enable Timeline Shortcut Keys”.

• Up Arrow moves to In Point of the current layer. Down Arrow moves to the Out Point of the current layer.

• Left Arrow or Page Up moves to the previous frame, Right Arrow or Page Down moves to the next frame. Add the Shift key to move 10 frames at a time.

• Shift + Up Arrow moves back in time 1 second, Shift + Down Arrow moves forward 1 second in time.

• Shift -clicking the Next/Previous Frame buttons (on either side of the Play button) jumps to the next/previous whole second in timeline.

• Tap the Home key to jump to the beginning of the timeline, tap the End key to jump to the end of the timeline. Note: on a laptop, press the function key (fn) and use the Left/Right arrows to jump to the Beginning/End of the timeline.

And don’t forget, you can create custom keyboard shortcuts for any of the items on the Timeline panel’s flyout by selecting Edit > Keyboard Shortcuts. Choose “Shortcuts For: Panel Menus” and scroll down to Timeline (Video). Use the disclosure triangle to view the individual commands and apply your own custom shortcuts.

5:13 AM Permalink
June 4, 2012

Video and Audio Playback in Photoshop CS6

When playing (or scrubbing) video in the Timeline panel, Photoshop creates a preview of the video as quickly as possible. However, depending on a number of variables (such as the dimensions of the original source video, the preview size, number of layers, complexity of changes made to each layer, power of the machine etc.), the time needed to render each frame will vary.

If you are working with video and still images which do NOT contain audio, and you need to preview the video “faster” (for example you might only need to see a rough approximation of the result of an adjustment layer in order to make further decisions), from the Timeline panel’s fly-out menu, turn on Allow Frame Skipping. If Allow Frame Skipping is on (and the project has no audio), then Photoshop will skip as many frames as necessary to display a “real-time” preview.

If you need to render and preview every frame (and the project has NO audio) turn off the Allow Frame Skipping option to force Photoshop to render (play) every frame. Although it will most likely be slower, this mode takes advantage of the playback cache and has the fastest and smoothest playback when previewed for the second time.

Finally, if the project has audio, and the audio button is ON, Photoshop will skip frames as necessary (regardless of the Allow Frame Skipping setting) to keep up with the audio (in real time).

Note: when skipping frames, Photoshop displays the playback frame rate in red in the lower left of the Timeline panel.

5:02 AM Permalink