thumb

Inspirational Poster Design in Pixelmator

by

Details

Difficulty: Beginner

Files

Once in a while everybody feels a lack of motivation that restricts enthusiasm. However, this can be overcome by inspiration from truly moving words orated by renowned individuals. Follow this tutorial to create a stimulating poster.

final

Step 1

Open Pixelmator and create a new document with a background color of white. The image size used in this tutorial is 900 x 550 pixels. Copy and paste the image of the wrinkled paper that will be used as the background image. To lighten the image, go to Image > Levels and set the Gray to 20%. Then, reduce the Opacity of the layer to 60%.

01

Step 2

Next, create a new text layer for the motivational text. Use Rockwell as the font, black as the color and 72pts as the font size. After that, type in the motivational text and add a space before the first word to make the text indented. Also, justify the text so that it looks neat and tidy. If needed, use the Move Tool (V) to position the quote in the middle of the canvas.

02

Step 3

Next, edit the text to make the more important words stand out. Set the font style of the words “book” and “only a page” to Bold Italic and change their color to blue (#002244). Also, change the font style of the word “world” to Bold.

03

Step 4

Now let’s add a wear and tear effect to the text. Right-click the text layer and choose Add Mask. Next, select the Brush Tool (B) and open the Brush Palette (View > Show Brushes). Click the Action button in the palette and choose Grunge. Then, select the brush that’s situated second from the left on the top row and set it’s size to about 250px. Use this brush to add scratch marks on the text. Before using the brush, make sure that the layer mask is selected in the Layers Palette.

04

Step 5

To make the text appear faded, set the text layer’s Blending to Vivid Light and reduce the Opacity to 80%. Changing the Blending to Vivid Light will also make the highlighted words even more distinct.

05

Step 6

Now it’s time to add the quotation marks. Select the Type Tool (T) and create two separate layers consisting of smart quotation marks. Make sure to align them to the text as shown in the example below. Use Lucida Grande as the font, 200px as the font size and yellow as the color (#bd5512).

06

Step 7

Follow step 4 to make the quotation marks appear worn. Then, set the Blending to Hard Light and reduce the Opacity to 80%.

07

Step 8

Make sure to credit the author of the quote. To do that select the Type Tool (T) and create a new text layer. Choose Helvetica as the font, black as the color and 24pt as the font size. Then, type in the author of the quote, in this case Saint Augustine, and use the Move Tool (V) to align this layer to the text of the quote. To differ this layer from the text in the quote, use Oblique as the font style for the word Saint and Bold Oblique for the word Augustine. After that, reduce the layer’s Opacity to 60%.

08

Step 9

As a finishing touch, add a vignette effect to the composition. To do that create a new layer and name it Vignette. Use the Paint Bucket Tool (N) to fill the layer with black color and then select the middle part of the layer using the Polygonal Lasso Tool. Go to Edit > Refine Selection, set the Feather to 70%, Size to 70px and click OK. Then, delete the selection by pressing the Delete key on your keyboard. Lastly, reduce the layer’s Opacity to 50%.

09

Conclusion

Meaningful and inspirational words can have a big influence on a person’s productivity. Create inspiring posters that deliver a spur of creativity and encourage efficiency of others and yourself.

final

Comments

  • DickSijtsma says:

    Nice tutorial. Two comments:
    1) To achieve the result the background layer should be filled with white
    2) It’s not ‘Edit > Levels’ but ‘Image > Levels’
    Thanks for this one.

  • Leif Ottosson says:

    Thanks for the tutorial. Easy to follow. Keep ‘em coming! :-)

  • Pete says:

    Small update. In the newest version of pxm levels can be found in the effect browser window.

    • Ashley Rich says:

      Hi Pete,

      Yeah the location of the filters have changed but its going to take too much time to go through all the existing tutorials and make the amendments. All future tutorials will have the correct locations though, until the next Pixelmator update. :)

  • DanRoy says:

    Is tutorial this for an old version of Pixelmator?
    None of the steps seems to work properly.

    The paper image didn’t download properly (I used a different method from that described, to get it to work).

    The instructions state: “To lighten the image, go to Image > Levels and set the Gray to 20%.”
    But when “Image” is clicked, there is no such selection as “Levels”.
    I was getting very frustrated and stopped at this impasse.

    For me, this tutorial did not work at all.

    • Ashley says:

      DanRoy,

      Sorry your having issues. The tutorial was written before the Effects browser was introduced, however the only difference should be the location of the Levels tools, which can be found in the Effects browser (CMD 3) under Color Adjustments.

      As for downloading the paper image, you are simply copying it from the link provided and pasting it into the document, which works as described.

      Any issues, let me know.

      Ashley

  • Rayven Michelle says:

    THANK YOU! I used this today to create an inspirational poster + it came out GREAT… considering that I’m no good at any of this! While it was hard trying to find some of the things you referred to (i.e. Levels, Blending, etc), that was only because I’m SUPER NEW to Pixelmator but I just searched help to find them + it didn’t slow me down much. Here’s a look at my result: https://www.facebook.com/photo.php?fbid=10152055527203496&set=a.123719963495.128028.120092408495&type=1&theater

    Thank you so much!