Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Web Design Library Text (Exclusive Tutorial)

Web Design Library Text (Exclusive Tutorial)


Web site's logo and name are the most prominent and important elements in creating web site design. In this tutorial I'll show you how to create the logo for Web Design Library.

Open Photoshop and create the new document with 236x56 size. Set Foreground color #0a728e and Background color #0a728e. Draw a line top-down using Gradient tool, and you'll get the background like this:

image 1

Write 'Web Design Library' with the help of Type tool.

Use the following settings: (I've used DINEngschrift Alternate font.)

image 2

image 3

Now make one more inscription below 'DESIGNER'S ONE-STOP RESOURCE', with the following settings:

image 4

image 5

Now it remains to add Blending Options. Use these settings for 'Web Design Library' text:

image 6

image 7

image 8

image 9

image 6

image 11

And now add Drop Shadow for 'DESIGNER'S ONE-STOP RESOURCE'.

image 12

Here's what I got at the end:

image 13

And here's how it looks with logo on WebDesign.org web site.

Web Design Library Text (Exclusive Tutorial)



About the Author:

Click to Visit Author's Website

Dustin Kein is an editor at Web Design Library. He's in charge of selecting materials for the PhotoShop and HTML sections of this site. From time to time Dustin contributes some of his tutorials to WDL in order to cover the most actual topics for WDL visitors. Besides this, he's an active forum member whose posts are always helpful, concise and timely.

Author's URL: Reiven
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Breathe new life into text. These tutorials will teach you how to create various text effects. More Text Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Web Design Library Text (Exclusive Tutorial)"

Captcha