Design your own T-shirt with a typography portrait

or this tutorial you can use your own portrait, or the one I took. So, open the portrait jpg and double click the background layer to unlock it and name the layer portrait.

Step

02

cosmin
Member since:
Sep 2010

Now go to Image > Adjustments > Black & white (or press ALT + SHIFT + CTRL + B), use my settings.

Step

03

cosmin
Member since:
Sep 2010

Before we posterize the image, pick your burn tool (range: midtones, exposure: 20% ). Carefully burn some areas of the images, around her lips, nose, eyes etc. (I marked some spots), then go to Image > Adjustments > Posterize and set the levels to 4

Step

04

cosmin
Member since:
Sep 2010

Disable the “Portrait” layer for now. Make a new group (call it “words”) and using your favorite font and color ( I used Helvetica and Black) type some words like I did.

Step

05

cosmin
Member since:
Sep 2010

Pick the rectangular marquee tool and make a selection like I did. Now go to edit > define brush preset. repeat this step for each word and you will see your brushes in your brush presets.

Step

06

cosmin
Member since:
Sep 2010

We’re going to edit the text sizes a bit but with free transform. Select each word and press CTRL + T (hold Shift so that the proportions will be the same). Now, select the “words” group, make it smaller (CTRL + T) then duplicate the group a couple of times and achieve my result (resize, move, etc.) You can edit each word and in the end try to obtain something like a rectangle.

Step

07

cosmin
Member since:
Sep 2010

Select all the words and make them smaller (CTRL + T) like I did. Now make a selection with the rectangular marquee tool and go to edit > define pattern

Step

08

cosmin
Member since:
Sep 2010

Disable the groups of words and make the portrait available again. Using the rectangular marquee tool make a small selection on black, then go to select > similar.

Step

09

cosmin
Member since:
Sep 2010

Disable the portrait again and make a new layer above CTRL + SHIFT + N (call it “black words”). Using the words brushes with different sizes try to achieve my result or even better. Select the rectangular marquee tool and press the right click over the selection, go to save selection “black selection”. Also, create a new layer (“background”) under the “portrait” one and fill it with white.

Step

10

cosmin
Member since:
Sep 2010

If you disabled the selection, load it again (select > load selection > black selection) then add a new layer (“black pattern”). Go to edit fill and use the pattern you just did. Your result should look something like mine.

Step

11

cosmin
Member since:
Sep 2010

We need to make the big words more visible. So, hold CTRL and click the “black words” layer. This will do a selection around the words. Now, go to select > modify > expand by 3px , select the black pattern layer and hit delete.

Step

12

cosmin
Member since:
Sep 2010

Make the portrait available again, and disable the black word and the black pattern. Repeat the steps from above to select the 1st grey. Make a new layer “1st grey words” and disable the portrait again.

Step

13

cosmin
Member since:
Sep 2010

Using the brushes and #636363 grey arrange the words then add a new layer called “1st grey pattern” repeat the steps above but this time set the opacity of the pattern fill to 60%. Make a selection again around the grey words (ctrl+ click on the layer > expand by 3px). In the end you should get something like I did.

Step

14

cosmin
Member since:
Sep 2010

Repeat the steps above for the other tone of grey (“2nd grey words”, “2nd grey pattern”) use #C1C1C1 for the brushes and 20% opacity for the pattern. You also can play with the layers opacity, so that the final image will look great.

Step

15

cosmin
Member since:
Sep 2010

This black and white typography portrait works fine for me, but we can add some colors to it. Add a new layer on top and call it “gradient”. using a linear gradient and this colors #5b002f, #a10070, draw like I did.

Step

16

cosmin
Member since:
Sep 2010

Now set the blending mode of the ”gradient” layer to lighten. Your result should look like mine. You can use different colors if you want.

Step

17

cosmin
Member since:
Sep 2010

So, if you want to print this typography portrait on your t-shirt or something else, we need to have a transparent background. So if you remember the trick from step 11, but now we need multiple selections that’s why you are going to hold CTRL + SHIFT and click on each layer except the gradient and the background. Now that you have the selection, right click on it and go to “layer via cut”. Call the new layer “color” and delete the gradient and the background layer. Save the file as PNG.

Step

18

cosmin
Member since:
Sep 2010

You can make also a tshirt simulation. Open the tshirt model from the resources and the final PNG format. Check my simulation and do one better.

Step

19

cosmin
Member since:
Sep 2010

That's all, enjoy!

Water effect photo montage

Cpotorac
Member since:
Aug 2010

88

I have seen something really interesting on the net a few days that was made by Nik Ainley but I found the tutorial too small. So here is a more detailed one for those who think of using this great technique.

