A Brief History of Display Fonts

What is a display font? And what is the best place to use a display typeface? Discover the answers to those questions and more in this article.

As a budding designer, it’s important to get familiar with the term and when it’s used. In this article, I’ll go through a display font definition, the typeface history of display fonts, and outline some essential tips and great examples from our Envato Elements library.

Creating an atmosphere and a feeling on a page is not as easy as it sounds. As designers, we pay close attention to details and devote our time to choosing legible fonts that will make our readers comfortable. Clean designs can often neglect the creation of a feeling on a page. 

What Is a Display Font?

If you’ve been looking for a display font definition, here it is: display fonts are designed to be used at large scale to convey a specific feeling. We see them in custom logos and beautifully laid-out editorial stories. 

Drop caps are another way to use them and enhance your design. The best display fonts can create an atmosphere in an instant and are great elements to include in your design. 

Vintage Gents Outfitters Display Board Font

In this article, we’ll take a look at display fonts and their part in typeface history, and how they came to be popular. The digital era has made it easier for designers to create their own display fonts, so I’ll show you a few great examples from our own Envato Elements library. Let’s get started! 

Text vs. Display

Text fonts are specifically designed to be read at smaller point sizes and in long blocks of text. Serif fonts used to be and sometimes still are the font of choice for long blocks of text. In the last few years, we’ve seen a rise in the popularity of sans serif fonts as a choice for text too. Designers have focused on making them legible at small point sizes. 

Visage Outline Display Typeface

To attract readers to the copy, designers use display fonts. By following a specific theme and choosing a display font accordingly, we can create an atmosphere on the page. Display fonts are used to stand out and perform at larger sizes compared to text copy.

Currently, some serif typefaces are developed with a display version in mind, which is great news for serif lovers. The difference between serif text and serif display lies primarily in the x-height of the lowercase characters. Text serifs have taller x-height, and the serifs are more noticeable, so characters can be identified more easily.

Serif text vs serif display

Traditional display fonts are sometimes called decorative, and these fonts can help you carry a theme throughout a project. These fonts scream, “Look at me!” and are designed for specific purposes or with a theme in mind. 

Traditional display fonts don’t include a text size version because they are meant to be used sparingly at a large point size in headlines and advertising. Decorative fonts may incorporate graphic elements and details that make them illegible when scaled down.

Often, you’ll see logos using customized display fonts that are unique and stylized. These aim to convey a specific personality that fits a brand. There’s a wide range of display fonts to choose from, and with new technology, it is easier to create them. 

Display fonts

Typeface History and Display Fonts

In the 15th century, Johannes Gutenberg developed the printing press, which led to the mass production of printed publications in Europe. However, the Industrial Revolution accelerated the way type was produced through the invention of new processes and machinery. 

The Industrial Revolution had two major effects in typography: functional type design and the production of mass advertising. The Linotype Machine was invented during this time by Ottmar Mergenthaler. This new machine worked the same way as a typewriter and shortened the time that was needed to set type. While typesetting got easier, punch-cutting became faster. Linn Boyd Benton invented a pantographic device that could scale a drawing to any size. This is where many of the typefaces got stretched and compressed. 

Kohm Font Display

The invention of lithography in the 1800s made it possible to print large prints. By the end of the century, the ability to print large-scale posters with multiple colors helped start advertising. 

The Industrial Revolution also made room for signs, posters, and newspapers for the masses. The rise of these mediums called for large-scale characters that could attract attention in public spaces. Heavier, bolder, and stretched typefaces were the result of the need for awareness. 

Whitefish Display Typeface

There are multiple categories within decorative/display fonts. Up to this day, we are still creating them, and we’ve seen a resurgence of many of them every 10–15 years. Here, we’ve gathered the most important categories to know:

  • Slab serifs were introduced as display fonts at first. The block-like rectangular serifs commanded attention, and their sturdy serifs held up well during printing. Later on, they were added alongside Roman fonts as an alternative to italics to highlight text. 
  • Fat faces first appeared between 1810 and 1820 and were intended for display purposes. The anatomy was exaggerated, with thick vertical lines and the vertical serifs turned into a wedge shape. 
  • Wood Type was carved out of wood and cut perpendicular to the grain. The anatomy of wood type lacked fine lines and was unusually compressed and extended. Wood type has an “Old West” feeling as it was associated with America in the 1870–1900 period.
  • Scripts and brush typefaces are based on handwriting—usually writing with a steel nib pen, brush, or regular pen. Some typefaces have a more traditional look, while others are now based on current handwriting.
  • Art Nouveau brought ornamental typefaces that featured organic and intricate lines during the late 19th century. A revival occurred in the 1960s that brought the style back to popularity.
  • Art Deco was the opposite of Art Nouveau. First appearing in the 1920s and 1930s, Art Deco found beauty in clean and geometric lines. Art Deco fonts can also be classified as sans serif fonts because of the lack of serifs, but they can be extremely difficult to read in long-form text. Art Deco fonts also made a comeback in the 1970s and 1980s. 
