Create eye-catching PHOTO-FILLED TITLES in Photoshop

Posted on 11. May, 2009 by in Text Effects

london main1 Create eye catching PHOTO FILLED TITLES in Photoshop

bomb funk Create eye catching PHOTO FILLED TITLES in PhotoshopIn this easy to follow tutorial we are going to pull off a filling text effect with an image. We are going to type text and use a clipping mask to clip the photograph so that it only shows through the letters. Because the letters are on an editable type layer, you can change the text even after the letters are filled with the image.

l01 Create eye catching PHOTO FILLED TITLES in Photoshop

1 Create eye catching PHOTO FILLED TITLES in PhotoshopOpen a photograph and click the Type tool.

2 Create eye catching PHOTO FILLED TITLES in PhotoshopSelect the font family, style, justification, and size.

green Create eye catching PHOTO FILLED TITLES in PhotoshopThick Text works best for this effect, we are using Aril Black and Impact in this example.

3 Create eye catching PHOTO FILLED TITLES in PhotoshopClick in the image and type the text.

4 Create eye catching PHOTO FILLED TITLES in PhotoshopPress (Ctrl+T) and  by holding down(CTRL) click and drag the transformation anchors to stretch the type.

green Create eye catching PHOTO FILLED TITLES in PhotoshopHit Enter when you are done.

5 Create eye catching PHOTO FILLED TITLES in PhotoshopClick and drag the Background layer over the New Layer button to duplicate it.

6 Create eye catching PHOTO FILLED TITLES in PhotoshopClick and drag the Background copy layer above the type layer.

7 Create eye catching PHOTO FILLED TITLES in PhotoshopClick Layer.

8 Create eye catching PHOTO FILLED TITLES in PhotoshopClick Create Clipping Mask.

l02 Create eye catching PHOTO FILLED TITLES in Photoshop

green Create eye catching PHOTO FILLED TITLES in PhotoshopThe Background copy layer is indented with an arrow in the Layers palette, but the image does not change

9 Create eye catching PHOTO FILLED TITLES in PhotoshopClick here to create a new blank layer named Layer 1.

10 Create eye catching PHOTO FILLED TITLES in PhotoshopClick and drag the new blank layer below the type layer.

green Create eye catching PHOTO FILLED TITLES in PhotoshopPress D to reset the default colors, Press (Ctrl+Backspace) to fill the layer with white. The photo appears to fill the letters on a white background.

11 Create eye catching PHOTO FILLED TITLES in PhotoshopClick the Move tool.

12 Create eye catching PHOTO FILLED TITLES in PhotoshopClick the Background copy layer to select it.

13 Create eye catching PHOTO FILLED TITLES in PhotoshopClick and drag in the image to move the photo into position inside the letters.

london white1 Create eye catching PHOTO FILLED TITLES in Photoshop

green Create eye catching PHOTO FILLED TITLES in PhotoshopThe photo is repositioned within the letters, creating an attractive photo title.

green Create eye catching PHOTO FILLED TITLES in PhotoshopNow we are going to add Layer Styles to enhance the effect.

03l Create eye catching PHOTO FILLED TITLES in Photoshop

13 Create eye catching PHOTO FILLED TITLES in PhotoshopSelect the Text Layer right click on it and choose blending options.

orange Create eye catching PHOTO FILLED TITLES in PhotoshopEnter the following setting for the blending options or play with them until you come up with something you like.

l04 Create eye catching PHOTO FILLED TITLES in Photoshop

l05 Create eye catching PHOTO FILLED TITLES in Photoshop

Here are the final versions note that you can place any type of background inside and outside the layer text.

27  550x193 london city Create eye catching PHOTO FILLED TITLES in Photoshop 28  550x193 london city1 Create eye catching PHOTO FILLED TITLES in Photoshop

download1 Create eye catching PHOTO FILLED TITLES in Photoshop

bomb funk Create eye catching PHOTO FILLED TITLES in PhotoshopThat’s it guys for this tutorial try experimenting with the settings and see what works best with your images.
Please leave your comments for anything related to this tutorial. Also make sure you Subscribe to our Feed or Follow Us on Twitter to stay updated to the lattes tutorials, news and interviews in the graphic community.

shareit2 Create eye catching PHOTO FILLED TITLES in Photoshop

Related posts:

  1. CHANGE EYE COLOR IN PHOTOSHOP
  2. Make a photo look like MANY COMBINED SNAPSHOTS in PHOTOSHOP CS4
  3. Remove Red Eye In Photoshop CS4
  4. Create A Light Trail Effect in Photoshop
  5. How To Create A Stencil Look In Photoshop

Tags: , , , , , , , ,

15 Responses to “Create eye-catching PHOTO-FILLED TITLES in Photoshop”

  1. Eve25

    11. May, 2009

    Very nice text effect, i have always wanted to do this.
    Thanks for the easy way of explaining

  2. Essam

    11. May, 2009

    I Agree ” Eve25 ”
    the easy way of explaining

    thank u for the amazing tut

  3. huwaw69

    12. May, 2009

    This is what i have been looking for an example for clipping mask, so i can learn how to make a clipping mask now…

  4. robin

    12. May, 2009

    nice, simple and very nice.
    thanks for ur explaining

  5. david

    12. May, 2009

    plzz why cant you ever link the original picture?

    otherwise a very good tutorial

  6. Olson

    12. May, 2009

    thank you guys for the nice comments, they keep me motivated to produce more good stuff.

    @david
    The techniques explained here can work one every image and if you don’t have your own images there are plenty of free site that offer them http://www.stockvault.net/ is one of them.
    anyways i got a lot of request from user asking me for the psd of the tutorial, so i decided to make it available.
    You can download the file by clicking the download button above.

  7. david

    12. May, 2009

    Thanks Olson

    Btw keept up with the tutorials they are really great and verry
    easy !!

    Good Job ;)

  8. eddy taytelbaum

    12. May, 2009

    Hello teacher:

    Great !! Thanks for sharing this!

  9. Linda

    24. May, 2009

    Excellent tutorial! Thank you so much for taking the time to create it and share it with us. This is an effect I have wanted to learn for some time.

  10. kobs

    30. May, 2009

    dude dat was awesome!!!……thanx man. i was hoping if you could teach me how you place the background outside the text..like behind it

  11. Subrat Devkota

    05. Feb, 2010

    Hi, I am from Nepal and i have learned some things today from your work. Keep up the good work.Well-done my fren.

  12. Torry

    18. Apr, 2010

    Great tutorial, but this can be done much more easily in MS Word :)

  13. Kevin

    04. Oct, 2010

    great tutorial. I’m a beginner. How do I insert a background for outside the picture? Thanks.

  14. Manik

    13. Oct, 2010

    Well executed tutorial. The outcome is really amazing. I will try to create this effect and it would be great fun.
    Thanks for the post.

  15. IV3

    01. Jan, 2011

    Thank you for posting; really easy to understand.

Leave a Reply