Update: We’ve create Pixelmator Tip #22 – How to create and edit shapes (the basics) in additional to the below tutorial.
With the release of Pixelmator 2.2, the new shapes tools are awesome.We especially love the new PXS format, so we created our freebie media device shapes, and our latest release of modern social icon shapes. Pixelmator has already provided good tutorials on how to makes custom shapes, including the new Vectormator mode.
In this tutorial, we wanted to show you just how easy it is to make your own custom shape. Of course we were inspired by you the pixelmator ninja, so here is a tribute shape for you.
First, create a new document 640x480px.
Next, enter the vectormator mode (cmd + shift + v), and you should see the toolbar changing and the following shapes toolbar appear.
Select the rounded rectangle tool to create the ninja body, select it to have a white fill colour (not a gradient), and ensure there is no stroke selected at this point.
Ensure the layer with the rounded rectangle is selected. Select a circle shape to create the ninja head, from the shapes window, and also the mode is set to the add shape setting as below:
Now add your circle, and you should both shapes exist on the same layer.
Now that we have the head and the body added. Using the same technique as the head, use the rounded rectangle tool to add some arms and legs. Use the free transform (cmd+f) to rotate them accordingly. Again ensure that you have selected the same layer as the head and body, and that the mode is set to add shapes. This will give you something like the below:
Let us now create the eye mask. For this, select the rounded rectangle tool, select the layer with the existing ninja shape, and now change the shape mode to subtract shape as follows:
The eye mask should look like:
Using the free transform tool, we played around with the handles and we manipulated it to get the below shape. This is completely up to you on how to customize your ninja.
Now use the circle shape to add some eyes to the eye mask, and again ensure the layer with the ninja is selected, and the shapes mode to add shapes again.
Now we have something that resembles a ninja. The shape is looking good. We also now set the stroke on the shape to 10px with a black colour to get:
Let’s add a rounded rectangle for the stomach using the same technique above to get:
Now our ninja shape is ready. To add it to your existing shapes window, you need to ensure you select the shape layer, then click on the shapes window settings wheel at the bottom right corner, and select Add Shape.
This will now add your ninja shape as a custom shape to your shapes window, so the you can reuse it anytime in any design you want (all you need to have is the vectormator mode or the custom shapes window open).
Finally, we can play around with colour for some fun.
Or with some added texture, we get a ninja with some depth.
In order to export the shape, all you need to do is select the shape from the shapes window, and drag and drop it onto your desktop or a finder window. This will create a PXS file, which you can share with other fellow ninjas on your blog or community sites like Pixelmator Shapes.
You can download the ninja PXS file from this tutorial here.
To import the file, you can either drag and drop the PXS file onto the shapes window, or you can use the Import Shape function.