Category: Tutorials

If you’ve been using the COVID-19 lockdown to become an esports star, you’ll want an esports T-shirt mockup to promote your team.

The fabulous selection of esports T-shirt mockups and jersey esport team mockups at Placeit give you the perfect opportunity to show off your esports T-shirt design in the best possible light. Use a simple online tool to create a winning design in your browser, with no need for Photoshop or other complicated design software.

Placeit Esports T-Shirt Mockup Generator

Placeit is an affordable online design generator that makes professional marketing tools accessible to everyone.

Using some ready-made templates and an intuitive mockup generator that works in your web browser, you can create and download some awesome gaming jersey mockups. It’ll only take a few minutes, so why not give it a try?

Here’s a selection of the best blank esports jersey templates available at Placeit.

T-Shirt Mockup of a Man Playing Video Games

Lots of esports mockups are for teams, but this gaming jersey mockup is ideal for a lone gamer. The sleek contemporary decor provides the perfect backdrop, and there’s plenty of room for your design on the front of the T-shirt.

Mockup Jersey Esport

The thrill of victory! This gamer looks excited to have won, with a gaming controller in one hand, headphones discarded on the floor, hands over her eyes, and a big smile. This would be a great way to showcase your esports T-shirt design.

Blank Esports Jersey Template for All Female Teams

Now it’s time for some team action. This looks like a fearsome esports team, and the best part about this mockup is the space it gives for five different designs, if you so choose. Gotta love the retro “1UP” and “HIGH SCORE” gaming background as well!

Jersey T-Shirt Mockup for Kids

If you’re into retro gaming, you’ll love this gaming jersey mockup. All eyes will be on your logo and the cute kid in the foreground, but hey, isn’t that a classic 1980s NES console in the background?

Esports T-Shirt Mockup

Here’s another awesome jersey T-shirt mockup for gamers, this time with a team of three and an illustrated gaming background. Note that the middle T-shirt design will be slightly obscured by the model’s crossed arms, but you’ve still got two other chances to show off your designs!

Esports T-Shirt Design

Sometimes, simple is best. If you’re looking for an esports logo mockup, it’s because you want to draw attention to your design. What better way than with this attention-grabbing mockup of a man pointing directly to your design?

Esports T-Shirt Mockup

We have another winner! This mockup jersey for esports communicates passion, excitement, and fun, and that’s what esports are all about, right? Try it out for free and see how your design would look.

Mockup of a Group of Gamer Friends

Here’s another take on the fun of esports: funny poses and a bright-coloured gaming background. This looks like a great team to join, and a great gaming jersey mockup to showcase your designs.

Jersey Esport Team Mockup

Same team, different mood. If you want to convey a more serious, competitive approach, then this jersey esport team mockup is the one for you.

Esports T-Shirt Mockup

And here’s a third variation, with a mood somewhere between the other two. There’s a bit more smiling than in the second one, but not as much as in the first. Again, there’s space for five different designs here—or you could repeat the same one if you prefer.

Jersey Esport Team Mockup

What a cute father-and-son team this is! The gaming equipment takes up a lot of space, so your designs will be partially obscured. But if you’re OK with that, then this is an excellent choice.

Esports Logo Mockup

If you want an all-male team for your esports logo mockup, try this one. The fun, dynamic poses give it plenty of energy.

Esports T-Shirt Design Mockup

Less goofy, more serious. The headphones are a nice touch, and the folded arms and serious poses denote a team that wants to win, but remember that those folded arms will also cut across your esports T-shirt design.

Mockup Jersey Esports

Here’s the same mockup, but in a more dynamic, side-on pose. Your design will now be at an angle as well as being behind their arms, so make sure it’s a big, bold design that people can still see clearly!

Women’s Esports Logo Mockup

What’s better than an evening of esports? How about an evening of esports with a big bowl of nachos to munch on as you play! This is a fun gaming jersey mockup that esports aficionados (and nacho aficionados) will relate to.

Gaming Jersey Mockup

The great thing about these jersey T-shirt mockups is the variety available. If you like the poses from the earlier mockup but want a team of three instead of five, for example, this would be the right choice for you.

Mockup Jersey Esport

And here’s the three-player version of the “serious game face” option. See how the backgrounds can also be switched to create a different look.

Jersey T-Shirt Mockup

Finally, here’s a variation on the above mockup, with different models in a slightly different formation: two in the front and one in the back.

Esports T-Shirt Design Mockup

And now we’re down to two players. Whatever your esports team is like, you’ll find a blank esports jersey template that’s right for you.

Blank Esports Jersey Template for Two Gamers

