Category: Tutorials

Want to showcase your latest designs on a bandana mockup to show a client, sell on Etsy, or show off on social media? 

Check out these 42 coolest bandana mockup templates from Placeit. 

Unlimited Mockup Templates From Placeit

Placeit is an affordable online design generator that provides design novices (as well as those with more experience) with high-quality logos, designs, videos, and mockups that they can customise online. You can design directly in your browser, without needing complicated software, and download in a matter of minutes.

Placeit is designed to suit a range of budgets. So if you regularly need logos, mockups, 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. 

What’s more, with its online design generators, Placeit is super easy to use. Let me show you how. 

Make a Bandana Mockup in 5 Simple Steps

1. Go to Placeit.net and Search for Bandana Mockups

Review the bandana mockup templates available.

2. Select a Mockup

3. Upload Your Design

4. Change the Bandana Colour

5. Download Your Design for a Small Fee

And that’s how to make a bandana mockup in five easy steps. Now let’s take a look at the 42 best bandana mockup templates to be found at Placeit. 

42 Best Bandana Mockup Templates 

Bandana Mockup of Woman With a Kerchief Wrapped Around Her Hair

See how your latest design would look on this terrific bandana mockup template. Uploading your design is as easy as one click.

Mockup of a Man Pointing at His Bandana at a Studio

Who, me? Yes, you. Or rather your stunning bandana design. Show off your design with this memorable handkerchief mockup template. 

Pet Bandana Mockup Featuring a Dog

If you design specifically for pets, then you’re going to need a pet bandana mockup that does justice to your design. You can’t go wrong with this terrific mockup.

Bandana Mockup Featuring a Dog Outside

One of the great things about Placeit is that it offers loads of variety, so if you love the pet bandana mockup above but want another angle, here it is. 

Pet Bandana Mockup of a White Dog

And for those who need a back shot, Placeit won’t disappoint. Having professional pet mockups at your fingertips has never been easier.

Gaiter Mockup With Woman

If you’re looking specifically for a face and neck gaiter mockup, Placeit’s got plenty for you, like this mockup showing a model wearing a gaiter that leaves only her eyes exposed. With this mockup, all eyes will be on your design.

Mockup of a Man Covering His Face With a Bandana

And here’s the male equivalent of the female gaiter mockup image above, with different design dimensions. 

Mockup of a Long-Haired Man Wearing a Neck Gaiter

The eyes have it with this bandana mockup. The eyes on your design that is, and that is exactly what matters. Isn’t it?

Mockup of a Young Woman Wearing a Neck Gaiter on the Street

Alternatively, you may be looking for a neck gaiter mockup that doesn’t cover the face. For those times, Placeit offers a wide selection of templates. 

Neck Gaiter Mockup of a Smiling Woman

If the template above shows too much face, here are a few that are more focused on the neck, offering an even clearer view of your design.  

Mockup Featuring a Bearded Man Wearing a Tubular Bandana

Show your funny, political, and/or philosophical side with this tubular bandana mockup. And if this one doesn’t quite rock your boat, how about the more angled version below. 

Tubular Bandana Mockup with Side View of Bearded Man

Your design will be front and centre in your viewer’s mind when they see it showcased on this terrific tubular bandana mockup template. 

Tubular Bandana Mockup on a Coloured Surface

Of course, there are going to be times you need a gaiter mockup without a model. For those times, there is this mockup. What’s great about this one is that you can change the background to any colour you need or you can leave it transparent so you can easily blend the image into your chosen background. 

And, of course, here’s another variation on the tubular bandana mockup. This one is standing upright, so you can see both the shape of the bandana and your design clearly. 

Bandana Mockup Template on Solid Coloured Background

Looking for the same idea above but for a kerchief mockup template? Here’s a super mockup template that’ll do the job. Upload your image and see how it looks on this terrific mockup.

Handkerchief Mockup of a Young Woman

Create your own fashion brand bandana and handkerchief with this terrific handkerchief mockup, which features a young woman with a folded kerchief tied around her head looking intently at the camera. A great mockup for fashion brands.

Handkerchief Mockup With Woman Looking Through a Glass Window

If you love the model but want to see other variations of the handkerchief mockup, check out this one with this model looking through a window directly at the viewer.

