Designbysoap Tutorials – Make Your Graphics Appear Printed Onto Any Material


Welcome to the first in a new series of designbysoap tutorials.

Today’s tutorial is very easy and quick, but produces some really great results.  What we are aiming to do is take a logo and make it look like it’s printed onto a material. This can be done with any logo and material, but seems to work best with large areas of colour or graphic that give the texture a chance to show through.

To do this you will need a graphic of your choice and a high-res material or texture image. For this example I will be using a spare logo design of ours and a wooden bench, see below for the before and after images.
designbysoap tutorial before and after

Firstly, make sure you have your graphic open in Photoshop, merged down into one layer.
designbysoaptutorial step 1

Open an image of the texture you want to use into your Photoshop file, then select the entire image and copy it (CTRL + C or Edit > Copy).
designbysoap tutorial step 3

Make sure you have your graphic selected, then add a layer mask by clicking the button at the bottom of the layer palette that looks like a circle within a square.  This will add a blank white square to the right of your layer icon, a layer mask.
designbysoap tutorial step 3
Then click on the ‘Channels’ tab at the top of the layer palette, this will reveal the different colour channels and the image mask channel.
designbysoap tutorial step 4

Click on the image mask channel, make sure it is turned on, and paste (Ctrl+V or Edit > Paste) the texture you have previously copied into it.
designbysoap tutorial step 4

Click the ‘Layers’ tab at the top of the palette to return to the image and we’re done. Deselect everything by clicking on another layer (or Ctrl+D or Select > Deselect), and you will see the final image.
designbysoap tutorial step 5
Fine tuning can then be achieved by selecting the layer mask again and adjusting the levels (Image > Adjustments > Levels). This will give you more or less contrast, make the image darker or lighter etc.  This process can now be repeated on other layers to create fantastic looking overlays, a popular current trend within graphic design.

If you have any questions of comments about this tutorial please feel free to post them below

Chris is a web designer with 8 years of experience, working with designbysoap as a permanent freelancer on their web design in Brighton.

1 Comment

Leave a Reply

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