In this tutorial, I’ll present you find out how to create a typographic portrait utilizing solely Pixelmator. But what does that imply? A typographic portrait is a portrait composed of textual content. The approach is fairly easy. We will even play with Blending and primary filters.

Step 1

Open Pixelmator and create a new doc (The measurement I used was 1440×900 pixels). Then fill the background layer with black.

Step 2

Import the picture you need to use (The one I chosen was courtesy of Shutterstock. You can get it at http://www.shutterstock.com/pic-46756228/stock-photo-sweet-girl.html).

Creating a Typographic Portrait in Pixelmator

Step 3

Duplicate the layer picture and go to Image>Desaturate. Then go to Filter>Blur>Gaussian Blur. Use 15 for the radius. After that, go to Image>Invert. We will use this picture in a while, so it’s worthwhile to export it. Go to File>Export and export a JPG model of it.

Creating a Typographic Portrait in Pixelmator

Step 4

With the Type Tool (T), add textual content till the entire display screen is crammed (For the font, I used Georgia Italic, measurement 18). After that, duplicate the layer and alter the textual content coloration to black. Go to Filter>Blur>Gaussian Blur and use 4 pixels for the radius. Move this layer down 2 pixels; that may create a shadow. You won’t see it as a result of the background is at the moment black, however it is going to can be seen as we begin including extra layers. The shadow is vital as a result of it is going to give a good depth to the composition.

Creating a Typographic Portrait in Pixelmator

Step 5

Add extra textual content, altering font sizes. Always create shadows, as we did in the earlier step.

Creating a Typographic Portrait in Pixelmator

Step 6

Now beneath all the opposite textual content layers, add extra textual content. Fill the display screen with textual content, however utilizing a smaller font, reminiscent of measurement 13. After that, go to Filter>Blur>Gaussian Blur and use 3 pixels for the radius.

Creating a Typographic Portrait in Pixelmator

Step 7

Put the picture layer on high of the opposite layers and alter Blending to Linear Burn.

Creating a Typographic Portrait in Pixelmator

Step 8

Select all textual content layers and go to Layer>Merge Layers. After that, go to Filter>Distortion>Displacement. The filter field will open. Here, you will have to make use of the picture we exported in step 2. Just drag it from the place you saved it to the filter field. Increase the scale to 120.

Creating a Typographic Portrait in Pixelmator

Step 9

The Displace filter will make the textual content look bizarre, particularly the perimeters, so go to Filter>Blur>Gaussian Blur. Use 6 for the radius.

Creating a Typographic Portrait in Pixelmator

Step 10

Duplicate the picture layer and alter Blending to Multiply and the opacity to 50%. You may group all layers and duplicate them. After that, merge them into one layer and go to Filter>Blur>Gaussian Blur. Use 15 pixels for the radius after which change Blending to Screen and the opacity to 60%. That will add a little glow to your typographic picture.

Creating a Typographic Portrait in Pixelmator

Conclusion

This is a very useful approach. You may even attempt it utilizing completely different shapes as a substitute of textual content. The approach is sort of easy. However, it’d take a little time so as to add textual content and discover the proper place for giant key phrases. Such little particulars will make all of the distinction, giving extra type to your design.

Download Pixelmator File

Click right here to obtain the Pixelmator file.



Source hyperlink

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments