78+ Awesome Gradient Resources for Web Design
It is unevitable to use gradients for web designers. The links above is a huge collection for you to find or make the best gradient effects for your website. They are not only about photoshop, illustrator or gimp, but also tools, generators and inspiration. If you still not using gradients, I think after this post you will start using some.
Photoshop Tutorials:
30 Awesome Photoshop CS4 Tutorials From MirazWeb
Using Photoshop Gradient Tool from FreeTimeFoto.
Photoshop 101 – The Gradient Tool from Shape Shed.
A Gradient Tutorial from 9rules.
Creating Web 2.0 Effects with Photoshop – Part 1 from SitePoint.
Smooth Gradient Header Photoshop Tutorial from Tutorial Blog.
How to Create a Transparent Gradient in Photoshop from MediaCollege.com.
Creating Stylish Gradient Buttons from Wipeout44.
Jazzed Up Text With Gradient Effects from Wipeout44.
Become a Gradient Junkie from Wipeout44.
Gradient Mapping Effect in Photoshop from Wipeout44.
Web 2.0 Badge Photoshop Tutorial from Ajax Lessons.
Create a Shiny Badge Photoshop Tutorial from Tutorial Blog.
Tutorial: Rays of Light from Bartelme Design.
Sleek and Spicy Website Header Tutorial “Web 2.0 Style” from Photoshopit.
Gradient Text with Photoshop from Depiction.net.
Underwater Scene with Gradients from Heathrowe.com.
Warm Gradient Sunsets with Gradient Maps from Photoshop Essentials.
Using Gradients to Make Light and Shadow – and a Coffee Cup! from PSDTUTS.
Illustrator Tutorials:
Create Realistic Illustrations Using Illustrator’s Gradient Mesh from Veerle’s Blog.
Colorful Gradient Effects in Illustrator from Veerle’s Blog.
Transparent Gradients in Illustrator from CreativeTechs.
Adobe Illustrator – Gradient Mesh Tool, Gradients and Blends from Kevin Hulsey.
Transparent Gradient in Illustrator from Creative Bits.
Create Abstract Backgorunds in Illustrator from Vectips.
Illustrator 101: One Gradient Across Multiple Paths from BittBox.
Gradient Mesh – The Adobe Illustrator Video Podcast.
Gradient Meshes Introduction from Biorust.
How to Create Gradient Text in Illustrator from Wow Web Design.
GIMP Tutorials:
GIMP Gradient Tutorial from TankedUp Imaging.
GIMP Gradient Tutorial at YouTube.
General Tutorials:
Gradient Text Effect from Web Designer Wall.
Super-Easy Blendy Backgrounds from A List Apart.
Pure CSS Text Gradients from CSS Tricks.
Span-Free Gradient Text Effect from Sam Rayner.
Cross-Browser Gradient Backgrounds Without Images from Slayer Office.
Web 2.0 Design Kit from Photoshop Lab.
Gradients – The Web 2.0 How-to Design Guide from Web Design from Scratch.
Gradient Tiles with Shadow from Projectseven.
CSS Gradient Background from DMXzone.
Background Gradients and CSS from TankedUp Imaging.
CSS Web 2.0 Glossy Text from Just Talk About Web.
Creating Gradient Fills with ActionScript from Lukamaras.com.
The Push vs. Pull Gradient from Blogoscoped.
Gradient Generators:
Gradient Image Maker from Dynamic Drive.
The Amazing Gradient Generator.
RoundedCornr – Create a rounded corner with a gradient.
Form Style Generator – Includes a gradient generator.
Gradient Resources:
600+ Photoshop Gradients to Download from Best Design Options
Adobe Photoshop CS4 Gradient Pack from Estetica Design Forum
CSS Text Gradient from CSS Globe.
CSS Gradient Shadow from Dynamic Drive.
900 Gradients For GIMP from Deviant Art
Tabs Generator – Create Gradient Tabs.
1000+ Gradient Pack from Deviant Art
Ultimate Web 2.0 Gradients – Free Downloads from Deziner Folio.
Ultimate Web 2.0 Gradients – Volume 2 from Deziner Folio.
Ultimate Web 2.0 Gradients – Volume 3 from Deziner Folio.
Gimp 2.2 Gradients Muted from Deviant Art
130 Web 2.0 Gradient Swatches for Illustrator from Deziner Folio.
Ultimate Web 2.0 Layer Styles – Free Download from Deziner Folio.
Some Gradients to Save Some Time from GoSquared.
Free Photoshop Gradients Download from Euphorish.
Gradient Progress Bar from Slayer Office.
Lose the Images: How to Get Rounded Corners, Gradients, Drop Shadows and More Using CSS from DesignVitality.
The Gradient Green Navigation Bar from Listamatic.
Plasma Gradient Gradation PSD from Deviant Art
130 Ultimate Web 2.0 Gradients for Gimp from Gimp-Tutorials.net.
GIMP Gradients from Gimp.org.
36 Color Gradient Sets For Photoshop from 1stwebdesigner
Inspiration:
Yukio Miyamoto – Master of Adobe Illustrator Gradient Mesh Tool.
Color Inspiration: Blends, Gradients, Steps, Oh My! from COLOURlovers.
AND DO NOT FORGET
25 Great Examples of Using Gradient Effects in Web Designs by Listelog
5000+ Color Gradients Set For Photoshop by Listelog
30 Light and Sleek Web Designs for Inspiration by Listelog
Category Inspiration, Photoshop, Resources, Tutorials, Last Modified: 31 Ekim 2009 Author: uralozden | Giriş
Using gradients in visual design helps to add dimension to your work. … I like the 130 web 2.0 gradient sets.
78+ Awesome Gradient Resources for Web Design | Listelog…
It is unevitable to use gradients for web designers. The links above is a huge collection for you to find or make the best gradient effects for your website. They are not only about photoshop, illustrator or gimp, but also tools, generators and inspira…
[...] Graphic Gradient Resources By The Editor Leave a Comment Categories: Web Design Tags: graphics Have you ever wanted to know how to achieve that nice gradient effect? Then have a look at this 78+ Awesome Gradient Resources for Web Design. [...]