CoolWebCraft

List of free photoshop layer styles available on the net

2009-06-04T09:04:00.000-07:00

Photoshop Layer Styles are the easiest and quickest way to design an attractive button or navigation menu. Using layer styles, even a novice designer can quickly develop good looking web 2.0 web site templates. Also , experienced designers can draw inspiration from these layer styles. There are many generous photoshopers who develop these layer styles and publish them freely for other people to use. Here , I have compiled a list of layers style that are freely available for others to use.

This one is the most populer and attractive free layer style set available for download from http://www.dezinerfolio.com

Another set of stunning free photoshop layer styles available for download from http://max.designwalker.com

Another set of nice layer styles. You can download from http://verbaska.com or deviantarts .

You can download this set of 86 layer styles from http://eight7teen.com

If you are designing glass orbs then this set of layer styles will be very useful. Download

Another get of nice web 2.0 layer styles available for download

Another cool laer style set .Download

Simple web site header tutorial

2009-05-30T22:23:00.000-07:00

In this tutorial i am going to design a pretty simple web site header.

Final result

Open a new document with size 990x350 px. Make fore ground color as #098eeb
and background color as #066eb6. Select the gradient tool and draw a linear gradient . Holding the shift key will make your gradient straight. You will get the result like this shown below.

Now , set the forground color as white(optional , because later we will make it as gradient). Create a new layer named "Sitnamebackground" .Select the rounded rectangle tool set the radius to 8 px and draw a rectangle as shown below.

Now set the following blending options.

Gradient colors used are #193441 and #285063. You should get something like this.

Now , Write down your web site name above it.

Now create another new layer above the web site name layer and name it "SitnamebackgroundGloss". Select the ellipse tool and select option "paths" below the menubar.

Now , with the ellipse tool create a shape like shown below. Then right click on the document and select "Make Selection" and choose feather radius 0. This will convert your ellipse shape path into selection. Now, ctrl click(Options+click for MAC) the "Sitnamebackground" layer and goto Select > inverse in the menubar. Now, Left click on the "SitnamebackgroundGloss" and hit Delete key in the keyboard.

Now , make the foreground as #ffffff. Select the gradient tool - linear gradient . In the gradient selection window select foreground to transparent. Draw a gradient from down to up. and set the opacity of this layer "SitnamebackgroundGloss" as 35%. You should have result shown below.

Now, create another layer and draw another ellipse like shown below.

Again, right click on the document and click "Make selection". Set foreground as white and draw a "foreground to transparent" gradient starting from bottom to upwards. Now, goto Edit > Transform > rotate and tilt the right side of the layer upwards . And you should have a something like this.

Select the rounded rectangle tool again and draw a shape something like this.

now , create a new layer, name it "NAV" then right click on the document and click "make selection". Select the paint bucket tool and fill the selection with any color. Then, apply the following blending options to this "NAV" layer.

apply the following settings in the gradient editor window
slider1 > #94c516 position 4%
slider2 > #72aa00 position 51%
slider3 > #8eb92a position 52%
slider4 > #b9ce44 position 100%

Stroke color #679800.

You should get result something like this.

Now , select the text tool and add your link text . Additionally , i have added an RSS symbol and RSS textbox to make it more attractive. I have downloaed the RSS symbol from http://utombox.com/downloads/. This is my final result.

Please , write your comments about this tutorial.

Download PSD

Absolutely free brushes with no credit links required

2009-05-28T07:01:00.000-07:00

There are many free brushes available on the web. But most of them requires a "credit link" if you use it for commercial purpose. This sometimes becomes problematic, if i am using the brush for any commercial design and selling it to client /office boss, how can i ask them to put a credit link within the artwork.
So , I searched the net , mostly in devianart to find quality brushes where the brush creator does not insist to give credit link even if you used them in commercial purpose. hence these are absolutely free with "no credit links required" brushes (at least the time i checked them). To be sure , please check the terms of conditions yourself.

However, I would request that, if you are using them in commercial purposes , then be kind and help them popularize their brushes in some way like submitting the links to social bookmarking like stumbleupon, digg etc. , or in your community web site or any web site that you own. I think this is a very good way to express love to them for the for good work they have put together.

Download.

Download.

Download.

Download.

Download.

Download

Download.

Download.

Download

Download

Download.

Download.

Download.

Download.

Download.

Web Layout Tutorial Collection Part 1

2009-05-26T13:01:00.001-07:00

Amazing multipurpose web site layout with stunning color combination and unique navigation bar design.

View Tutorial.

Create a trendy paper layout. A very detailed tutorial where you can master many details of worn paper effects.

View Tutorial.

View Tutorial.

View Tutorial.

A very simplistic yet modern web design layout tutorial.

View Tutorial.

Create a stunning web design layout tutorial.

View Tutorial.

Nice professional web design layout tutorial.

View Tutorial.

Very attractive and professional web design layout tutorial.

View Tutorial.

Abstruct Shape Tutorials

2009-05-26T12:54:00.000-07:00

Create great looking round Abstruct 3d tubes . Great for logos, web site header, wallpapers.
View Tutorial.

Create Abstruct art header for your web layout.
View Tutorial.

View tutorial.

View tutorial.

List of Button Tutorials Episode 1

2009-05-26T12:15:00.000-07:00

Create a nice and vibrant Order button in easy steps.
View Tutorial.

Nice glossy button tutorial.
View Tutorial.

Eye catching red button tutorial.
View tutorial.

glossy and professional buttons using only layer styles.

View Tutorial.

Nice glowing button tutorial.

View tutorial.

View Tutorial.

View Tutorial.

View Tutorial.

View Tutorial.