Pixelmator Tip #9 – Create A Cool Typographic Poster

Ninja Share:

In this tutorial we want to show you that using just basic tools available in Pixelmator you can create some cool graphics such as a trendy typographic poster. This should take about 30 minutes to complete.



Step 1

First, create a new document of size 1680 x 1050 pixels.


Step 2

Next, using the paint bucket fill the layer with black colour. Select the Effects Panel (CMD + 3), select the Stylize group, and then Noise. Set the Noise Amount to 50% and ensure Monochrome is ticked. Now, select the Blur group on the Effects Panel, and then the Gaussian Blur with a radius of 2px. Finally select the layer with the noise, and change the opacity to 80% to get something like the below.


Step 3

Add a new layer, and then bring up Effect panel, select the Generator group, and then Clouds. Also, select the layer with the Clouds, and set the layer blending option to Overlay to get something like the below.


Step 4

Add a third layer, and we are going to add a radial gradient. Be selective about where you apply it in the layer. We went with the following standard gradient.


Step 5

We’ll apply it to just below and to the right of the centre, and using the blending option of Normal. Now change the blending option to Multiply, and apply it once more dragging it over the same area to give a more vivid look. You should now see something like the below.


Step 6

Next, select the text tool, add  in your text, select your font (we chose our favourite Futura, but Helvetica Bold Condensed also works nicely here). We also suggest placing your text at a 45 degree angle and move it to where you want on the canvas.


Step 7

Select the text layer, and change the blending option to Soft Light to get the following look.


Step 8

Now, copy and paste, and start adding in more of the same text. Vary the sizes, flip them horizontal, and vertical, and start filling up the entire page. Even try to fill the gaps between text where possible, and don’t be shy about going beyond the canvas when placing your text.


Step 9

Once you make you final adjustments and tweaks, ensure there is a little negative space between text so that it is not too cluttered.

Finally we arrive at our final product – all of this just using some very basic techniques and tools in Pixelmator. Enjoy.


Our best content on designing with Pixelmator. Delivered Regularly!
You'll learn exactly how to become a Pixelmator Ninja using our tutorials and templates. We won't send you any spam. Unsubscribe at any time.


  • Where do I find the monochrome option? (Step 3) ??

    MindyAugust 22, 2015
    • Hi, The Monochrome option is available when you add in the Noise effect. We’ve updated the steps in the blog accordingly. Thanks for bringing it to our attention.


      Pixelmator NinjaAugust 23, 2015
Oops. Comments are now closed on this post!