In this tutorial we are going to show you how to use perspective effect with text in Pixelmator by recreating the Star Wars opening text scrawl.
Here is what you will be able to create by the end of the tutorial.
Let’s get started.
Create a new document 1024x1024px.
Find a star field background for your poster. It should look like a galaxy, but it should have anything that would take attention away from the text.. We pulled this one from NASA’s awesome collection – you can get your own from their picture collection.
Copy and paste the star field image onto a new layer. Adjust the size as you desire by dragging the shape handles at the edges of the image. When you are satisfied, make sure that you remove any part of the image that is outside the 1024×1024 canvas. You can do this by going to Image in the menu, and then select Trim Canvas.
Get the Star Wars scrawl text. We found it over in Wikipedia. Copy and paste the text into a new layer. We changed the font to Apple Gothic, White colour, and size 24px.
Next we reduced shrunk the text vertically – make sure to select the text block and then uncheck the Constrain Proportions check box that appears at the menu bar. This will help us add to the perspective effect in the next step.
Great – the magic has happened inside Pixelmator. The image handles that usually control the size of the image can now be used to adjust the perspective of the image.
First click and drag the top left handle towards the middle by about 1cm, while holding down Shift (to keep it in a straight line). Next click and drag the bottom left handle away from the middle until the text perspective effect is created, again while holding down Shift to keep it in a straight line.
Once you are happy, move the text picture about halfway down the canvas, so it looks like it is appearing from the bottom of the poster.
To finish off and enhance the poster, we are going to do some final color adjustments. Select the text picture layer, and then open the Effects Browser (CMD+3), then choose Color Adjustments, and then Brightness.
The background Star field is taking a little too much attention from the text block, so let’s also adjust that with some color adjustments. Again select the star field layer in the layers panel, then open the Effects browser (CMD+3), choose Color Adjustments, and then Exposure.
And now we have arrived at our final image, which recreates the Star Wars Opening Scrawl using Pixelmator.