Rating

Average: Select ratingPoorOkayGoodGreatAwesome

Poor

Okay

Good

Great

Awesome

Your rating: None Average: 4.3 (149 votes)

Required Files

• Creating a nice effect using water.psd

Final Image

Step

01

Cpotorac
Member since:
Aug 2010

First of all you need your image. I found my image on sxc.hu. There a ton of free images there so keep on searching. Here are a few: http://www.sxc.hu/photo/956170, http://www.sxc.hu/photo/829826, http://www.sxc.hu/photo/604619 and I also bought this one from istock: http://www.istockphoto.com/file_closeup/object/3907033_water_splash.php?id=3907033.

Step

02

Cpotorac
Member since:
Aug 2010

Next you need to take the man out of that background. Use the Pen Tool for this and draw a path around the guy. Don’t worry about the hair because we don’t need it and the same for the hands and shows.

Step

03

Cpotorac
Member since:
Aug 2010

Now that we have the path around him press Ctrl + Enter (Command + Return on a Mac) and that will select the man. Now open up a new document. This will be the final file. Fill it with black. After you open up the new document move the selected man on that new document by dragging it on the workspace. It should look like this.

Step

04

Cpotorac
Member since:
Aug 2010

Next I want to bring a nice background for this because I want to finish with the easy stuff before we start. I have used a texture and applied a gradient over it. Also textures can be used for free from the same site I mentioned before.

Step

05

Cpotorac
Member since:
Aug 2010

It is time to make the water effect. First you need to find your images of water splashes. There are a ton of them. I reccomend you look for those images that are very clear and have a nice water splash. Also you need to find lots of them. I found the ones I used on free stock images like sxc.hu or fotolia.com.

Step

06

Cpotorac
Member since:
Aug 2010

Next cut the part of the image you don’t want.

Step

07

Cpotorac
Member since:
Aug 2010

Go to the channels of the image and select the channel you consider that has the best contrast between the splash and the background. Next duplicate this channel, make it visible and make the Blue channel (in my condition) invisible by pressing the eye icon.

Step

08

Cpotorac
Member since:
Aug 2010

Now go to Image – Adjustments – Curves. In this case we have nothing to change for the image but there are a lot of images where the contrast between the water and background is not that visible.

Step

09

Cpotorac
Member since:
Aug 2010

Now Ctrl + Click on the channel you just duplicated. This will make a selection around the water splash.

Step

10

Cpotorac
Member since:
Aug 2010

Now select the RGB channel by clicking on it’s thumbnail and go to the layers palette. And click Ctrl + J to copy the selection to a new layer. After you do this drag the copy of the splash to your workplace.

Step

11

Cpotorac
Member since:
Aug 2010

As you can see the water is transparent. I will use this on the right hand. What you need to do now is to resize it so that will look good over the right hand.

Step

12

Cpotorac
Member since:
Aug 2010

As you can see it does not look that good and it needs some retouching. First move the layer in the back of the boy and activate the layer mask for this splash and brush away the parts of the splash we don’t need.

Step

13

Cpotorac
Member since:
Aug 2010

This looks real great… I know. But I would like to make it little bigger. Or long. To do this just duplicate the splash 2 time, and mask away the part that splits. Here is what I mean:

Step

14

Cpotorac
Member since:
Aug 2010

Next you can merge the layers together and try to get away that blue look of the water. To do this play with the settings of the Color Balance till you get it to look white and something like this:

Step

15

Cpotorac
Member since:
Aug 2010

Now make the other hand. Same technique and same steps I used. You can use the same image but I thought I would use a different one and the lower part of the first one. Here is how I did this hand:

Step

16

Cpotorac
Member since:
Aug 2010

It is time to make the bottom of the boy next. This time use a splashier water image. Also don’t use just one image. Use more. And again same technique. You will also need to move these splashy images that you will create on top of the guy layer. They will not be over the shirt because you will carefully mask them till you get something like this:

Step

17

Cpotorac
Member since:
Aug 2010

Next are the legs. Again use the same technique. I will show you images after each change. First is the left leg.

Step

18

Cpotorac
Member since:
Aug 2010

Now the right leg. Use the same images as we used for the left leg.

Step

19

Cpotorac
Member since:
Aug 2010

Next is the head. Remember that I only used water images. No effects or 3D stuff. Also the head is a simple image of a balloon getting blown with a dart.

Step

20

Cpotorac
Member since:
Aug 2010

Congratulations. You managed to make this effect. Here is a bonus that will make this work look better. Just a few retouches and some more splashes behind the object you are trying to apply the effect to and we are done.