Or if you want a two-player male team, try this mockup jersey for esports. These two look ready to play and win!

Mockup Jersey Esports

And here’s a two-player option with some more pumped-up players. Use this one if you want to communicate passion and confidence. 

Esports T-Shirt Mockup

Show off your esports T-shirt design in this fun mockup, which shows a player really enjoying the game.

Blank Esports Jersey Template

And finally, here’s a simple, minimalist esports logo mockup. With a plain background and nothing happening except the model pointing to your design, there will be no chance of people missing it.

More Premium Esports Jersey Mockups (PSD) From Envato Elements

Placeit is an easy-to-use option for creating professional-looking esports T-shirt mockups. But if you’re comfortable using Adobe Photoshop, you might want to check out the selection of esports jersey and T-shirt mockups available there.

The advantage of using Envato Elements is that you get to download as many items as you want, as often as you want, for one low monthly fee. And it’s not just mockups—you also get millions of photos, logos, Photoshop actions, and much more. You’ll find everything you need to promote your esports team.

Here’s a quick selection of the gaming jersey mockup PSD templates available on Envato Elements.

Esports T-Shirt Mock-Up Urban Edition

You’ll find it easy to download and customise this esports jersey mockup PSD template. It includes 12 unique scenes, with both male and female models, and you can even change the lighting and make other edits to create the exact look you want.

Gaming Jersey Mockup PSD

You get two files and loads of different customisation options with this sophisticated esports jersey mockup PSD template. The files are well organised, and you can simply adjust the layers to create new colours and styles. You can switch out the background too, with eight background images included—or import your own!

Urban T-Shirt Mockup

Some of the T-shirt mockups featured here are not limited to esports, but they would be perfect for showcasing a gaming design. This one allows you to create detailed, ultra-realistic results, with eight different templates and eight background images included. It’s easy to customise this powerful template to create the look you want for your team.

Mockup Jersey Esport PSD

This template contains ten different T-shirt mockups for you to customise. They’re all set up with smart objects and layers to make it easy for you to import your own images and tweak the settings to create different textures, colours, patterns, etc. The sky’s the limit!

T-Shirt Mock-Up for Gaming

The advantage of a mockup with the face cropped out is that it focuses the viewer’s attention on your design, not on the model’s face. Like the other mockup jersey esport PSD templates, this one gives you loads of different options for customisation, with five different starting templates and a huge range of options and settings to play with. Download it today, and give your team a head start!

Esports Jersey Mockup PSD

This is a simple T-shirt mockup, but it gives you so many different options to customise the design: change the colours, the background, the textures, shadows, and more. A detailed help file is included in case you get stuck. Put your sports T-shirt design front and centre with this mockup!

Premium Quality T-Shirt Mockup Scenes

This flatlay mockup looks great as it is, and you could just drop your logo onto the T-shirt and use it as is. But the best part is that the gaming jersey mockup PSD file is set up to make it easy for you to move the items around and customise the whole scene to fit your needs. With four different mockup scenes and unlimited customisation options, there’s so much you could do to make this your own.

Mockup Jersey Esport PSD Template

How would your esports T-shirt design look in real life? Find out by adding it to this sophisticated mockup. You get five different scenes to choose from, with the usual plethora of customisation options. And this template also has a special feature that makes it easy for you to create banners for your website or social media.

Gaming Jersey Mockup PSD Template

Picture your esports logo on this T-shirt mockup! You’ll get nine photorealistic scenes in super-sharp 3000×2008 pixel resolution at 300 dpi. Everything is easy to edit thanks to the smart objects and the well-organised layers and folders. You can even edit the lights and reflections to create the perfect esports mockup for you or your team.

Download Your Favourite Esports T-Shirt Mockup Today

Finding the right esports mockup for you is simply about choosing the difficulty level.

If you want to play in easy mode, Placeit is a great option for you. It allows you to create e-sports T-shirt mockups right in your browser, without any need for design skills or complex software.

On the other hand, if you’ve got some basic Photoshop skills and are ready to kick things up a notch, then the T-shirt mockups on Envato Elements give you a lot more flexibility to create the exact look you want. Plus you get access to unlimited downloads from a library of millions of useful creative assets.

I hope you’ve found a design here that works for you. If you want to discover more terrific mockups, check out these helpful resources: 

• 
  Product Mockup
  How to Create a T-Shirt Mockup Using a T-Shirt Mockup Generator
  Nona Blackman

• 
  Mockups
  29 Best Sports Jersey Mockups With an Online Mockup Generator
  Nona Blackman

• 
  Mockups
  29 Best Long-Sleeve Shirt Mockups
  Nona Blackman

