Pixelmator Tip#29 – How To Create Attention Grabbing Posters

Ninja Share:

Everyone in the world knows the importance of well designed posters and ads in advertising for specific products.

Posters are an integral part of marketing your products, your ideas, your events, or your goals.

A beautifully designed, attractive poster that conveys an awesome, compelling message about your subject matter will grab the user’s attention.

In this tutorial we show you how to create a vibrant, and highly engaging environmental poster using Pixelmator.

The final image

Here is what you will be able to create at the end of this tutorial.

high-impact-poster

Step One

Create a new poster in landscape of size 1024x768px.

29-1new

Step Two

Choosing a good background image is absolutely vital. A great image really brings out the subject you are creating the poster about. The more vibrant the better. We choose these amazing trees in the forest to go with our nature theme. We used Pixabay, one of our awesome photo resources; however do make sure to read copyright rules.

29-2

Make sure to download the largest HD version i.e. 2048×1536 version (you may need to setup a free account to do so).

29-2b

Step Three

Drop your image into the blank canvas you setup. Carry out some quick enhancements and adjustments to the size and placement of your image. We used auto-enhance, brightness and contrast effects from the effects panel (CMD+3) to really make the image vibrant and to bring out that luscious green colour.

29-3

We also didn’t like the rock in the middle of image, so we used the upgraded heal tool to make the stone disappear. Make sure to check out the Pixelmator video on the heal tool to understand how it works.

29-4

Just highlight the rock using the heal tool, and voila Pixelmator does the rest. It is a truly awesome feature. Here is our final image after the enhancements.

29-5

Step Four

Setup your frame shape using the basic rectangle shapes. Tip – don’t use a single rectangle and try to use only the stroke to get the same effect – we found that at larger sizes the shape corners don’t come through as clearly.

29-6

Build the frame as a single shape using the shape addition tools. We’ve shown you how to create shapes in our shapes tutorial.

29-7

We will try to blend the rectangle into the trees. To do this, instead of a single rectangle, use multiple rectangle shapes and roughly allow the trees to come through.

29-8

We want to bring the two nearest trees into the frame, and essentially give the illusion that that frame is sitting behind these trees. This is a way to draw attention to our subject of the poster – the trees themselves. Don’t worry that the shapes are roughly overlapping the trees, we’ll fix that next.

29-9

Firstly select the frame shape layer, right-click and then Convert To Pixel. Next, reduce the opacity of the frame shape so that in the overlapping parts of the frame, the tree behind starts to comes through.

29-10

Use the Eraser tool with a small brush size, and zoom right into the overlapping parts. Make sure you have selected the rectangle layer, and erase the rectangle edges to align with the tree outline.

29-11

Next look at the other elements of the scene that will add some more depth to the scene. You’ll notice there is a shrub in the left bottom corner of the rectangle. We’ll use the same technique above to bring the shrub forward, and make it appear as if the rectangle is behind the shrub.

29-12

Step Five

Now lets add in the main text, we used a font called DIN Condensed Cyrillic from Font Palace, Bold, at size 96. You can see that the poster is already coming alive now.

29-13

Step Six

Add in other shapes and smaller text elements to really enhance your image. This is one of the critical elements to creating engaging posters.

A quick tip – where text is not visible, use the burn tool with a small brush and a small intensity setting on the background image to reduce the lightness of the area immediately behind the text.

29-14

Depending on the size of the original HD image, you may need to export for web to reduce the size of the image for web publishing (we set this to JPG at 50% quality) to get the final image.

Make sure to click the image below to see the larger version that was made with Pixelmator.

high-impact-poster

SIGNUP TO GET NOTIFIED:
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.

Comments

  • Hi Guys, I guess the only thing wrong is the measures on STEP ONE that suppose to be inverted Width 1024px X Height 768px

    Joao OliveiraJuly 10, 2014
  • July 18, 2014

    […] we mentioned in Tip #29, finding the perfect background image can make or break your poster. It needs to be high quality, […]

  • Hi, Great tutorial, even for someone like me who has no idea what they are doing. To make it a bit easier to look at the help links you have inserted in the tutorial, could they be set to open at a new web page? This way we can look at the tutorial and then click on the links easily

    Stephen TulevskiSeptember 9, 2014
    • Hi Steve, you should be able to do this quickly by holding down CMD or CTRL and then clicking the link. This will open any link on a new page. Hope that helps.

      PN.

      Pixelmator NinjaOctober 2, 2014
  • How would this look printed?

    CoachOctober 31, 2014
    • Depending on how detailed the picture you use, the quality of the paper and the ink, and the printer itself – I think this would look awesome.

      If you can, we would love to see what you have created.

      Pixelmator NinjaOctober 31, 2014
Oops. Comments are now closed on this post!