The Color Wizard

The Color Wizard is a color matching application for anyone who wants to create designs with great looking colors.

Contrast-A: Find Accessible Color Combinations

The application allows users to experiment with color combinations, examine them under the aspect of accessibility guidelines and to create custom color palettes.

Kuler

The web-hosted application for generating color themes that can inspire any project. No matter what you’re creating, with Kuler you can experiment quickly with color variations and browse thousands of themes from the Kuler community.

Colors On The Web

Spin the color wheel and get a selection of three random colors. The color wheel randomizes among some 16 million colors. And since each spin produces three different colors, that gives endless combinations. (or 2 to the power of 70 or so, which is a very large number). Enough to keep anyone busy for a while.

Color Wheel Color Calculator

The Sessions Color Calculator is an interactive color wheel that helps designers select HTML, RGB, or CMYK colors and identifies color harmonies and schemes. Our Color Wheel works faster than any other color wheel or html color chart.

Infohound Color Schemer

This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project.
Click around within the shaded box to set the saturation and brightness, or within the rainbow to set the hue. You can also enter a particular value directly into one of the boxes.
Matching colors will be automatically chosen. You can click on one to set it as the primary color.

Check My Color

It is a tool for checking foreground and background color combinations of all DOM elements and determining if they provide sufficient contrast when viewed by someone having color deficits.

Hex Color Scheme Generator

This is a great tool to use if you want to develop a matching color scheme for your site. Say you want your nav color to be #000066 (navy blue) and you want to know what colors would go best with it, this tool will help you.

Color Combinations and Color Schemes

Here you’re sure to find the perfect color combination for your project. This site was built to help web developers quickly select and test website color combinations.

Instant Color Scheme

Let Yahoo pick your color scheme! Enter a word or phrase and I’ll grab 5 related images from Yahoo Images, and get the 6 most prominent colors from each.

Toucan Color Palettes

Used alone or in conjunction with our other creation tools, Toucan gives you the features you need to inject color into your creative process.

Pictaculous

Ever wonder what colors to use with an image? Upload your image – get a color pallette

Daily Colorscheme

Daily Color Scheme is all about color. Every day color, they serve a new colorscheme every day of the year, to keep the designers head fueled with inspirational and usable color schemes.

Slayeroffice Color Palette Creator

It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begins at 85% rather than 100% and continues on as the first.

Color Palette Software

COPASO is an advanced color palette tool that helps you create the perfect color schemes and themes. With a scratch pad to save colors you’re working with, a photo tool to extract colors and an advanced color picker and color theory wheel to give you tons of color inspiration. Using COPASO you can save your palettes to a private folder or download them to your local computer.

Color Palette Generator

Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with.

Color Palette Generator

Generate a color palette based on an image.

CSS Drive’s Image to Colors Palette Generator!

Upload an image to generate a color palette based on the image’s primary colors. Useful for quickly grabbing a particular color within an image for inspiration.

The Color Tool

This web site is dedicated to the display of color combinations, changing css styles, and displaying many powerful and unique color tools and font tools.

PALETTEMAN

Palette Man is a color palette-generation program that’s geared toward web designers. You’re allowed to select 5 colors from the 216-color web-safe palette and see how they interact.

ColorExplorer

A brand spanking new way of working with digital colors! With the colorful toolbox at ColorExplorer you can easily create, manage, and explore color palettes for use in web designs, desktop publishing, or any other graphic design process.
Go ahead! – get started on your colorful and creative voyage into the world of hues, spot colors, red, greens, yellow, and blues!

Color Palette Generator

Automatically create a color palette from any photo.

Kolur

Kolur is a simple (and hopefully) enjoyable way to browse color palettes. Designs displayed in our gallery go beyond the generic 3 colored dots, and attempt to portray the possibilities in palettes.

Color Codes Matching Chart HTML

Note that the conversions in this color codes chart are best described as “nominal”. They will produce an invertible conversion between the RGB code and a subset of CMYK; that is, one can take an RGB color code and convert to certain CMYK colors, and from these CMYK colors obtain the matching, original RGB codes.

Color Hunter

Color Hunter is a place to find and make color palettes created from images.

Color Match

Color Match is a website tool showing how to match website colors and help in choosing a website color scheme or color code. Also displays the HTML Color Code.

Gray Bit

GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast.

ColourMod

ColourMod originally made its debut as a web-based DHTML Dynamic Colour Picker. Since the inception of OS X from Apple, ColourMod has been ported to the Dashboard interface and is fully functional in OS X Tiger and Leopard.

ColorZilla

Advanced Eyedropper, Color Picker, Palette Viewer and other colorful goodies for your Firefox

Color Blender

Pick a color value format, input two valid CSS color values in the format you chose, and pick the number of midpoints you’d like to see. The palette will show the colors you input as well as the requested number of midpoint colors, and the values of those colors.

Color Blender

Your free online tool for color matching and palette design!

Color Grab

ColourGrab is about er.. colours! Type a URL of any online image below and our system will tell you the most used colours from that image, and as a result give you some inspirtation! Not bad if you ask me! So without further-ado,

Web Color Visualizer

To visualize color combinations, roll over the swatches to change the color of the elements.

ColorMunki

ColorMunki is the industry’s hottest all-in-one color solution that delivers unparalleled color control and color creation tools for photo and design digital workflows.

Easy RGB

From your RGB colors it creates colors complements, harmonies and themes.
It can be used to easily generate a Web site color theme or to select good trim and accent colors for your home decorations.

4096 Color Wheel

Color Schemer Online

Color Schemer

Color Combos

Color Jack – Color Theory

Pourpre

Color jack Sphere

Color Mixers

Colorotate

Unsafe Colormatch Template

I Like Your Colors

Colr

Colour Check

Color Lab

Download free stock photos on Dreamstime. Free registration

This tutorial teaches you how to create a professional looking portfolio design using very basic techniques. The majority of online portfolio’s appear amateur, yet it really isn’t very difficult to produce a simple design, very quickly that can portray a professional image online.

This tutorial hopefully shows how a few simple techniques can bring great results.

Making your own portfolio web page

View full size here.

Grungy / Textured

Tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design.

It’s a grungy looking, textured design based on a simple, solid, underlying layout. What we’re going to do is take that underlying layout and treat it like a coathanger, swapping different styles in and looking at why each look works.

Tutorials on alternative themes based on Manialla above:

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

It’s pretty amazing how much colour and background can change the look and feel of a website. In this tutorial we’re going to put together a quick, simple but effective layout and then create variations using backgrounds, photos and patterns. We’ll also look at how to make seamless tiled backgrounds out of a photo, methods for ending a single photo and simple ways to create pixel patterns. In short it’s a jam packed tutorial!

Creative Studio Web Page

In this detailed tutorial we will learn how to create impressive layout for Creative Studio.

Online Photo Portfolio

This tutorial will show you how to create a clean looking layout for your portfolio.

Sound System Studio Web Layout

In this tutorial you will learn how to create a nice looking layout.

Design a Clean Business Layout

For this tutorial Psdfan is going to show you how to make a professional, clean business layout. This kind of design is perfect for companies or business related blogs.

Car Layout #3

Cartoon Grunge

Learn how to add a worn look that works well with cartoon-style graphics. Different flavors of grunge styles are popular all over the Web right now. Learn a unique approach to wear and tear that you can incorporate into your next Web site design.

Create a Sleek, High-End Website Design from Scratch

It’s quite an elegant design, which would probably suit a designer portfolio-type site, but really could be altered for all sorts of purposes. It relies on having elegant typography, a structured layout, and a visually interesting background.

The real power of this design is to show you what can be accomplished by keeping it simple.

Making a ‘Clean Grunge’ Blog Design

This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.

How to design a photographer layout

Design a Unique Grungy Website Layout

This tutorial will teach you how to create a unique grungy website design. Many of the techniques involved are fairly basic, but through the tutorial I’ve tried to explain my thought process behind certain design decisions as well as outlined how to get the most from your grunge designs.

How to create a design studio – web page layout

View full size here.

Download PSD source (Tutorial ID 3004)!

How to Create a Grunge Web Design in Photoshop

This time we’re going to create a full web design in grunge style using Photoshop and a lot of stock images. As this is a intermediate to advanced level tutorial it will skip the explanation of some basic steps.

Hand drawn layouts – hottest design trends

Create a Dark Themed Web Design from Scratch

his tutorial covers the key areas to focus on when creating a Web site design. This is a blog-style design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well. Learn how to create a colorful design set against a dark background.

Create a Design Agency Layout

Photo Portfolio Web Page Layout

This tutorial will show you how to create a clean looking web layout for your portfolio.

Design a Web photshop Template using the “960 Grid System”

Learn how to use the 960 Grid System to design a website template in Photoshop. You will be practicing layer styles to for effects and positioning elements based on the 960 Grid System.

Carbon Fiber Layout

Computer Store Web Layout

This task we’ll see how to create a Web Layout for Computer Store

Professional Web Layout for Business Solutions

Make a stylish and clean professional layout for your Business Solutions site.

Stylish Web Studio Layout

A complete tutorial on how to make a stylish webstudio web layout.

View full size here.

Make it work

Web 2.0 Vector Layout

Design Studio Layout

Making a Template in Photoshop

Create a Magic Night Themed Web Design from Scratch in Photoshop

Here’s a tutorial for you, an artistic web design depicting a “Magic Night” concept.

Photography Portfolio Layout

Awesome photography portfolio design with a lot of content boxes and an attractive look.

Business Layout #4

WordPress Layout #3

Design Lab Layout

Business Layout

Website Design Mockup Tips

This tutorial will show you a few tips, tricks and techniques you can use when mocking up your next website. When mocking up a website design, there are a few design elements and styles that are really easy to create in code, but may not be as obvious when working in Photoshop.

Photoshop Tutorials for creating elements for your web design

Clean White Navigation Bar

Blue on Black Navigation Bar

Design a Glossy Download Icon

The difficulty in designing web graphics is not so much in the actual execution of the design, but more in the planning of it. At the same time you want the graphic to be eye-catching, yet smooth and small enough so it doesn’t dominate your layout. This tutorial will teach you how to create a graphic that does just that.

Creating A Cool 3D Web Design Effect

In this tutorial I will show you some very easy techniques, using gradients and layer styles, that we can use to produce nice subtle 3D effects in our web designs.

Handy Web 2.0 Icons In Photoshop

When we are working on a Web design project, we quite often need icons to show commands like add, delete, or edit. With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. In this tutorial, I will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth.