Pet Bandana Mockup of a Sitting French Bulldog

How cute is this little French bulldog with her pet bandana mockup? It’s a great way to focus attention on your design, and of course it’s super easy to customise. 

Mockup of a Small Dog Wearing a Sublimated Bandana

Here’s another pet mockup featuring a cute French bulldog, because really you can’t have enough choice when it comes to cute dogs or terrific bandana mockup templates. 

Mockup of a Woman at a Studio With a Tubular Bandana on Her Head

Why reinvent the wheel by making your own template when you can use a Placeit bandana mockup like this one? You’ll free up tons of time to focus on your own designs.

Neck Gaiter Mockup of a Man Covering His Face

Create your own signature brand, and use this bandana mockup template to test how it would look. It’s free to experiment on Placeit, so jump in and test your design on as many bandana and handkerchief mockups as you care to.

Tubular Bandana Mockup Featuring a Man and a Woman

Sometimes, two is better than one. And with this two-for-one bandana mockup, you can showcase two different designs side by side or two variations of the same design. 

Mockup of a Man and a Woman Wearing Neck Gaiters

And just because Placeit believes in giving you as much variety as possible, here’s a terrific two for one again that would be a perfect match for outdoor sports businesses.

Mockup of a Folded Bandana by a Jumping Rope

There’s nothing like a cool flat lay to show off your bandana design. Your mockup will be ready in seconds with just a few clicks using the Placeit online tool. 

Mockup of a Woman at a Studio Wearing a Tubular Bandana on Her Head

Use the online mockup generator to upload your design, and your mockup will be ready to download in a matter of seconds. Upload your image and see how it looks on this simple but effective mockup.

Mockup of a Man Wearing a Tubular Bandana over His Head

If your designs are specifically for men, then this is a great alternative to the bandana mockup template above.

Mockup of a Man with Long Hair Wearing a Tubular Bandana on His Head

And here’s another bandana mockup angle for those who want a less head-on look. This mockup has the advantage of offering more design coverage as well. 

Neck Gaiter Mockup on a Flat Surface

This mockup of a tubular bandana on a flat surface is an excellent way to focus all the attention on your design. Remember, you can change the background colour to complement your design or leave it plain to integrate into the background of your choice.

Neck Gaiter Mockup of a Young Woman Covering Her Face on the Street

This is a great urban-themed bandana mockup that would work for tons of brands used by city dwellers. 

Mockup of a Handkerchief Bandana

How about this handkerchief mockup for your design? Your design will be in full view, and you can change the background to any colour that suits you. 

Handkerchief Mockup of Woman With a Bandana Around Her Neck

There are so many ways to wear a handkerchief/bandana, and Placeit is determined to give you as many great choices as possible—starting with this one, with the bandana folded and worn around the throat. 

Handkerchief Mockup of a Woman Wearing a Bandana Around the Head

If you love the model and her pose, here’s an alternative handkerchief mockup template. This time she is wearing the bandana around her head, with the area for your design clearly visible.

Mockup of a Man Wearing a Bandana Around His Head

Well, as we said, there’s more than one way to wear a bandana, and this model is also wearing his around his head but in a different way from the model above. A more sports leisure style, I’d say. 

Pet Bandana Mockup of Two Dogs

How sweet is this pet bandana mockup of two friends chilling in the park? Use the Placeit online tool to transfer your designs to this mockup in seconds.

Pet Bandana Mockup of Two Dogs With Their Human

If you love the pet bandana mockup above, you’ll love this one which includes the furry friends with their human. 

Neck Gaiter Mockup Featuring a Mannequin Head

Mannequins are a time-honoured way to show off designs without live human beings. So how about trying this series of five, which show bandana mockup templates from different angles. 

Side-View Neck Gaiter Mockup of a Mannequin

You can show the same design from multiple angles, like the template above and this one that shows the right and the left side of the mannequin.

Neck Gaiter Mockup Featuring a Rendered Mannequin

Or maybe you prefer a half-turn angle for your bandana mockup design. 

Mockup of a Neck Gaiter on a Rendered Mannequin

Whichever bandana mockup template you choose, you can be guaranteed that your design will get full attention.

Mockup of a Neck Gaiter Displayed on a Mannequin

You can change the background of each bandana mockup template to reflect your brand or taste or leave it blank to blend with the background of your choice. 

Bandana Mockup Template Featuring a Woman at a Diner

Channel the 1950s when you use this terrific template to showcase your gorgeous designs. Happily, with this handy Placeit online mockup generator, all you need to do is upload your design and your template is ready to download. Easy peasy. 

Bandana Mockup Template of a Man With Sunglasses

Let’s finish up with the “bandana around the neck” look, this time worn by a guy. With just a few clicks of the mouse, you can upload your design and download this mockup to use as you please. 

Choose a Bandana Mockup Template Today

That’s it for our 42 best bandana mockups from Placeit. Head over to Placeit today to download your favourite.

And if you want more information on mockups, check out these really helpful articles below:

• 
  Photo Collage
  38 Best Photo Collage & Polaroid Mockups (Using an Online Photo Collage Maker)
  Nona Blackman

• 
  WallpaperMockups
  21 Best Wall Mockups (Wall Art, Wallpaper, and Mural Mockups)
  Nona Blackman

• 
  Blanket Mockups
  45 Best Blanket Mockups (Sherpa, Quilt, Fleece, Throw, and More!)
  Nona Blackman

• 
  StickerMockups
  41 Best Sticker Mockup Templates (For Cars, Windows, Laptops, and More!)
  Nona Blackman

• 
  Book Cover
  44 Best Square Book Mockups (Using a Book Mockup Generator)
  Nona Blackman

• 
  Mockups
  42 Best Billboard Mockups (+Free Billboard Templates Online)
  Nona Blackman

• 
  ArtPrintMockup
  26 Best Art Print Mockups (Using an Art Print Mockup Generator)
  Nona Blackman

• 
  T-Shirt Mockups
  47 Best Black T-Shirt Mockups (Ready to Download)
  Nona Blackman

Love Affinity Publisher? Let’s take a look at some tips, tricks, and hacks, from A to Z, that you can use to take your Publisher skills further. There’s something for newcomers and experienced users alike. 

What You Will Learn

Looking for Affinity Publisher tutorials or an Affinity Publisher course? Then this collection of A to Z tips and tricks might be right up your alley. It’s a collection for both beginner and advanced users, as we’ll look at some basics and some tricks you might not have known. We’ll look at things like:

• placing content in Affinity Publisher
• customizing your workspace and toolbar
• layer effects and shapes
• Affinity Publisher text tools and alignment
• and much more!

You can also watch as we go through this collection of A to Z tips in the tutorial video over on our Envato Tuts+ YouTube channel:

Download Affinity Publisher Content on Envato Elements

Looking for content to use in Affinity Publisher? Or maybe you’re curious about how to open InDesign files in Affinity Publisher? It’s super simple (we’ll walk through the details in this tutorial). However, keep an eye out for IDML files: they’re Affinity Publisher friendly. This means, if you’re looking for Affinity Publisher templates, there are a lot of potential options out there for you.

Interested? Well, if you’d like access to thousands of Affinity Publisher templates, give Envato Elements a look. One low price gets you unlimited access to the entire library. It’s an awesome deal.

Now, let’s dig into our collection of A to Z tips and tricks you can use in Affinity Publisher.

A is for Arrow

Affinity Publisher has a variety of easy-to-use shape tools. Click and hold on the Shape Tool to take a look at all the shape tools Publisher has to offer. There are basics like Rectangle, Ellipse, and Triangle, but you also get some more unusual choices like Stars, Cogs, Arrows, and more.

With your chosen tool selected, simply click and drag to draw your custom shape. Change it up in the Options, at the top of the software. For example, in this example arrow, it begins with a hard edge on the left and an arrow on the right. You can choose a variety of options for either side.

B is for Bookmarks

Bookmarks in Affinity Publisher are an awesome way to add easy browsing to your PDF documents. They’re super easy to add too. Just start with the Anchors panel. You can open it up by going to View > Studio > Anchors.

Adding a new anchor is as simple as highlighting some key text on your page and then clicking on the page icon, in the Anchors panel. Publisher gives you the option to add your anchor as a PDF bookmark.

C is for Character Panel

