How to Create T Shirt Video Mockup Templates in Photoshop to Sell on Etsy? [NEW]

How to Create T Shirt Video Mockup Templates in Photoshop to Sell on Etsy? [NEW]

This guide will walk you through creating stunning video mockups that not only showcase your designs but also help increase your conversion rates

Shohidur Rahman
February 9, 2025
read

Video mockup templates are changing how sellers present their products on Etsy and other platforms. With Etsy now allowing video listings and the growing popularity of video content online, there’s a real demand for high-quality t shirt video mockup templates.

Unlike the crowded market for static templates, video mockups offer a fresh opportunity for designers.

video mockup Google trend 2025

Now is the perfect time to jump into this market. While traditional static templates face stiff competition, T-shirt video mockup templates are still growing in popularity, making it a great chance for those who get in early.

What are Video Mockups & Why Are They Important?

Video mockups show your t-shirt designs in motion. Think of them as mini-movies of your products. They serve two main purposes:

  1. They show how your design looks on a real t-shirt.
  2. They help customers see the fabric quality up close.

Most sellers get this wrong. They just add movement to a still photo. That’s not enough. Good video mockups are like mini commercials. They tell a story about your product. Here’s why they matter:

  • Customers can see the design from different angles
  • They show how the shirt fits on a real person
  • The movement makes the product feel more real
  • They catch attention better than still photos
  • They help customers make buying decisions

Think of it this way. Would you rather see a photo of a shirt or watch someone wearing it?

[ ALSO READ: Best T-shirt Video Mockup Generator ]

How To Go About Preparing Your T Shirt Video Mockup Template?

My t-shirt video mockup will highlight two important things to help your buyers increase sales: the detailed design and the t-shirt’s fabric quality. We’ll achieve this using a simple animation technique called 2.5D Parallax animation. 

2.5D Parallax animation adds depth to a still image making it come alive by moving the subject and background in opposite directions. It creates a sense of depth and makes your mockup more engaging.

Creating the 2.5D Parallax Animation

Let’s add a 2.5D parallax animation. I’ll start by opening a blank T-shirt image in Photoshop. First, we need to separate the model (our subject) from the background. Make a selection around the model and press (CTRL + Shift + J) to duplicate it onto a new layer. 

Now the subject and background are on separate layers. However, the background has incomplete areas from the cutout. To fix this, we’ll use Content-Aware Fill:

  1. Select the background
  2. Go to Edit > Fill
  3. Choose Content-Aware and click Fill
T Shirt Video Mockup Template

If you’re using the latest version of Photoshop, you can also use Generative Fill for this step. But to keep this tutorial useful for those with older versions, we’re sticking with Content-Aware Fill. After filling, there may be some uneven edges. We’ll smooth these out using the Clone Stamp tool:

  1. Select the Clone Stamp
  2. Use ALT key to copy from neighboring pixels and fill in
copy neighboring pixels

This process can be slow and time-consuming, so take your time to ensure everything looks seamless.

Setting Up the Project

When you’re done separating, create a new document with the Etsy standard size:

  1. Pick 2,000 x 2,000 pixels
  2. Click create.
T Shirt Video Mockup Template | etsy dimensions

This will be the main project. Go back to the project containing your separated subject and background. Using the move tool:

  1. Drag the subject to the main project
  2. Drag the background
  3. You can cancel out the tab afterwards

Adding Animation

Now it’s time to add the animation:

  1. Go to Window and click on Timeline
click on timeline

2. This opens the interface where we’ll apply the animations

But we don’t want to animate this image alone – we want to make it reusable as an Etsy template. We’ll achieve this using nested smart objects:

  1. Right-click on the background layer and select Convert to Smart Object
convert to smart object

2. Right-click on the model layer and choose Convert to Smart Object

3. Right-click the model layer again and select Edit Contents

edit contents

This will open our isolated model in a new tab. Here you will add your placeholder design and make it a reusable template.

Adding the Design

Grab your placeholder and drag and drop it onto the T-shirt. Now we need to arrange it according to the flow of the body shape. You can achieve that either by:

  • Just adjusting the perspective of the placeholder to the T-shirt
  • Taking it a step further by adding more details taking care of the folds and body shape of the subject

To take it a step further:

  1. While you’re on the basic transform tool, right-click and select Warp
warp option
  1. Using the mouse, try to follow the flow of the body and align the placeholder
  2. Be gentle and take your time to achieve a balanced, well-wrapped result