Lawless Font Display
Lawless font

Lawless is a great example of the style of fonts developed during the Industrial Revolution. Drawn in pencil and further developed in Illustrator, Lawless is inspired by Wood Type in the 1800s. Perfect if you are looking for an “Old West” style display font.

With the popularity of digital fonts, the display font category is becoming larger and larger. Nowadays there are thousands of display fonts that can suit any theme for layout design, branding, and advertising. Envato Elements has a great library of display and decorative fonts that are useful for evoking a particular subject, mood, or historical period. Let’s take a look at a few: 

Circus Freak Font

There’s no question about what is the best place to use a display typeface called Circus Freak. It’s a display font inspired by the old American wood type from the late 1800s. The font is chromatic, meaning that you can stack two or more styles from the same family on top of one another in different colors. There are four styles that can be layered for a vintage letterpress effect. Bonus points for the four high-resolution textures this download includes! 

Circus Freak Font Display Board Font
Circus Freak Font

Morning Glory

Inspired by the Victorian era, Morning Glory is a highly ornamented font that’s perfect for any vintage-themed layout. Included in this package is the ornamented border that can come in handy for posters and advertising. It’s one of the best display fonts you’ll find with this typography style.

Morning Glory Font Display
Morning Glory

Hard Stones Family

Hand Stones is a retro font that has a rough style and contains multiple styles. Use the sans serif and match it up with the script version for a super cool look. This font is also chromatic, so you can layer it any way you want! This font supports multiple languages and comes with ligatures that will help you support your design and make it more authentic. 

Hard Stone Family Display Board Font
Hard Stones Family

The Brewski

This wonderful textured typeface is inspired by the early 20th century. The package contains stylistic alternates, so you can mix and match pairs to fit your design. If you want a vintage-inspired logo, The Brewski is one of the best display fonts to help you stand out from the crowd.

The Brewski Display Typeface
The Brewski

Ropstone Typeface

Ropstone is a display font developed by hand and inspired by classic vintage posters. Ropstone is a great package as it includes vintage ornament elements and borders that will help you complete your design. The font includes multiple alternates that can help you find the right character to fit your design.

Ropstone Display Typeface
Ropstone Typeface

Carter Layered

Carter is a chromatic typeface that you can layer as you wish. It has endless combinations that are inspired by retro signage. One of the combinations even makes the characters look as if they are popping out of the screen. Use this display board font in your next layout design to enhance the retro look. 

Carter Layered Font Display
Carter Layered

Organic Family

Organic is a retro-inspired font for display that includes four styles in the package. The slab serif has sharp edges that add oomph to your design. Support the slab family with the thin and regular versions for smaller and finer details. Or pair the stencil family with a spray texture for a grungy look!

Organic Family Display Typeface
Organic Family

Oatmeal Jack

Oatmeal Jack is a dynamic typeface developed by hand using brushes and markers. For an authentic look, scale each character separately, and it will look truly handmade. The font includes a serif and script version, so you can use both together or separately. Also included are multiple glyphs that will keep your design looking flawless. Bonus points for including the badges on the preview of the font. These will come in handy when you are looking for some inspiration!

Oatmeal Jack Display Board Font
Oatmeal Jack

Stooges Races

Stooges Races is a retro font inspired by motorcycle posters from the mid-century. The hand-drawn style has an oily look, and the extra splashes make it wonderful for editorial design. In the package, you’ll receive an extra pack of vector silhouettes that can complement your design.

Stooges Races Font Display
Stooges Races

Parlour Sans

Parlour Sans is a versatile font with a vintage feel. This grungy font has a texture already applied to lowercase characters, while the uppercase letters have no degradation. There are extra glyphs in the package that will help you complete your project.

