Her

Home Photoshop Tutorials 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.