Pixelmator Tip #23 – How To Create A Romantic Valentines Poster

Ninja Share:

Getting into the mood for Valentines day, in this tutorial we show you how to create a valentines (collage) poster using Pixelmator.

Let’s create some awwww…

Here is the final poster you will be creating at the end of this tutorial.


Step One

Create a new document 400x400px and add in the heart shape with a stroke of 2px and black colour, and no fill. The heart shape is available in vectormator mode (cmd+shift+V).


Step Two

On a new layer start adding in shapes that you associate with valentines, and feel free to play with the size, rotation, and placement. Don’t worry about going outside the heart shape border for the moment, we will fix that later on. Also make sure that none of the smaller shapes are overlap each other.


Step Three

Continue adding in shapes, the more variety the better.


Step Four

You can also have fun with adding in lines, and making them into waves by editing the line shape like we showed you in Tip #22.


Step Five

Start adding in some text to give it some more depth. We are using the Helvetica Neue Font set to Light. Play around with the font size, rotation, and placement.


Step Six

Next, select the background colour and use the paint bucket to fill the background with a valentine’s red colour – we used #d40112. We also changed the colour of all the shapes to white. We started to nudge the shapes that overlap the heart shape border to just within the border. Also, we increased the stroke of some of the shapes by 1px, which gives them a highlighted effect.


Step Seven

Go all the way around the heart shape border, and adjust the shapes that overlap the border, and bring them just inside the border. Don’t move them too far away from the heart border as we want to retain that overall shape.


Step Eight

After some final adjustments, we have a poster shape we are happy with.


Now let’s delete the heart shape border, and you can see the overall heart shape is still prominent.

23-9 Step Nine

Now let’s add some effects to this poster and give it some heart (pardon the pun).

Select the background layer, and in the Effects panel, choose Stylize, and then Noise effect set to 2px and ensure monochrome is selected.

Next under the Effects panel, choose Stylize, and Light Leak with the following settings and placement.


Add a new layer above the background layer – from the Effect panel select Other, and then Image House with the following settings. Also set the layer blending option as Color Dodge and Opacity at 60%.


Add in another layer below the image house layer, and this time from the Effects panel, select Other, and then Floor with the following settings and placement. Also set the layer blending option as Saturation with Opacity of 20%.


Finally, we want to make the white shapes pop off the page. To create this glow effect, group all the white shapes together, duplicate this group, and merge the layer of the duplicate group. Ensure the duplicate layer is now below the main white shapes layer, and directly below it. To this layer, from the Effects panel, select Blur, and Gaussian Blur set to 5px.

And finally we arrive at the finished poster.


The poster also looks great in black and white. To do this, we just selected the background layer, from the Effects panel choose the Vintage effect, and then Orchid. Also make sure to deselect the other layers with effects such as image house and floor.


Also, why not have some fun and add some photorealistic perspective – like we showed in you Tip #8.

Now we have finished created our awesome valentines poster using Pixelmator.


Again the black and white version looks great too!


Enjoy creating your own posters and feel free to share your creations with us.

Oops. Comments are now closed on this post!