+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Life Support (https://www.supportforums.net/forumdisplay.php?fid=12)
+---- Forum: Graphic Design and Tutorials (https://www.supportforums.net/forumdisplay.php?fid=23)
+---- Thread: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial (/showthread.php?tid=19527)
Pages:
1
2
How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - courage - 06-12-2011
Text Reflection Tutorial
With this tutorial I am going to show you how you can add reflections to your text, shapes or isolated objects. This is a very common (and easy) technique and is used a lot, especially in web design.
As an example for this tutorial I will add a reflection to text, however as I said before you can also use the same technique to add reflections to shapes or isolated objects.
Let’s start our little Photoshop training session
mile:
I have created a new document and just type Text Reflection as you can see in the screenshot below.
As an example for this tutorial I will add a reflection to text, however as I said before you can also use the same technique to add reflections to shapes or isolated objects.
Let’s start our little Photoshop training session
mile:I have created a new document and just type Text Reflection as you can see in the screenshot below.
![[Image: 24.png]](http://www.image-share.com/upload/712/24.png)
The first step is to duplicate our text layer. You can do that by simply pressing Ctrl+J or by going to Layer -> Duplicate Layer.
Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.
Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.
![[Image: 25.png]](http://www.image-share.com/upload/712/25.png)
(You can also add a bit of perspective to the reflection layer by transforming it
(Edit->Transform->Perspective) if you want.
The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.
(Edit->Transform->Perspective) if you want.
The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.
![[Image: 298.png]](http://www.image-share.com/upload/711/298.png)
Now pick the Gradient Tool and draw a gradient (black to white) in the direction that the arrow is showing in the screenshot below. (Hold Shift while you draw the gradient)
![[Image: 26.png]](http://www.image-share.com/upload/712/26.png)
You should now have something like this.
![[Image: 19.png]](http://www.image-share.com/upload/712/19.png)
Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 35% and here is my final result.
![[Image: 27.png]](http://www.image-share.com/upload/712/27.png)
There is no golden rule about the opacity %, just play with the opacity setting until you get your desired result.
RE: How can Make Text Reflection (Adobe Photoshop CS5) Tutorial - Laughynose - 06-12-2011
Nice tutorial you've got going here, really going to help me and I'm sure other members too, thanks!
RE: How can Make Text Reflection (Adobe Photoshop CS5) Tutorial - G0dfath3r - 06-12-2011
Looks like you've great knowledge in Adobe Cs.Good to see people like you contributing this forum.It's really a helpful tutorial.Thanks for sharing.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - courage - 06-12-2011
(06-12-2011, 02:18 AM)Laughynose Wrote: Nice tutorial you've got going here, really going to help me and I'm sure other members too, thanks!Thanks for appreciating.I'm trying to help out sf members in gfx section and this was my first try,Hopefully other members also like this my effort.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - iMario - 06-12-2011
This is really basic, but helps new members. I actually forgot how to do that, so I will use this tutorial :p. Thanks for the share.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - ven0m - 06-12-2011
(06-12-2011, 04:56 AM)iMario Wrote: This is really basic, but helps new members. I actually forgot how to do that, so I will use this tutorial :p. Thanks for the share.
wow looks like sometimes Great HQ members forget basic things.lol @imario
@OP nice thread.Nice basic things.
BTW here's my result just added a little picture of "Sonic' lol
![[Image: 3dtextven0m.png]](http://img827.imageshack.us/img827/5369/3dtextven0m.png)
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - epic - 06-12-2011
Nice tutorial you got here, it may help some people out.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - Eksellent - 06-12-2011
Thanks, I have been needing this for a while.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - Maui Wowie - 06-12-2011
Simple and easy, I remember back when I needed this tut lol, 4 years ago.
RE: How to Make Text Reflection (Adobe Photoshop CS5) Tutorial - INC3PT!0N™ - 06-13-2011
woohoo been looking for this, also need to know ho to reflect it to the side