The 75 Most Enlightening Design Tutorials
This article will list seventy-five resources for becoming a better designer. We’ll go through all the major ones and a few open source programs as well such as: Photoshop, Illustrator, Fireworks, GIMP, and Inkscape. If you have any of your own, leave a comment and let us know!
Illustrator Web Design Tuts
1.Use Illustrator to Create a Clean Website Layout
2.Use Illustrator to Create an Abstract Background
3.Create a Grungy Circular Logo for Your Website
4.Create a Twitter Mascot Logo for Your Website
5.Use Illustrator and Photoshop to Create a Creative Background
6.Use Illustrator to Create a Blissful Vector Scene
Put some text on the final image and you have a beautiful website!
7.Create a Swirly Type Treatment Logo
8.Wrapping Type Around an Image in Illustrator
9.Create a Cool Water Design in Illustrator
10.Use Illustrator and Photoshop to Create a Swirly Design
This technique could be used to create a stunning website, combining photoshop and illustrator gives you the best of both worlds.
11.Use Illustrator to Design Flourishes and Swirls
12.Creating a “Tug and Twirl” Logo
13.Roundtrip Logo-From Illustrator to Photoshop
14.Creating an Eco Friendly Logo
15.Making an Old School Type Logo in Illustrator
16.Creating Wood Grain Screencast
17.Quickly Build an Online Portfolio
18.Create Dynamic Interface Elements
19.Create a Retro Type Logo
20.Setting up Illustrator to Create Web Layouts
Inkscape Web Design Tuts
In case you weren’t aware, Inkscape is an open source vector software program, similar to Adobe Illustrator.
1.Creating a Grunge Style Vector in Illustrator
2.Ajaxian-What is and How to use Inkscape
3.Design a Woodgrain Effect in Inkscape
4.Creating a Coffee Cup in Inkscape
5.Drawing a Realistic Vector Guitar in Inkscape
The GIMP Web Design Tuts
1.30 Awesome Web 2.0 Layer Styles for GIMP
Not a tutorial but a really nice collection of layer styles you can install and use with the GIMP.
2.Create a Simple Logo wih GIMP
3.Complete Web Design Tutorial
4.Blog Theme Design Tutorial
5.Design and Code a Website with GIMP
6.Design a Clean and Simple Layout
7.Creating a Professional and Clean Web Header
8.Design a Modern Navigation in GIMP
9.Creating a Tabbed Menu Navigation
10.Creating the MSNBC Effect in GIMP
Fireworks Web Design Tuts
1.Design a Wavy and Unique Header in Fireworks
2.Using Fireworks CS3 to Design Effective and Interactive Websites
This is a must read article for any fireworks fan, straight from the Adobe website.
3.Awesome Light effects in Fireworks
4.Designing Night Clouds in Fireworks
5.Web 2.0 Styles for Fireworks
Not really a tutorial, but a really nice collection of styles for fireworks free for you to download.
6.Awesome Floral Type in Fireworks and Photoshop
7.Getting Gritty with Fireworks
8.Fireworks 101
9.Rapid Prototyping in Fireworks CS3
10.Abduzeedo Job Board Banner in Fireworks
Photoshop Web Design Tuts
1.Using a Simple Layout to Mix and Match the Look of the Design
Collis just launched web design week on psdtuts, and with it brought this amazing tutorial. It is really inspiring to watch such a simple layout transform into so many designs.
2.Create a Hand Drawn Layout in Photoshop
3.Creating a Premium Wordpress Theme, Part One, The Mockup
4.Create a Unique Grungy Web Layout
5.Design a Unique Business Layout
6.Create a Cartoon Grunge Layout
7.Design a Photography Web Layout
8.Design a Video Sharing Website in Photoshop
9.Create a Dark Theme Website from Scratch
10.Easily Create a Unique Website Header
11.Create a Grunge Interface in Photoshop
12.Design a Gaming Layout from Scratch
13.Create a Sleek, High End Website
14.Design a Creative Studio Webpage
15.Create an Urban Style Layout
16.Design an Awesome Band Website
17.Create a Beautiful Photography Layout
18.Create a Simple and Sleek Web 2.0 Footer
19.Create a Design Agency Layout
20.Design a Hosting Website in Photoshop
21.Create a Desktop Enviroment in Photoshop
22.Create a Clean Business Layout
23.Design a Restaraunt Layout
24.How to Make the Viget Inspire Background
25.How to Make Beautiful Buttons in Photoshop
26.Create a Slick Blue Navigation
27.Elements of Great Web Desing-The Polish
28.Dark and Clean Web Design Layout
29.Old Paper Portfolio Layout
30.Create a Dark Portfolio Design
Did I miss any? Feel free to share some of your favorite web design tutorials for your sofwtare of choice in the comment section!
- Subscribe to the ThemeForest RSS Feed for more daily web development tuts and articles.
12
Comments
- All of the BAD Articles in the Envato Network
- 20 jQuery Plugins Worth Implementing into your Themes
- Required Online Backup Solutions for Designers
wow! a bunch of awesome tutorials. yahoo!
thank you for listing some of my tutorials
much appreciated
An amazing list! Thanks very much.
Wow, this is a great resource for many beginner designers. I’m sure it will help many people, congratulations for compiling this list.
Wow! This is huge! Well done, Drew! It’s going to take some time to absorb it all.
Thanks so much!
Thanks everyone
It took a lot of coffee to get this article done so I am glad you enjoy it.
Okay, so that about covers the entire web! Very cool list – I can see some areas where I need help. Thanks for the 11 years you put into preparing it!
Amazing, I liked these articles ( Design Flourishes and Swirls, Eco Friendly Logo and Vector Guitar in Inkscape ) very much.
All I can say is WOW!
Great list, even the order you arranged them is relevant. Have you been outside yet this month? This must have taken forever.
COOL Thanks everyone .
great post – thanks for sharing!
It did help me for sure, thanks and I will sharing some of the links here with my readers in my blog.