Parlour Sans Display Board Font
Parlour Sans

Mars Attack

This display font mimics a marker style. The uneven edges make the characters look even more real and hand-drawn. This display font is perfect for a sci-fi themed poster or editorial story. The font includes lower and uppercase characters that you can mix and match for an edgier look.

Mars Attack Display Typeface
Mars Attack

Flohart SVG Brush Font

Flohart lends your design a hand-crafted feel. This informal typeface has a dry brush feel that makes it look real. You’ll notice that the second strokes on a few of the characters are lighter than the main strokes—that is great attention to detail from the designer. The font includes alternate characters that will help you stylize your text for an authentic look.

Flohart Svg Brush Font Display
Flohart SVG Brush Font

The Painter

The Painter is inspired by traditional signs and brush lettering. The typeface includes two styles: a clean version and a rusted version. You can layer both to add shadow and depth to your design. The font includes a great set of swashes and stylistic alternates that will give you endless combinations for your design.

The Painter Font Display
The Painter

Balistik

This modern script font is perfect to use in your next design project. The clean lines make it highly legible. The package includes multiple stylistic sets and alternates, giving you plenty of options to choose from for your design. Complete with swashes and ligatures, you’ll be able to create an extensive brand system with the Balistik display typeface.

Balistik Display Board Font
Balistik

White Rocket

This thin-lined script font is beautifully designed and highly legible. The package includes uppercase, lowercase, numerals, and punctuation. White Rocket has a distinctly modern look that makes it one of the best display fonts you can use. The thin line is perfect if you are looking for a display board font that is light and easy on the eyes.

White Rocket Display Typeface
White Rocket

Tips for Using Display Fonts

In this article, we’ve looked at a display font definition, the differences between text and display fonts, the typeface history of display fonts, and a few examples from the great library of Envato Elements. Whether you are using examples that we showed you here or any display font, it’s important to keep in mind the following points:

  • Use a large point size: the more decorative in style the font is, the larger you should be using it. Smaller details will be hard to appreciate at 14 pt, so make sure you are choosing the right display font and using it at the right size.
  • Use sparingly: display fonts can sometimes be anatomically elaborate and difficult to read. So when you are trying it on a headline, get a second set of eyes to look at it and make sure the font is legible. Use display fonts only as accents in your design and not for full blocks of text. If you are using a display font in a layout, try using it as an initial cap at the beginning of a text. It’ll add a nice touch and will look elegant. 
  • Let it breathe: display fonts tend to be highly decorative and can appear visually heavy. Try to give them enough breathing room by making sure there is some distance from other elements on the page. 
  • Smooth flow: try setting display fonts in all caps and sentence case to compare how both versions read. Sentence case titles tend to read better as they have better flow than all caps. Capital letters have the same block appearance and may make some characters more difficult to identify.
  • Mind the gap: kerning is an important step in display fonts due to their intricate nature. Make sure that the headline reads as a whole rather than single characters.

I hope you enjoyed learning all about display fonts. If you are looking for inspiration for your next project, be sure to check out Envato Elements and GraphicRiver. We’ve got many serif, sans serif, script, and decorative fonts for you to explore!

{excerpt}
Read More

How to Create a Glitter Effect Photoshop Action

Final product image
What You’ll Be Creating

If you want to add glitter to photo, in this tutorial I’ll show you how to make glitter in Photoshop and how to add it your photos. Once you create this glitter effect Photoshop action, you’ll be able to add glitter to photos with a single click!

And if you want to save time, you can always try this glitter Photoshop action available on Envato Elements. Even if you don’t
know how to add glitter in Photoshop, this action will let you create a
beautiful, realistic effect.

LensDust Photoshop Action

What You’ll Learn in This How to Create a Glitter Effect Photoshop Action Tutorial

  • How to make a glitter background in Photoshop
  • How to add glitter in Photoshop
  • How to add glitter to pictures
  • How to create a glitter effect in Photoshop
  • How to add a glitter effect in Photoshop

Follow along with us over on our Envato Tuts+ YouTube channel:

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4000 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
checking image size and mode

Step 2

Now go to Window > Actions, and in the Actions panel click on the menu icon in the top right-hand corner, choose New Set to create a new set, and name it Glitter. Then, click on the same menu icon again, choose New Action to create a new action, and name it Glitter.

