In this tutorial, we'll walk through how to make hair braiding flyer templates. You can use these concepts for all kinds of hair braiding flyers: from Black hair salon flyers to African hair braiding flyers and more! Design it your way and show off your beautiful, creative work.
What You'll Learn
- How to create hair braiding flyer templates in Adobe InDesign
- How to insert and resize images in InDesign
- How to work with the Type Tool in InDesign
- Changing and adjusting the stroke in InDesign
- How to create a custom QR code in InDesign
What You'll Need
- Hair Braiding Imagery
- Additional Images of Braided Hair, Styled Hair, and Braided Styles
- George Sans Serif Font
- Butterie Calligraphy Script Font
- Beauty Logo Design, or any appropriate logo for your business
We'll design our hair braiding flyer template in Adobe InDesign. Keep in mind that you could use any imagery or fonts you prefer when designing your Black hair flyers—tailor the content to the nature of your business. This is a great opportunity to show off examples of your work to entice clients.
Keep in mind what your hair braiding flyer should include:
- Your business information. This should be both easy to find and easy to read. QR codes can be a great idea because they make it even easier for viewers to interact and connect with you.
- Visuals that showcase your work. Share samples of the beautiful braids you've created. This is your chance to show potential clients why they should trust you with their hair. Think of this as an opportunity to share a mini-portfolio!
- Avoid overwhelming the viewer. Too much content can prove to be confusing or cluttered. You don't have to include every service or even price, especially if you have a long list. Encourage viewers to check out your website for more information. The flyer is an initial hook, not a detailed menu.
How to Make Hair Braiding Flyer Templates
Step 1
Let's start off with a New Document in Adobe InDesign. You can create one by going to File > New.
For our document settings, I'm going to design our flyer at 8.5" inches wide by 11" inches high, which is a standard US paper size. You're welcome to work at any size you prefer.
I also like to work with a 0.5" inch margin around all sides, just to act as a "safety" area. This means that all essential content, like text, will stay inside these margins. Then, nothing will risk being obscured or cut during the printing process. You are welcome to tweak this value to best suit your project's needs.
Once you're happy with your settings, click Create to continue.
Step 2
Next, let's start with a background image. I'm going to use this photograph from Envato Elements, but you could use any image you prefer. Remember, our goal here is to promote your hair braiding services—use this as an opportunity to showcase your beautiful work.
Go to File > Place and select your chosen image from your computer. Then, click and drag to draw an initial rectangular frame that will hold our image. It's okay if it's not the perfect size at first.
Step 3
Next, we can use the resize handles to resize both the rectangular frame holding our image and the image itself. Double-click to toggle between the two. With the Selection Tool active, click and drag on any of the resize handles to resize your content.
Here's how I chose to resize and position this image in my composition.
Step 4
Next, let's turn to our Layers panel. You can open it up by going to Window > Layers. Then, double-click on your layer and give it a name. I called mine "Background Image", so I know what the content on this layer is.
Let's create a New Layer by clicking on the Create a New Layer Icon at the bottom of the panel (it looks like a plus sign). We'll double-click on this new layer and name it "Shape Overlay". We'll repeat this process for multiple parts of our design.
In addition, I like to lock my layers once I'm finished with that part of my design. That way, I don't accidentally move content that I'd like left alone. I toggled the Layer Lock On, on my Background Image layer.
Step 5
With my Shape Overlay layer selected, let's select the Pen Tool. I want to create a decorative shape on top of our image. Just click to create points. These points can be used to create an abstract shape, as seen below.
Step 6
Let's continue on another New Layer. I called mine "Preview Images". I'm going to showcase some examples of beautiful braided hair in this space.
Select the Rectangle Tool. Then, click and drag to draw a small square.
Step 7
Let's make some adjustments to our newly drawn square. Use the Selection Tool to select it. Then, click and drag on the resize handles to adjust its size.
Next, let's take a look at the Stroke Color and Fill Color. You can find them at the bottom of the Tools panel. Set the Stroke to white. Set the Fill to light gray.
Step 8
Open up the Stroke panel by going to Window > Stroke. Now, we can adjust the stroke on our rectangular shape. I went with a Weight of 4pt. Notice how this made the stroke thicker.
Step 9
Next, let's round the corners. With your square selected, go to Object > Corner Options. Then, from the resulting menu, we can add a curve to the corners. Click the lock in the center to keep all of the corner radiuses the same (otherwise, you can change them independently).
I went with a rounded corner of 0.3125" inches. You can toggle Preview On if you want to see what the value looks like before you commit to it. Once you're happy with your choice, click OK.
Step 10
Now, let's copy and paste our rounded rectangle. Go to Edit > Copy to copy it, and then Edit > Paste to paste it. Repeat this as many times as you'd like. I did it twice, so I could have three shapes in my composition. Take a look.
Step 11
Next, let's add some images to our rounded rectangles. Use the Selection Tool to select one of the rectangles. Then go to File > Place. Choose an image from your computer and click OK. InDesign will insert the image into the shape you selected.
You can adjust the fitting as we did earlier, with our first image. Or, alternatively, you can right-click on PC or Control-click on Mac to check out the Fitting options. You could, for example, choose to fill the shape proportionately. Adjust your images in any way you think frames the picture well.
Step 12
Repeat this process for any of the remaining shapes in your design. This is a great opportunity to showcase your work, styles you create, or other eye-catching examples.
Step 13
Now, let's start adding some text to our composition. Time for another New Layer. I called this layer "Text & Elements". Naming your layers keeps things organized.
Select the Type Tool. Then, click and drag to create a text box. I'm going to draw a text box that complements one of my rounded rectangles.
Type some sample text. This could be anything from the name of a service to a special offer. It's up to you. To change the font, open up the Character panel by going to Window > Type and Tables > Character. From here, you can choose any font you prefer, as well as changing things like the font size. I'm using the sans serif font George from Envato Elements.
Step 14
We can give our text box a background color. To do so, turn to the Fill Color in our Tools panel. I chose a light beige color that complements our main photograph.
Step 15
We can toggle between changing the color of the container and the color of the text under the Stroke and Fill Color, in the Tools panel. You'll know you're editing the text if these icons look like the letter "T".
I made my text color white. You could make yours any complementary color you prefer.
Step 16
Next, let's copy and paste this text, so we have one instance under each of our rounded rectangles. Then, we can easily change the copy to whatever we'd prefer. Again, this could be great for things like listing particular services or styles.
Step 17
Let's turn to the Type Tool again to add more text to our design. This time, I'd like to put some pricing information under our newly created copy. With the Type Tool, click and drag to create a text box, then add your copy. No need to change the background color this time. I went with a medium brown font and changed it to bold in the Character panel.
Repeat this process for each of our rounded rectangle sections.
Step 18
Let's try a different method for the top of our composition. Turn to the Rectangle Tool. Make sure your Fill Color is set to white, with no Stroke. Then, click and drag to draw a long, thin rectangle at the top of the composition, like this.
Step 19
Then, we can return to the Type Tool. Just click and drag to draw a text box that fits into this space. We're basically layering it on top. This is another way to achieve a similar effect to what we did earlier.
I made my text here a beige color to match the rest of my composition. This could be a great spot to advertise something like a special offer or another bit of complementary info.
Step 20
Since this is a promotional flyer, keep in mind the kind of content you'll want to include. A website URL would be a great idea. So let's select the Type Tool and add that. Click and drag to draw a text box, and then type in your content. I placed this content under my rounded rectangle items. For example, you could tell the viewer that even more styles, samples, and services are available on your website.
Step 21
But we could make this even easier on the viewer. How about adding a QR code? InDesign makes it really simple. Let's go to Object > Generate QR Code.
From here, you can input what type of info you'd like your QR code to call, like a website URL. We can also change the color here—I made my QR code a medium brown color to match my design. Click OK to insert your QR Code.
Step 22
Your QR Code will behave much like an imported image. Using the Selection Tool, we can use the resize handles to resize and reposition our QR Code in our composition.
If you'd like to learn more about using QR codes in InDesign, here are a couple of useful tutorials:
Step 23
Let's add some complementary information next to our QR Code. Select the Type Tool, and then click and drag to draw a new text box. I decided to make this match our other colored text boxes—beige background, white text. You can follow the same process again. Having content visually relate and match like this can help make the design look more cohesive.
Step 24
Use the Type Tool to add more complementary content to this space. Content like your address, phone number, and email could be great ideas to include here. Remember, you want it to be as easy as possible for potential clients to contact you.
Step 25
Let's add some little extras here with the Line Tool. Make sure that your Fill Color is set to None and your Stroke Color is set to white. Then, with the Line Tool selected, click and drag to draw a line at the top of your composition.
Step 26
With your newly drawn line selected, return to the Stroke panel. I turned my Stroke Weight all the way up to 14 pt. Then, I changed the Stroke Type to Straight Hash. This gives us some really cute dashed lines.
Step 27
To complement this, copy and paste the dashed line. I positioned this duplicate at the bottom of my composition. Change the Stroke Color to a light beige, to match the composition.
Step 28
But wait! What about a logo design or a business name? You have a lot of options here. If you already have a logo, you can paste it into your design by going to File > Place.
But what if you don't have a logo? Let's create something simple yet elegant, right here in InDesign.
Start with the Character panel and select a stand-out font. I used a decorative script font from Envato Elements. It's elegant, pretty, and will command attention because it's ornate.
Then, with the Type Tool, click and drag to create a text box, and type in your business name.
Step 29
You can also add a tagline, if you like. I added a simple, descriptive tagline in a more supplemental font. Again, I turned to the sans serif font George from Envato Elements. Because it's less decorative, it'll complement our script type. Again, use the Type Tool to add this copy if you'd like.
Step 30
I thought our design could use some visual flair, so I added this awesome beauty logo design from Envato Elements too. One of the great things about assets like this is that you can use them in any way you want—the only limit is your creativity. Place this imagery by going to File > Place.
Check out how I arranged it to work with our new logo concept.
Now You Know How to Design Hair Braiding Flyers
You can use these concepts to create all kinds of hair braiding flyer templates. Whether your goal is African hair braiding flyers or you're looking for Black hair salon flyers in general, you can adapt this template in many ways. Remember to showcase beautiful examples of your work and styles you can create in your Black hair flyers. That's an excellent way to entice the viewer to reach out and book an appointment!
Learn More About Adobe InDesign
Want to learn more about Adobe InDesign? There are so many awesome free tutorials right here at Envato Tuts+. Why not learn how to make a brochure or a poster? Check out these walkthroughs and keep on learning.
