View Full Version : Creating reflective text

07-02-2012, 04:19 PM
Hi all

I am trying to learn some more techniques on photoshop (cs5).

I have created an image with text which is then reflected underneath. The reflected text has a layer mask with black to white gradient in it to cause the text to fade to transparent. What I wanted to next do was have a 1px stroke around the text to make it show more, however when the stroke is on the reflective text the fade to transparent does not work.

Does anyone have an idea as to a. why? b. is there a way around it?
I have attached the images so you can see what I mean.

This is just to help me learn more so thanks for any help and advice.

07-03-2012, 06:22 PM
not sure about photoshop, but you outline the main object then add transparency separately. In my app you create text object completely with outline. Copy & Paste a duplicate. Then flip the dup and apply transparency. So the only difference in both objects is that one has a transparency filter applied the other one doesn't.

Major Payne
07-04-2012, 04:23 AM
Photoshop: Creating Reflective Text (http://www.google.com/search?q=Photoshop%3A+Creating+reflective+text&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a#hl=en&client=firefox-a&hs=qlv&rls=org.mozilla:en-US%3Aofficial&sclient=psy-ab&q=Photoshop:+Creating+Reflective+Text&oq=Photoshop:+Creating+Reflective+Text&gs_l=serp.3..0i8i30.10528.15477.0.16143.,or.r_gc.r_pw.r_qf.,cf.osb&fp=86fa095157477f71&biw=1017&bih=564)

Pick the one that works for you.

Coding Start
07-04-2012, 05:06 AM
To get the best result for your work, you can install some plugin that special for text design and images mirroring.

Major Payne
07-04-2012, 05:54 AM
Most tutorials will tell you where to get the plug-ins if they use any for the effect they make.

08-07-2015, 06:35 AM
Hey there !

Here is you solution check this out for reflection tutorials in photoshop: Text Reflection Effect in Photoshop (http://www.photoshopessentials.com/photoshop-text/text-effects/text-reflection/)

08-07-2015, 06:45 AM
Hey there :

This is you html :"

<div class="boxed">
This text is enclosed in a box.

This is the text that and we will give some css to this text so that it enclosed in border:

This is your css:

.boxed {
border: 1px solid green ;