Easily change up the text in your document using the Character panel. It’s the perfect panel for changing up your font, weight, size, and more. To open up the Character panel, go to View > Studio > Character.

To begin, select your text. You can either use the Move Tool to select the entire text frame or use the Text Tool to select specific text. Then, choose your desired values in the Character panel. 

D is for Documents

Ever wanted to know how to open InDesign files in Affinity Publisher? Thankfully, it’s super simple. Affinity Publisher can import InDesign IDML files, which are InDesign Markup Language documents. IDML files are often used for backwards compatibility within InDesign, but they also work in Affinity Publisher.

It’s as simple as going to File > Open and choosing your IDML file. This is awesome because it means a wide variety of InDesign templates work as Affinity Publisher templates too.

E is for Embedding

Embedding, linking… what’s the difference? When you link a file in Publisher, you’re linking to a file on your computer. So, for example, a linked image is imported into your Publisher layout, but it’s still dependent on that location on your computer. You’ll need to keep your paths consistent to avoid broken links. 

When you embed a file in Publisher, the file’s location on your computer doesn’t matter anymore. That’s because a copy of the file is embedded within your Publisher document. This might sound pretty handy, but keep in mind that this will affect your document size. 

You can choose which you prefer for your document by going to your Document Setup. You can find it by going to File > Document Setup. Then, click on the Image Placement Policy dropdown to choose either option. 

F is for Frames

Frames are an essential part of laying out content in Affinity Publisher. Think of them like containers that can hold content, like images. 

We can use the Picture Frame Rectangle Tool to create a simple frame. Click and drag to draw a rectangular shape, as shown below. Consider it a placeholder. For example, we could now import an image into this rectangle. 

G is for Glow

Did you know that Affinity Publisher has a collection of Layer Effects? No need to turn to other software; we can do it all right here, within Publisher.

Let’s try out an Outer Glow layer effect on a shape, drawn here in Publisher. We can either click the FX icon at the bottom of the Layers panel or go to Layer > Layer Effects. Both will open up your Layer Effects for you.

Choose the effect you’d like to try, on the left-hand side of the panel. Let’s try Outer Glow.

• The Blend Mode changes how the effect blends with elements in your design.
• Opacity will increase or decrease the opacity of the applied effect.
• Intensity will change how intense the effect looks.
• Color is the color of the effect. Try many different colors!

The best way to learn is to try it out. Try this and the other Layer Effects listed here too. You can always toggle them on or off by clicking the check box next to each effect.

H is for History Panel

The History panel is an awesome way to take a step back—think about it like undo, but a lot more powerful. To open up your History panel, go to View > Studio > History. 

Take a look at the example, below. In my History panel, I see a list of all the steps I’ve taken so far in my design document. I can then click on any of the previous steps here to jump back to where I was at that point in my design. Handy, right? 

I is for Image Place

Placing images into your Affinity Publisher design is simple and easy. Let’s walk through how to do it with this Affinity Publisher template. 

With the Move Tool active, select your image placeholder. Then, go to File > Place. 

Select the image that you’d like to place on your computer, and then click OK. Publisher will then place the image into your placeholder for you. We can easily resize this image within the frame using the slider or arrows, with the frame selected. 

J is for Justify

You can do a lot of things with the Paragraph panel in Affinity Publisher: drop caps, alignment, bullets, and much more. It’s all conveniently located for us here in this space. Let’s test this out with some simple text alignment, like justifying a paragraph.

Begin by selecting your text. You can select the entire text frame with the Move Tool. Then, turn to your Paragraph panel. At the top of the panel, there are various icons, each for different alignments. Try them out! We can justify left, center, right, and more. 

You can also use the Paragraph panel for things like Affinity Publisher drop caps, hyphenation, and more. Just pan down to view the other options here. Click on the arrow to the left of each section to expand and experiment with them.

K is for Kerning

Kerning is a typographic term, and it refers to the spacing between letters. So, for example, if there’s a little too much space between letters, you’ll need to adjust the kerning. This is different from Tracking, which would be the letter spacing overall.

We can turn to our Character panel again to adjust the tracking (you can find it via View > Studio > Character). Expand the Positioning and Transform section within the Character panel. The first option on the left can be used to adjust the Kerning.

