Long gone are the days when designing a flyer would mean lining up images of your products with prices in a dispassionate way. We are in the age of aesthetics. And so to get the interest of your target market, you need to at least give your flyer design a bit more thought and creativity.
In this tutorial, you will learn the basics of creating a ready-to-print gadget sales flyer design. In today’s design trends you need something sleek looking, with bright elements, and of course a healthy and creative abstract or grunge style. You will learn how to integrate all these elements in our guide. So let us start.
In our example, we are going to create a horizontal oriented flyer. Our measurements for the dimension are basically half of a normal letter sized paper. Below are the settings we will be using in detail in the sample design. With these settings you can even print these using your printer at home or at the office.
a. Width: 8.5 inches
b. Height: 5.5 inches
c. Resolution: 300 ppi
d. Color Mode: CMYK
Great! Now the first step is to create the background. Our initial task is of course to color the plain white that we have in the canvass. Instead of a plain color though, we will be using some gradient colors. Gradients are always better as they add a more natural and interesting look than plain colored designs. So set your foreground and background colors with two theme colors of your choice. Then go to the gradient tool, set the gradient to foreground-background and then just pain in the gradient unto the canvass. In our example, since we will have a couple of central objects we used a radial gradient, with the color changing from the center outwards.
Next, we will add some texture to the background. To do this we first pasted in some a light streaks type image on top of our background like so. We resided it to scale by pressing CTRL+T to active the image transform feature. Make sure that you get the right scale by pressing SHIFT whilst resizing your pasted in images.
Now, change the blend mode of this texture layer to “Overlay” and then reduce the opacity to 20%. This helps integrate our texture with the background colors pretty well. Take note that you can experiment with other Blend modes to see if they look better on your theme design.
Now we will make those light streaks a little bit more intense. To do this we select the texture layer and press CTRL+J to duplicate it. Then we change its blend mode to “Screen” and up the opacity to 30%. In this way, you basically duplicate only the light streaks and not the black background it has. This is a great method to enhance only the lighter parts of the design streaks.
Great! Now for our example, we will be “selling” mobile phones. Before we paste them into the main design, we will process them first. The first act is to remove the background from the mobile phone images. So open your product image and Photoshop and start erasing the background. The easiest way to do this is with the magic wand tool if you have a white background with your image. Otherwise, you will want to trace out the form using the magnetic lasso tool or the polygonal lasso tool. We got this Iphone image from this generous user in Flickr:
Now, in many cases, people will want to replace the current display in their tech gadgets that are for sale. Instead of the usual icons or message displays, they use their company logo or slogan in place of those things. It is easy enough to do this by just pasting in the appropriate logo. To make it work well, first inscribe a black rectangle (or the appropriate screen shape) on top of your image first.
Then, paste in your logo or image on top of our black rectangle. Right click on the image and then select “create clipping mask” in the context menu. Resize the image as necessary until it is positioned correctly within the box. For our example, since we do not need the logo in the screen, we just pasted in a group of icons just to demonstrate how to change the screen.
Just repeat this process for all the gadgets that you want included in your promotional flyer. Make sure you lift the gadget only from the background to avoid any little particles or artifacts one you paste them into the design.
Great! Now, we paste in the product images into our main design with the background setup. Press CTRL+T to transform and scale those products appropriately. Hold down the SHIFT key as you scale these images to make sure that you preserve the aspect ratio of these images.
Depending on how your gadget is oriented, you will want to rotate them a bit for a more creative style in the flyer. In fact, it is best to do this without turning the flyer into a catalog. So do not just layout the products in a grid. Rotate them, have them be behind each other, scale and shift them to get the most desired result. In our example, we just rotated the mobile phones on the sides to get that V emphasis on the center. You can of course easily rotate these images by pressing CTRL+T and then rotating the image by holding the mouse button along the edge of the images and then dragging it clockwise or counter clockwise.
Now, we will add a few extra abstract details. The first thing we will is a 10 point star shape that emphasizes our central images. So we go to the custom shape tool and choose the “10 point star shape”.
We then of course inscribe the shape, slightly stretched to act as a burst or explosion type of graphic. We color this with a nice theme color that is slightly contrasting with the main background. Afterwards, we reduce its opacity by 40%.
Then, we on another layer, we add in a few musical note shapes. This can be easily seen in the Photoshop Custom shapes gallery. So you do don’t have to worry. Just remember to press SHIFT as you inscribe these shapes to render them in the proper scale. Use a theme color of course for these and vary their overall size to make it look like music is coming from the mobile phones.
Using the same process above, we also add in some lightning shapes (again from the shapes gallery). We place five of them into the canvass, and then we rotated them around the main feature shapes. We then change its blend mode to “soft light” to get a nice overlapping effect.
Next we add some extra grunge splatters. Create a new layer just on top of our vector shape layers. Do this by pressing CTRL+SHIFT+N. Then, using some grunge brushes just add some abstract splatters around the central images. Make sure to use some varying colors as well to add to that abstract effect. Once you are done with your abstract brushes, change the blend mode of the layer to “Overlay” to integrate the splatters nicely.
Great! Now we can add our text. First we add the main slogan on top. Of course, we use the Text Type tool to do this. Be sure to use a very contrasting font color to make this slogan pop out. Also it is best to use sans serif family fonts as they are easier to understand.
Next, double click on our text layer to bring up its layer styles. First click on the outer glow checkbox and apply these options.
a. Opacity: 50%
b. Size: 5px
Then click on the Inner shadow text box and apply these options.
a. Blend Mode: Normal
b. Color: Grey
c. Distance: 0px
d. Size: 5px
Finally, click on the STROKE option. Set the size to 1px, and the color to black.
Then, just fill out all the text that you need to add to the flyer of course. Take note that you can copy the layer styles from our headline to your other sub-headlines and text.
That should finish our cool gadget sales flyer with abstract modern styles. Hopefully you have learned a lot with this tutorial.