Web 2.0 Design Kit

Web 2.0 is a term coined by O’Reilly describing the new trends in design and development appearing across a flood of innovative websites. This tutorial will show you how to create some of the more popular “Web 2.0? design effects using Photoshop.

Create A Textured Tag For Your Website

In this tutorial, we are going to create a textured tag that you can use in your website designs. Adding textured elements to modern web designs is a current trend. Learn how to create your own texture and then apply it to your design element.

Converting PSD to HTML, CSS…Website template

From PSD to HTML, Building a Set of Website Designs Step by Step

This tutorial is going to take you through a entire process of getting from Photoshop to completed HTML. We’re going to build out a set of 4 PSD mockups of a website that eventually will become a WordPress theme. It’s a massive tutorial, so if you’re going to follow through to the end, make sure you have a few hours to spare!

PSD > HTML/CSS

How to Make an Impressive Blog Layout in Photoshop

In this easy to follow web design tutorial, you will learn how to construct a beautiful, sleek, and professional-level weblog design using Adobe Photoshop that you can later use for your very own blog theme.

Design a creative wordpress theme

How to Make a Light and Sleek Web Layout in Photoshop

In this web design tutorial, we’ll create a light and sleek layout in Photoshop. We will use the 960 Grid System, and if you haven’t used it before, no problem, I will show you how it works and how it can help you design better layouts.

Create a Clean and Colorful Web Layout in Photoshop

How to Create a Dark and Sleek Blog Design in Photoshop

In this web design tutorial, we’ll show you how to make an impressive dark-themed layout that you can use for blog designs. The design will feature “racecar enthusiast” elements such as carbon fiber and checkered flag textures and odometers.

Create a Web Layout with 3D Elements using Photoshop

In this web design tutorial, you will discover a way to create a sleek and professional web page layout that incorporates the 3D Ribbon design trend, as well as some other captivating 3D elements, using  Photoshop.

Create a portfolio/business website layout

How to Create a Clean Blog Design with Photoshop

In this step-by-step web design layout tutorial, you will discover a method for designing a clean blog design with stunning gradient and lighting effects using Adobe Photoshop. This tutorial is geared for beginner to intermediate Photoshop users.

How to Make a Green & Sleek Web Layout in Photoshop

In this web design tutorial, you’ll learn how to create a beautiful, green, and sleek layout in Photoshop. You’ll learn popular design techniques such as creating a 3D ribbon and professional-looking color gradient effects.

Elegant Blog Layout

Make an elegant blog layout in Photoshop.

Simplistic Video Blog Layout

Tutorial on how to make a nice simplistic layout.

PSD to HTML/CSS from HVDESIGNS

hv-designs provide some really great tutorials and this is just another one of them you should take the time to check out. They do an excellent job showing you all the little details in coding up the HawkStudio Designs template.

Smooth Blog Layout

Create a clean blog layout from scratch in this tutorial.

AquaPress WordPress Layout

In this tutorial you’ll be creating a wordpress mockup layout with some 3D elements to it.

MyWordPress Theme Layout

This tutorial will show you how to create a simple mockup version of a wordpress template.

Efficient WordPress Layout

This tutorial will show you how to create an efficient wordpress mockup layout in photoshop.

WordPress Theme Layout

This tutorial will show you how to create another wordpress layout with Photoshop. The design is very simple and I you can use this layout also for a clean corporate layout, or even for a business template.

Creative Clean Blog Design

This tutorial will show you how to create a simple yet very nice looking layout in Photoshop. You can use it as a wordpress theme for a corporate business, or you can use it as a standalone website.

3D Blog Layout

This tutorial will show you how to create another type of layout to be different from what you see all the time.

GreenPress WordPress Theme Design

In this tutorial you will learn how to make a simple and clean wordpress style theme called GreenPress.

Personal Site Layout

How to create a web layout for persoanl site.

Talkmania Arhitecture layout

The Art Institute Photoshop Template

Easy steps to create a sleek template.

Design Studio Website

A step by step guide to creating a professional web layout with a dark theme for Web Design Studios.

The best Tutorials on Converting PSD to XHTML

In this post, I’m going to show you the most practical tutorials on coding a template using CSS and XHTML. Making a template has two steps. The first step is Designing the template components and the second step is Coding them into a valid XHTML page.

Creating a CSS Layout from Scratch

This tutorial from Subcide starts with a basic design and takes us through the steps of coding the site. Along the way there are plenty of code samples and screenshots as the example site progresses.

Website Design Studio

Learn how to create a professional website design studio. A step by step guide to creating a professional web layout.

How To Create a Horizontally Scrolling Site

If web pages were made out of wood, the grain would be running up and down. Vertical is the natural flow of web layout. When page elements reach the right edge of the browser window and go over, the flow defaults to “wrapping” that element down onto the next line. The more content on the page, the taller it gets, not the wider. Why is this? Because it just makes sense. Our eyes are used to reading fairly short lines of text, so if we were to see a paragraph of text in one long straight line, it would be painful to read. Paragraphs need to have line breaks in them to be readable (hence the term “blocks” of text). We sure as heck don’t want to hard-code line breaks into the markup ourselves. Obviously, we don’t have to, the browser does this wrapping for us. Thus the vertical expansion.

Konvicted Art

First photoshop tutorial and we thought it’s great.

Agency Layout

Vibrant Modern Blog Design in Photoshop

This tutorial will cover the process of designing a vibrant and colourful modern blog layout in Adobe Photoshop.

Coding Your 1st PSD Tutorial

HV Designs previously published a tutorial for creating a car sales layout in Photoshop, and this tutorial is a follow up to cover the process of coding the site. It’s a fairly detailed tutorial with the coding provided.

From PSD to HTML – How to turn your designs into usable web interfaces

Part Digital Design gives us another detailed tutorial for coding a site from a Photoshop file. This tutorial is very detailed, from slicing the interface to the coding.

From PSD to CSS/HTML in Easy Steps

This tutorial will show you in detail on how to make a very basic, and nature friendly layout come to life by coding it into a fully functional CSS theme.

Tutorial Site Blog Design

In this tutorial you will learn how to make a sleek, and professional tutorial blog.

Simple 2 Column Blog Layout

In this tutorial you will learn how to create a simple 2 column blog layout using Photoshop similar to the one used for PSDVIBE.

Myblues WordPress Style Layout

In this tutorial you will learn how to make a very sleek and stylish blue WordPress style bloging layout.

Professional Blog Template Design

A professional blog template design created in Photoshop

Watercolored Design Studio Blog Layout

In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog.

Portfolio Designs

Create a Very Simple Portfolio Web Layout with Photoshop

In this web design tutorial, we will be creating a minimalist, dark-themed web layout that’s perfect for a portfolio site. We’ll only cover the creation of the basic parts of the layout and leave it up to you to apply your own finishing touches.

Design a Minimal and Modern Portfolio Layout with Photoshop

In this Photoshop web design tutorial, we’re going to create a mock-up of a clean and modern-looking website. This is Part 1 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template.

Tech Blog Layout

In this tutorial, you’ll learn how to design a premium blog layout in Adobe Photoshop, from A to Z.

Tutzor web 2.0 style design

Here is a new and improved look of the Tutzor website. Also you should learn a lot from this tutorial.

Clean Photo Gallery Website Layout

In this tutorial you will learn how to make a clean photo gallery website layout.

Website Gallery Layout Design

In this tutorial you will learn how to make a layout for a css website gallery using Photoshop.

Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop

Tutorial on how to realize a nice Web Portfolio Design with a Watercolored Background using two brush sets, a icon pack and some basic techniques.

Dark Portfolio Pixel Layout

The tutorial will show you the power of patterns applied in web layouts.

From PSD to HTML, Building a Set of Website Designs Step by Step

This is a great tutorial for beginners and intermediate learners alike to advance there coding skills. Be sure to set aside a few hours, this walks you through the entire process of creating the design. From PSD, to HTML, and then to WordPress.

Coding The Creative Design Layout

HvDesigns provided a nice and simple tutorial on creating a design studio layout and they backed it up by offering a simple tutorial on how to code it for the web. They are sure to leave no detail untouched, while providing great results.

WordPress Portfolio Layout

This is a portfolio design, but the techniques and strategies used in this design could be applied elsewhere across the Web as well.

Cool Blue Portfolio Layout

In this tutrial the author will shows you how to create a cool blue portfolio layout.

Portfolio Gallery Layout

In this tutorial you will learn how to create a portfolio styled layout for your design studio gallery.

Personal Portfolio Layout

Personal portfolio layout with vector style layout.

Single Page Portfolio Website

Produce a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

Portfolio Web Layout

This tutorial teaches you how to create a portfolio design from scratch to the finish.

Sleek Modern Portfolio Layout

This clean layout has a nice area for a sideshow, where you can feature your best artwork.

Portfolio Web Layout

Learn how to create a web layout with services, portfolio, careers and others.

Black Portfolio Layout

Create dark good looking portfilio site

Dark Green Portfolio Layout

Another very dark layout.

Photo Portfolio Web Page Layout

This tutorial will show you how to create a clean looking web layout for your portfolio.

Old Paper Portfolio Layout

This tutorial will show you how easy is to create a great layout with a simple old paper texture image

Designing Personal Portfolio Web Page Layout

3D Studio Portfolio Layout

This tutorial will show you how to create a 3D studio portfolio layout.

Awesome Portfolio Layout

You can use this tutorial to create also a professionally blog layout.

Model Portfolio Layout

You can use this layout also a personal portfolio layout, a photography layout, or even if you have a design agency.

Clean 3D Look Layout

This tutorial will show you how to create a clean layout with a 3D look and you can use this layout for your design portfolio, or you can create also a nice looking wordpress portfolio theme.

Online Photo Portfolio Layout

This tutorial will show you how to create a clean looking layout for your portfolio.

Grunge and Texture Designs

How to Design a Band Website Layout in Photoshop

In this tutorial, you’ll learn step-by-step how to design an awesome band website that any rock and roller would be proud to call their own. The theme is grungy and worn-and-torn and we’ll use a handful of freebies along the way.

Create a grunge wordpress theme with Photoshop

How to Code a Grunge Web Design from Scratch

In this step-by-step web development tutorial, you will learn how to convert a beautiful and eye-grabbing grunge theme web layout–created from Photoshop in a previous tutorial–into a working HTML and CSS template.

Music Band Website

Design A Grungy Website Design In Photoshop