• 
  Designing
  22 Best Hoodie Mockup Templates (Pullover and Zip-Up)
  Nona Blackman

• 
  Designing
  24 Best New Crew Neck Sweatshirt Mockup Templates
  Nona Blackman

• 
  Mockups
  22 Best Hat Mockups (Using a Hat Mockup Generator)
  Nona Blackman

• 
  FaceMask Mockups
  20+ Best Face Mask Mockups (PSD, Mockup Generator)
  Nona Blackman

• 
  Mockups
  29 Best Phone Case Mockups (Using a Generator Without Photoshop!)
  Nona Blackman

In the following steps, you will learn how to make a brush in Illustrator and how to save Adobe Illustrator brushes.

What You’ll Learn in This Adobe Illustrator Brush Tutorial

• How to make a brush in Illustrator
• How to make a blood splatter brush in Illustrator
• How to make a drip brush in Illustrator
• How to make an ink splatter brush in Illustrator
• How to make a paint splatter brush in Illustrator

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

1. How to Create a New Document and Set Up a Grid

Hit Control-N to create a new document. Select Pixels from the Units drop-down menu, enter 850 in the width and height boxes, and then click that Advanced Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi), and then click Create Document.

Enable the Grid (View > Show Grid) and Snap to Grid (View > Snap to Grid). You will need a grid every 5 px, so simply go to Edit > Preferences > Guides & Grid, and enter 5 in the Gridline every box and 1 in the Subdivisions box. Try not to get discouraged by all that grid—it will make your work easier, and keep in mind that you can easily enable or disable it using the Control-“ keyboard shortcut.

You can learn more about Illustrator’s grid system in this short tutorial from Andrei Stefan: Understanding Adobe Illustrator’s Grid System.

You should also open the Info panel (Window > Info) for a live preview with the size and position of your shapes. Don’t forget to set the unit of measurement to pixels from Edit > Preferences > Units. All these options will significantly increase your work speed.

Now that you’re set, let’s start the work on the Adobe Illustrator brushes.

2. How to Create the First Splatter Brush in Illustrator

Step 1

Pick the Ellipse Tool (M) and simply click on your artboard to open the Ellipse window. Set the Width and Height to 300 px and then click OK to create a 300 px circle.

Step 2

Make sure that your circle is still selected, remove the stroke color, and focus on the fill. Apply a black to white gradient from the Swatches panel (Window > Swatches) and make it a radial gradient using the Radial Gradient button from the Gradient panel (Window > Gradient).

Step 3

Make sure that your shape stays selected and go to Effect > Texture > Grain. Move both sliders to 100 and select Contrasty from the drop-down menu, and then click OK.

Step 4

Go to Object > Expand Appearance, click the Image Trace button from the control panel, and open the Image Trace panel using that small button.

Drag the Threshold slider to 210 and then click the Advanced button. Set the Path to 80%, the Corners to 0%, and the Noise to 1 px. Uncheck the Snap Curves to Lines box and check the Ignore White box, and then click the Expand button from the control panel.

Step 5

Turn your group of shapes into one compound path (Object > Compound Path > Make or Control-8) and change its color to R=237 G=28 B=36. We’ll use this compound path to create our scatter brush in Illustrator.

3. How to Create an Ink Splatter Brush in Illustrator

Step 1

Pick the Ellipse Tool (L), create a 100 px circle, and fill it with R=46 G=49 B=146.

Step 2

Using the same tool, create a 10 px circle and a 20 x 30 px oval shape. Fill both shapes with R=46 G=49 B=146 and place them as shown in the following image. Make sure that you leave a 45 px gap between these two shapes.

Step 3

Pick the Rectangle Tool (M), create a 20 x 65 px shape and place it as shown in the first image.

Focus on the top side of this rectangle and pick the Direct Selection Tool (A). Select the left anchor point and move it 5 px to the right, and then select the right anchor point and move it 5 px to the left.

Select the shape made in this step along with the two oval shapes made in the previous step, and click the Unite button from the Pathfinder panel (Window > Pathfinder).

Step 4

Make sure that the shape made in the previous step is still selected, and go to Effect > Warp > Bulge. Enter the settings shown in the following image, click OK, and go to Object > Expand Appearance.

Step 5

Now you can disable the Grid (Control-“) and the Snap to Grid (Shift-Control-“). Select that drip shape and place it roughly as shown in the first image.

Multiply this shape (Control-C > Control-V), resize these copies, and spread them as shown in the second image.

Step 6

Pick the Pen Tool (P) and draw a path that makes the connection between those drips and the main circle a lot smoother, as shown in the first image.

