Create Web 2.0 text using Photoshop
I just getting enjoy when I learn both Photoshop and CSS. And an image that is look likes beautiful is Psd Web 2.0 text. There’re a lot of Web 2.0 text tutorial using Photoshop. Just search their using search engines such as Google or Yahoo with “Web 2.0 psd” and or “psd web 2.0 text” keywords. You’ll find various web 2.0 tutorials. And I like all those results.
Currently I still develop one web 2.0 text style, and I’ll make tutorial and give you the Psd file that available for download.
Well, to make this tutorial quick and simple, I just provide this tutorial with ‘Psd Blending Options’ screenshot and short description for that screenshot. I use three ‘Psd Blending Options’: Drop Shadow, Gradient Overlay and Stroke.
1. Drop Shadow
Blend mode: multiply
Opacity: 45%
Angle: 120
Use global light: yes
Distance: 5
Spread: 0
Size: 9
2. Gradient Overlay
Blend mode: normal
Opacity: 100%
Style: linear
Align with layer: yes
Angle: 90
Scale: 100%
3. Stroke
Size: 3
Position: outside
Blend mode: normal
Opacity: 100%
Color: white, white code: FFFFFF
The result
It’s so easy. You can do experiments to get best appearance for your design, moreover may be you will get better than this design sample.
Nice tutorial. Thanks
Wow.. thanks for the instruction. I needed the information and instruction.
Have you ever seen your site if all the ads are blocked. Remove few of them and you’ll be more readable.
BTW:tutorial is good.
@Web design Miami
Thanks for the suggestion. I haven’t ever seen my blog if the ads are blocked, I’ll try it. In fact I want to change my blog theme, I am not enough satisfied with this template.
Hi Samuro,
I have cited each information very deeply. Here, you have displayed screen shots of Photoshop along with this blog, that’s I liked most.
I really learned from it.
Thank you very much.:)
Thanks for the tut Samuro
I have downloaded the psd file…Thanks for that also