adjusting to get it in place

Adding Shadows

Now we will add some shadows to make it look more natural and realistic:

  1. Duplicate the model layer
  2. Move it above the placeholder
  3. Go to Image > Adjustment and click on Desaturate
desaturate
  1. Clip it so the effect is applied to only the placeholder design
  2. Change the blend mode to Hard Light
blend mode
  1. Go to Image > Adjustment and Curves
  2. Move the slider below to increase the darker areas
increase dark layer

3. Move down the slider above to increase the highlights or bright areas. Adding the shadows and highlights makes the design look realistic and blends more naturally.

Creating the Animation Timeline

Save and close this tab. On your main composition, you can see that all the changes you made reflected. That’s the advantage of using a smart object.

Below on the timeline panel:

  1. Click on Create a Video Timeline
  2. This will automatically add the layers in the timeline
  3. Rename layers as background and model
background model

Use the slider to control how long layers appear on the timeline. On the layers, you’ll find a drop-down key. Clicking on this will reveal three items:

  • Transform
  • Opacity
  • Style

Notice there’s a stopwatch beside each of these items. This stopwatch icon controls the addition of keyframes.

Let’s quickly talk about keyframes and how they work. Keyframes are points in your timeline that mark where changes happen, like transform, opacity, and style of our layers. Think of them as bookmarks that tell Photoshop where something should be at certain times.

keyframe

Creating the Parallax Effect

To add 2.5D Parallax animation:

  1. Set a transform keyframe at the start
  2. Press CTRL + T for the transform tool. This makes the T-shirt layer small
  3. Add another keyframe at the end position. This makes this layer bigger, zooming into the placeholder design

You can slide the play head to preview the movement between these two keyframes. Similarly, you can add keyframes for opacity and style parameters of the layers too.

For the 2.5D Parallax effect, the background should move in the opposite direction of the subject:

  1. Select the background layer
  2. Add a keyframe
  3. Make the layer bigger at the start
  4. Add another keyframe at the end
  5. Make the layer smaller
keyframe bigger smaller

Adding Multiple Scenes

Let’s add a few more scenes to make this video template functional:

  1. Select the T-shirt layer and duplicate ( CTRL + J ) it (second scene)
  2. Create a smooth slide panning effect
  3. Click on the stopwatch icon before transform
stopwatch before transform
  1. Move the subject sideways
  2. Move your slider to the end of the animation
  3. Move the subject to the middle
  4. Preview to see the movements.
move slider to middle

For The Third Scene:

  1. Duplicate the T-shirt layer
duplicate tshirt layer
  1. Toggle on the stopwatch from transform keyframe
  2. Zoom into the fabric to show the texture and quality of mockup
  3. Slide to the end of the animation
  4. Slightly reduce the size of the T-shirt
slow zoom out effect

Adding Transitions

I feel some minute details are missing – the scene transitions abruptly. Up until now, we have used transform keyframes. Now let’s make use of opacity keyframes to add some fade-in transitions between each scene.

To do that:

  1. Add a new solid color fill layer
  2. Make three copies of it
  3. Move one to the beginning of the animation
  4. Move the second between the first and second scene
  5. Move the third between the second and last scene
move scene

For the first transition:

  1. Add two keyframes for the opacity
  2. At the beginning of the animation, keep the opacity to 100%
  3. At the end of the animation, set the opacity to 0%

This will create a slow fade-in opening effect, great for mockup reveals.

For the second and third transitions:

  1. Toggle on the keyframe for opacity at the start
  2. Reduce opacity to zero
  3. Move the slider to the middle of the first and second scene
  4. Increase the opacity to 100%
  5. Move to the end of the layer
  6. Reduce the opacity to 0%

This creates slow fade-in transitions between the scenes. Repeat the process for the third transition.

Adding Particle Effects

Now to further pop out the animation, let’s add some fall leaves particle motion. You can do that in two ways:

First method:

  1. Download a transparent or black background Leaf particles online
  2. Get some free ones from Vecteezy or similar sites
  3. Drag and drop it in your project
  4. Set the blend mode to Screen
blend to screen

Second method:

  1. Download a PNG Leaf particle from Vecteezy.
  2. Drag and drop it on your main composition
  3. Reduce the size and position it somewhere on the canvas
  4. Make several copies and position them in separate areas
duplicate

5. Select all the layers and group them

select layer and group them