Grunge Photographer Layout

This tutorial will show you how to create a grunge layout for a photographer. This layout can be used also for a portfolio layout.

Grunge-Themed Web Layout

In this step-by-step web design tutorial, you will learn how to craft a beautiful and eye-grabbing grunge-themed web layout using Photoshop.

Cartoon Grunge Web Site Layout

Learn how to add a worn look that works well with cartoon-style graphics.

Clean Grunge Blog Design

This tutorial will cover the steps of designing the Clean Grunge blog design from scratch. It also discusses the techniques and styles of this kind of web design.

Create an extreme sports layout

Create a PSD layout for a extreme sport website with this step-by-step-tutorial

Create a dvd movie shop layout

Learn how to create a sleek looking dvd shop layout with this step-by-step tutorial.

Realistic Website Layout

This tutorial will show you one more time how powerful are stock images and textures.

Sleek and Textured Web Layout

In this Photoshop web design tutorial, you’ll learn how to create a full web page layout that combines the sleek and textured look-and-feel using a combination of beginning to intermediate Adobe Photoshop techniques.

Grunge Web Design

This tutorial will show you how to create a complete grunge home page design.

The Ultimate Grunge Design Tutorial

This tutorial will discuss how to create a fantastic grunge layout in Photoshop. It uses some techniques that are fairly common, and a couple that I’ve not seen discussed elsewhere before.

Funky Web Design Layout

Unique Desktop Layout

How to make a unique desktop style layer, using common work desk objects.

Nature Portfolio Layout

If you want to start working as a freelancer i suggest you to create an eye catching layout to start properly in your business.

RocknRolla Blog Design

Great looking portfolio style design with a rough look.

Paper Texture and Grungy Web Design

Tutorial on creating a simple paper texture from scratch in Photoshop then marrying it with a web layout to create a neat design.

Grunge Vector Layout

This tutorial will show you how to create a vector style layout with a nice grunge effect.

Graphic Design Studio Web Layout

A simple and professional design studio layout.

The Design Lab: PSD Conversion

First they provide you with an excellent tutorial on creating a design lab layout. Then they take it to the next step and give you a step by step directions on how to convert your newly created PSD into a fully functional web design.

Worn Paper Web Layout

In this tutorial, you’ll learn how to create a textured “worn paper” web design theme using some basic Photoshop techniques.

Amazing Textured Layout

This tutorial will show you how to create an amazing layout using a simple texture, and some layer styles.

Create a Agriculture layout

Learn how to create a Agriculture layout with this very easy to follow tutorial.

Create a Nature Inspired Painted Background in Photoshop

In this tutorial, I will you show you my own technique for creating this type of background.

Build a Sleek Portfolio Site from Scratch

With PSDTUTS providing a great file to start off with, NETTUTS delivers yet another great tutorial on coverting a PSD to HTML for your own Portfolio website design.

Dark Themed Web Design

This tutorial covers the key areas to focus on when creating a Web site design.

Magic Night Themed Web Design

A tutorial on artistic web design depicting a “Magic Night” concept.

Rock Band Music Layout

This will show you how to create a rock band layout ( music layout )

Business Websites Designs

Create a Clean Business Web Template Design in Photoshop

In this web design tutorial, you’ll see a method for creating a professional web design mockup that’s perfect for a modern business or e-commerce website. This tutorial assumes that you know the basics of Photoshop.

Design a Sleek and Modern Hosting Layout

Coding a Clean & Illustrative Web Design from Scratch

In this comprehensive and step-by-step web development tutorial, you will learn how to convert a Photoshop mockup of a professional web layout design that features an illustrative landscape header into a standards-compliant XHTML/CSS template.

Create a Stylish Business Layout in Photoshop

How to Design a WordPress Theme in Photoshop

Clean Business Layout Tutorial

Create a Clean and Effective Product Layout

Create a communication layout in Photoshop

Softblue Template Tutorial

Web Design Layout #10

Web 2.0 Business Layout

Create a web 2.0 business layout with a lot of empty spaces.

Corporate Business Layout

Make a clean corporate style layout for your business.

Simple Clean Business Layout

In this tutorial, it shows you how to make a really simple clean business layout.

Real Estate Web Site Design

This real estate website design tutorial will take you through a step by step process if you offer web design services to your agents/realtors.

Business PSD Layout

Create a business PSD layout in less than 10 minutes.

Trendy Business and Finance Layout

Whether you are a single entrepreneur involved in financing and accounting or a member of school of business, you will definitely love the following layout.

Web Design Layout

Dark Corporate Layout

This tutorial will show you how to create a sleek corporate layout and you can use this layout also for any internet business you want.

Clean Business Layout

Create a simple and professional website design, a business-themed website template.

Dark Web Hosting Layout

This tutorial will show you how to create a layout for a web hosting company using Adobe Photoshop.

Corporate WordPress Style Layout

In this tutorial you will learn how to create a corporate wordpress styled layout.

Business WordPress PSD Layout

Create a nice business WordPress layout which can be used also for a corporate layout.

WordPress Theme Design in Photoshop

This tutorial takes you through all the details of designing a Winter Theme Template in Photoshop.

Awesome Software Layout

This tutorial will show you how to create your own software PSD layout.

Sleek Professional Looking Business Layout

Create a sleek professional looking business layout.

Sleek Business Layout

Make a sleek business layout.

Computer Store Web Layout

Tutorial on how to create a Web Layout for Computer Store.

Professional Business Layout

Create a sleek business layout from scratch.

Creating Business Style Template Design

There are a lot of resources that provide free website templates in Internet. One of them – FreeTemplatesOnline.com Here you can download plenty of free and premium templates. However, if this is a free (or premium) template, somebody else can also download it, and use it for his website. That’s why I’ve made up my mind to make a tutorial with the detailed description of creating a template from the very beginning. I hope it allows you to create your own templates in future, or to make some changes in the existing ones.

Arhitecture Bureau Layout

This tutorial will show you how to design such a layout from scratch.

Create Real Estate template

How to make nice looking web template for Real Estate site.

Interior Design Layout

Professional Web Template

Design a nice an professional web template in Photoshop

ECommerce Web Layout

In this tutorial you will create a spare parts ecommerce layout. It can be used for magento, oscommerce, or any e-commerce cms you want.

Web 20 style blog

Several new techniques are covered in this tutorial, such as interesting use of the drop shadow element. We’ll also cover creating a see-through navigation bar, as well as creating our own unique icons for this layout!

Modern Web Layout

This Photoshop tutorial will show you how to create a portfolio Layout.

Web 2.0 Layout

In this tutorial, you’ll learn how to create a very fancy “Web 2.0? website layout in Adobe Photoshop using beginners skills.

Clean Web 2.0 Style Design

In this Photoshop web design tutorial, you’ll learn, step-by-step, how to create a stunning and clean web layout.

Modern Web 2.0 Layout

This tutorial is going to teach you how to create a modern web 2.0 styled web layout from scratch.

Real Estate Web Design

Create a clean and contemporary website design for a real estate related website.

Create Chopper Layout

Creating a Professional Business Layout

Create a unique business layout using Adobe Photoshop

Business Web Page

How to create a web layout for your Business Website

Cool Photography Layout

How to design a simple blue layout with Photoshop by combining shapes and layer styles.

Clean Business Layout Tutorial

Dark and Sleek Web Layout

In this Photoshop web design tutorial, you are going to create a beautiful, dark, and sleek website mock-up centered on an elegant navigation menu that lends itself easily to CSS background sprites.

Two Color Website Layout

Tutorial on how to create a clean website layout using only a few colors.

iPhone Related Website

This tutorial will show you how to create a website for a iPhone business.

Awesome Colorful Layout

This tutorial i will show you how to create another web 2.0 layout for your creative portfolio.

Typography Layout

This tutorial will show you how create a nice typography layout.
These types of layouts will help you to effectively and accurately transmit the message.

Create a Jewelry Web Template

Learn how to Create a Jewelry Web Template with this very easy to follow tutorial.

Beauty Web Layout

This tutorial will show you how to create a layout for a beauty salon in 10 simple steps.

Creative Unusual Layout

This tutorial will show you how to manipulate some simple shapes, to obtain a wonderful layout.

Creative Studio Web Page

Dark Style Web Layout

This tutorial will show you how to create a sleek dark style layout.

Futuristic Web Layout

Coding a Layout with XHTML and CSS

This is a tutorial done by erracticwisdom. They do a good job explaining the tutorial, but its forwarded more towards users with a little more experience.

Simple and Clean Portfolio Layout Coding

This is a great tutorial done by hv-designs describing how to code a simple portfolio layout.

Clean black and green webdesign

Product Sales Page

Learn how to create a web 2.0 looking web layout tailored to be perfect for a page selling a product. Because of how its laid out, you could even spin it off as a portfolio layout if you wanted to. This tutorial will cover several different gradient types as well as reflecting text and objects and using shading to make certain design elements stand out.

Game Magazines

The Most Advance Game Layout

Clan Layout

In this tutorial you will learn how to create a nice looking game layout, or a clan layout.

Gaming Layout

Tutorial on how to create stylish web2.0 style gaming layout from scratch using photoshop CS3.

GameSpots Website Layout

This tutorial will be showing you how to create a web layout much similar to the famous gamespot.com design in Adobe Photoshop.

Gaming Layout

In this tutorial you ’ll be making a quick, small, unique looking gaming layout, right lets get started.

Gaming Layout

Learn how to create a fantastically looking gaming layout, you wont be disapointed.

Warcraft 3 gaming template

Learn how to create a unique and dark template, perfect for gaming or clan websites. In this tutorial we will work extensively with layer styles to enhance certain parts of our layout to give it that gaming feel. We’ll also work with the path tool to create special shapes as well as using the brush tool to blend in images.

Photoshop Tutorials for designing Website Elements

Creating Navigation in Photoshop

Design a Glossy Navigation Interface for Media Sites in Photoshop.

Design a Web 2.0 tab with Photoshop

Create a website header using Photoshop

This tutorial is part of a 4 page tutorial on how to create a simple web site using Photoshop and Dreamweaver.

How To: Make the Viget Inspire Background

An overview of how we put the Viget Inspire background together. The driving philosophy behind real-texture stuff like this is to fake as little as possible. No matter how many brushes you have or how good you are in Illustrator, there’s a quality of unpredictability in real photographs and real, physical elements that adds great subtle qualities to any design.

Professional header design for your website

How to make a nice-looking and professional header for your website easily.

