+ Reply to Thread
Results 1 to 8 of 8
  1. #1
    Junior Member
    Join Date
    Dec 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Gray-transparent background for text

    Hello!

    I hate to post here mainly to just ask a question, but I've searched around the web off and on for days trying to figure this out! Normally I can on my own (eventually) but it's not happening, lol.

    Anyway, I'm using Photoshop CS5 and I'm trying to get a gray-transparent background on my text like the image below for example.

    http://29.media.tumblr.com/tumblr_lu...95e7o1_500.gif

    If anyone could help with this, I would really appreciate it! Thanks!

  2. #2
    Forum Mod
    Join Date
    Jun 2011
    Location
    Uk
    Posts
    5,620
    Thanks
    85
    Thanked 449 Times in 424 Posts

    Re: Gray-transparent background for text

    Untitled-1.psdJust use the square marquee tool to create the box around the text on a new layer select the gradient tool set the colours to grey - transparant and draw the gradient inside the marquee box.
    Last edited by Hoogle; 12-03-2011 at 07:01 PM.

  3. #3
    Guru
    Join Date
    Mar 2010
    Location
    Mesa, Arizona
    Posts
    1,108
    Thanks
    0
    Thanked 71 Times in 70 Posts

    Re: Gray-transparent background for text

    Make a rectangle on a new layer, fill with grey, lower the opacity. Put the text over it.

  4. #4
    Member
    Join Date
    Dec 2011
    Location
    Cambridge UK
    Posts
    30
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Re: Gray-transparent background for text

    In the example you link to the strip of grey to black (Gradient) behind the text was simply done by placing it on it's own layer.

    So starting at the bottom of the layers palette you would have...

    The main image
    The grey strip
    Your chosen text

    Note: The grey strip layers opacity has been lowered to the desired level.

    HOW TO DO IT:
    1. Open the main image that requires the text on it.
    2. Make a new blank layer and colour it grey.
    3. Using the rectangular marque tool make a selection (The strip) the size you desire.
    4. With the selection still live, hit Ctrl + J to put the strip on it's own layer.
    5. Turn off the grey blank layer (Click the eye).
    6. Lower the opacity of the strip layer to whatever you like.
    7. Type your text and move it onto the grey translucent strip.

    At least that's how I'd do it...

    Hope this helps you out.

  5. #5
    Member
    Join Date
    Dec 2011
    Location
    Cambridge UK
    Posts
    30
    Thanks
    0
    Thanked 5 Times in 5 Posts

    Re: Gray-transparent background for text

    Sorry guys....you posted while I was still typing..

    That always happens to me...Lol

  6. #6
    Guru
    Join Date
    Jun 2009
    Location
    A, A
    Posts
    738
    Thanks
    13
    Thanked 50 Times in 50 Posts

    Re: Gray-transparent background for text

    Does everyone from the uk on this forum have insomnia?
    Chad Spruce Carter


  7. #7
    Forum Mod
    Join Date
    Jun 2011
    Location
    Uk
    Posts
    5,620
    Thanks
    85
    Thanked 449 Times in 424 Posts

    Re: Gray-transparent background for text

    I do .

  8. #8
    Junior Member
    Join Date
    Dec 2011
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Gray-transparent background for text

    Wow that was simple enough. Thank you all a ton!

 

 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
Powered by vBulletin® Version 4.1.9
Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.
Content Relevant URLs by vBSEO 3.6.0
Copyright 2011 Photoshop Gurus Forum. All rights reserved.
All times are GMT -5. The time now is 01:40 PM.
vBulletin Skins