Switch to the Ellipse Tool (L) and add some smaller drips, as shown in the second image.

Step 7

Using the Pencil Tool (N), add a wavy path on the top half of the circle.

Step 8

Select all your blue shapes and click the Unite button from the Pathfinder panel, and then turn the resulting group of shapes into a compound path (Object > Compound Path > Make or Control-8). We’ll use this compound path to create a drip brush in Illustrator.

4. How to Save and Use Splatter Brushes in Adobe Illustrator

Step 1

Select your red compound path and click the New Brush button from the Brushes panel (Window > Brushes). Check the Scatter Brush box and click OK. Enter all the attributes shown in the following image, click OK, and you’ve got your paint splatter Illustrator brush.

Step 2

Select your blue compound path and again click that the New Brush button from the Brushes panel (Window > Brushes). This time, check the Art Brush box, and click OK.

Check the Stretch Between Guides box and focus on that brush preview. Drag one of those guides where the drips start and the other where the drips end to make sure that this will be the only section of the brush that will stretch when you use the brush. Enter the rest of the settings shown in the following image, click OK, and you’ve got your paint splatter Illustrator brush.

Alternatively, you can change the color of this compound path to red and easily create a blood splatter brush in Illustrator.

Step 3

Finally, you can pick the Brush Tool (B), select one of your Adobe Illustrator splatter brushes, and test it.

Congratulations! You’re Done!

Here’s how your Illustrator blood drip brushes should look. I hope you’ve enjoyed this tutorial and can apply these techniques in your future projects. Don’t hesitate to share your final result in the comments section.

Feel free to adjust the design of these Adobe Illustrator brushes and make it your own. You can find some great sources of inspiration at GraphicRiver, with interesting solutions to improve any Illustrator brush.

Popular Adobe Illustrator Brushes From Envato Elements

Whether you’re looking for an Illustrator splatter brush, an Illustrator ink splatter brush, an Illustrator paint splatter brush, an Illustrator drip brush, or even an Illustrator blood splatter brush, Envato Elements is the perfect place for you. Here’s a short list with some of the most popular Adobe Illustrator splatter brushes that you can find.

50 Handmade Splatter Vectors (AI, EPS)

This massive pack of 50 splatter vectors is perfect for creating any type of brush. Now that you know how to make a brush in Illustrator, you can easily turn any of these into a scatter brush in Illustrator.

Grunge Blots and Splashes (AI, EPS, PDF)

This collection of vector grunge splashes is perfect for creating your own Adobe Illustrator brushes. You can combine separate elements to create different variations of Adobe Illustrator splatter brushes.

Watercolor Paint Drop Collection (EPS, PNG, SVG)

This colorful collection comprises 34 hand-painted watercolor paint drops. Any of these assets can be easily turned into an Illustrator paint splatter brush or an Illustrator ink splatter brush in a matter of seconds.

20 Paint Splatter Illustrator Brushes and Textures (PSD, PNG)

This collection of isolated handmade ink splatter brushes and textures is the perfect solution if you’re looking to create blood drip brushes in Illustrator.

Spray Paint Splatter Set (PNG, JPG)

This pack of handmade high-resolution ink splatter vectors is the ideal solution to create your own ink splatter brush in Illustrator. As with the previous collection, these vectors can be easily turned into blood drip brushes in Illustrator.

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

• 
  Illustrator Brushes
  How to Make a Brush in Illustrator
  Andrei Stefan

• 
  Illustrator Brushes
  How to Make a Tentacle Art Brush in Adobe Illustrator
  Diana Toma

• 
  Illustrator Brushes
  How to Make a Pickle Pattern Brush in Illustrator
  Diana Toma

• 
  Illustrator Brushes
  How to Make, Use, and Manipulate a Calligraphic Brush in Adobe Illustrator
  Mary Winkler

• 
  Illustrator Brushes
  How to Make a Watercolor Brush in Adobe Illustrator
  Andrei Stefan

• 
  Text Effects
  Use a Pattern Rope Brush to Create a Rope Text Effect in Illustrator
  Andrei Marius

• 
  Adobe Illustrator
  How to Create a Vintage Brush to Add Texture in Illustrator
  Diana Toma

• 
  Illustrator Brushes
  How to Vector Hair With Brushes in Adobe Illustrator
  Sharon Archer-Thomas

• 
  Illustrator Brushes
  How to Create an Islamic Art Pattern Brush in Illustrator
  Miss Chatz

• 
  Brushes
  How to Install and Use Brushes in Adobe Illustrator
  Mary Winkler