Web 2.0 clean layout

How to make a clean style layout with some basic tools with

Photoshop.

Easily Create a Beautiful, Unique Website Header

Stylish Dark Navigation Menu

In this tutorial, I’ll be teaching you some tricks with the rounded rectangle tool and how to use the rectangular marquee tool to make a stylish navigation box for a web design.

How To Create a Stunning Vista Inspired Menu

How to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.

Sleek Photoshop Header Design

11 step tutorial that shows you how to design a Sleek Header for you Website.

Sleek Banner Tutorial

In this tutorial you will be shown how to design a website banner like this one here:

How To Create a Stunning Vista Inspired Menu

How to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect.

WebHost company header template

Modern Web 2.0 Header

In this tutorial, I’m going to be teaching you how to make the web header I used for this site. It’s fairly straight forward, so if you’re just starting web design, this will be a good tutorial to read.

Clean White Navigation Bar

Simplicity is the key to beautiful web layouts. Learn how to draw a beautiful navigation bar in Photoshop.

Modern Web Search Bar

How to create a modern web search bar with a drop down menu.

Green Navigation

How to make a stylish looking green navigation with a shine effect.

High-Detailed Plastic Navigation Bar

Navigation menus can vary from ordinary text links to the most complicated dropdown menus. This tutorial is describing detailed process of creation of “plastic” navigation bar.

Wii Web Header

How to design the Wii header found at Nintendo.com.

Create a Professional Gaming Header

How to create a professional gaming header design.

Volkswagen Inspired Navigation

This tutorial assumes that you know your way around Photoshop enough not to need too much hand-holding. You should know your way around the Layers palette and know how to add Layer Styles, use Custom Shapes and Clipping Masks without much explanation.

Design a Unique Bookmark Box

How to create a unique, and professional-styled bookmark/promote box for your personal Blog, or maybe even your website.

Vista Style Nav Bar

Create a navigation bar with a unique Vista Style

Slick Blue Navigation

In this tutorial, you will be shown how to design something like this:

Metallic Header Design

This tutorial shows you how to create a rough Metallic style Website Header

Web 2.0 Header Design

Easy to make Web 2.0 Header Design, using the Futuristic Hologram Design orb that has also been submitted and is available in this tutorial.

Photoshop tutorial design classy header in photoshop

Today I will show you how to create Photoshop tutorial design classy header in photoshop.

Modernistic Navigation Module

How simple shapes and gradients can create elegant designs.

Dark Navigation Box

How to make a more advanced styled navigation box using some more effects and tools.

Clean Blue Navigation Box

This tutorial is going to go over how to use some tools and effects to make a navigation box for a web layout which you can apply the same techniques to make content boxes etc.

Elegant Navigation Box

Learn to use some basic photoshop techniques to create an elegant navigation box for your website.

Slice Your web graphic properly

This tutorial will teach You how to slice Your web graphic with future xHTML and CSS in mind.

Blue Poll Box

In this tutorial I am going to be teaching you how to make a stylish looking box for a poll box.

Designing Nature Theme Header for Web Site

This tutorial takes you through 17 pages of detailed instructions of Photoshop techniques to create the Website Header.

Source files: design-nature-theme-header-for-web-site.zip

Silhouette Website Header

Use Adobe Photoshop to create a moonlit silhouette, for use as a website header.

Photoshop Tutorial: Girly Web 2.0 Header

With this tutorial, we’ll go through the process of creating a very trendy, abstract header design used on many girl-oriented websites. It doesn’t mean you can’t use this tutorial for other kind of sites. All you’ll need to do is tweak the colors.

Curled Corner

Learn how to create a sleek content box that features a curled corner to give it a more dimensional approach. This effect could be put to good use on business websites, such as hosting sites, product sales pages, portfolios, and more.

How to Create a Simple & Sleek Web 2.0 Site Footer

How to produce a sleek looking site footer in

Photoshop.

Professional web design studio logo

Learn how to create a professional web design logo.
We’ll show you several ways of working with text in this tutorial.
The outcome from this tutorial could also go well with our Product Sales Page tutorial, as a proper logo wasn’t really made for it.

Learning a new software application can be a daunting task, especially when tackling an application that’s as deep as Adobe Illustrator! Thankfully there’s a colection of Illustrator veterans who are generous enough to take the time to document the basics, allowing new users to grasp the initial workings and gain a know-how of the tools and core techniques. This collection of hand-picked tutorials cover various tools, and provide plenty of useful hints and tips. Together they form a super handy resource for any beginner looking to get their brains wrapped around Adobe Illustrator.

Learn Illustrator CS3 in 30 Days

This in-depth 30 day course from Vector Diary is one of the most useful courses out there. What’s more, it’s free!

Illustrator Beginner’s Series

IllustrationInfo’s Illustrator beginner’s series covers the most common tools with insights into their uses.

Adobe Illustrator Guides and Tutorials

The collection of tutorials and guides from klethegr8 include various hints and tips for all kinds of tools.

Beginner Adobe Illustrator Tutorials

Posts filed under the Illustrator tag on ShapeShed include some great introductions to most of the important tools and techniques, including blends, rounded edges and the pathfinder.

Illustrator CS4 Blob Brush

The newly added Blob Brush to Illustrator CS4 opens up doors to new opportunities. Layers Magazine explain more with this useful video tutorial.

Illustrator CS4 Gradients

Another new feature in CS4 was a bunch of new gradient editing capabilities. Here’s an overview of some of the new ways to create and tweak gradient fills in Illustrator.

Working with Illustrator Art Brushes

Brushes are an important tool in Illustrator, and come in various styles. This tutorial from Bittbox covers the Art brush, with great examples of how it can be used.

Illustrator Opacity Mask Basics

Opacity masks are one Illustrator feature that can really come in useful, particularly for those with versions prior to CS4 who don’t have access to the new gradient opacity options.

The Power and Ease of Patterns in Illustrator

The basic pattern in Adobe Illustrator isn’t anything to get excited about, but when combined with other Illustrator tools, it can result in some amazing effects.

Wacom Settings in Illustrator

Unsurprisingly, Adobe Illustrator really shines when used for creating illustrations, and no illustrator is complete without a Wacom tablet. Here’s some handy tips for fine tuning your settings.

Quickly Change Fills and Strokes

Illustrator’s fills and strokes often cause confusion to designers moving from Photoshop. This selection of tips and shortcuts from Vectips gives a clear understanding of how to quickly set them up.

Illustrator’s Pen Tool: The Comprehensive Guide

The Pen tool is the most important tool to master in Adobe Illustrator, and can unfortunately take quite a lot of practicing to master. Arm yourself with this great insight and knowledge of how it works.

A Comprehensive Guide to the Pathfinder Panel

The Pathfinder is also a crucial weapon to master in Illustrator. It’s used in almost every Illustrator project you’ll work on, so it’s quite useful to learn how it works.

Tips for Working with the Gradient Mesh Tool In Illustrator

Gradient Mesh is actually one tool I still need to wrap my head around, but once mastered it can seriously take your Illustrations to the next level with the ability to create photo-realistic artwork.

Illustrator’s Blend Tool: A Comprehensive Guide

The blend tool is one of Illustrator’s most powerful features. This in-depth post focuses entirely on its use, with a large selection of examples and diagrams.

Illustrator’s Type Tool: A Comprehensive Introduction

The Type Tool might not sound like it needs much introduction, but Illustrator also provides some extraordinary type related options. Here’s a handy overview.

A Comprehensive Guide: Illustrator’s Paintbrush Tool and Brush Panel

While the Art brush was covered in a previous tutorial, here’s a general overview of all four types of brushes in Illustrator, with detailed explanation of how to use each one.

The Basics of Clipping Paths and Opacity Masks

Just like masks in Photoshop, Illustrator uses masks to hide and show various parts of the artwork. Here’s an overview of Clipping and Opacity masks, and how they can be used in a real-world project.

Adobe Illustrator Shortcuts

These shortcuts aren’t just the keyboard alternatives to popular menu commands, they also open up new options that otherwise aren’t available.

Beginner Illustrator Tutorial – Create a Vector RSS Icon

If hands-on learning is more your thing, why not try this RSS icon tutorial? It covers many of the basic commands, plus touches on some advanced tools such as the Pathfinder and creating offset paths.

FREE VECTOR GRAPHICS 02 – Vecteezy

FREE VECTOR GRAPHICS 03 – Q Vectors

FREE VECTOR GRAPHICS 04 – Vector4free

FREE VECTOR GRAPHICS 05 – 123 Free Vectors

FREE VECTOR GRAPHICS 06 – Free Vectors.net

FREE VECTOR GRAPHICS 07 – Vector Portal

FREE VECTOR GRAPHICS 08 – Vector Vault

FREE VECTOR GRAPHICS 09 – Vector Jungle

FREE VECTOR GRAPHICS 10 – Free Vectors.org

FREE VECTOR GRAPHICS 11 – Vector Junky

FREE VECTOR GRAPHICS 12 – Vector Art

FREE VECTOR GRAPHICS 13 – Vector Stock

FREE VECTOR GRAPHICS 14 – Cool Vectors

FREE VECTOR GRAPHICS 15 – Vector Valley

FREE VECTOR GRAPHICS 16 – Free Vectors.com

FREE VECTOR GRAPHICS 17 – Free Vector Download

FREE VECTOR GRAPHICS  18 – Vector Lady

FREE VECTOR GRAPHICS 19 – Free Design Magazine

FREE VECTOR GRAPHICS 20 – DragonArtz Designs

FREE VECTOR GRAPHICS 21 – I Heart Vectors

FREE VECTOR GRAPHICS 22 – Vectorss

FREE VECTOR GRAPHICS 23 – Vectors Workshop

FREE VECTOR GRAPHICS 24 – CLD Vectors

FREE VECTOR GRAPHICS 25 – Designers Revolution

FREE VECTOR GRAPHICS 26 – Vector Mix

FREE VECTOR GRAPHICS 27 – CreatesK8

FREE VECTOR GRAPHICS 28 – Dezignus

FREE VECTOR GRAPHICS 29 – Garcya

FREE VECTOR GRAPHICS 30 – Dry Icons

FREE VECTOR GRAPHICS 31 – Vectortuts Freebies

FREE VECTOR GRAPHICS 32 – Roundpixel Goodies

FREE VECTOR GRAPHICS 33 – Designious Freebies

FREE VECTOR GRAPHICS 34 – Mulpo Vectors

