TheTAZZone - Internet Chaos

Photoshop Tutorial – Blend Modes and Type

ORIGINALLY POSTED BY ALLY FOR THETAZZONE/TAZFORUM HERE

What a great effect this one is, I first saw it done by Corey Barker.

Just a couple of points that may come in handy before we get on with the tutorial. I’ve created a car shape for you to practise on, if you would like to make your own shape there are a couple of things you need to know – after you have created your shape, you are going to have to be able to lock the transparency of that layer at some point – here’s how you can make that happen. Right click on the shape layer and choose Rasterize from the menu. Making sure the shape layer is active, hold down your Ctrl (Cmmd) key on the keyboard and click on the New Layer Icon at the bottom of the layers palette (this will force the new layer below the shape layer). Click back on the shape layer to make it active, right click on the layer and from the menu choose Merge Down. You will now be able to Lock the Transparency of that layer later on.

When you get to do the type part of the tutorial, you can add your own text – I’ve been lazy and gone to the Lorem Ipsum site and used the text generator to randomly generate some copy. You can find the site http://www.lipsum.com/ The last thing you will need to know is this – If you want to add some additional type after you have done the type effect you will find that every time you click on the image with theType Tool selected it will put the Type on the Type Layer you already have there, which you may want to happen, but if you want to do some FX’s on the additional Type it will affect all of the Type. Two ways you can get around this – in CS3 you can right click on the Type Layer and choose Convert to Smart Object. If you have earlier editions of Photoshop hold down the Shift click before clicking on the file and it will force the Type onto a new Type Layer.

With all that said, let us get on with the tutorial. Create a new file 800 x 600@72dpi with a white background. Save the image below, then open it in Photoshop. The first thing you will have to do with the car image is go to Image>Mode and change the file from ‘indexed’ to ‘RGB’ now grab your move tool and holding down your shift key, drag the car image onto the other file you have there. Holding down the shift key will centre the image for you. Click through for the larger image

Image

You should have something like this.

Image

Go to the Lorem Ipsum site and generate some copy then copy it to the clipboard. Go back to Photoshop and with your Type Tool selected draw a selection around the image.

Image

Then go and ahead and paste the text. You may have to adjust the text a little bit – Double click on the thumbnail, then go ahead and pick the font and size from the top menu bar. You can also click inside and get rid of the paragraphs if you like. You may end up with something similar to the image below. I’ve left the type a little bit bigger in my version so you can see what is going on – and I’ve used the transform tool to spread the type toward the edges a little bit more.

Image

That’s not anything special …. wouldn’t it be really nice if we could get the text to be white when it goes over the car instead of black ……. lets go and do that now. Drag the type layer below the car layer – or drag the car layer above the type layer … whichever suits :-) Click on the car layer to make it active and then lock the transparency of that layer by clicking on the ‘Lock Transparent Pixels’ icon at the top of the layers palette … see image below.

Image

Make sure the car layer is active, and the transparency is locked, then go ahead and fill the car with white – you should end up with something that looks terrible :-) Go ahead now and change the blend mode of the car layer to Difference …. and boom! you’re type is now white where the car is ….. what a simple and cool effect.

Image

You can go ahead and fade the type if you like by taking the opacity of that layer down. Fill the car with some different colours to see what effects you can come up with. Try the type and car in the same colour (not black). In the image below, both the type and car have been changed to the same colour R 13 G 105 B 143, I’ve also added a layer above the background layer and given it a gradient. I added another type layer (remember what I said about that at the beginning of the tutorial) and then I used the transform tool on the original type layer.

Image

Leave a Reply

Your email address will not be published. Required fields are marked *

Advertise

If you'd like to advertise on The Mutt ( aka TheTAZZone.com ) feel free to contact us at: administration[at]thetazzone.com

TheTAZZone is a non-commercial entity. We do not sell any products or services ourselves. Our revenue comes from advertising and donations only.

We appreciate your support! Your advertising revenue ( or donations ) helps us to continue to upgrade, improve, and offset the costs of maintaining this site.

Donations can be made through the page ' Donate '.