How to Design a Face Mask

Final product image
What You’ll Be Creating

The COVID-19 pandemic has made face masks become a necessity as well as a part of our ‘new normal’ day-to-day lives. Some of us can have fun while making a small contribution to that situation by easily creating our own custom face masks!

In this tutorial, I will show you how to create a half-face mask design, using Adobe Illustrator, and upload it to the Placeit mockup generator to create a face-mask mockup.

What You Will Learn in This Face Mask Tutorial

  • How to plan and set up a half face mask design file
  • How to vectorize a cat snout illustration using Adobe Illustrator
  • How to create a mockup using Placeit

What Will I Need to Make a Designer Face Mask? 

For this fun face mask design tutorial, I have decided to create a half-face kitten snout artwork, because who doesn’t love kittens!

You’ll need access to the following programs:

  • Adobe Illustrator
  • Placeit.net (mockup generator for the final presentation)

If you would like to save time, you can learn how to make a face mask with design elements and resources easily accessible from Envato Elements.

1. How to Set Up a Half Face Mask File Design File

Step 1

Launch Adobe Illustrator

First, set up a New Document (File > New or Command-N) with these settings:

  • Name: Kitten_Face_Mask
  • Number of Artboards: 1
  • Width: 800
  • Height: 400
  • Units: Pixels

From the Advanced Tab:

  • Color Mode: CMYK
  • Raster Effects: Screen
  • Preview Mode: Default
set up new document in adobe Illustrator half  face mask

Step 2

Typically, I would sketch out a design and upload it to Illustrator before vectoring. However, illustrating a cat snout is quite basic and easy to draw, so we can easily improvise and create a fashionable kitten face mask without needing to sketching one first.

First, let’s set up our Ruler Guides to the center of the artboard. The center is where we will place our kitten nose.

To view the Rulers, choose View > Rulers > Show Rulers or Command-R.

To create a Ruler Guide, move your pointer onto the vertical ruler guide and drag the guide onto the 400 px mark, the center of our 800 px length.

By default, the guides are unlocked, so we need to Lock the guides by selecting View > Guides > Lock Guides.

Set Ruler Guides and Lock

Step 3

Now let’s turn on the Smart Guides (Command-U) to help us align our artwork, and then open the Layers panel (Window > Layers).

On the Layers panel, name ‘Layer 1’ as ‘BACKGROUND’ and click the Create New Layer icon. Name the new layer ‘KITTEN SNOUT’.

Turn on Smart guides and open Layers panel and rename new layer

2. How to Draw the Base of the Kitten Snout 

Step 1

Begin by working on the ‘BACKGROUND’ layer, where we will create the background cat snout color and face pattern.

From the Tools menu, select the Rectangle Tool (M) and apply a sandy brown Fill of #c1a8a1, with null Stroke color. With the help of the Smart Guides, draw an 800 x 400 px rectangle on the artboard.

set background color  of face mask by using rectangle tool fill null stroke

Step 2

Next, we will draw a basic egg-shaped snout. Select the Ellipse Tool (L) and apply a white Fill with null Stroke color. 

Draw an ellipse in the center of the artboard, approximately 168 x 168 px. The Smart Guides will help you center it on the artboard.

Then grab the Direct Selection Tool (A), select the top anchor point of the ellipse, and drag it up as shown to create an egg-shaped snout.

draw cat snout with ellipse and direct selection tool drag anchor to create egg shaped

Step 3

With the egg selected, we need to offset the shape to create the cat head pattern behind the snout.

Object > Path > Offset Path 

  • Offset: 10 px
  • Joins: Miter
  • Miter Limit: 4
  • OK

Give the offset shape a color Fill of #d8c7c4.

offset path of cat snout to create cat head pattern

Step 4

Now, select the Pen Tool (P) from the Tools menu, and draw a shape similar to the one shown in the image below.

The Smart Guides will help you align with the edges.

use pen tool rectangular shape using smart guides

Step 5

Use the Direct Selection Tool (A), hold down the Shift key to select the two center anchor points. This will enable the Live Corners widget, which is the white circle icon displayed next to a selected corner. Drag the Live Corners widget with the Direct Selection Tool (A) to convert the corners into round corners. The corner will be highlighted in red when you reach the proximity of the Live Corners widget. 

use direct selection tool to round live corner widgets

Step 6

Now let’s reflect the rounded shape to the other side of the artboard.

Simply select the rounded shape, and pick the Reflect Tool (O). Set the center reference point to the center of the artboard, where the guide is; Option-Shift-Drag and release when the shape is mirrored across. 

Step 7