FREE VECTOR GRAPHICS 35 – Vector Freeware

# 36 – Uberpiglet

#37 – Diegomattei

#38 – Dr. Depot Vectors

#39 – Lafkun Vectors

#40 – Creativos Online Vectors

# 41 – Keep Designing Vectors

#42 – Design Bum Project Source Files

#43 – Free Vector Clip Art

#44 – Snap 2 Objects Vectors

#45 – PixlPusher Vectors

#46 – Go Mediazine Freebies

# 47 – Clipart Design

#48 – Illustration Class

#49 – Creativemyk

# 50 – Vector Cartoons Clipart

50 More Websites where you can download vector graphics for free:

51) Open Clipart Library

52) Loogoo Vectorism

53) Deviantart

54) Bittbox

55) Spoon Graphics Blog

56) Hydro 74

57) Click Pop Media

58) Smashing Magazine

59) Da Pino Colada

60) N.Design Studio

61) Mukja Freebies

62) Za Box

63 Vectips

64) Go Squared

65) Logotypes 101

66) Brands of the World

67) SVG Cards

68) Vibr8bros

69) Logo Free Types

70) Today Free

71) Adobe Illustrator Exchange

72) Logo Templater

73) All Free Logo

74) Logotypes Designer

75) Logotypes

76) Logozu

77) Za Styles

78) Digital Artsist Toolbox

79) Vectores Gratis Y Mas

80) Ganato Design

81) Lord of Design

82) Vector Box

83) You the Designer

84) Ai Vault

85)Freebies Link Share

86) Vector Pics

87) Ben Blogged

88) My Ink Blog

89) Free Vector Graphics

90) Min Frexy Icons

91) Monofactor Icons

92) Nenoblog Freebies

93) Vector Diary

94) Think Design Blog

95) Share A Logo

96) Download Vector

97) Free Clip-art

98) Vector Wallpapers

99) Nanoda Gravitation

100) Ideem

Black & White Cheatsheet for Photoshop – This is a great reference guide that shows the results for different methods of converting images to black and white in Photoshop.

Adobe Photoshop Keyboard Shortcuts – This site offers a collection of cheat sheets for keyboard shortcuts for each version of Photoshop (as far back as Photoshop 5).

Adobe Photoshop Cheat Sheet – This is a six-page reference guide.

Creative Tip: Adobe Pen Tool Cheatsheet – A quick-reference guide to pen tool functions.

27 Adobe Photoshop Cheat Sheets and Quick Reference Guides for Adobe Photoshop CS4, CS3, CS2 and Below – A roundup of cheat sheets and guides from All Graphic Design.

17 Productive Photoshop Cheatsheets and Reference Cards to Download for Free – An excellent roundup of cheatsheets and reference cards from Speckyboy Design Magazine, primarily for CS4.

Photoshop Cheat Sheets – This page offers a collection of general and specialized Ps cheat sheets from Scott Klarr.

Photoshop Toolbox Reference – Here’s a quick reference guide to Photoshop tools.

Photoshop Secret Shortcuts – This post offers an excellent compilation of little-known Ps shortcuts from Web Designer Wall.

10 Tips for Photoshop Beginners – This is a great place for beginners to familiarize themselves with Photoshop.

Tutorial Collections and Resources

There are tens of thousands of tutorials out there. Finding the best ones can be tough. Below are some great collections, roundups, and showcases of some of the best Photoshop tutorials out there.

100 Wonderful Photo Effects Photoshop Tutorials – Here’s a showcase of 100 tutorials for adding effects to your photos.

Tutorialsphere.com – Tutorialsphere is a huge site with more than 3,000 Ps tutorials for everything from website layouts to photo retouching.

12 of the Best Photoshop Web Design Tutorials – Here’s an awesome roundup of web design tutorials from Creative Nerds.

99 Best Photoshop Tutorials for Effect – Here’s a huge roundup of awesome photo manipulation and effects tutorials.

22 Best Photoshop Text Effect Tutorials – A collection of tutorials for manipulating text in Photoshop.

Best Photoshop Tutorials to Boost Your Skills! – Ants Magazine offers a great collection of Ps tutorials for learning new techniques.

70 Beauty-Retouching Photoshop Tutorials – Smashing Magazine offers this roundup of 70 photo retouching tutorials for retouching portraits.

Worth 1000 Tutorials – Worth 1000 has a great collection of tutorials, including “How I Created a Raspberry Frog” and “Lighting a Giant Elephant.”

Good-Tutorials – Good-Tutorials offers up a huge variety of Photoshop tutorials on everything from photo effects and retouching to web layouts to animation. Tutorials are rated and users can comment on them, making it easier to judge the effectiveness of the tutorial before you dive in.

28 Technically Advanced Photoshop Tutorials—For the Graphic Designer Guru – Speckyboy Design Magazine offers yet another great roundup of really advanced tutorials, mostly for photo manipulations.

35 Basic Tutorials to Get You Started with Photoshop – Six Revisions has this great roundup of Photoshop tutorials aimed at beginners.

Photoshop Tutorials – This site offers tons of tutorials for Photoshop and Photoshop Elements. There are tons of advanced techniques and tutorials, as well as some basic tutorials.

2008 Most Useful Photoshop Tutorials – Abduzeedo offers this roundup of some of 2008’s best tutorials from Abduzeedo.

Photoshop Exchange Tutorials – More than 340 tutorials are included on the Adobe website, covering everything from 3D typography to creating color cutouts to creating a rain effect.

Tutorialized – Tutorialized offers tutorials in everything from creating abstracts to web layouts to photo retouching to digital art. There are thousands of tutorials included.

Psdtuts+ Tutorials – This site offers tons of mostly-advanced tutorials on things like photo manipulation, retouching and animation, among others.

27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts – DZine Blog offers this roundup post of web design tutorials.

Photoshop Roadmap – This site aggregates tutorials from tons of other sites all over the web. You can browse by category, which includes illustration techniques, graphics optimization and text effects, among others.

Adobe Photoshop Tutorials—Best Of – This post from Smashing Magazine showcases some of the coolest photo manipulation and effect tutorials from around the web.

PhotoshopStar – PhotoshopStar is a blog offering up tutorials on a regular basis, mostly focused on advanced techniques, though they do cover some basics.

40 (NEW) High Quality Adobe Photoshop Tutorials – This post from Noupe offers up forty great tutorials from a variety of sites, mostly focused on advanced Photoshop techniques, image manipulation, and digital illustration.

PSLover.com – PSLover.com is an aggregation site of Photoshop tutorials from all over.

PhotoshopSupport.com – PhotoshopSupport.com has a great collection of practical Photoshop tutorials, including ones for image retouching, web design, and working with Photoshop scripts.

Photoshop Lady – This site offers up a ton of tutorials for everything from creating textures and patterns to UI design to abstract effects.

40 Photoshop Tutorials to Create Fantastic Art – This is an awesome roundup from PelFusion.com of advanced photo manipulation and digital illustration tutorials.

60+ Vintage, Retro, and Pop Art Styled Photoshop Tutorials – All Graphic Design offers this great roundup of tutorials for creating retro-inspired designs from All Graphic Design.

75+ Huge Collection of Stunning Photo Manipulation Tutorials for Photoshop – Tripwire Magazine has this great showcase of photo manipulation tutorials.

PhotoshopContest.com Tutorials – PhotoshopContest.com offers a small collection of tutorials exploring different Photoshop techniques, including color correction, the liquify filter, and displacement water, among others.

TutorialKit – TutorialKit features tutorials for beginners to advanced users, including video tutorials.

60+ Amazing Poster and Advertisement Tutorials – While this post includes a mix of both Photoshop and Illustrator tutorials, it’s still a great resource.

Photoshop Essentials – Photoshop Essentials offers up a number of tutorials, all downloadable as PDF eBooks.

25 Most Brilliant Photoshop Video Tutorials Part 1 – Naldz Graphics has this great roundup of video tutorials compiled by Naldz Graphics.

Photoshop Tutorials Blog – This blog posts tutorials, tips and news on a daily basis.

Tutorial Outpost – Tutorial Outpost is an aggregation site that includes more than 5,000 tutorials from all over the place.

Photoshop 101 – This site includes tutorials on everything from basic techniques to textures to photo manipulation.

Free Photoshop Video Tutorials – Domen Lombergar offers a collection of free tutorials.

Photoshop Cafe – Here’s a huge collection of tutorials, mostly focused on photo manipulation and effects.

TeamPhotoshop Tutorials – TeamPhotoshop has a collection of tutorials on text effects, tools, and techniques. They also include some Illustrator, Flash, and general photography tutorials.

9tuts – 9tuts has a great collection of tutorials, mostly focused on retouching and manipulation, though there are tutorials for beginners and other topics, too.

AdobeTutorialz – Here’s another collection of tutorials broken down by category (including drawing techniques, photo editing, and special effects, among others).

eyesontutorials – Eyesontutorials has a collection of mostly advanced tutorials.

Small Tutorials – Small Tutorials covers everything from basic techniques and skills to text effects to manipulations, and everything in between.

Web Design Library – This site includes nearly 10,000 tutorials in categories like drawing techniques, web layout, and 3D effects, among others.

PhoNuts Tutorials – This site includes dozens of tutorials, among other resources.

Tutorial9 – This site offers more than 70 Photoshop tutorials, mostly focused on advanced techniques.

PSDFan Tutorials – PSDFan is a great site offering up tons of advanced photo manipulation and effects tutorials, among other resources.

How to Create an Abstract Photo Manipulation – Here’s a great tutorial for creating an abstract image that includes a parrot.

30 Photo Manipulation Tutorials for Photoshop – Here’s a great collection of tutorials compiled by Vandelay Design.

10Steps – 10Steps has a great collection of tutorials, mostly for photo manipulations and retouching.

Tutzor – A huge collection of tutorials for drawing, design, photo effects, retouching, and more.

PSHero – PSHero is a huge photoshop tutorial site with tutorials for graphic design, text and photo effects, and more.

50+ Ultimate Collection of Glow and Light Effect Tutorials in Photoshop – This is a great list of tutorials for creating different lighting effects from Naldz Graphics.

Planet Photoshop – Planet Photoshop has tons of video tutorials for creating all sorts of effects and manipulations.

20 Halloween Photoshop Tutorials – Here’s a collection of 20 macabre and horror inspired tutorials.

Photoshop Garden – Photoshop Garden features tutorials for creating buttons, designing, photo retouching and effects, and more.

