How to Create Title Screens for Video in Photoshop

This final episode of the four-part video-in-Photoshop series brings together everything from the previous three parts, editing basics, color grading, and transitions with audio, then adds animated layer masks and animated layer effects to build a logo title screen. This tutorial covers adding a logo to a new video group, animating a layer mask to slide the logo in and out, animating a drop shadow’s angle over time, fading a closing logo with opacity keyframes, and rendering the finished video for YouTube. The same footage used throughout this series is available to click here to download our video footage.

Adding a Logo to a New Video Group

A still logo graphic can be placed inside its own new video group the same way a video clip can, giving it a spot in the timeline even though it never changes on its own.

1. Create a New Video Group

   Click the film strip icon and choose New Video Group to create an empty group ready to hold the logo.

2. Add and Scale the Logo

   Bring in a still logo graphic, place it in the new video group, and scale it down to a reasonable size over the footage.

Adding a Layer Mask to Animate a Logo Reveal

A gradient painted onto a layer mask, later animated over time, is what turns a logo that simply pops on and off into one that gradually reveals itself.

3. Add a Layer Mask to the Logo Layer

   Select the logo’s layer inside its video group and add a layer mask, which reveals Layer Mask Position and Layer Mask Enable as new animatable properties.

4. Paint a Gradient on the Mask

   Use the Gradient tool to click and drag across the layer mask, creating a black-to-white gradient that hides the logo on one side and reveals it on the other.

Unlinking the Layer Mask to Animate It Independently

Breaking the default link between a layer and its mask makes it possible to move just the mask over time without dragging the logo itself along with it.

5. Unlink the Layer and Its Mask

   Click the small chain link icon between the layer and mask thumbnails to unlink them.

Why Unlinking the Layer and Mask Matters Before Animating

With the layer and mask still linked, any attempt to move the mask over time would move the logo itself right along with it, ruining the reveal effect. Unlinking them first means the Move tool can reposition the mask on its own while the logo stays fixed in place, which is exactly what animating the mask’s position depends on.

Keyframing the Layer Mask Position to Slide In and Out

Adding keyframes to Layer Mask Position at different points in the timeline, each with the mask moved to a different spot, animates the gradient sliding across and revealing the logo.

6. Add a Starting Keyframe

   At the point where the reveal should begin, click the stopwatch next to Layer Mask Position to add a keyframe with the mask hiding the logo.

7. Move the Mask and Add a Second Keyframe

   Move the playhead forward, then use the Move tool to drag the mask to reveal the logo, automatically creating a second keyframe.

8. Reverse the Movement to Hide the Logo Again

   Add further keyframes moving the mask back the other direction so the logo fades back out the same way it faded in.

Duplicating a Keyframe to Hold the Logo in Place

Copying and pasting an existing keyframe extends the amount of time the logo stays fully visible before it starts sliding back out.

9. Copy an Existing Keyframe

   Right-click a keyframe where the logo is fully revealed and choose Copy.

10. Paste It Further Along the Timeline

    Move the playhead further ahead and paste the copied keyframe, holding the logo in the same fully visible position for longer before it animates back out.

Placing a Background Color Layer Behind the Closing Logo

A duplicated color fill adjustment layer, placed beneath a logo positioned after the footage ends, gives that closing logo a solid background instead of transparency.

11. Add a Second Logo Instance at the End

    Place another instance of the logo in the timeline positioned right after the main footage ends.

12. Duplicate the Color Fill Layer

    Duplicate the existing color fill adjustment layer and position the new copy beneath the closing logo so it has a solid background to sit on.

Animating a Layer Effect’s Angle Over Time

A layer effect like Drop Shadow can be keyframed the same way opacity or position can, animating a property like its angle to sweep across the timeline.

13. Add a Drop Shadow Layer Effect

    Double-click the closing logo layer, add a Drop Shadow, and adjust its size, distance, and opacity to taste.

14. Uncheck Global Light

    Uncheck the Global Light option on the Drop Shadow so its angle can be animated independently.

15. Add a Starting Style Keyframe

    Click the Style property’s stopwatch to add a keyframe capturing the current Drop Shadow angle.

16. Change the Angle at a Later Point

    Move the playhead forward, reopen the layer effects, and change the Drop Shadow’s angle to the opposite side, automatically creating a second Style keyframe.

Why Turning Off Global Light Matters When Animating a Drop Shadow

Global Light normally keeps every shadow and glow effect in a document synchronized to one shared light angle, which would prevent this one shadow from animating independently. Unchecking Global Light on this specific Drop Shadow effect frees its angle to be keyframed and animated on its own, without affecting or being affected by any other layer effects in the document.

Fading the Closing Logo In and Out With Opacity

Opacity keyframes bookend the closing logo’s appearance, fading it in from invisible and back out to invisible rather than having it snap on and off abruptly.

17. Add a Keyframe at 0% Opacity

    At the point the closing logo should begin appearing, add an opacity keyframe set to 0%.

18. Add a Keyframe at 100% Opacity

    Move forward and raise the opacity to 100%, creating a second keyframe so the logo fades fully into view.

19. Fade Back Out to 0% at the End

    Near the very end of the clip, add a final opacity keyframe back down at 0% so the logo fades out before the video finishes.

Rendering the Finished Video for YouTube

Render Video’s format and preset options package the finished project into a single video file ready to upload.

20. Open Render Video

    Click the Render button in the timeline, or go to File > Export > Render Video.

21. Choose the H.264 Format

    Set the format to H.264, a well-supported encoding format that works well for uploading to YouTube.

22. Select a Quality Preset and Render

    Choose a preset such as High Quality, confirm the destination, and click Render to export the final video file.

Why H.264 Is a Good Export Format Choice

Some export formats work well for editing but create files that are unnecessarily large or poorly supported once uploaded to a video platform. H.264 strikes a practical balance of quality and file size that’s well supported by YouTube and most other places a finished video is likely to end up.

More Free Photoshop Tutorials

To revisit the earlier parts of this series and build on the video techniques used here, check out these free tutorials:

• How to Select Subjects and Refine Edges in Photoshop
• Three Ways to Use Blend If in Photoshop
• Curves vs Levels in Photoshop: What the Difference Actually Is

Why This Approach Works

Unlinking a layer mask from its layer before animating it is the specific step that makes a smooth, independent reveal effect possible instead of dragging the whole logo around with the mask. Turning off Global Light before keyframing a Drop Shadow’s angle is what frees that one effect to animate on its own timeline without disturbing every other shadow in the project. Rendering out in H.264 at the end is what turns four episodes of layered adjustment layers, video groups, and keyframes into one straightforward file ready to upload and share.

Final Thoughts

Across this four-part series, editing basics, color grading, transitions and audio, and now animated masks and layer effects, a single project built entirely in Photoshop ends up looking like a genuinely finished, polished video. The same animated layer mask and layer effect techniques covered here apply well beyond a closing logo, opening up title cards, reveals, and stylized transitions for any future video project.

Related Tutorials

• Adobe Firefly Video: 5 Easy Prompting Rules
• New Blemish Removal Tool in Photoshop | Free Tutorial
• Vectorscope Tool: Perfect Skin Tones in Photoshop 2026