Playing with Vectors in Pixelmator
Wed, 02/15/2012 - 04:53
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.
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.
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.
This is the basic object that we will use to create the whole composition.
Duplicate the basic object and rotate. Move it to the left and match the edges.
Duplicate again and rotate to finish the triangle.
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.
Select the left side of the left object and the top one of the bottom object and fill it with a light grey.
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.
Time for some refinements, especially with strokes and the connection of the objects. Once you do that the impossible triangle is done :)
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.
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.
Repeat the same for the other 2 inner sides.
Duplicate the left side and move it down. The idea here is to create the letter A of Abduzeedo.
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.
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%.
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%.
Duplicate a few more times to create a sort of pattern for the background.
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.
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.