PS Wish Tutorials – This site include a couple dozen Photoshop tutorials, mostly for photo manipulations and other more advanced techniques.

18 Fresh Photoshop Photo Manipulation Tutorials – Here’s a great post from Web Design Ledger featuring 18 really awesome photo manipulation tutorials.

You Suck at Photoshop – You Suck at Photoshop offers a series of video tutorials.

PSD Learning – PSD Learning has a collection of tutorials from a variety of other tutorial sites, as well as original tutorials.

Luxa – Luxa offers a handful of tutorials for intermediate and advanced techniques.

Abduzeedo Photoshop Tutorials – The Abduzeedo blog has a huge section of awesome Photoshop tutorials.

PSD Vault – PSD Vault has a huge collection of unique tutorials.

Adobe Photoshop: 50+ High Quality .PSD Files and Tutorials – This post from Noupe offers up more than 50 template files, elements, and tutorials.

70+ Sexy, Beauty and Glamour Photoshop Tutorials – This post from Design Live showcases more than 70 tutorials for photo retouching, effects, and more.

25 Photoshop Tutorials for Web Designers – Here’s a great roundup of web design tutorials from Six Revisions.

TUTfactory – TUTfactory is another site that aggregates Photoshop tutorials from all over the web.

50 Excellent Digital Photography Photoshop Tutorials – Smashing Magazine has compiled this great collection of tutorials for realistically retouching and improving the look of your photos.

40+ Greatest Web Interface Design Photoshop Tutorials, Part 1 – Hong Kiat assembled this great collection of web design tutorials.

Anothera – Here’s a small collection of really cool photo manipulation and other tutorials.

GoMediaZine Photoshop Tutorials – GoMediaZine has a great collection of tutorials for Photoshop, featuring tons of advanced and more basic tutorials.

20+ Photoshop Video Tutorials – Mashable collected this roundup of useful video tutorials for working with Photoshop from Mashable.

Individual Tutorials

There are thousands of great Photoshop tutorials out there, aimed at everyone from beginners to graphic design professionals. Some are just for fun while others are very practical for design professionals. Below are a selection of some of the best ones available.

Draw Fairy Tale Characters in Photoshop – Here’s a very complete, step-by-step for creating fairy tale characters.

How to Create a Piece of Heaven in Photoshop – Photoshop Lady created this simple tutorial for creating a floating island.

Handy Techniques for Cutting Out Hair in Photoshop – Here’s a great tutorial from Spoon Graphics for cutting around hair.

How to Combine Digital Painting and Photo Manipulation to Create a Platform Environment – PSDTUTS+ has this great tutorial to show you how to combine digital painting effects with photo manipulations.

How To: Make the Viget Inspire Background – Here’s a tutorial right from Viget for creating the watercolor scene header and background from the Viget website.

Design an Awesome Watercolor Style “City on Cloud” Artwork in Photoshop – Learn to create a floating city with a really cool watercolor look.

Old School Type—Line Gradients – Learn to create awesome old-style type with this tutorial from GoMediaZine.

Retro Photoshop Fun—From Dull Digital Photo to Sweet Old School Album Cover – Here’s a tutorial from Fortyseven Media for making a digital photo look vintage.

Interior Design Layout – Talk Mania offers this web design tutorial for creating a modern interior design site.

How to Create a Clean Web 2.0 Style Web Design in Photoshop – Six Revisions has this great web design tutorial for creating a modern web layout.

Ps Advanced Splatter Tutorial – Here’s a video tutorial for creating advanced splatter effects.

Reader Tutorial: Create Vintage Traveler Diary in Photoshop – This is an awesome tutorial for creating an antique-looking diary collage.

Create a Horror Portfolio PSD Layout in Photoshop – A comprehensive tutorial for creating a really cool gothic-inspired portfolio site layout.

How to Create a Fantasy Photo Manipulation – A super-comprehensive tutorial showing step-by-step exactly how to create a fantasy photo of a fairy.

Phoenix Hair Effect – Shows how to create fiery hair in Photoshop.

Colorful Spirograph Poster – Create a rainbow-colored, spirograph-inspired poster.

Gritty HDR – Shows how to add an awesome edgy HDR effect to your images.

B-Movie Poster Art – Create an awesome sci-fi B-movie poster of an alien invasion.

Create a Divine Angel Montage in Photoshop – Another tutorial for creating a fantasy scene, this time from Tutorial9.

Super Cool Watercolor Effect in 10 Steps in Photoshop – Create an awesome watercolor-inspired image using masks and watercolor brushes.

Eery-Eye Photo Manipulation – This is an awesome step-by-step tutorial for creating a spooky-looking eye.

Making of “Color Combustion” a Photo Manipulation – Step-by-step instructions for creating a very surreal image.

Arctic Face Photo Effect – A neat tutorial for creating an arctic-looking face.

How to Design a Dramatic Winged Dragon with Photoshop – Another fantasy image tutorial, this time with a dragon created from an iguana.

Photo Manipulate a Falling Angel – An excellent, comprehensive tutorial for creating a falling angel.

Alienize: Transform a Person into an Alien – A tutorial for creating an alien face with the photo of any person (Tom Cruise is used in the example).

Hell of Tutorial in Photoshop – A tutorial for creating flaming text.

The Scream Photo Effects – A great tutorial for a dark photo manipulation.

Age Progression—Photoshop Tutorials – A comprehensive tutorial for creating an age progression from a photo.

Modern Ruins – This is an awesome tutorial for creating a ruinous landscape from any modern city photo.

Creating a Smoke Fading Effect – A great tutorial for blending smoke into a photo.

Creating a Stunning Digital Smoke Effect – A basic tutorial for creating digital smoke.

Creating Fireballs and Explosions – A great tutorial for adding realistic fireballs and explosions to a photo.

Create Realistic Burn Wound – A tutorial for adding realistic burn to a portrait.

A Scrap of Notebook Paper – A tutorial for creating a scrap of lined paper torn from a notebook from scratch.

How to Create a Slice of Nature Photo Manipulation – A really awesome photo manipulation of a fantasy nature scene.

Creating a Ridiculous Tsunami in 8ish Steps – A quick tutorial for creating a tsunami image.

Create a Glowing Effect Scene in Photoshop – A cool, abstract photo manipulation tutorial of a woman.

Design a Wolf Howling at the Moon – Create a surreal scene with planets and a wolf howling at the moon.

How to Apply Textures to Uneven Surfaces – Another awesome tutorial from Psdtuts+, this time for adding a texture (bark in the tutorial) to an uneven surface (a face).

Making of a Floating Island – This is an awesome tutorial for creating an island hovering in midair.

Dark Grunge Photo Effect – A really cool grungy photo tutorial.

How to Integrate 3D Images into Dynamic Scenes – A complete tutorial for incorporating 3D images into your photo manipulations.

Midnight Magic – Create a realistic scene with a crocodile chasing a zebra through a living room.

Bringing Out Shadow and Highlight Detail in an Image – A great tutorial on using the shadow/highlight adjustment tool in Photoshop to bring out hidden details.

Water Effect Photo Montage – Create an image with water splashes coming out of a guy’s sleeves and pant-legs.

Fairy Night – Create an awesome fairy eye.

Improving Image Tone with Levels in Photoshop – A quick tutorial for using the level adjustments to improve the tones in your images.

How to Make a Stylish Glowing Box in Photoshop – A step-by-step tutorial for creating an amazing glowing box.

Fantasy Light Effects in Photoshop – A great tutorial for creating a variety of lighting effects for fantasy scenes.

Creating Energy Spheres in Photoshop – Another lighting tutorial for creating fantasy scenes.

Fantasy Art Photoshop Tutorial—Plasma in the Lake – A great tutorial for creating a plasma-like lighting effect and photo manipulation.

Add Another Dimension – A downloadable tutorial that shows you how to improve your overall images by using glow effects, color dodge, and neon.

Light in the Forest Photo Effect – Another fantasy photo manipulation tutorial.

Create a Dream Design with 3D Typography – A step-by-step tutorial for creating a dreamy scene with 3D lettering.

Design an Awesome Space Dancer Scene with Nebula Texture in Photoshop – A tutorial for creating an amazing dancer surrounded by stars and nebula lighting effects.

Tileable Patterns in Photoshop – A tutorial for creating your own tiled patterns.

Creating Custom Patterns – A tutorial for creating tileable patterns in Photoshop form Hong Kiat.

Complex Repeating Patterns Part 1 – A tutorial for creating complex tileable patterns from PSHero.

Seamlessly Combine Multiple Objects and Create Awesome Lighting Effect in Photoshop – A tutorial for combining photos into a single, seamless image.

Photoshop Brushes

Photoshop brushes are just one tool available to help designers. Below are some of the best brush sets and roundups out there.

4 High Resolution Assorted Maps Photoshop Brush Set – A cool set of high-res map brushes.

Z-DESIGN Tech Brushes Set v5 – A set of 25 techie brushes.

Smoke Brush Set – A set of 21 smoke brushes.

Grinder Sparks – A set of high-res brushes based on flying sparks.

Moon Brushes for PS7 v.2 – A collection of 45 moon brushes.

Eyelashes – A set of eyelash brushes.

Tea Stain Brushes – A set of 10 glass ring and other tea stain brushes.

Raging Dawn Brushes – A set of 8 brushes inspired by nuclear explosions and similar stuff.

Indian Paisley with Small Paisley Elements Brush – A collection of paisley Photoshop brushes for CS3.

Audio Lines Brushes – A collection of brushes based on sound waves.

Bitter – A collection of 9 ethereal, wispy brushes.

Kakii Halftone – A set of 22 halftone dot brushes.

Fairy Wings Photoshop Brushes – A set of fantasy wing brushes for creating fairies and other mythical creatures.

Steampunk Photoshop Brushes – A collection of 7 steampunk gear brushes.

Galaxy Set—By BLazteR – A set of five brushes for creating galaxy images.

Cobwebs Photoshop Brushes – A set of 30 lacy spider web brushes.

Grunge Brushes – A set of 36 grungy, dirty brushes.

Darkgarden Japanese 3 – 24 brushes of Japanese nature objects and ornaments.

Mad KID s Cloud 2 – A set of 9 swirly cloud drawing brushes.

Girls in Trouble and Rebel Teens – A collection of brushes based on vintage movie posters.

2Bit-Twilight Brushes – A set of 12 pixel brushes.

A3D Pieces of Tape Brushes – A great collection of 37 tape brushes, perfect for grunge and vintage designs.

