Article CATEGORIES

RSS Feeds

Tutorials

Articles

Blog

Friends and Affiliates

Website Statistics

Total tutorials : 4997
Total views : 1070054
Total votes : 11026

Category with most tutorials :
Photoshop (3185 Tutorials)
Category with most views :
Photoshop (558591 Views)
Category with most votes :
Photoshop (6144 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

Exclusive Shiny compond PSD Exclusive Shiny compond PSD
Exclusive Shiny compond PSD ready to be integerated in the websites template
Category: photoshop-plugins Photoshop Plugins
35 Stunning Photoshop Website Designs 35 Stunning Photoshop Website Designs
Website design is key to a business being successful online it’s like meeting someone professionally in person and wearing a suit ...
Category: photoshop-plugins Photoshop Plugins
22 Amazing Creative Text Typography Poster Inspirations #16 22 Amazing Creative Text Typography Poster Inspirations #16
Typography or text can be the difference between leaving a clear and memorable message or implication on the reader and leaving ...
Category: photoshop-plugins Photoshop Plugins
12 Incredible Abstract and Surreal Light Effects Photography Inspiration 12 Incredible Abstract and Surreal Light Effects Photography Inspiration
Inspiration from Light is the highlight in today’s inspiring article as we take a look at some incredible pictures created and ...
Category: photoshop-plugins Photoshop Plugins
15 Stunning Still Life Photography Inspirations #14 15 Stunning Still Life Photography Inspirations #14
Still life Photography can speak a million words and when matched with a complementing title can create a pitch for an ...
Category: photoshop-plugins Photoshop Plugins

Most Viewed

Digitally paint portraits in Photoshop Digitally paint portraits in Photoshop
Create digital paintings that look like high-end comics from photos with great Photoshop tips
Category: photoshop Photoshop
101 Hidden Tips & Secrets For Photoshop 101 Hidden Tips & Secrets For Photoshop
101 Hidden Tips & Secrets For Photoshop
Category: photoshop Photoshop
Creating a Cartoon Body for Walk Cycle Flash Animation Tutorial Creating a Cartoon Body for Walk Cycle Flash Animation Tutorial
In this magnificent video clip tutorial we prepare a cartoon body for walk cycle. The tutorial has no narration, with Maurice ...
Category: flash Flash
Making Dark, Gritty Photos in Photoshop Making Dark, Gritty Photos in Photoshop
In today\\\'s Photoshop tutorial, you\\\'ll be learning a simple method of giving everyday photos a scary, gritty effect. This photo effect ...
Category: photoshop Photoshop
3dsmax 3d website logo model tutorial. 3dsmax 3d website logo model tutorial.
Hello friends I will show how create a 3dsmax 3d website logo model tutorial.
Category: flash Flash

Top Rated

Digitally paint portraits in Photoshop Digitally paint portraits in Photoshop
Create digital paintings that look like high-end comics from photos with great Photoshop tips
Category: photoshopPhotoshop
50 Fresh JavaScript Tools That Will Improve Your Workflow 50 Fresh JavaScript Tools That Will Improve Your Workflow
JavaScript is an integral part of the RIA revolution. JavaScript allows developers to create rich and interactive web interfaces and establish ...
Category: cssCSS
101 Hidden Tips & Secrets For Photoshop 101 Hidden Tips & Secrets For Photoshop
101 Hidden Tips & Secrets For Photoshop
Category: photoshopPhotoshop
Drupal Tutorials. Drupal Tutorials.
In this Drupal Tutorials you will learn how to Install Drupal upto configure, maintaining and manage your Drupal site, set ...
Category: cssCSS
osCommerce Tutorial osCommerce Tutorial
In these osCommerce tutorials you will learn to install, configure and manange your osCommerce driven online store.
Category: cssCSS
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.