From
(Click on the image above)
Ultimate Web 2.0 Resources for Adobe Photoshop + Bonus Material | 25.5MB
HomePage
~~~~~~~
Ultimate Web 2.0 Gradients
Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. Even a simple button is of a gradient. So I decided to make some cool set of Gradients and put them together in an Adobe Photoshop Gradient file (.grd). These gradients are fully scalable, what i mean here is its not an image or so.. just create a shape and apply the gradient - As simple as that. You could create Logos, Backgrounds, Tabs, Buttons, Wallpapers, Toolbars and all sorts of stuff…
I hope v2.0 was helpful a lot. Now this current version includes almost all the possible gradients…
Feel free to use these cool set of gradients anywhere but please don’t forget to share this too…
* UPDATE 03 May 2007 : v3 Release with around 130 Web 2.0 Gradients.
* UPDATE 16 Apr 2007 : v2 Release with some more gradients.
Importing the .GRD file into Photoshop.
~~~~~~~
~~~~~~~
Ultimate Web 2.0 Layer Styles
Photoshop Layer Styles are the easiest way to speed up the design process.
I found a lot of styles on the Web to download but none of them were of the today’s trend of Web 2.0. So here is a set of 131 Photoshop Layer Styles I created in .ASL ( Photoshop Layer Style ) format.
As explained in the below image, I feel this set of Layer Styles could be the fastest way to create Web Elements like Buttons, headers, Content Backgrounds and a lot other stuff…
Feel free to use these cool set of Layer Styles anywhere but please don’t forget to share this link too…
Some Examples:
Here are a few example buttons created out of this Layer Style Set.
Importing the .ASL ( Layer Style ) file into Photoshop.
~~~~~~~
Web 2.0 Badges
Badges are a key requirement for any basic website too. Here is a set of very cool Web 2.0 Badges for you in .PSD and .PNG formats.
There are a lot of badges out there… But the best thing to notice in these set of badges are that they are extremely customizable. Just follow the steps below…
* Open the .PSD file in Photoshop
* Choose and get into the Badge ( group ) you wish to use
* Double click on the base layer to get the Layer Style window
* Move to the Gradients section
* Choose any gradient and the badge is ready to use. The best resource I recommend here is “Web 2.0 Gradients” - This is a set of FREE Web 2.0 gradients for download in .GRD ( Photoshop gradient ) format.
* Optional - Customize the text to be displayed on the badge ( you will find the text in the first group )
~~~~~~~
Bonus Material from deZiner f0li0:
10 Web Layout Design Elements
130 Web 2.0 Gradient Swatches for Illustrator
Aqua Gloss Icons
Creating Pool Balls
CS3 Style Custom Icons
df Javascript Smooth Scroll
dfGallery 1.003b
dFlover Wordpress Theme
dfMarine Wordpress Theme
dfTheme 1.0 for Wordpress
dfTheme 2.0 for Blogger
dfTheme 2.0 for Drupal
dfTheme 2.0 for Wordpress
Flash XML Gallery
Gloss Orbs
Simple Javascript Accordions
sIMPRESS - Wordpress Theme
sIMPRESS v2
sIMPRESS v2 for Blogger
Ultimate Web 2.0 Layer Styles for Gimp
~~~~~~~
From RS.com
full+free