Playing with Vectors in Pixelmator

One of the new features of Pixelmator 2 is the vector tools. You can create primitve shapes like rectangles, triangles, ellipses and edit them like in Illustrator or using paths in Photoshop. I decided to give it a try and create a poster using some impossible structures like Escher.

So in this tutorial I will show you how to create a poster using the vector tool in Pixelmator mixed with some textures and basic painting tools. The whole process won't take you more than 45 minutes and I am sure you will like the outcome.

Step 1

Open Pixelmator and create a new document. I am using 1200x1600 pixels. After that select the Rectangle Shape Tool and add a rectangle like the image below.

Playing with Vectors in Pixelmator

Step 2

Click on the gear at the top right of the window and select Make Editable. Then click on the rectangle twice to edit the points. Move the bottom points to start adding a perspective to the rectangle. Duplicate the rectangle and again edit the points to create a 3D object. Note: add one shape per layer, not all in one layer only, otherwise it's not possible to select different colors for each side of the object.

Playing with Vectors in Pixelmator

Step 3

This is the basic object that we will use to create the whole composition.

Playing with Vectors in Pixelmator

Step 4

Duplicate the basic object and rotate. Move it to the left and match the edges.

Playing with Vectors in Pixelmator

Step 5

Duplicate again and rotate to finish the triangle.

Playing with Vectors in Pixelmator

Step 6

Select the bottom side of the horizontal object and the right side of the one on the right. Use a dark grey for the color. To do that is easy now in Pixelmator. Just select the shapes and the go to Shape Settings and select the Fill Color.

Playing with Vectors in Pixelmator

Step 7

Select the left side of the left object and the top one of the bottom object and fill it with a light grey.

Playing with Vectors in Pixelmator

Step 8

Select the other 2 shapes and use a middle grey. You might have to adjust the order of the layers and also adjust the middle grey one on the left. It will be on top of the bottom object, just move it so you have something like the image below.

Playing with Vectors in Pixelmator

Step 9

Time for some refinements, especially with strokes and the connection of the objects. Once you do that the impossible triangle is done :)

Playing with Vectors in Pixelmator

Step 10

Add a new layer and then with the Gradient Tool (G) fill the layer with a radial gradient with black on the outside and dark grey in the center.

Playing with Vectors in Pixelmator

Step 10

Select the light object at the bottom and add a layer on top of it. Go to Layer>Create Clipping Mask. After that with the Brush Tool (B) and a big soft brush you will paint with black to create a shadow on that area.

Playing with Vectors in Pixelmator

Step 11

Repeat the same for the other 2 inner sides.

Playing with Vectors in Pixelmator

Step 12

Duplicate the left side and move it down. The idea here is to create the letter A of Abduzeedo.

Playing with Vectors in Pixelmator

Step 13

Repeat the same thing for the other side. You will have to create the top part of this object. Do that using a very dark grey for the color. It will give the depth we need to make the impression it is behind the impossible triangle.

Playing with Vectors in Pixelmator

Step 14

Now lets add a paper texture on top of everyhing. The one I am using is by R-studio and it's called Paper Texture. Courtesy of Shutterstock.

Add the texture on top of all the other layers and change the Blending to Multiply. After that go to Image>Hue and Saturation. Reduce the saturation to almost greyscale. Duplicate this layer and change the Blending to Color Burn at 30%.

Playing with Vectors in Pixelmator

Step 15

Select just the vector objects with shadows and duplicate them. After that merge the duplicated layers so you will have one layer with the impossible A. Rotate it and move it behind the main object. The last thing to do here is to change the Opacity to 10%.

Playing with Vectors in Pixelmator

Step 16

Duplicate a few more times to create a sort of pattern for the background.

Playing with Vectors in Pixelmator

Step 17

Add a new layer on top of all others. Select the Brush Tool (B) and then a very soft brush. Start paiting with blue, yellow and pink. Use the image below for reference. You can also try different colors to fit your taste and style.

Playing with Vectors in Pixelmator

Conclusion

Change the Blending of the previous layer to Overlay and the design is done. Just add the text you want and that is it, you have a nice poster design using impossible objects.

Pixelmator 2 and the vector tools make the process of creating this kinds of shapes much easier. It's all about trying and exploring.

Playing with Vectors in Pixelmator

Download the Pixelmator File

Download source file

Brought to you by