Article CATEGORIES

RSS Feeds

Tutorials

Articles

Blog

Friends and Affiliates

Website Statistics

Total tutorials : 6741
Total views : 1385179
Total votes : 11641

Category with most tutorials :
Photoshop (4187 Tutorials)
Category with most views :
Photoshop (697248 Views)
Category with most votes :
Photoshop (6402 Votes)
Related articles
Convert any picture into a horrifying image
In this tutorial, your going to learn how to convert any person's picture into a horrifying image.

Creating Stylish Photo Design
In this tutorial, you will learn how you can make a beautiful photo just by merging some random images.

Making 3D Logos and Objects in Photoshop
This tutorial demonstrate how to produce a 3d look in shapes and text using Adobe Photoshop.

Making Cool Interface Orb
Learn how to make glassy orb using Adobe Photoshop.

Advertisement


Creating web 2.0 logos

In this tutorial, you will learn how to make those web 2.0 text using Photoshop. Below is what we are going to get at the end of tutorial.

Web 2.0 text


1 First create a 400 by 80 new document in Photoshp. Now fill the background layer with some greyish color, I used #D4D4D4.

2 Now grab text tool and write your text. Always use light colors if you are making a true web 2.0 website. I used #1168B9 as was creating blue text.

3 Once you have written your text, double click text layer in layer palette. In layer style window apply following blending options,

Web 2.0 text
Web 2.0 text


4 At this point, your image should look like mine,

Web 2.0 text


5 Now create a new layer over your text layer. With new layer selected, press CTRL key and click on your text layer. This will select your text layer's transparency as shown in image below.

Web 2.0 text


6 Select white as your background color and press Ctrl + backspace keys. This will fill the new layer with white color. Grab Rectangular Marquee Tool, select the half part of new layer horizontally and hit delete key.

Web 2.0 text

Web 2.0 text


7 Finally, drop the opacity of new layer to 25%. Your web 2.0 text is ready, now try to experiment by changing fonts and colors. Result is,

Web 2.0 text

See Also

Put your new company logo on all kinds on imprinted promotional products. Get your brand across with personalized travel mugs. This educational site gives you an insiders look into logo product placement. The key to branding today is to get your name in front of as many people as possible with logo items.


Bookmark Article

Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos Creating web 2.0 logos


Share Article

Liked this tutorials? Want to put a link on your website, please use following code


About Author

Abdullah Ibrahim AKA designcode is 20 year old web developer having skills over PHP, MySQL, XML, SOAP, AJAX, Javascript, Photoshop, Flash, XHTML and CSS. He loves to create rich web 2.0 applications.

Apart from his day time Job as a Software Developer, he also do web designing and development as a freelancer web designer and developer.

In his free time, that he rarely have, he like to read books, listen music and hangout with friends.

Latest Resources

Create a Retro Rainbow Waterfall Using 3DS Max Create a Retro Rainbow Waterfall Using 3DS Max
Create an outstanding 3D Retro Waterfall Artwork in 3DS Max using Particle Flow and some simple boxes!
Category: 3ds-models 3DS Models
Free WordPress Theme to Download Free WordPress Theme to Download
10 Premium wordpress Themes Download Free Psd Files.
Category: wordpress-themes WordPress Themes
Free Fireworks Brushes Free Fireworks Brushes
I have created a free Firework brush package, that you can download here. You can use the brushes for personal and ...
Category: photoshop-brushes Photoshop Brushes
10 Free Clothing Textures 10 Free Clothing Textures
I created 10 Free Clothing Textures that you can download here.
Category: photoshop-plugins Photoshop Plugins
Photoshop Brushes Huge Pack Photoshop Brushes Huge Pack
Exclusive Shiny Photoshop Brushes Huge Pack
Category: photoshop-brushes Photoshop Brushes

Most Viewed

Comic Book Effect Comic Book Effect
Create an exciting comic out of photos and filter effects. This tutorial will teach you how turn a normal highway photo ...
Category: photoshop Photoshop
Layer Blending Modes explained in detail Layer Blending Modes explained in detail
Confused about all the Blending Layers that are available in Photoshop? Here is a detail description of all the modes and ...
Category: photoshop Photoshop
web design layout 14 web design layout 14
Good evening everybody welcome to another tutorial by HV-Designs. In today’s tutorial I’ll be showing you how to create a sleek ...
Category: photoshop Photoshop
Make your green pic into warm color of autumn Make your green pic into warm color of autumn
An easy way to make your green pic into warm color of autumn
Category: photoshop Photoshop
Animal photo manipulation Animal photo manipulation
In this tutorial you will learn how to create a new species of birds. The idea came to me after watching ...
Category: photoshop Photoshop

Top Rated

Comic Book Effect Comic Book Effect
Create an exciting comic out of photos and filter effects. This tutorial will teach you how turn a normal highway photo ...
Category: photoshopPhotoshop
Layer Blending Modes explained in detail Layer Blending Modes explained in detail
Confused about all the Blending Layers that are available in Photoshop? Here is a detail description of all the modes and ...
Category: photoshopPhotoshop
PHP contact form to email account PHP contact form to email account
Learn to send input data from a form to an email account.
Category: phpPHP
How to Write a PHP Script to Run Shell Commands from Browser How to Write a PHP Script to Run Shell Commands from Browser
It happens pretty often for me to have to run shell commands in a hosting environment.
Category: phpPHP
White balance correction in Photoshop Elements White balance correction in Photoshop Elements
Preferring a blue sky to a green one?
Category: photoshopPhotoshop
Home | About Us | Advertise | Link to Us | Contact Us Privacy Policy | Disclaimer | Terms of Uses
Copyright 2006-2009. Please do not use website contents without our permissions.