Now, use the Selection Tool (V), hold Shift to select both rounded shapes, and then we need to place the shapes back behind the white snout shape: Object > Arrange > Send Backward (Command-[).

When you are done, go to the Layers panel, Lock the BACKGROUND layer, and move onto the ‘KITTEN SNOUT’ layer.

select shapes with selection tool and send backwards

Step 8

Moving on, let’s add some blush to our kitten’s cheeks.

Grab the Ellipse Tool (L) and draw an ellipse of about 160 x 120px. Then choose the Rotate Tool (R), and rotate the ellipse by -21°.

Step 9

Open the Transparency panel: Window > Transparency. Set the Transparency to 50%. 

Then let’s feather the edges so that it looks like a blush. Effect > Stylize > Feather and set the Radius to 19 px, and then pick the Reflect Tool (O). Set the center reference point to the center of the artboard, where the guide is; Option-Shift-Drag and release when the shape is replicated across. 

When you are done, Lock the ‘BACKGROUND’ Layer in the Layers panel, and move onto the ‘KITTEN SNOUT’ layer.


3. How to Illustrate a Kitten Snout Face Mask Using Adobe Illustrator

Step 1

Now it’s time to draw the features of a kitten snout. We will draw one side, and then mirror it to the other side.

We will start with the basic triangular-shaped nose. Grab the Pen Tool (P), set the stroke to 4 pt from the top menu bar, and apply a black stroke color.

Take the Direct Selection Tool (A), hold down the Shift key, and select the two center anchor points shown below to round the Live Corners widgets. 

Draw Cat nose using Pen Tool and round corners using live corners widget

Step 2

We need to create a nostril. Grab the Ellipse Tool (L) and draw a circle of 41 px around the inside of the nose, as shown below.

Open the Pathfinder: Window > Pathfinder. Select both shapes with the Selection Tool (V), and apply the Divide action from the Pathfinder panel. Then grab the Direct Selection Tool (A) to select and delete the excess circular shape.

Use pathfinder panel to divide and create cat nostril

Step 3

Now let’s draw the kitty’s lip line. A kitten’s mouth is the shape of an anchor. We can easily draw that using the Rounded Rectangle Tool from the Tools menu.

Draw a vertical rounded rectangle of about 60 x 115 px from the mirror edge of the nose to the left, as shown below.

Then grab the Scissors Tool (C) and cut along the rounded rectangle stroke as shown in the image below, and delete the excess stroke.

create kitten mouth anchor using rounded rectangle and scissor tool to fix stroke

Step 4

Let’s give the nose some color.

Take the Selection Tool (V), select the nose, and Ungroup (Command-Shift-G) the divided shape, so we can give each shape a different color fill. Give the nose a color Fill of #d7817e. Then select the nostril and give it a color Fill of #441718.

Open Stroke panel (Windows > Stroke). Select the mouth anchor stroke, and apply a Round Cap to make the mouth look smoother.

use selection tool ungroup and apply color fill and rounded stroke cap

Step 5

Now let’s add some whiskers. When we draw cartoon cats, we usually put three dots on the snout of the cat. These common spots are the “pores” where the whisker follicles are. So to draw these dots, we can simply select the Blob Brush Tool (ShiftB).

Select a color Fill of #c0a7a0 and just click on the artboard area to add your three dots. If you need to modify the width of the brush, use the key to increase the brush width or the [ key to decrease.

draw 3 pores dots cat snout whiskers using Blob Brush

Step 6

Next, we’ll add some whiskers. Take the Pen Tool (P). Apply a black Fill and null stroke color, and freehand draw three curved whiskers, as shown below. 

Select Pen Tool and freehand draw whiskers

Step 7

OK, now that half of our kitten face is ready, Command-A to Select All.

Click O for the Reflect Tool and set the center reference point on the center guide; Option-Shift-Drag and release to mirror the shapes across. The kitten face mask design is looking cute so far!

use O shortcut to refelct shapes mirror across

Step 8

The kitten’s nose is currently split by the two shapes, so we need to join it together.

Take the Selection Tool (V) and hold the Shift key to multiple select both nose shapes. Head over to the Pathfinder panel and select Unite from Shape Modes to combine the two shapes.

Now you should have a full nose.

unite from pathfinder panel to combine shapes

Step 9

Next, we just need to add a few more features to complement the design, one being the mouth opening.

Grab the Pen Tool (P) and apply a Fill of #7d6c70. In the Tools menu, you will find the Draw Behind mode, which will allow you to draw behind all objects.

Use the Pen Tool (P) to draw a curved triangle along the lip line, as shown. The Smart Guides will help you align the anchors.

use pen tool and draw behind mode to draw mouth opening

Step 10

Now let’s give the kitten a blushed lip.

With Draw Behind mode still selected, take the Pen Tool (P) and apply a pinkish Fill of #d785a2. Use the Smart Guides to draw an aligned, wavy lip form, similar to the one below.

use pen tool to draw a curved way lip draw behind

Step 11

To create a blushed lip look, we need to Feather the selected lip shape (Effect > Stylize > Feather). Apply a Radius of 6 px, and click OK.

apply feather style effect to lip shape

Step 12

And for the last feature, we need to add a chin.

Take the Pen Tool (P). Apply a black Fill and null stroke color, and then draw a smile like the curve below the snout, the same as the one in the image below. 

Finally, Save the file (File > Save).

use pen tool to draw chin curve

4. How to Create a Placeit Face Mask Mockup

Step 1

Now that our illustration is ready, we need to Export it to create our half face mask design mockup in Placeit.

File > Export > Export As. Select Format: JPEG, and Export.

This will open the JPEG Options dialog box. Select:

  • Color Mode: CMYK
  • Quality: 10
  • Resolution: 300 ppi
  • OK
export illustration JPEG format 300ppi resolution CMYK custom design half face mask

Step 2

Navigate over to Placeit and sign up for free. 

In the header menu, click on Designs. Select Face Mask in the sub-menu, and choose which mockup you would like to try on.

I selected ‘Happy Little Girl With Candy

Placeit face mask mockup

Step 3

Click Upload Image to upload the exported ‘Kitten_Face_Mask.jpg’.

Crop the upload if needed, and then you can customize the ‘Happy Little Girl’ Image by adding a logo, text, and graphics if you like. Give it a go and try it out!

Kitten face mask upload to mockup happy little girl face mask how to custom design face mask

Meow! Your Custom Face Mask Design Is Ready

Now that you know how to make a designer face mask, go ahead and create other bottom half face mask designs and use any of Placeit’s cool face mask mockups to make various designs and share them in the comments below. We’d love to see what you cool face mask designs you come up with. 

See some of the different designs of face masks I created here, and if you’re interested in other creative designs and fun mockups, check out these cool roundups of tutorials below.

how to design face mask different design of face mask cool tutorial design misschatz cool face mask designs

{excerpt}
Read More

20+ Cool Restaurant (Food) Menu Templates (Best Modern Designs for 2021)

Opening a new restaurant is tough. You’re busy getting the permits, promoting the opening, and creating your signature dishes! Using a restaurant menu template is a must so that you can focus on everything else.

Modern menu design template
Modern food menu templates exist for every food concept you can imagine.

Menu design is crucial for new patrons searching your menu for their next savory dish. You need easy-to-read designs and image-focused menus. Make your diners’ eyes water and choose your top creations. 

This tutorial will show you stunning food menu templates with unlimited designs on Envato Elements. Plus, you can source single pay-as-you-go templates for cool menu templates on GraphicRiver. The best menu designs are throughout this article!

Top Restaurant Menu Templates (With Unlimited Downloads

Envato Elements gives creatives an unbeatable offer: one subscription, unlimited downloads. For a low monthly fee, download everything in the Envato Elements library. That includes menu templates, stock photos, and creative graphics.

As you search the Internet, you’ll find free restaurant menu templates for every purpose. But honestly, it’s worth the investment to source the best restaurant menu templates from Elements.

Professionals build these modern menu designs. Professional graphic designers create the best restaurant menu designs and add them to the Elements library. They’re ready for you to download and fill in with your details.

Creative menu design ideas
Source creative menu design ideas from Envato Elements to supercharge your restaurant menu design.

Not only will you unlock restaurant menu templates, but you’ll also have unlimited access to:

  • Stock photos to spice up your menu design.
  • Graphics and illustrations to add a bit of artisanal flair to your restaurant menu design.
  • More design templates like signs and banners to promote your new restaurant.

With the Envato Elements library, you’ll never be short on the best restaurant menu design ideas. Use these modern menu designs to kickstart your restaurant launch.

5+ Top Restaurant Menu Designs From Envato Elements to Get in 2021

Here are some of the best restaurant menu templates on Envato Elements. Remember, they’re all included with your subscription.

1. Minimalist Food Menu (PSD)

Minimalist Food Menu

What immediately draws the eyes in this food menu is its clean, minimalist design. Take advantage of this food menu template’s excellent design and typography and use it for your restaurant. More features include:

  • A3 size (17.25 inch x 11.25 inch)
  • CMYK print ready (300 DPI)
  • unique typographic badges

2. Mexican Food Menu (PSD, EPS)

Mexican Food Menu

If you’re working in a Mexican restaurant, your menu should be as good as the food. This Mexican food menu template features illustrations and stylish fonts against a dark background. 

The horizontal layout, illustrations, and colors make it a really nice menu template. Some of its other features are:

  • Size A4 – 210mm x 297mm + bleed area 3mm
  • CMYK, 300 DPI
  • uses only free fonts
  • all text is easy to edit
  • Photoshop & Illustrator files

3. Elegant Food Menu (PSD, AI)

Elegant Food Menu

This food menu template has an elegant and clean design, inspired by Art Deco. It’s perfect for a high-end bar or restaurant. You can use a white or dark background, and easily edit the text.

  • Size 8.27×11.69 (with bleed)
  • artboard size A4
  • fully customizable and editable
  • CMYK, 300 DPI – Print-ready
  • two color alternative

4. Food Menu Template (INDD, PSD)

Restaurant Menu Template

This restaurant menu design is modern and elegant, featuring subdued tones and minimal design. It’s perfect for drawing your patrons’ attention to the cuisine. The bifold format makes this an ideal modern menu design template for multi-course menus. Show everything from small plates to large entrees and dessert selections using InDesign and Photoshop restaurant menu design templates.

5. Food Menu Pack (PSD)

Food Menu Pack Template

Promotional materials for your brand-new restaurant couldn’t be easier with Food Menu Pack. This pack features a restaurant menu design template, plus extras to help promote your restaurant. That includes business cards and table tents to create your complete restaurant brand. The bold and sleek design is perfect for showcasing the delicious dishes that customers will come back for.

6. Vegetarian Food Menu (PSD)

Vegetarian Food Menu

Vegetarian food options have never been more popular. So use a stunning restaurant menu design template to captivate your diners. The charming and fun design of this restaurant menu template will help cultivate a pleasant experience for your guests with eye-catching photos. It’s easy to edit in Photoshop and has placeholders for specials.

Envato Elements (Design Without Limits)

Envato Elements has an impressive, all-inclusive offer:

Sign up for Envato Elements. You’ll get access to thousands of unlimited use graphics and templates (with unlimited use). Get great web themes, restaurant menu templates, and more—all for one low price

Envato Elements homepage
One flat-rate subscription unlocks everything in the Envato Elements library.

One subscription to rule them all! With the help of Envato Elements, you can create new modern menu designs for every restaurant you launch. If you work on creative projects, the value is truly unbeatable.

Elements item listing
Download unlimited restaurant menu design templates and so much more on Envato Elements.

Envato Elements is a powerful option. But if you prefer to buy food menu templates one at a time (instead of getting unlimited access to hundreds of creative designs), check out the selection from our GraphicRiver marketplace below.

15 Top Restaurant Menu Templates From GraphicRiver (With Mouth-Watering Designs)

You’ve already seen Envato Elements, the library of restaurant menu designs (and much more). But it’s not the only option. With GraphicRiver, you can buy more of the best restaurant menu design templates.

best food menu templates for single purchase in GraphicRiver
Get the best food menu templates for single purchase in GraphicRiver

The GraphicRiver difference is that you’ll pay only for what you choose. Buy single templates to keep your costs low.

Let’s look at 15 of the best modern menu designs, available for sale on GraphicRiver.

1. Restaurant Menu InDesign Template (INDD)

Restaurant menu InDesign template

With a mix of modern and vintage elements, this restaurant food menu design is easy to read. Customize the design easily as well, in Photoshop or InDesign. Placeholders in this restaurant menu design also give great opportunities to showcase favorite dishes.

2. Seafood Menu (PSD)

Best Menu design for seafood

The fun and vibrant beach themed design of the Seafood Menu template makes it the best restaurant menu design for laid-back seafood fare. Cool menu templates like this one set the stage perfectly for seaside eateries. The placeholders make it easy to highlight the dishes your restaurant is known for. As a bonus, the menu book layout easily accommodates a deep menu.

3. Menu Template (INDD)

Creative menu design ideas

“Clean and trendy” accurately describes this creative menu design idea. It’s a fitting choice for a hip cafe or bistro featuring artisanal food and drink. This fashionable modern menu design also offers two different backgrounds for variety. This cool menu template allows you to beautifully present the truly distinctive menu you’ve worked so hard to perfect.

4. Christmas Menu (PSD)

Holiday themed creative menu

Add a festive and sophisticated touch to your Christmas holiday-themed meals with this cool menu design. The beautifully crafted vintage theme of this food menu template adds a tasteful and elegant feel. Use it for an exclusive meal at your restaurant or a formal Christmas party for the office or your traditional holiday brunch. Cool menu templates like this capture the holiday spirit!

5. Simple Menu Board (PSD)

Simple restaurant menu design ideas

The best menu designs are often the simplest ones. A great example is the aptly named Simple Menu Board restaurant menu template. 

The minimal, clean design of this modern menu design template makes it versatile for many types of eateries. That could cover anything from small cafes to steakhouses. Placeholders are perfect for showing your top menu items.

6. Restaurant Menu (PSD)

Best restaurant menu design

Lively restaurants need vibrant menus. This creative menu template fits that bill perfectly. This bold and modern menu design is perfect for highlighting bar food and late-night snacks. 

The simple but distinct composition makes for an easy browsing experience for the customer. Crafting each page and section of your menu is easily done in Photoshop.

7. Seafood Menu (PSD)

Cool seafood menu templates

The Seafood Menu template is a creative and cool menu design with its aquatic theme. It’s a great fit for seafood and beach restaurants or cruises. This double-sided menu is easily editable in Photoshop. It features a multitude of well-placed seafood visuals like fish, crab, and lobster.

8. Cafe Menu (PSD)

Fancy menu template for cafe

The tasteful visual composition of this modern menu design will help draw your customers in as they muse over food and beverage choices. The neutral tones make this restaurant menu design idea a perfect fit for bistros and cafes with a rustic feel. Customize this modern menu design template in Photoshop with images of the entrees you serve that’ll bring customers back.

9. Bar Menu Flyer (PSD, AI)

Best Menu design for bar

Design your bar menus or posters in Photoshop and Illustrator with this modern menu design template. Neutral tones and bold typography make this cool menu design a solid choice. Its multi-column layout makes it easy to show all categories. Each layer is clearly labeled to make editing in Photoshop simple.

10. Restaurant Menu (PSD)

Creative menu for restaurant

Minimal, elegant design is front and center in this modern menu design. The featured black chalkboard background on this restaurant menu template makes it an excellent choice for small cafes and bistros with carefully crafted menus. Easily add your image to this cool menu design in Photoshop.

11. Restaurant Menu Template (PSD)

Fancy menu template for restaurant

Simplicity and modern menu design are prominent on this restaurant menu template. It sets up the relaxed and low-pressure atmosphere of your cafe. Two different menu types (bar and table service) are included. So you can easily create menus to closely match the restaurant.

12. Special Christmas Menus (PSD, AI)

Restaurant menu design ideas for Christmas

Colorful, classy, and elegant, these festive holiday menu templates are well suited for special meals celebrating the season. These food menu templates are fitting for hospitality events. These fancy menu templates are also fully editable in Photoshop and Illustrator.

13. Pizza Menu Table (PSD)

Best menu design for pizza restaurant

Visuals are vital in the food industry. This 4×6 table tent is perfect for showcasing your top-selling pizzas. Use them to show daily and weekly specials that customers can review while waiting to pick up their order. This food menu template will help promote perfect pies for your pizza-loving patrons.

14. Coffee Menu (INDD)

Cafe creative menu design

A beautifully put together menu is a cinch with the trendy, minimal layout of this restaurant menu design template. The layout has sections for easy presentation of food and beverage options or the different options available depending on the time of day. Use InDesign to easily complete and round out your coffee menu.

15. Drinks Menu (PSD)

Cool menu designs for bar

Fun drink menus add to the experience for consumers. Your expertly crafted drinks have their own space to shine on this cool menu template. The lovely typography and visuals will perfectly fit the fun atmosphere of your restaurant, bar, or lounge. Customers are sure to picture themselves unwinding after a long day with your perfect drinks.

5 Quick Tips to Make Great Modern Restaurant Menus With Templates

Restaurant menu design is an art. And with the help of the food menu templates you saw above, it’s easy to create your own. Let’s look at five tips that help you add a bit of flavor to your modern menu design.

1. Show, Don’t Tell

I’m always amazed by how many food menu designs lack photos. New patrons visiting your restaurant are looking for ideas. Photos can help tell the story.

With an eye-catching photo, your diners are sure to find something they love. They’re even more helpful as your restaurant is getting off the ground to find dishes your customers will order over and over. 

Food menu pack template
The Food Menu Pack template has four image placeholders that are just waiting to show your signature dishes.

2. Match Your Menu Design to Your Restaurant

Every restaurant has its style. Your goal isn’t to be a restaurant or bar “for everyone.” It’s to stand out from the crowd.

As you use restaurant menu design templates, it’s essential to match the style to your restaurant’s style. Use your color scheme and a creative menu template that projects your restaurant’s vibe.

Vegan Food Menu

3. Upsell to Featured Items

Every restaurant has higher-margin items that are sure to drive results. Your job is to steer your patrons not only to your best dishes but also to the items that drive success. Keeping the doors open is essential, after all!

Use arrangement on your menu—or other assets like table tent menus—to suggest your best items.

Table tent
Use a folding tent like this one to show your suggested items.

4. Suggest Pairings

For a better experience, show items as thoughtful pairings. Some dishes taste better when matched with the right drink or appetizer, for example. 

Suggest pairings in your menu design. Do that by positioning items nearby on the menu or suggesting item pairings in text.

Food menu template
A restaurant menu template like this one has plenty of text placeholders to suggest pairings.

5. Include Dietary Warnings & Helpful Information

Conscious food eaters will appreciate it if you list dietary warnings. That might include restrictions like dairy, peanut allergies, gluten, and more. 

Use a symbol or text on your menu to call out these items. It helps to protect your restaurant from liability and helps diners make good choices.

Dietary warnings on modern menu design
Use asterisks or other warnings on your food menu template to note allergy or dietary concerns.

Discover More Mouth-Watering Templates

I hope you’ve enjoyed the selection of the top food menu templates from Envato Elements and GraphicRiver. Are you ready to see more? Check out these awesome collections for more inspiration:

Learn More About Restaurant Menu Design

Designing the best menu for your restaurant can be tricky, even with a food menu template. Why don’t you check these helpful tutorials? You’ll create the perfect menu in no time!

Create Your Restaurant Menu Design Today

In this tutorial, you saw the menu design ideas that you can use to launch your restaurant. It’s crucial to stand out from the crowd, and you need an excellent restaurant menu design to tell your story.

Don’t forget: using modern menu designs from Envato Elements helps you design a menu, rapidly. Or try out single-purchase cool menu templates from GraphicRiver.

Cook up a modern menu design with the help of these templates. It’s sure to give your customers a taste of just how good your new restaurant is!

{excerpt}
Read More

35 Twitch Panel Templates (Using a Twitch Panel Maker)

Want to create cool Twitch channel panels for your Twitch account?

35 Twitch Panel Templates using a Twitch Panel Maker
One of the stunning Twitch panel templates available at Placeit

If so, you need to check out the Twitch panel maker from Placeit. It offers terrific Twitch panel ideas and templates that will help you create your very own gorgeous custom Twitch panels quickly and easily. 

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

How to Make Twitch Panels Quickly and Easily

If you want to learn how to make Twitch panels, this short tutorial will teach you how to do so quickly and easily with a Twitch panel creator.

1. Navigate to the Twitch panel maker at Placeit.

How to Make Twitch Panels Quickly and Easily

2. Review the Twitch panel templates on offer and select the one you like the most.

For our example, I’ll teach you how to make a donation panel on Twitch.

How to Make Twitch Panels Quickly and Easily

3. To create Twitch panels, use the Twitch panel creator to customise the template provided.

  • Starting with the controls on the left, you can add your own text and change the font style and colour.
How to Make Twitch Panels Quickly and Easily

4. Move to the controls on the right

  • You can now change your background colour and the colour of the line dividing the image. 
How to Make Twitch Panels Quickly and Easily
  • Next, you can change the icon used in the panel by uploading your own or using one of those provided by the template. You can also change the colour of the icon here. 
How to Make Twitch Panels Quickly and Easily

5. When you’re done, hit the Download button

How to Make Twitch Panels Quickly and Easily

Once you’re satisfied with your design, hit the download button at the top of the screen and download your custom Twitch panel for a small fee. 

If you regularly need to create banners, logos, flyers, posters, social media banners, etc., then the monthly plan may be the best deal for you. 

That’s how to make Twitch panels in five simple steps. Now let’s take a look at the wonderful Twitch Panel Templates available at Placeit.

About Me Twitch Panel Templates

An About Me Twitch panel is a must for any Twitch channel. The Twitch panel creator has several About Me panels you can customise to suit your taste.

1. Twitch Panel Template for Cool Gamers

About Me Twitch Panel Templates

This Twitch panel template blends nostalgia with a futuristic, minimal design. Choose an icon to represent you or upload your own. Then personalise the text, add borders, and change your colours, and your ‘About Me’ Twitch panel is ready to download.

2. Twitch Panel Template for a Twitch About Me Panel

About Me Twitch Panel Maker Online

Amp up your Twitch channel with this cool About Me Twitch panel with funky colours and a classic game controller graphic. Of course, you can change every aspect of the design when you customise the template, so have some fun with it. 

3. Simple Twitch Panel Design Template With Toxic Mask Graphic

Twitch Panel Design Maker Online

This Twitch About Me panel is for those who like a bit of fun. It features bold text on one side and a gas mask icon on the other. Choose your preferred colours, change the text and/or font. You can upload your own icon, keep the one shown here, or choose another from those on offer. 

4. Twitch Panel Maker With Robot Graphic

Twitch Panel Maker With Robot Graphic

This Twitch About Me panel is fun and geeky. The beautiful gradient effect can be applied to any colour combo, and there are a plethora of gorgeous icons to choose from.

5. Twitch Panel Maker for an About Me Panel

About Me Twitch Panel Templates

Another variation on the panels above, this one offers a zig-zag dividing line that separates the two-colour panel. Use as is or modify the elements you don’t like using the Twitch panel creator.

6. Minimal About Me Twitch Panel Template

Minimal Twitch Panel Template Online Download

This awesome Twitch About Me panel is a nice and minimal choice. You can change the gradient background as well as add text and graphics. 

7. Simple Twitch Panel Template for an About Me Button

About Me Twitch Panel Templates

This About Me Twitch panel template offers a number of options to jazz up your panel. Apart from being able to change the icon, the text and font, and the colours, you can also change the shape of the banner inside the rectangle in various ways to create a panel with a unique look and feel.

Follow Twitch Panel Templates

If you’re an active creator, Twitch is just one of the many platforms you use. Encourage your subscribers to check out your other presences with these Twitch panel templates.

8. Twitch Panel Template for a Social Media Follow Button

Social Media Twitch Panel Maker

This panel alerts Twitter users that you too have a Twitter account and encourages them to connect with you there. You can change the icon and text just like I did to fit the account you want to promote.

9. Colourful Follow Twitch Panel Maker with Minimalist Design

Colourful Follow Twitch Panel Maker Online

Create Twitch panels that catch the eye and encourage people to click that follow panel with this template. This colourful Twitch panel design is all ready to go, but it’s fully customisable.

10. Twitch Panel Template with Heart Icons

Twitch Panel Template Design With Heart Icons

This is a great template you can customise to encourage visitors to follow your social media accounts. Just set up your colour gradient and text for each one, and then upload a different social media icon to the left. If you want to differentiate each panel a bit, you can vary the geometric overlays provided for each one. 

Twitch Donation Panel Template

When you need to create images to encourage donations to your channel, you can find tons of Twitch panel ideas on Placeit. They’re easy to customise, and your subscribers will like interacting with them.

11. Donations Twitch Panel Maker

Twitch Donation Panel Template

This Twitch donation panel is a great example of a template you can use as is or customise by using your own logo or one of the icons provided. Then add your text and colour scheme, and your Twitch donation panel is ready to add to your channel. 

12. Twitch Panel Creator for a Donation Link

Twitch Panel Creator Online Download for Donations

This Twitch donation panel can direct viewers to your Patreon account. It’s a good idea not just to ask for donations but to indicate where you’re sending viewers when they click on your donation button. 

13. Pride-Themed Twitch Panel Maker for a Donate Button

Pride-Themed Twitch Panel Maker for a Donate Button

Using “please” when you’re asking for anything is always a good idea. So when you’re customising your Twitch donation panels, it’s a good idea to remember to chuck a please (or thank you) in there when you can.

14. Twitch Panel Creator

Twitch Donation Panel Template

Of course, the other magic word is “thank you”, another great option to add to your text when asking for something. So maybe when you’re customising this particular Twitch donation panel, all you need to do is change the colours and perhaps the font used if you like, and leave everything else as is. Just a thought!

15. Simple Twitch Panel Template for a Donations Panel

Twitch Donation Panel Template

What better way to encourage donations on your Twitch donation panel than with a money icon? Maybe you can also use the colour green, which is the colour of life and growth.

16. Simple Twitch Panel Maker for Donations

Simple Twitch Panel Maker for Donations

If you prefer a low-key style, we have the perfect Twitch panel for you. By default, it’s geared towards donations. But you can use it repeatedly on your channel for different purposes by customising the colours, text, and icons used. 

Discord Twitch Panel Templates

Need to create Twitch panels to invite visitors to chat with you via Discord? Well, Placeit has you covered with a collection of awesome Discord Twitch panels. And, of course, these panels are as easy to customise as all the other panels featured here. 

17. Twitch Panel Design Maker With Discord

Twitch Panel Design Maker Discord

This Twitch panel design is very stylish and modern. It features the Discord logo in front of an abstract wavy design and gradient. You can add more lines of text, change the font, and more.

18. Customisable Twitch Panel Maker

Discord Twitch Panel Templates

As a Twitch user, you know that Discord has its own nifty little icon, so I wouldn’t recommend replacing it if you want to catch the eye of visitors to your channel, but you can use the other settings in the panel maker to change the frame, text and colours of your panel. 

19. Simple Twitch Panel Template with Solid Background

Simple Twitch Panel Template with Solid Background

And, of course, you can customise this familiar template for your Discord Twitch panel as well. The Twitch panel maker colour palette is so extensive that the sky’s the limit when it comes to creating unique colours to make your panel your own unique creation. 

20. Twitch Panel Creator for a Simple Chat Button

Discord Twitch Panel Templates

This very clean and simple design is a great idea for your Discord Twitch panel. It uses a simple circle around the Discord icon to help it stand out and uses a bold, clean sans serif font for the text. 

21. Modern Twitch Panel Template for Contact

Modern Twitch Panel Template for Contact

Another Discord Twitch panel with a simple design. You can use as is, but remember everything here is customisable, so feel free to change things up to suit your taste.

Twitch Subscribe Panel Templates

Encouraging new subscriptions is made easier with a good-looking Twitch panel. You can find an option you like from the list below. Keep them as is, or customise them to fit your needs. 

22. Subscribe Twitch Panel Template with Badge

Subscribe Twitch Panel Template with Badge

Every Twitch account needs a subscribe panel to encourage visitors to support the channel, so of course we have to include a set of Twitch subscribe panels here. Use as is, add your own icon, or select one from the wide selection on offer. 

23. Subscribe Twitch Panel Maker

Subscribe Twitch Panel Maker Online Download

One of the cool features of this Twitch subscribe panel is the awesome background texture effects. There are so many fun choices here that you’re going to have a hard time settling on just one. 

24. Subscription Thank You Twitch Channel Panel Template

Subscription Thank You Twitch Channel Panel Template

Show some love to your subscribers with this follow Twitch panel. The design is so cool you might gain even more followers. It offers a dizzying array of customisation features. Try them all out to see which combinations you like the most. 

25. Twitch Panel Creator for a Subscription Button

Twitch Subscribe Panel Templates

Your visitors will find it hard to resist following your channel with this altogether fabulous Twitch subscription panel. Of course, you can customise it in any way you like using the brilliant panel creator, but really why bother when it already is just perfect. 

26. Colourful Twitch Panel Design Template

Colourful Twitch Panel Design Template

I had to add this upbeat, vibrant Twitch panel template. You can use the Placeit online design creator to make this layout your own through customisation. 

Twitch Schedule Panel Templates

The best way to grow subscriber engagement on your channel is having a schedule. With the following Twitch panel options from Placeit, sharing that schedule is easier than ever!

27. Streaming Schedule Twitch Panel Creator

Twitch Schedule Panel Templates

If you’re looking for a Twitch schedule panel to let your visitors know when you’re going to be streaming, then this custom Twitch panel is the one for you. Featuring a calendar on one end and title on the other, it’s simple and to the point, yet stylish and eye-catching. 

28. Twitch Panel Maker with Calendar Graphic

Twitch Panel Maker with Calendar Graphic

This calendar Twitch panel maker is ready for you to make it your own. All you need to do is change the icon, text and colours and you can easily change this into a Twitch schedule panel. Easy peasy. 

Twitch Contact Panel Templates

Every channel needs a Twitch contact panel. If you’re wondering how to make Twitch panels so visitors can contact you, we’ve got the perfect solution for you: use a Twitch contact panel template. Here are some great choices for you from Placeit.

29. Twitch Panel Template for a Contact Button

Twitch Contact Panel Templates

This Twitch panel is a simple way for supporters to get your contact information. As is the case with the other templates featured here, customisation is easy.

30. Contact Twitch Panel Template

Twitch Contact Panel Templates

Here’s another example of a Twitch contact panel available at Placeit. This one features the very familiar envelope and beautiful bold text next to it. The texture background and red accent frame are a nice touch. Of course, you may want to keep some of these design ideas and change others, and the beauty of using the Twitch panel creator is that you can do so quickly and easily. 

Twitch Info Panels Templates

Let’s face it, there are tons of different panels each individual Twitch user could make for their channel. We’ve tried to cover the most popular, but we cannot cover all of them. For the myriad other categories, we’ve bundled a few under the heading Twitch info panels. 

31. Twitch Panel Creator for Chat Rules

Twitch Panel Creator for Chat Rules

Let’s start with this one. Simple yet eye-catching, this could probably be included under “About”, but we thought that it’s distinct enough to warrant its own category. It’s an informative panel for newcomers so that everyone can enjoy the chat.

32. Twitch Panel Creator for a Chat Rules Panel

Twitch Info Panels Templates

Rules: we all need them, and so do you. Use this Twitch info panel to indicate to your visitors what they should know first before diving into your channel. 

33. Twitch Panel Design Template With Old School Gamer Font

Twitch Panel Design Template With Old School Gamer Font

This cool Twitch info panel is just a great thing to have on your site because it gives subscribers a peek behind the scenes. Customise as needed with your own font style, colours, and icon. 

34. Twitch Panel Creator for Rules With Sword and Shield Graphics

Twitch Panel Creator for Rules With Sword and Shield Graphics

Use this Twitch info panel to alert your supporters to your channel rules. You can keep the sword and shield graphics, or customise for whatever purpose you need. 

35. FAQ Twitch Panel Template

Twitch Info Panels Templates

Anyone who has any type of popular site on the internet is frequently asked the same questions over and over again. So it goes without saying that a Twitch info panel that’s dedicated to frequently asked questions is a life saver. Use as is or customise it to your needs. 

Discover More Twitch Templates and Resources

If you’re interested in learning more about creating Twitch resources or want to find some more premium Twitch channel templates, check out the following articles:

Choose Your Favourite Twitch Channel Panel Today

You can create Twitch channel panels quickly and easily with minimal cost when you use the Twitch panel creator.

These 35 Twitch panel ideas and template examples are just a few of the custom Twitch panels you can create with the Twitch panel maker at Placeit. I hope they’ve given you tons of inspiration, and you now feel confident that you know how to make a custom Twitch panel for your channel. Use your favourite template to make your own panel and share it with us here. We’d love to see what you come up with.

{excerpt}
Read More