creating new action

2. How to Select the Subject

Step 1

Before I show you how to add glitter to pictures, first we need to prepare the subject. Choose the Quick Selection Tool (W) and select the background of the photo. Use the Shift-Alt buttons on your keyboard to add or subtract areas from the selection. After you’ve made a perfect selection, press Control-Shift-I on your keyboard to invert the selection.

making selection

Step 2

Now go to Select > Modify > Smooth and set the Sample Radius to 5 px. Next, go to Select > Modify > Contract and set Contract By to 2 px. Finally, go to Select > Modify > Feather and set the Feather Radius to 2 px.

modifying selection

Step 3

Press Control-J on your keyboard to create a new layer using the selection, and name this new layer Subject.

creating new layer using selection

3. How to Create the Background

Step 1

In this section, we are going to create the background. Select the Background layer, go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #e96688.

creating new solid color fill layer

Step 2

Now Right-click on this layer, choose Blending Options, check Gradient Overlay, and use the settings below:

adding layer style

4. How to Add Glitter Textures

Step 1

In this section we are going to add glitter to photo. Select the Subject layer, go to File > Place Embedded, select the texture from the first texture link, and click Place. Then, set the Width and Height of the texture to 400% and the Angle to -90°, and name this layer Base_Glitter_1.

how to add glitter in photoshop

Step 2

Now change the Blending Mode of this layer to Screen.

changing blending mode

Step 3

Go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, set the foreground color to #000000, choose the Brush Tool (B), pick a soft brush, and brush as shown below. Feel free to use different settings for the Opacity of the brush.

brushing onto layer mask

Step 4

Now press Control-J on your keyboard to duplicate this layer. Then, go to Edit > Transform > Flip Horizontal to flip this layer horizontally. After that, using the Move Tool (V), click and drag anywhere inside the canvas to position the layer as shown below.

duplicating layer

Step 5

Name this layer Base_Glitter_2 and drag it just below the Base_Glitter_1 layer in the Layers panel.

naming layer

Step 6

Now select the Base_Glitter_1 layer, go to File > Place Embedded, select the texture from the second texture link, and click Place. Then, set the Width and Height of the texture to 200% as shown below, and name this layer Add_Glitter_1.

add glitter to photo

Step 7

Change the Blending Mode of this layer to Lighten.

changing blending mode

Step 8

Now go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it A_G_1_Color, and choose the color #e96688.

creating new solid color fill layer

Step 9

Press Control-Alt-G on your keyboard to create a clipping mask. Then, change the Blending Mode of this layer to Color.

creating clipping mask

Step 10

Now Control-click on the Add_Glitter_1 layer to select both layers at the same time. Then, press Control-J on your keyboard to duplicate these layers.

duplicating layers

Step 11

Select the Add_Glitter_1_copy layer, and using the Move Tool (V), click and drag anywhere inside the canvas to position this layer as you like.

positioning layer

Step 12

Now press Control-T on your keyboard to transform this layer, and set the Angle to -30°.

transforming layer

Step 13

Control-click on the A_G_1_Color copy layer to select both layers at the same time. Then, drag these layers just below the Add_Glitter_1 layer in the Layers panel. After that, name these two layers according to their sequence number.

arranging layers

Step 14

Now repeat this process to create as many glitter layers as you want. Feel free to use different transform settings for each of the texture layers. Here is my result:

repeating process

5. How to Make the Final Adjustments

Step 1

In this section we are going to make some final adjustments to the design. Select the Subject layer and press Control-J on your keyboard to duplicate it. Then, drag this layer to the top of the layers in the Layers panel.

duplicating layer

Step 2

Now press Control-Shift-U on your keyboard to desaturate this layer. Then, change the Blending Mode of this layer to Soft Light and set the Opacity to 73%.

changing blending mode and opacity

Step 3

Name this layer Subject Details.

naming layer

Step 4

Now go to Layer > New > Gradient Map to create a new gradient map adjustment layer and name it Color Look.

creating new gradient map adjustment layer

Step 5

Double-click on this layer thumbnail, and then in the Properties panel, click on the gradient to open up the Gradient Editor panel and enter the settings below:

adjusting gradient map
The left color stop has color #8616ee, and the right color stop has color #ffae00.

Step 6

Now change the Blending Mode of this layer to Soft Light.

changing blending mode

Step 7

Press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