6. Add a Gaussian blur filter ( Filter > Blur > Gaussian Blur )

7. Reduce the intensity of the blur based on the distance of each Leaf particle

8. Right-click and convert the group to a Smart Object

convert to smart object

9. Right-click on the layer again and click on Edit Content

10. Pick any leaf layer

11. Click the group drop-down arrow

12. Add a transform keyframe

13. Move the keyframe to the end of the layer

move keyframe to end of layer

14. Position your Leaf a little above

15. Play around with the rotation and perspective

This creates a slight fall-down effect. Take your time to animate the rest of the leaf particles.

When done:

  1. Save and close the tab
  2. On the main project, add a transform keyframe to the smart object
  3. Increase the size of the layer significantly
  4. At the end of the animation, reduce the size

[ ALSO READ: How to Make Awesome Video Mockups In Canva ]

Finalizing the Template

When done, save the template as a PSD document, which you can upload to sites like Etsy or Creative Market and earn some passive income.

Our video template is ready and demonstrates how to create professional t-shirt mockup video templates. These techniques will help you create engaging mockups that showcase movement and serve as effective sales tools for your buyers.

The key is understanding that successful video mockups go beyond simple motion – they highlight product details and quality in a way that helps drive sales. With these skills, you can create valuable templates that stand out in the marketplace and provide real value to your customers.

[ ALSO READ: 100+ Awesome Midjourney Prompts to Create T-Shirt Mockups ]

Remember to Avoid these Common Mistakes When Creating Video Mockups

1. Basic Movement Mistake

There’s a common misconception among Etsy tshirt mockup template sellers that simple motion equals good video mockups. They grab their t-shirt image, sway it left to right, and call it done. It’s like showing a car rocking back and forth to sell it.

  • You need a video mockup that shows how the design sits on the fabric, moves with the body, and looks good.
  • Focus on movement that highlights your design’s best parts instead of basic swaying.
  • Put closeups of the print quality, show how the design wraps around curves, and show the shirt from all angles.

2. Poor Scene Planning

Consider your video mockup as a mini commercial where every second matters. Avoid random movements; instead, create a clear narrative. 

  • Start with a strong full view of the shirt, transition to close-ups of important design elements, and finish with quality details. 
  • Make sure each scene flows naturally to engage buyers effectively and encourage them to make a purchase decision.

3. Amateur Animation Effects

Poor transitions can make even the best designs seem unprofessional. It’s jarring and distracting. Many sellers hastily create animations that result in jerky movements and sudden scene changes and give off an “amateur” vibe.

In contrast, professional mockups feature smooth flows with well-timed movements and subtle transitions. Every animation should feel natural and intentional rather than a random assortment of effects.

4. Flat Video Presentations

Creating flat, two-dimensional animations is like serving a gourmet meal on a paper plate—it undervalues your product. Many sellers rely on basic front-view movements, missing the chance to showcase their designs in three dimensions. 

Techniques like 2.5D Parallax animation add depth and make your mockups more engaging. This approach creates a near-three-dimensional effect by moving the background and foreground at different speeds, making your t-shirt design stand out.

5. Template Structure Problems

A poorly structured template is like a puzzle with missing pieces. Many sellers create templates that are difficult to customize or lack clear instructions. Your template should be like a well-organized toolkit – everything in its place and easy to use.

This means clear layer naming, properly set up Smart Objects for easy design replacement and comprehensive instructions that guide buyers through customization.

Taking Your Skills to the Next Level: Go Beyond

This is just scratching the surface of what’s possible with modern mockup creation. The mix of AI tools and Photoshop has opened up incredible opportunities for digital product creators.

While I’ve shown you the basic steps today, creating professional-grade t shirt video mockup templates requires mastering several advanced techniques, especially when working with AI tools and smart objects. 

For that, you can preorder my ultimate Etsy mockup course here.

Ultimate Etsy Mockup Course 

Shohidur Rahman
Vikash is the founder of Bulk Mockup, a specialized plugin that integrates with Photoshop to streamline mockup creation for print-on-demand sellers. Drawing from his experience running Putoos Graphics LLP, an image editing agency serving hundreds of e-commerce entrepreneurs, he recognized the time-consuming challenges of manual mockup production. Bulk Mockup was developed to automate this process, helping sellers save valuable time and resources while professionally presenting their products.

Subscribe to Bulk mockup
weekly updates!

Accepted payment methods
Copyright © 2024 by Bulkmockup. All rights reserved.