In this tutorial we are going to learn how to design an advertisement poster using some special techniques like creating custom brushes, masking and working with typography. The example I used is an unofficial Kindle ad, which I came up with just for the sake of this tutorial.
Editor's Note: Kindle is a trademark of Amazon Inc registered in the U.S. and other countries. Product names and images within this article are used in editorial fashion only with no intention of infringement of the trademark or trade dress.
Press Command-N or choose File > New and create a new document using 1301x2032 pixels and the default settings visible in the image below.
First of all, in your new document you should start by placing in an image of an open book. This is the royalty free stock photo that I used:
Let’s select the Type tool and click on the canvas once then type in one random character. You can use any font and style that you prefer. I used DIN Medium with 40 pt size. To finish typing press Command-Return. After accepting typing, you can use the Free Transform option to resize or rotate the character. You will have to repeat this step several times until you get several characters randomly placed next to each other (they are all on separate layers). See my example below.
Now that you have some random characters next to each other you will have to save it as a Custom Brush. First of all, you have to make a selection around them using the Rectangular Marquee Tool.
Now you can choose Edit > Define Brush Preset and save the custom brush with a name that you prefer. I will call mine Random characters.
To be able to start using this new custom brush you will have to choose the Brush tool first and then click on the Brush Preset picker icon on the left of the Options bar. From this collection, you will find the custom brush at the very end. Select it and then try drawing with it. You will see something like this:
Now that you have your brush, you will have to set it up properly. For this you will need to open the Brush panel. Click on the icon next the Brush Preset picker icon in the Options bar. You can also access this panel from the Window menu and choose Brush.
First of all, you will need to select the Brush Tip Shape option on the left and set the Spacing to 100%.
Next step is to add randomness to the rotation. You can do this under the Shape Dynamics where you need to increase the Angle Jitter up to 100% and add 100% Size Jitter.
You can now add some randomness in the placement by adding 200% Scattering under the Scattering tab. I used 2 for the Count option.
It is almost done now, the only thing we need is to randomize the opacity. You will need to choose Transfer and set the Opacity Jitter to 100%. If you have been following everything properly you should get something like this as the result:
You should save all these options together with the brush tip shape so you can use it again next time. All you need to do is to click on the Brush panel options (drop down menu on the top right corner of the panel) and choose New Brush Preset. Once again, the naming of it is completely up to you.
We have created the custom brush but we still need to create a special mask to contain the cloud of text. I used the following silhouette, but you can use other images too for this step.
Once you have the selected silhouette, place it into your Photoshop document. Use the Magic Wand to click on the character and then create a New Layer. While your selection is active, create a Layer Mask on the new empty layer. You should see the following layer structure at this stage:
Make sure you select the thumbnail of the layer (with the checkered background) and not the mask (black and white silhouette). Select the Brush tool and make sure you have the saved Preset with the random text selected. You can choose any color, I used black as my foreground color. Now you will have to draw over the silhouette and fill it up with text. You can draw the whole character with one long brushstroke or several separate strokes. You should achieve something like this:
It is up to you how much empty space you want to leave, just make sure the outlines of your character are easily recognizable.
Using the Eraser tool with a Soft edge try to erase back the foot, which is placed over the book to get the impression that the character is building up from the characters on the pages of the book.
Finally you can add the message of the advert and the product photo. I used two black rectangle vector layers and white type for the typewriter effect and I turned the Kindle product image into a Smart Object before I reduced its size. This is how my final version looks like:
I hope you enjoyed this tutorial and well done for your hard work :)
Kindle is a trademark of Amazon Inc registered in the U.S. and other countries. Product names and images within this article are used in editorial fashion only with no intention of infringement of the trademark or trade dress.
Martin Perhiniak is a Certified Adobe Design Master and Instructor. Martin has worked as a designer with companies like Disney, Warner Brothers, Cartoon Network, Sony Pictures, Mattel, and DC Comics. He is running a series of Workshops in London as well as providing a range of services from Live Online Training to Consultancy work to individuals worldwide. Martin’s Motto “Do not compare yourself to your role models. Work hard and wait for the moment when others will compare them to you”