1.4 Photoshop Type Tool + Clipping Mask

Learning how to skilfully make use of the ‘type’ tool, I had to produce different letters using given fonts such as ‘Avenir’, ‘Helvetica’, ‘Copper black’, ‘Rockwell’ and ‘Baskervile’. Also I had to scale each letter to a very large scale and see what visual shapes can be created. This task was extended by me having to produce a colourful layer background combined with colourful fonts and to produce an A4 layout using the typefaces to display a given quote given to me by my teacher. Along with clipping a picture of the person who says the quote, my quote is “computers don’t crate computer animation any more than a pencil creates pencil animation. What creates computer animation is the artist.” by John Lasseter.

Screen Shot 2015-09-24 at 15.46.35

I started by making a 10×10 cm background layer.


After making the layer I used the ‘horizontal type tool’ to type out the letters that I will be changing into different typefaces.

Capture 2

After typing out my letters I went to the typeface options and changed each letter to the chosen typefaces. I had to repeat this process in six different documents using different typefaces.

Capture 3

Using the ‘free transform tool’ I enlarged the size of each of the letters to present visual shape.

Big letters typography 01 Big letters typography 02 Big letters typography 03 Big letters typography 04 Big letters typography 05 Big letters typography 06

After doing all this I repeated this process, but instead I recreated this but in colour, I started by going to ‘layer’>’new fill layer’>’solid colour’ to change the colour of the layer.

Capture 4 Capture 5

You can double click on the coloured box called a ‘layer swatch’ to change the layer to a different colour.

Capture 6

This coloured box is the ‘type swatch’ I clicked on this to change the colour of the letters.

Big colourful letters 01 Big colourful letters 02 Big colourful letters 03 Big colourful letters 04 Big colourful letters 05 Big colourful letters 06

For the last piece of this task, I first created a an A4 background layer by going to ‘file’>’new’ then i changed the ‘document type’ to ‘international paper’ and selected then A4.

Screen Shot 2015-10-23 at 15.32.22

Using the ‘type tool’ I typed out the quote that was said by John Lasseter, the quote was ‘Computers don’t create computer animation any more than a pencil creates pencil animation. What creates computer animation is the artists’. After i rearranged the words to present an attractive layout.

Capture 5

After finishing fixing the layout of the quote, I selected the layers with the quote and went to ‘layers’ >’group layers’ to place the layers into a folder, this makes it easier to place things together in folders.

Capture 6

After the final positioning of the typography arrangements, I then pasted in an imagine of the John Lasseter to finish the final touches on this task.

Capture 7

Capture 8

I ensured that the layer with the image is selected and above the folder with the typography in it. I then went to ‘layer’>’create’>’clipping mask’ to produce this effect of the image clipping into the typography.

Typography background quotes 01

The final result, I did not enjoy doing this task as I found it frustrating trying to use the letters to form together in order to help the image project through more visibly. I want to improve my skills in making proper use of the fonts and letters to produce high quality typography presentations. However I like the clipping effect that can be used in many different ways.


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s