creating new gradient map adjustment layer

Step 8

Now change the Blending Mode of this layer to Soft Light and set the Opacity to 73%.

changing blending mode and opacity

Step 9

Select the Base_Glitter_1 layer and click on the link icon between the layer thumbnail and layer mask to unlink them. Then, select the layer thumbnail, and using the Move Tool (V), click and drag anywhere inside the canvas to drag the layer to the left as shown below:

positioning layer

Step 10

Now select the Base_Glitter_2 layer and click on the link
icon between the layer thumbnail and layer mask to unlink them. Then,
select the layer thumbnail, and using the Move Tool (V), click and drag anywhere inside the canvas to drag the layer to the right as shown below:

positioning layer

Step 11

Select the Overall Contrast layer, press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

adding high pass filter

Step 12

Now change the Blending Mode of this layer to Hard Light and name it Overall Sharpening.

changing blending mode

You Made It!

Congratulations, you have
succeeded! You have learned how to create a glitter effect Photoshop action to create amazing effects for pictures. Here is our final result:

final result

Add Glitter to Pictures With These Photoshop Actions

If you want to add glitter effect in Photoshop quickly and professionally, you can also try these actions available on Envato Elements:

MagicDust Photoshop Action (ATN)

MagicDust Photoshop Action

Add glitter to a photo by selecting an area and playing this action—magic dust will appear in your picture! Choose from 33 color styles to
create the effect you need.

Shimmer Photoshop Action (ATN)

Shimmer Photoshop Action

How do you make glitter in Photoshop? With this action, it’s simple—just
paint over the part that you want to turn into glitter, and play the
action. It’s like real magic!

Magic Dust Photoshop Action (ABR, ATN)

Magic Dust Photoshop Action

If you want to make your pictures more magical, this action will help
you create a magic dust effect. It’s quick and easy—just select and
click!

Magic Bokeh – Animated Photoshop Action (ATN)

Magic Bokeh - Animated Photoshop Action

If you need an animated glitter effect, try this action—it’s very
powerful, and it gives you a lot of options to customize the effect. You
can save the final result as a static image, a video, or a GIF
animation. You don’t really have to know how to make a glitter background in Photoshop—this action will do it for you!

Magic Dust 2 Photoshop Action (ATN, ABR)

Magic Dust 2 Photoshop Action

If you need something simpler, this action adds a more minimalistic
glitter effect to your photos. Every time you play the action, you get a
new, unique result!

Gold Photoshop Layer Styles (JPG, EPS, ASL, AI, PNG)

Gold Photoshop Layer Styles

This set contains 28 seamless golden layer styles and 38 gold textures,
so if you need a glitter Photoshop texture, you’re guaranteed to find
something you like here! Add golden glitter to your images and text with
a single click.

Glitterstorm Photoshop Action (ATN)

Glitterstorm Photoshop Action

This action turns the whole photo into glitter—it’s an amazing effect
that you can achieve by simply clicking “play” in the Actions panel.

Sparkling Layer Styles (ASL)

Sparkling Layer Styles

This huge set contains 76 glitter Photoshop textures in the form of
layer styles. So just select your layer and click the style you like to
make your text sparkle!

Glitter Text Effect (PSD)

Glitter Text Effect

If you want to create a glitter text effect, just download this file and
replace the text with your own—an amazing effect will be added to it
automatically.

Other Glitter Photoshop Tutorials

Love Photoshop actions and Photoshop effects? Then make sure to check out these:

{excerpt}
Read More

25 Best T-Shirt Mockup Videos (+Free Downloads!) Using a Mockup Generator

Promote your latest design for T-shirts with awesome T-shirt video mockups.

 

If you’re looking for the best selection of a T-shirt video mockups available on the internet, then you have to check out Placeit.

Unlimited Access to the Best T-Shirt Video Mockup

Placeit is an affordable online design generator with the largest selection of premium T-shirt video mockups available on the internet. One of the things that makes Placeit indispensable is that it provides design novices as well as those with more experience with high-quality designs, logos, videos and mockups that they can customise online and download in a matter of seconds, without the need for complicated software.

Unlimited Access to the Best T-Shirt Video Mockup

What’s more, Placeit is designed to suit a range of budgets. 

  • If you regularly need mockups, logos, and various designs, you can sign up for a low monthly or yearly plan. This gives you access to unlimited downloads of any and all the digital assets available at Placeit. 
  • If you’re on a budget and can only afford to buy one digital resource at a time, you have another option. Rather than taking advantage of that low monthly/yearly fee, you can create the resource you want and pay a small fee to download just that resource. 
  • If you’re completely broke and just don’t have the cash to buy these digital resources, Placeit regularly offers a changing selection of mockups and other resources absolutely FREE. Yup, you heard that right. Let’s me show you how to find these free resources and give you a few examples of the kinds of free T-shirt video mockups you can find at Placeit.

How to Find Free T-Shirt Video Mockups on Placeit

Okay, so how do you get the FREE stuff? Well, there are two ways to find free resources on Placeit. 

  • Go to Placeit.net > Mockups > Apparel Video.
  • Look out for the FREE banner in the upper left of free items.
How to Find Free T-Shirt Video Mockups on Placeit
  • Go to Placeit.net > Mockups > Free Mockups.
  • This will take you to pages of FREE mockups currently available at Placeit.
  • Use the dropdown menu at the top of the page to refine your search for free T-shirt video mockups.
How to Find Free T-Shirt Video Mockups on Placeit

Best T-Shirt Mockup Videos: Free Downloads

Now let’s take a look at some of the T-shirt video mockups that are free to download from Placeit. These videos are free at the moment, but since Placeit regularly rotates its free apparel video mockups, they may not be free when you take a look at them. 

Remember, though, that even if these aren’t available, others will be.

T-Shirt Mockup Video Free Download of Two Women on a Sunny Day

 

Check out this beautiful, summery T-shirt video mockup that’s free to download. It features two women sharing a flower in a lovely outdoors scene. Adding your design is super easy using the Placeit Upload Image button. 

Free Apparel Video Mockups of People at Picnic

 

Here’s another wonderful summertime free T-shirt video mockup. This one features a woman and man at a picnic in the process of taking a selfie. Unlike the free apparel video mockup above, which offers two T-shirt mockups, this template only offers one. 

Woman at Cafe – T-Shirt Video Mockup Free

 

Calling all you Instagram buffs. We haven’t forgotten you. This free T-shirt video mockup is formatted for you to use in your stories. It features a young woman relaxing in a cafe and keeps the space for your design front and centre of the camera. 

T-Shirt Mockup Video Free Download of Smiling Man

 

Here’s another awesome free T-shirt video mockup. This time it features a male model on his own in a beautiful woodland scene. This is a great mockup for a wide variety of companies, like outdoor, camping, or natural living companies. 

Mockup T-Shirt Video of a Woman Chatting with Her Friend

 

Here’s another terrific T-shirt video mockup free for download at Placeit. Use the T-shirt video mockup generator to upload your design in seconds, and just like that your video is ready to download and use. Now let’s take a look at some of the other T-shirt video mockups available at Placeit. 

Best T-Shirt Mockup Video Downloads

Tee Shirt Mockup Video of Woman with Pink Hair

 

Looking for a super cool T-shirt video mockup to attract the now generation? How about this terrific shirt mockup of a young woman with pink hair posing against a brick wall? Use the T-shirt video mockup generator to upload your design and even your own music track.

Mockup T-Shirt Video of a Tattooed Bearded Man

 

If your target demographic is 20-30-something males, you’ll really appreciate this T-shirt video mockup of a young man posed against an everyday city street. 

Mockup T-Shirt Video of a Woman with Urban Look

 

Sports companies and leisurewear retailers will love this tee shirt mockup video featuring a young woman casually dressed and sitting outside a restaurant. The T-shirt video mockup generator makes it super easy to upload your design to this mockup in seconds. 

T-Shirt Mockup Template of a Stylish Man with Sunglasses

 

Instagrammers will love this awesome T-shirt mockup template that shows a stylish young man posing with sunglasses while displaying the front of his T-shirt clearly for the world to see. A great T-shirt video mockup for fashion businesses. 

Stop Motion T-Shirt Mockup of Young Woman with a Motorcycle

 

Here’s another cool T-shirt mockup template that fashion brands will love. It features a stop-motion video of a young woman in a leather jacket standing beside a motorcycle. Because the motorcycle and her leather jacket partially obscure the front of the T-shirt, this particular mockup is best suited for bold designs that can be recognised even with some details obscured. 

Bouncing T-Shirt Stop Motion Mockup Over a White Background

 