First, select the Text Tool. Then, click to place your cursor between the letters you would like to kern. Then, adjust the Kerning value in the Character panel. 

L is for Layers

Layers are an easy and convenient way to organize your content. Open up your Layers panel in Affinity Publisher by going to View > Studio > Layers.

Create a new layer by clicking on the paper icon. Delete a layer by clicking on the trash can.

In the example below, notice how the text is all on its own layer group. You can expand these groups by clicking on the arrow beside each layer group. You can also toggle layer visibility on and off by clicking on the check mark on the right-hand side of each layer.

M is for Master Pages

Master Pages are an awesome way to easily employ repeating elements in your layout designs. This Affinity Publisher template is a great example; it’s a magazine design, and we’d likely want to see repeating headers or footers on some of our spreads. Master Pages make it easy to add and edit that content on multiple pages, without necessarily recreating it every time.

To check out your Master Pages, turn to the Pages panel. You can open it by going to View > Studio > Pages.

The Master Pages are located at the top of the Pages panel. Click on the triangle to expand and contract the Master Pages section, to either hide or make them visible. Double-click on any Master Page to begin to edit it.

Then, all you need to do is click and drag any Master Page to an active spread to apply it.

N is for Navigator

The Navigator is an easy and convenient way to view and preview your content. To open it up, go to View > Studio > Navigator. 

Here’s a preview of what the Navigator panel looks like. It’s like a zoomed-out, thumbnail-like preview of our work. You can resize this panel by clicking and dragging at the perimeter, when your cursor looks like a set of arrows. 

To change your view, click and drag on the image preview. It will change what part of your active page is visible in your workspace. You can also easily change the zoom using the slider in the Navigation panel. 

O is for OpenType

OpenType is a font format, and Publisher supports many OpenType features, like stylistic alternates. Let’s take a look at how to use this feature in Affinity Publisher.

First, we’ll need to open up the Typography panel. Go to Text > Show Typography to open it up. 

In the below example, I’ve used the Smoothline Script font, which has a number of alternates we can use. All I need to do is highlight one of the letters using the Text Tool. Then, I can turn to the Typography panel and choose an alternate from the list. 

P is for Pages

Pages are an essential part of working in Affinity Publisher, especially if you’re working with multipage or even double-sided documents. One of the best ways to view, manage, and create pages is with the Pages panel. You can open it up by going to View > Studio > Pages.

Check out what the pages look like in this Affinity Publisher template. Using the Pages panel, we can scroll through all of our pages. Double-click to jump to a page. You can also click and drag pages to easily rearrange them. 

Click on the single page icon at the top of the Pages panel to add a new page. 

Q is for Quick

It’s super easy and quick to set up your spreads, even if you’ve already created your document. With your Move Tool selected, take a look at the upper part of the software. You’ll notice Document Setup, Spread Setup, and Preferences. These are three easy access icons with tons of features. Use them to quickly customize your work and your workspace.

Let’s look at Spread Setup. Check out how easy it is to jump right in and adjust your margins, for example. Click on the Margins tab, and then we can change up the margins themselves, toggle them on or off, and customize the color too. 

R is for Rulers

Rulers are a useful way to align your content. Make your rulers visible in your workspace by going to View > Show Rulers. An example of visible rulers is shown below.

You can add Guides to your composition by clicking, holding, and dragging from your Rulers. Release to place a Guide on your layout. This can be handy for creating custom columns, noting folds, and a host of other visual cues.

S is for Stay Calm

I think we’ve all been in a situation before where we’re working on a project and then… uh oh, there was a technical problem. However, there’s no need to panic. Affinity Publisher autosaves your work for you, thankfully, so you’ll have a safety net there. 

We can customize the frequency or File Recovery Interval, or how often Affinity Publishers saves our work, in our Preferences. With your Move Tool active, click on Preferences in the upper portion of the software, as shown below. Then, in the Preferences panel, click on the menu icon, and then select Performance. 

Here we get a whole host of Preference options, including quality and usage limits. Adjust those to best suit your needs. We can also find the File Recovery Interval here, and this is how often Publisher will autosave a backup of your work. 

T is for Toolbar

Did you know that you can customize the Toolbar in Affinity Publisher? Just go to View > Customize Tools to start customizing your Toolbar.