Japanese Floral – A set of 65 Japanese flower brushes based on images in a Japanese book.

Label Brushes – 42 brushes that look like labels from a label-maker.

Grungy Wings – A set of 10 (5 pairs of wings) messy, dirty wing brushes.

Messy Abstracts Brush Set – A collection of 20 messy, grungy brushes.

brush.037 – A collection of high-res invertebrate brushes.

Decorative Brush – A set of 7 decorative medallion ornament brushes.

Cloud Brushes – A set of 10 realistic cloud brushes.

Brusheezy – A huge collection of free brushes in a variety of styles.

AppendixSquared – A collection of free Photoshop CS2 brushes.

Obsidian Dawn – Brush collections organized in categories like Fantasy, Nature, People, Textures, Sci-Fi, and Markings/Blemishes, among others.

Book Ornaments Brushes 3 – A set of 8 vintage book ornament brushes.

In Obscuro – Offers a wide variety of brush collections for everything from photographic elements to grunge to ornaments.

deviantART Brushes – deviantART has a huge collection of Photoshop brushes from a number of artists.

PSBrushes – A huge collection of categorized brushes.

Photoshop Exchange Brushes – The official Photoshop Exchange has more than a thousand brush sets in their collection.

QBrushes – QBrushes includes more than 240 brush collections.

Stuntkid – Stuntkid has a small collection of brush sets.

BlendFu – A site with more than 340 brush collections under categories like “doodle,” “splatters & spills,” and “silhouette.”

BrushKing – This post includes over 300 brush collections.

FBrushes – Currently has more than 5,200 brushes in 280+ collections.

Brushfed – A large selection of brush sets.

Shizoo Brushes – Another site with more than 100 brush sets.

DesignersBrush.com – More than 50 brush sets available.

300+ Vintage Style Textures and Photoshop Brushes – A huge collection of textures and brushes for vintage designs.

Vintage Birds – An awesome collection of vintage-style bird drawing brushes.

500+ Space Brushes for Photoshop – A roundup of space brush collections.

Acquired Taste – Features a large variety of brushes for free download.

50 Free Photoshop Brush Sets for Modern Design Trends – A roundup of brush collections useful to the modern web designer.

Arty.dk – They offer three collections of brushes—Art Birds, Arty Insects, and Arty Stains & Cracks.

75 Insane High Res Photoshop Brushes – A roundup of great high-res brushes from Elite by Design.

MyPhotoshopBrushes.com – They have a huge selection of free brushes.

Fractured Sanity [Dot] Org Brushes – They offer a large collection of categorized brushes for free download.

50 Free Photoshop Brush Sets Your Should Bookmark – A great roundup from Hong Kiat of excellent brush collections.

Bashcorpo Photoshop Brushes – Bashcorpo offers a small collection of unique brushes.

30+ Stunning Photoshop Brushes – A roundup of more than 30 awesome brush sets.

PhatBrush – Includes more than 250 brush collections.

40+ Halloween and Gore Themed Photoshop Brushes – A great roundup of more than 40 brush sets for creating horror and macabre designs.

500ml Brushes – Includes a wide variety of brush sets.

Patterns

Pre-made patterns are another great resource for speeding up your design process. Here are some good examples as well as sites for finding more.

Japanese Style Pattern – A collection of patterns inspired by Japanese paper.

Patterns 2 – A collection of seamless damask Ps patterns.

Floral Patterns 01 – A collection of unique, tiling floral patterns.

Winter Colors – A collection of 39 tiling patterns in cool whites and blues.

Black – White Patterns – A collection of 13 graphic black and white patterns.

Patterns.2 – A collection of two seamless patterns.

Victorian Dreams Pattern Set – A collection of Victorian-inspired patterns.

Obsidian Dawn – They offer a handful of pattern packs.

DesignersBrush.com – A collection of 25 patterns and sets.

The Ultimate Collection of Free Photoshop Patterns – A huge collection from Smashing Magazine.

498 Photoshop Background Patterns, and So Much More – A huge roundup of categorized patterns from AzAkers.

50 Free Photoshop Pattern Sets – A roundup of 50 pattern collections from Emma Alvarez Site.

Squidfingers – A collection of 158 patterns available for free.

Pattern4U – Offers more than 270 patterns in 7 categories.

Kaliber10000—The Pixel Patterns Collection – A collection of hundreds of pixel patterns.

milleseicentopercento – Offers 35 patterns for download.

Citrus Moon Patterns – A categorized collection of patterns.

DinPattern – Another large collection of free patterns.

Brusheezy – Has a few dozen patterns and collections available.

deviantART Patterns – Pattern packs from deviantART, organized by most popular.

Collection of Free Photoshop Pattern Sites – A roundup of sites with free pattern downloads available.

MyPhotoshopBrush.com Patterns – A collection of some really awesome free patterns.

Free Photoshop Patterns – Offers tons of free, tileable patterns.

Fractured Sanity [Dot] Org Patterns – A good-sized collection of free patterns.

Best Photoshop Patterns Ever Seen By Humans – A roundup of excellent patterns.

Plug-Ins, Filters, Actions and Scripts

Actions, filters, plug-ins, and scripts can do more to streamline your design process than just about any other tool available to Photoshop users. They can do everything from automating photo retouching steps to more advanced styling techniques.

deviantART Photoshop Actions – deviantART’s collection of actions for Photoshop, with the most popular first.

Photoshop Exchange Plug-Ins – Find plugins for everything from 3D photo collages to automatic photo retouching.

20 Cool Text Effects atn Files – A collection of Photoshop actions for working with text.

Photoshop Exchange Scripts – More than 80 scripts for automating your workflow are included here.

Photo-Plugins – A collection of Photoshop plugins aimed specifically at photo manipulation and retouching.

A-Z of Free Photoshop Plugins and Filters – A huge resource from Smashing Magazine offering up nearly 100 plugins and filters, plus plugin development resources.

Photoshop Roadmap Plugins – A plugin aggregator that offers up links to plugins from all over the web.

PluginsWorld.com – A huge collection of more than 550 plugins.

Free Photoshop Plug-Ins Collection – This post from Web Resources Depot presents more than 150 free plugins.

Free Photoshop Plugins – Another huge post offering up Photoshop plugins from Tutorial Blog.

Photoshop Actions: 124+ Free Photoshop Actions to Boost Your Designs – Another huge collection of actions to improve your workflow and make your designs better.

Free Adobe Photoshop Actions and Scripts to Download – From About.com, this collection includes scripts and actions for everything from red eye removal to cartoon effects to soft focus effects.

The Ultimate Collection of Photoshop Actions – A huge roundup post from Smashing Magazine of actions to improve your workflow.

400+ Time Saving Photoshop Actions – A great roundup of actions for retouching photos, adding effects, and more.

List of Top 10 Free Photoshop Plugins – A list of some of the most useful plugins available.

25 of the Best FREE Photoshop Plugins and Filters Resource Sites – A great roundup of sites to find plugins and filters.

Free Photoshop/ Elements Filters, Plugins and Resources – A collection of free filters and plugins from desktoppublishing.com.

5 Great Photoshop Actions – A showcase of 5 interesting, fresh Photoshop actions.

Filters and Plugins Free Downloads – A collection of plugins and filters from Richard Rosenman.

PsGalaxy.com Actions – A half dozen Photoshop actions for download.

Custom Shapes

Shapes are another valuable tool, though not as easily found. Here are some great places to start looking.

45+ Sources and Sets of Photoshop Custom Shapes – A great roundup of custom shapes from around the web compiled by Vandelay Design.

Obsidian Dawn – A handful of shape collections.

MyPhotoshopBrushes.com Custom Shapes – Offers a couple dozen free shapes.

30+ Useful Photoshop Custom Shapes Sets – A compilation post from Naldz Graphics.

PsGalaxy.com – A great resource for custom shape collections.

Templates and .PSD Files

Whether you’re looking for completed projects you can dissect and tweak for your own purposes, or just blank template files, the sites below have plenty of downloads available.

Photoshop PSD Files – A collection of 16 PSDs from SolidSnake Designs.

NEW Skateboard Template – A blank skateboard design template.

Photoshop Exchange Templates – More than 600 templates for everything from buttons to t-shirt mockups to login screens and more.

T-Shirt PSD – A great template for t-shirt designers.

Pinboard PSD File Download – A mockup of a pinboard, with pins, polaroids, and other images.

PsDeluxe Photoshop PSD Files – Includes a number of file downloads for objects and other elements.

PSlover.com Renders – A collection of PSD files of individual objects.

110 Ultimate Round-Up of Free Photoshop PSD Files and Resources – A huge roundup of free PSD files available, put together by instantShift.

PSD Freebies – A collection of mostly web design files.

FreePSD.com – A collection of PSD files, mostly for web and graphic design projects.

25 Amazing Free Photoshop PSD Files for Download – A collection of miscellaneous .PSD files for download.

iPhone 3GS PSD Files – Great for creating app mockups, skin mockups, or other artwork with the iPhone 3GS.

JackRebel.com PSD Files – A really great collection of mostly tech-focused PSD files.

deviantART .PSD Files – All the .PSD files on deviantART, sorted by most popular.

18 Places You Can Download High Quality Photoshop (PSD) Files – A roundup of sites offering free PSD files.

PsGalaxy.com – A great collection of PSD files and templates.

PSDfreebee.com – A collection of free PSD files and templates.

Designbum’s Project Source Files – An awesome collection of source files for a variety of projects.

download PSD – A great collection of PSD files, categorized to make it easier to find what you’re looking for.

Photoshop .PSD Files – A collection of files from Lord of Design.

Official PSDs – A community-driven PSD file sharing site.

Design Resource: 15 Sites to Download Free PSD Files – A roundup of sites offering free PSD files from Blogger.am.

PhotoshopCandy Free PSDs – Offers plenty of PSD files for download (they also have a

PSDs for sale section but so far only one file is featured there).

Alterform PSDs – A collection of PSDs of completed projects available for download.

Fractured Sanity [Dot] Org – A small collection of free PSD files for download.

Inspiration

Sometimes you just want to get some inspiration before starting your next Photoshop project. Here are some sites that can help.

17 Photo Manipulations with People – A roundup of manipulated photos feature people.

29 Really Creepy and Creative Photoshopped Self Portraits – If you’re looking for something a little different for your self-portrait—and you’re not afraid to scare the crap out of people—then this post might serve up some great inspiration.