Check out this stop animation T-shirt video mockup featuring a tee that starts off as a ball and quickly opens up to reveal your design. A great way to capture and hold your audience’s attention.

T-Shirt Mockup Template of a Woman Sitting Next to a Cat

 

Judging by the popularity of cats on the internet, I’d say you can’t go wrong with this wonderfully casual T-shirt video mockup of a young woman sitting on a table, playing with a very cute cat.

T-Shirt Video of a Senior Man Posing in a Parking Lot

 

Whether your target audience is an older group or you’re just looking for a simple and effective video to show off your design, you’ll love this wonderfully straightforward mockup T-shirt video of a middle-aged man posing in a parking lot, with the area your design will be displayed front and centre of the mockup.

Stop Motion Apparel Video of a Woman with a T-Shirt Posing in the Street

 

Here’s another terrific shirt mockup for fashion brands. This one features a rather stylish young woman in sunglasses and a pick jacket. She pulls the jacket back so we can see the T-shirt design clearly. 

Stop Motion T-Shirt Mockup of a Young Woman with Curly Hair

 

Looking for just the right T-shirt video mockup for your Instagram stories? Well, you may have found it in this mockup of a young woman posed in profile. Not only is the shot stylish, but it makes sure that your design can be easily seen. 

T-Shirt Video with Parallax Effect of Man in the Street

 

If you fancy a parallax effect, you will love the tee shirt mockup of a young man shot against an apartment block. The video is shot from below, so that we’re looking up at the man and can clearly see the area for your design. 

T-Shirt Mockup Template of a Shirt Hanging on a Line

 

Simple but effective. Check out this tee-shirt mockup video of a tee hanging on a clothing line and moving gently in the breeze. Use the T-shirt mockup generator to upload your design, and then add an audio track from the hundreds provided with the Placeit template.

Stop-Motion T-Shirt Video Featuring a Woman in a Colorful Jacket

 

Another one for the vertical video market, this video is perfect for the apparel industry, with its bright colours and stylish young woman. Add your design using the T-shirt mockup generator, and your apparel video is ready to download.

T-Shirt Mockup Template of Woman Sitting on a Bed

 

This T-shirt mockup is a great way to present your design ideas to a client. Just upload each design using the T-shirt mockup generator to show how different versions of your design look using the same T-shirt model.

T-Shirt Video of a Boy Preparing Toast

 

If your designs larget children, then you’ll need kid-centred T-shirt video mockups. Happily, Placeit’s got plenty for you, like this T-shirt video featuring a T-shirt model of a young boy with his breakfast. 

T-Shirt Mockup Featuring a Man

 

This tee-shirt mockup shows two cuts of this young man: one a closeup of his face and the other pulled back so we can see the front of the shirt easily. If this template rocks your world, then simply click the upload button to upload your design to the template. 

T-Shirt Video of a Woman Holding a Small LGBT Pride Flag

 

LGBT history month may come once a year, but it’s always a great time to celebrate human diversity and inclusivity. Upload your awesome design with the T-shirt mockup generator, and download your mockup in seconds. 

Stop-Motion Video of a Girl Wearing a T-Shirt & Holding Balloons

 

This is a great apparel video for showing off your line of designs for children. Uploading your design is easy using the T-shirt mockup generator, and you can even add music from the Placeit music library. 

T-Shirt Mockup Template of Woman with Skateboard

 

Skaters will love this T-shirt mockup template. Just imagine your club logo or designs on this T-shirt model. What a great way to let others know all about your club or show off your merchandise for sale.

T-Shirt Video Mockup of a Man Posing in Front of a Vintage Van 

 

This is a T-shirt video mockup that’s bound to put a smile on your client’s face. It’s a stop-motion animation video of a young man pointing at the front of his shirt—where your design will go—using slightly different poses. Use the T-shirt video mockup generator to upload your design in seconds.

Choose Your Favourite T-Shirt Video Mockup Today 

Envato Elements is an excellent resource for T-shirt video mockup templates. If you regularly need fonts, icons, and other design resources, Elements offers unlimited downloads for one low monthly fee. But if you’re on a tight budget, you can buy one mockup at a time, and of course if you’re completely broke, there are always free offers on premium mockups available from time to time. 

Finally, if you want more information on other terrific mockups, check out these really helpful resources below: 

{excerpt}
Read More