+ Reply to Thread
Page 1 of 3 123 LastLast
Results 1 to 10 of 22
Like Tree24Likes

Thread: Reflected text and gradient question

  1. #1
    Junior Member
    Join Date
    Jun 2011
    Posts
    7
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Reflected text and gradient question

    Hello all,

    I hope this is a fairly simple question, but for the life of me I can't figure it out right now.

    I have created a new image, with a transparent background. On this transparent image I have some text (coloured white with black border for what is its worth!) which is in layer one, and then I've duplicated this text (in layer two) and flipped it upside down.

    What I'd now like to do is add a transparent gradient to the flipped text to fade it out into nothing.

    I added a layer mask to the flipped text layer and then tried to add a gradient to the text, but it doesn't add any transparency, it just covers the text in a white to black gradient.

    When I tried doing this on some text before on a different image it worked absolutely fine, the only difference was that I didn't use a transparent background. This time I cannot get it to work with the text being on a transparent background.

    Annoyingly I managed to get it to work fine using a copy Paint Shop Pro in the office at work, so I'm thinking there must be a way with the mighty Photoshop?

    I've uploaded the .psd file I've been working on if that helps anyone help me! lol

    Really appreciate some advice if anyone doesn't mind helping a beginner :-)

    Thanks in advance.
    Attached Images Attached Images

  2. #2
    Queen Bee
    Join Date
    Jun 2011
    Posts
    9,862
    Thanks
    301
    Thanked 590 Times in 576 Posts

    Re: Reflected text and gradient question

    What I would do is make a layer below the type layer and merge everything (I prefer to make copies first and merge those (hide the others. Then add a layer mask. If the gradient still isn't to your satisfaction, right click on the gradient picture and move the white and black stops. Give that a try.

    Reflected text and gradient question-title.jpg

    I did that really fast so the gradient is poor but I am on wya to work.
    besmirched likes this.
    Photoshop Gurus Site Rules

    3 Ps of PS: perseverance, practice, & play!

  3. #3
    Junior Member
    Join Date
    Jun 2011
    Posts
    7
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Re: Reflected text and gradient question

    Thank you ibclare, will that keep the transparent background? The text is going to be positioned on a website background (one it is finished!!) hence the need for transparency :-)

    Thank you again for your reply.

  4. #4
    Junior Member
    Join Date
    Jun 2011
    Posts
    7
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Re: Reflected text and gradient question

    sorry, one other thing... if I merge (flatten?) the layers, this removes the transparency, have I done it correctly?

  5. #5
    Beast RARRR!
    Join Date
    Jun 2012
    Location
    Cornwall, UK
    Posts
    659
    Thanks
    18
    Thanked 68 Times in 65 Posts

    Re: Reflected text and gradient question

    If you want to keep it transparent you will need to save as .png but keep an eye on the file size. Merging layers into a .jpeg will give it a generic white background.

    Quick way to fade the reflected text to get this:

    Reflected text and gradient question-harry.png

    Take a look at this, just made it to hopefully illustrate how to achieve this faded text.



    Remember to save as .png if you want to keep the background transparent.

    Hope it helps

  6. The Following User Says Thank You to Remote-Medic For This Useful Post:

    Headshot_Harry (11-15-2012)

  7. #6
    Forum Moderator
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,512
    Thanks
    39
    Thanked 379 Times in 360 Posts

    Re: Reflected text and gradient question

    Hi HH,

    I created the following image without rastorizing the text layers and I merged them all. I use the same technique as Clare and Chris described with one exception, I used the NEUTRAL DENSITY gradient. I did apply the gradient several times until it looked the way I wanted. I also added a shadow in the background.

    When I created the image, I used a layer to serve as a colored background, which you can see in the second photo, that I turned off when I was done. The background color should be as close to that of the website in order to make sure it will look right. The second photo also shows that the transparency was preserved.

    Save the final transparent layer as a PNG file as was stated above.
    Attached Thumbnails Attached Thumbnails Reflected text and gradient question-headshotharry_01.jpg  

    Reflected text and gradient question-screen-shot-2012-11-14-11.15.21-pm.png  

    Last edited by IamSam; 11-14-2012 at 11:22 PM.
    Paul, ibclare and Headshot_Harry like this.

  8. The Following User Says Thank You to IamSam For This Useful Post:

    Headshot_Harry (11-15-2012)

  9. #7
    Forum Moderator
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    3,512
    Thanks
    39
    Thanked 379 Times in 360 Posts

    Re: Reflected text and gradient question

    Chris,
    This can be an issue when using lower case lettering.
    Attached Thumbnails Attached Thumbnails Reflected text and gradient question-screen-shot-2012-11-14-11.39.18-pm.png  

    Paul likes this.

  10. #8
    Queen Bee
    Join Date
    Jun 2011
    Posts
    9,862
    Thanks
    301
    Thanked 590 Times in 576 Posts

    Re: Reflected text and gradient question

    OK, looks like you've gotten plenty of good advice. And just to clarify, in case you aren't already sure, if you merge two layers together and both have transparency, you will retain the transparency. Flattening is different. It's like the option make background of layer. Or save as a jpeg is essentially flattening. But just merging is not. Ping's the thing. (sorry . . . )
    Photoshop Gurus Site Rules

    3 Ps of PS: perseverance, practice, & play!

  11. The Following User Says Thank You to ibclare For This Useful Post:

    Headshot_Harry (11-15-2012)

  12. #9
    Junior Member
    Join Date
    Jun 2011
    Posts
    7
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Re: Reflected text and gradient question

    Thank you all so much for the help.... and a video!! Crikey, I've never ever visited a forum where the level of help has scaled to someone providing a YouTube!!

    Thanks once again, I'll be trying this out tonight when home.
    ibclare and Remote-Medic like this.

  13. #10
    Beast RARRR!
    Join Date
    Jun 2012
    Location
    Cornwall, UK
    Posts
    659
    Thanks
    18
    Thanked 68 Times in 65 Posts

    Re: Reflected text and gradient question

    Quote Originally Posted by IamSam View Post
    Chris,
    This can be an issue when using lower case lettering.
    That is very true buddy, and would be fixed if a final piece was being presented hehe. Was a quick vid to show shading, the spacing is all wrong as well but I think OP got what we were saying

  14. The Following User Says Thank You to Remote-Medic For This Useful Post:

    Headshot_Harry (11-15-2012)

 

 

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 © 2014 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 05:15 AM.