Behance Network Gallery – A gallery of graphic design projects and artwork.

20 Amazing Examples of Conformal Photography. How Do They Do This? – A great collection of conformal (spiral) photos.

PSDTUTS Flickr Pool – A Flickr pool for PSDTUTS readers. Images sometimes show up on the PSDTUTS site.

Graphic-ExchanGE – A blog offering up graphic design inspiration.

Cool Showcase – An online gallery of artwork, including digital illustration and photography.

Before and After Photoshop Pool – A great Flickr pool showing the results of retouching in Photoshop.

21 Really Stunning Photoshopped Photos for Creative Inspiration – A roundup post from SmashingApps.

10 Inspiring Sites to Gain Photoshop Inspiration – A great post from Design Shard offering sites to find Photoshop inspiration.

Blogs, Articles and Other Resources

If you didn’t find what you were looking for above, the resources below might be able to point you in the right direction.

Marcofolio.net – This site has a huge section on their blog dedicated to Photoshop, including tons of posts offering up freebies (mostly textures). Be sure to check out the

Ultimate Photoshop Design Resources post.

Photoshop Toolbox – A great, comprehensive post form DesignM.ag.

22 Fantasy Tutorials and 125 Brushes – This post outlines more than 20 fantasy photo manipulation tutorials along with a number of brush collections for creating them.

Six Revisions: Photoshop – Six Revisions has an awesome Photoshop section on their blog. Don’t miss their

70 Excellent Photoshop Resources post.

Top 84 Photoshop Resource Sites—Toolbox for Designers – A great roundup post form Speckyboy Design Magazine. Be sure to check out their

Photoshop category archive while you’re there.

BittBox Photoshop Category – BittBox has a great selection of Photoshop articles on their blog.

60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources – A great roundup post from Noupe offering up some awesome Photoshop tutorials and resources.

Photoshop Disasters – For great examples of what NOT to do in Photoshop.

Photoshop Toolbox: 80+ Photoshop Tools and Resources – A huge collection of Photoshop resources from Mashable.

50 Photoshop Resources – A collection of fifty sites and pages devoted to Photoshop.

Photoshop Ninja – A huge resource offering tips, tutorials, downloads, and more.

Layers Magazine – Layers cover everything Adobe, with tutorials, reviews, forums, and more.

PhotoshopUserTV – A weekly online TV show dedicated to Photoshop, from the National Association of Photoshop Professionals.

Photoshop Lab – A great site with a blog, reviews, tutorials, tips, and more.

Compiled exclusive for WDD by Cameron Chapman.

Did we miss anything? (really?!). Feel free to add any further resources in the comments area below

There are many excellent resources for finding logo design inspiration. Here are more than 20 for you to check out. Some are galleries dedicated to logo design and others include a specific section or category for logo design.

LogoPond

Creattica

LogoMoose

Logo Faves

LogoGala

Logospire

Logo of the Day

Logofi

Logo Galleria

Logo Portfolios on Carbonmade

The Design Inspiration

Logo Fury

Logoed

Lemonflip

LogoGallery.net

The Identity Archives Project

Logos at deviantART

Other sources of logo design inspiration:

• Stationary Style
• LogoLounge
• Iconic Logo Designers
• lo8os
• LogoSauce
• Logo from Dreams

Logo Blogs:

If you want to follow some blogs that cover topics related to logo design, here are a few suggestions.

Logo Design Love

David Airey

Brand New

ImJustCreative

Just Creative Design

Logo Designer Blog

Logo Design Tutorials:

The following tutorials will teach different methods for designing logos in Illustrator or Photoshop.

Zee Logo in Illustrator

Obama Logo Tutorial

Google Chrome Logo Design

How to Make a Badass WordPress Logo

Creating a Crazy Cool Logo

Web 2.0 Logo Reflection in Vector Format with Illustrator

Create Rainbow Logos with Warped Grids

How to Design the Firefox Logo in Photoshop

Making of Metallic Transformers Logo

Create a Black and White Logo

Create a Logo Identity

Create a Cool Music Logo on a Grunge Background

Cartoon Style Cereal Box Logo in Adobe Illustrator Cs3

Drawing the Volkswagon Logo

Articles and Case Studies:

Case studies can be an excellent way to learn about logo design. While tutorials can show you how to do something, case studies will help you to understand the reasons why. In addition to case studies, we’ll also provide links in this section to general articles on logo design that are worth a read.

Henri Ehrhart Brand Identity Design – David Airey

VISSUMO Brand Identity Design – David Airey

Logo Design for KnowFree – David Airey

Tammy Lenski Brand Identity Design – David Airey

Miskeeto Brand Identity Design – David Airey

Logo Design Process and Walkthrough for Vivid Ways – Chris Spooner

MyNiteLife Logo Design Step by Step Walkthrough – Chris Spooner

Logo Design Case Study: Victory Marketing Agency – Brian Yerkes

Logo Design Case Study: JMR INsurance Group – Brian Yerkes

Logo Design Case Study: Bayfront Bistro – Brian Yerkes

Logo Design Process for Just Creative Design’s Award Winning Logo – Jacob Cass

Identity Design Process for Butterfield Photography – Jacob Cass

Brainstorm #9 Logo Process – Fabio Sasso

Creating a Rockstar Brand, Logo & Styleguide in Illustrator – Collis Ta’eed

Vector images are a very popular style on designs these days. They don’t have a fixed resolution, instead they are flexible, which means you can still adjust any dimension without losing the quality of the image.

Many designers use them for print ads, flash animation and even web design because it gives awesome flexibility, you can play around with the images and produce quality images for your artwork. If you’re a designer looking for icons, clip-arts or images for your next design project, we’ve compiled a list of the best websites where you can download the vector images for free.

Adobe

Today-Free

Ndesign-studio

Snap2objects

Designers Revolution

Smashing Magazine

Vector Cartoons

Vibr8bros

Free Logotypes

Deviantart

Design Bum

Magic People

Vectorvault

Cool Vectors

Dr-Depot

Createsk8

Vector Stock

Vectors Workshop

The Pixlpusher

All The Flags of The World

SVG-Cards

BrainCorp

VectorJunky

Vector Portal

KeepDesigning

RoundPixel

FreeVectors

QVectors

Bittbox

Vecteezy

Vector4Free

GoMediaZine

Vector Wallpapers

Which sites are your favorites? Any great collections that we’ve forgotten?

FREE VECTOR GRAPHICS 01 – Free Vectors.com

FREE VECTOR GRAPHICS 02 – Vecteezy

FREE VECTOR GRAPHICS 03 – Q Vectors

FREE VECTOR GRAPHICS 04 – Vector4free

FREE VECTOR GRAPHICS 05 – 123 Free Vectors

FREE VECTOR GRAPHICS 06 – Free Vectors.net

FREE VECTOR GRAPHICS 07 – Vector Portal

FREE VECTOR GRAPHICS 08 – Vector Vault

FREE VECTOR GRAPHICS 09 – Vector Jungle

FREE VECTOR GRAPHICS 10 – Free Vectors.org

FREE VECTOR GRAPHICS 11 – Vector Junky

FREE VECTOR GRAPHICS 12 – Vector Art

FREE VECTOR GRAPHICS 13 – Vector Stock

FREE VECTOR GRAPHICS 14 – Cool Vectors

FREE VECTOR GRAPHICS 15 – Vector Valley

FREE VECTOR GRAPHICS 16 – Free Vectors.com

FREE VECTOR GRAPHICS 17 – Free Vector Download

FREE VECTOR GRAPHICS  18 – Vector Lady

FREE VECTOR GRAPHICS 19 – Free Design Magazine

FREE VECTOR GRAPHICS 20 – DragonArtz Designs

FREE VECTOR GRAPHICS 21 – I Heart Vectors

FREE VECTOR GRAPHICS 22 – Vectorss

FREE VECTOR GRAPHICS 23 – Vectors Workshop

FREE VECTOR GRAPHICS 24 – CLD Vectors

FREE VECTOR GRAPHICS 25 – Designers Revolution

FREE VECTOR GRAPHICS 26 – Vector Mix

FREE VECTOR GRAPHICS 27 – CreatesK8

FREE VECTOR GRAPHICS 28 – Dezignus

FREE VECTOR GRAPHICS 29 – Garcya

FREE VECTOR GRAPHICS 30 – Dry Icons

FREE VECTOR GRAPHICS 31 – Vectortuts Freebies

FREE VECTOR GRAPHICS 32 – Roundpixel Goodies

FREE VECTOR GRAPHICS 33 – Designious Freebies

FREE VECTOR GRAPHICS 34 – Mulpo Vectors

FREE VECTOR GRAPHICS 35 – Vector Freeware

# 36 – Uberpiglet

#37 – Diegomattei

#38 – Dr. Depot Vectors

#39 – Lafkun Vectors

#40 – Creativos Online Vectors

# 41 – Keep Designing Vectors

#42 – Design Bum Project Source Files

#43 – Free Vector Clip Art

#44 – Snap 2 Objects Vectors

#45 – PixlPusher Vectors

#46 – Go Mediazine Freebies

# 47 – Clipart Design

#48 – Illustration Class

#49 – Creativemyk

# 50 – Vector Cartoons Clipart

50 More Websites where you can download vector graphics for free:

51) Open Clipart Library

52) Loogoo Vectorism

53) Deviantart

54) Bittbox

55) Spoon Graphics Blog

56) Hydro 74

57) Click Pop Media

58) Smashing Magazine

59) Da Pino Colada

60) N.Design Studio

61) Mukja Freebies

62) Za Box

63 Vectips

64) Go Squared

65) Logotypes 101

66) Brands of the World

67) SVG Cards

68) Vibr8bros

69) Logo Free Types

70) Today Free

71) Adobe Illustrator Exchange

72) Logo Templater

73) All Free Logo

74) Logotypes Designer

75) Logotypes

76) Logozu

77) Za Styles

78) Digital Artsist Toolbox

79) Vectores Gratis Y Mas

80) Ganato Design

81) Lord of Design

82) Vector Box

83) You the Designer

84) Ai Vault

85)Freebies Link Share

86) Vector Pics

87) Ben Blogged

88) My Ink Blog

89) Free Vector Graphics

90) Min Frexy Icons

91) Monofactor Icons

92) Nenoblog Freebies

93) Vector Diary

94) Think Design Blog

95) Share A Logo

96) Download Vector

97) Free Clip-art

98) Vector Wallpapers

99) Nanoda Gravitation

100) Ideem