Simply click and drag to rearrange tools in your Toolbar. You can also add tools that are hidden or nested under other tools, so they’re more easily visible or accessible. Just click and drag the tool to the Toolbar.

You can hide tools by clicking and dragging them away from the Toolbar. Easy, right? You can even change the number of columns in your Toolbar too. Mix, match, and customize this space to complement your workflow.

U is for UI

Affinity Publisher has so many options when it comes to customizing the UI. Return to your Preferences. Remember, you can easily access them with the Move Tool selected, and then click on the Preferences button in the upper portion of the software. Select the menu icon, and then choose User Interface.

A great option here is the ability to change the UI from Dark mode to Light mode. You can also change the gray level of your workspace’s background. It’s also really handy to be able to scale up the Font UI size. Give these options a try and customize your UI to best suit your preferences.

V is for Vibrance

You can adjust your images right inside Affinity Publisher—no need to jump to different software to make these adjustments. For example, let’s take a look at an image imported into this Affinity Publisher template. 

Go to Layer > New Adjustment > Vibrance to adjust the image’s vibrance levels. We can drag the sliders here to adjust the vibrance and saturation. If you look at your Layers panel, you’ll see the Vibrance Adjustment listed there now too. Double-click on this adjustment layer to open these options back up any time. Try this out with other adjustments too!

W is for Workspace

You can really make your workspace your own in Affinity Publisher. We’ve taken a look at a number of ways to customize the Toolbar and the UI, but you can also completely rearrange the workspace (or Studio) itself. 

If you want to go back to the default workspace, go to View > Studio > Reset Studio. This places all of the default panels back, as shown below. Note, you can also hide all of these panels by going to View > Studio > Hide Studio. 

But you can also change up and remix the way your workspace is arranged. Most panels, like your Pages, Colors, and more, can be dragged, docked, and undocked. Position them wherever you prefer by clicking and dragging.

Close panels by clicking on the X at the top left of each panel. A majority of panels are located within View > Studio, so experiment with which ones you prefer to have visible.

X is for Export

Exporting is easy when you’re working in Affinity Publisher. Make sure to save your work by going to File > Save, or File > Save As (if you’d prefer to save a copy, rather than overwrite your work).

Exporting is different, in that you’re exporting as a file type other than an AFPUB document (an Affinity Publisher Document). To export your work, go to File > Export. Then, we’re presented with a variety of export options, perfect for both web and print. Use these options to export an Affinity Publisher PDF, or export to PNG, JPG, PSD, and more.  

Y is for Yellow

Different projects may call for a different color space. In this case, return to your Document Setup. With your Move Tool selected, we can click on Document Setup towards the top of the software.

Then, click on the Color tab, in the Document Setup panel. The Color Format dropdown will allow you to switch between modes such as CMYK and RBG. You can also change up your Color Profile, if your project has specific requirements. Need a transparent background? You can toggle Transparent Background on or off in this space too.

Z is for Zoom

You can zoom in and pan on your work by using the Zoom and View tools. The Zoom tool looks like a magnifying glass, while the View tool looks like a hand. Notice that these tools have been moved to the top of the Toolbar, in the example below. Remember, you can fully customize and rearrange your tools!

You can also adjust your Zoom and Pan using the slider at the top of the software, with the Zoom or Pan tool selected, as shown below. These are all easy and convenient ways to zoom in and isolate parts of your composition.

Learn More About How to Use Affinity Publisher

Looking for an Affinity Publisher course or Affinity Publisher tutorials? Learn how to use Affinity Publisher right here on Envato Tuts+. Check out these free Affinity Publisher tutorials today. What will you create? Happy designing!

• 
  Affinity Publisher
  Affinity Publisher: Your Guide to InDesign’s New Rival
  Grace Fussell

• 
  Affinity Publisher
  How to Import InDesign Templates to Affinity Publisher
  Daisy Ein

• 
  Affinity Publisher
  How to Design a Postcard Template in Affinity Publisher
  Zap Layden

• 
  Affinity Publisher
  How to Save a PDF in Affinity Publisher (For Web & for Print)
  Zap Layden

• 
  Affinity Publisher
  20+ Affinity Publisher Tutorials (Including Free Affinity Publisher Templates!)
  Nona Blackman