50 Aplicaciones para encontrar el Color Ideal en tus Proyectos de Diseño

Color Scheme Designer is a brand new interface, as well as the engine, all rewritten from the scratch. Rapidly increased precision and color space conversions, better preview, enhanced scheme creation system, unique scheme IDs and permanent URL of the scheme.

Online Color Tools

The Color Wizard

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

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

Pictaculous

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

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

Color Palette Generator

Generate a color palette based on an image.

Online Color Tools

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.

Online Color Tools

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.

Online Color 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.

Online Color Tools

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!

Online Color Tools

Color Palette Generator

Automatically create a color palette from any photo.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

Color Hunter

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

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

ColorZilla

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

Online Color Tools

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.

Online Color Tools

Color Blender

Your free online tool for color matching and palette design!

Online Color Tools

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,

Online Color Tools

Web Color Visualizer

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

Online Color Tools

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.

Online Color Tools

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.

Online Color Tools

4096 Color Wheel

Online Color Tools

Color Schemer Online

Online Color Tools

Color Schemer

Online Color Tools

Color Combos

Online Color Tools

Color Jack – Color Theory

Online Color Tools

Pourpre

Online Color Tools

Color jack Sphere

Online Color Tools

Color Mixers

Online Color Tools

Colorotate

Online Color Tools

Unsafe Colormatch Template

Online Color Tools

I Like Your Colors

Online Color Tools

Colr

Online Color Tools

Colour Check

Online Color Tools

Color Lab

Online Color Tools

Sydney Harbour Bridge

Early morning tee off.

Happy couple

Wood Texture

Download free stock photos on Dreamstime. Free registration

40+ Tutorials on Photoshop Website Design and PSD to HTML

Create a Professional Portfolio Design in 17 Easy Steps

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.

psdfan_1

Making your own portfolio web page

adobetutorialz_2

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.

manilla

Tutorials on alternative themes based on Manialla above:

manilla2

manilla3

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!

Simple Layout

Simple Layout2

Simple Layout3

Creative Studio Web Page

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

creative studio

Online Photo Portfolio

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

photo portfolio

Sound System Studio Web Layout

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

Sound-System-Studio-Web-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.

psdfan_2

Car Layout #3
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.

Cartoon Grunge

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.

psdtuts_2

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.

psdfan_4

How to design a photographer layout

talkmania_2

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.

psdfan_3

How to create a design studio – web page layout

adobetutorialz_1

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.

psdtuts_1

Hand drawn layouts – hottest design trends

talkmania

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.

Dark Themed

Create a Design Agency Layout
talkmania_3
Photo Portfolio Web Page Layout

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

Photo Portfolio Web Page Layout

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.

photoshoptutorials_1

Carbon Fiber Layout
Carbon Fiber Layout
Computer Store Web Layout

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

Computer-Store-Web-Layout
Professional Web Layout for Business Solutions

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

Professional-Web-Layout-for-Business-Solutions

Stylish Web Studio Layout

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

Stylish-WebStudio-Web-Layout

View full size here.

Make it work

Make it worn

Web 2.0 Vector Layout
Web 2.0 vector layout
Design Studio Layout
design-studio-layout-tutorial
Making a Template in Photoshop
wodix
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.

Magic Night

Photography Portfolio Layout

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

Photography portfolio

Business Layout #4

business-layout-4

WordPress Layout #3
wordpress-layout-3
Design Lab Layout
design-lab-layout
Business Layout
BusinessLayout2
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.

website-design-mockup

Photoshop Tutorials for creating elements for your web design

Clean White Navigation Bar

Clean White Navigation Bar

Blue on Black 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.

download_button

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.

Cool 3D Web Design

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.

web20 icons

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.

Web 2.0 Design Kit

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.

website tag

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!

Creatif

Creatif_code1

Creatif2

PSD > HTML/CSS

psd-htmlcss

185+ Web Design Tutorials using Photoshop, CSS, HTML etc

Very detailed tutorial where you will learn how to create a clean and simple blog layout in Photoshop.

web-design-tuts

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.

web-design-tuts

Design a creative wordpress theme

web-design-tuts

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.

web-design-tuts

Create a Clean and Colorful Web Layout in Photoshop

web-design-tuts

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.

web-design-tuts

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.

web-design-tuts

Create a portfolio/business website layout

web-design-tuts

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.

web-design-tuts

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.

web-design-tuts

Elegant Blog Layout

Make an elegant blog layout in Photoshop.

web-design-tuts

Simplistic Video Blog Layout

Tutorial on how to make a nice simplistic layout.

web-design-tuts

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.

hv-designs-psd-htmlcss

Smooth Blog Layout

Create a clean blog layout from scratch in this tutorial.

web-design-tuts

AquaPress WordPress Layout

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

web-design-tuts

MyWordPress Theme Layout

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

web-design-tuts

Efficient WordPress Layout

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

web-design-tuts

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.

web-design-tuts

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.

web-design-tuts

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.

web-design-tuts

GreenPress WordPress Theme Design

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

web-design-tuts

Personal Site Layout

How to create a web layout for persoanl site.

Personal-Site-Layout

Talkmania Arhitecture layout
photoshop-tutorials-talk-mania
The Art Institute Photoshop Template

Easy steps to create a sleek template.

the-art-institute-photoshop-template

Design Studio Website

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

Design-Studio-Website

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-css-layouts-the-best-tutorials

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_Final

Website Design Studio

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

Website-Design-Studio

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.

HorzScrolling

Konvicted Art

First photoshop tutorial and we thought it’s great.

first-web-design-tutorial

Agency Layout
design-agency-layout-tutorial
Vibrant Modern Blog Design in Photoshop

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

create-a-vibrant-modern-blog

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.

css_carsales_layout

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.

convert-web

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.

psd-to-csshtml-in-easy-steps-part-1

Tutorial Site Blog Design

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

photoshop_blog_template_design

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.

web-design-tuts

Myblues WordPress Style Layout

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

web-design-tuts

Professional Blog Template Design

A professional blog template design created in Photoshop

web-design-tuts

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.

Watercolored

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.

webdesigntuts

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.

webdesigntuts

Tech Blog Layout

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

Watercolored

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.

tutzor

Clean Photo Gallery Website Layout

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

web-design-tuts

Website Gallery Layout Design

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

web-design-tuts

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.

web-design-tuts

Dark Portfolio Pixel Layout

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

web-design-tuts

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.

from-psd-to-html-building-a-set-of-website

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.

coding-the-creative-design-layout

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.

web-design-tuts

Cool Blue Portfolio Layout

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

web-design-tuts

Portfolio Gallery Layout

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

web-design-tuts

Personal Portfolio Layout

Personal portfolio layout with vector style layout.

web-design-tuts

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.

web-design-tuts

Portfolio Web Layout

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

web-design-tuts

Sleek Modern Portfolio Layout

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

web-design-tuts

Portfolio Web Layout

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

web-design-tuts

Black Portfolio Layout

Create dark good looking portfilio site

web-design-tuts

Dark Green Portfolio Layout

Another very dark layout.

web-design-tuts

Photo Portfolio Web Page Layout

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

web-design-tuts

Old Paper Portfolio Layout

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

web-design-tuts

Designing Personal Portfolio Web Page Layout

web-design-tuts

3D Studio Portfolio Layout

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

web-design-tuts

Awesome Portfolio Layout

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

web-design-tuts

Model Portfolio Layout

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

web-design-tuts

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.

web-design-tuts

Online Photo Portfolio Layout

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

web-design-tuts

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.

web-design-layout-2-tutorial
Create a grunge wordpress theme with Photoshop
web-design-layout-2-tutorial
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.

web-design-layout-2-tutorial
Music Band Website
web-design-layout-2-tutorial
Design A Grungy Website Design In Photoshop
web-design-layout-2-tutorial
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.

web-design-tuts

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.

web-design-tuts

Cartoon Grunge Web Site Layout

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

web-design-tuts

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.

web-design-tuts

Create an extreme sports layout

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

skater

Create a dvd movie shop layout

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

dvd-movie-shop-layout
Realistic Website Layout

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

web-design-tuts

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.

web-design-tuts

Grunge Web Design

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

web-design-tuts

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.

the-ultimate-grunge-design-tutorial

Funky Web Design Layout
Unique Desktop Layout

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

dtWebLayout-photoshop-tutorial

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.

web-design-tuts

RocknRolla Blog Design

Great looking portfolio style design with a rough look.

web-design-tuts

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.

web-design-tuts

Grunge Vector Layout

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

web-design-tuts

Graphic Design Studio Web Layout

A simple and professional design studio layout.

Graphic-Design-Studio-Web-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.

the-design-lab-psd-conversion

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.

web-design-tuts

Amazing Textured Layout

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

web-design-tuts

Create a Agriculture layout

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

agiculture

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.

designreveiver

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.

build-a-sleek-portfolio-site-from-scratch

Dark Themed Web Design

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

web-design-tuts

Magic Night Themed Web Design

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

web-design-tuts

Rock Band Music Layout

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

web-design-tuts

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.

web-design-tuts

Design a Sleek and Modern Hosting Layout

web-design-tuts

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.

web-design-tuts

Create a Stylish Business Layout in Photoshop

web-design-tuts

How to Design a WordPress Theme in Photoshop

web-design-tuts

Clean Business Layout Tutorial

web-design-tuts

Create a Clean and Effective Product Layout

web-design-tuts

Create a communication layout in Photoshop

web-design-tuts

Softblue Template Tutorial

web-design-tuts

Web Design Layout #10

web-design-tuts

Web 2.0 Business Layout

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

web-design-tuts

Corporate Business Layout

Make a clean corporate style layout for your business.

web-design-tuts

Simple Clean Business Layout

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

web-design-tuts

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.

web-design-tuts

Business PSD Layout

Create a business PSD layout in less than 10 minutes.

web-design-tuts

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-tuts

Web Design Layout

web-design-tuts

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.

web-design-tuts

Clean Business Layout

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

web-design-tuts

Dark Web Hosting Layout

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

web-design-tuts

Corporate WordPress Style Layout

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

web-design-tuts

Business WordPress PSD Layout

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

web-design-tuts

WordPress Theme Design in Photoshop

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

Winter Theme Template Design

Awesome Software Layout

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

web-design-tuts

Sleek Professional Looking Business Layout

Create a sleek professional looking business layout.

web-design-tuts

Sleek Business Layout

Make a sleek business layout.

web-design-tuts

Computer Store Web Layout

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

web-design-tuts

Professional Business Layout

Create a sleek business layout from scratch.

web-design-tuts

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.

creating-business-style-template-design

Arhitecture Bureau Layout

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

web-design-tuts

Create Real Estate template

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

real-estate-template

Interior Design Layout
interior-design-layout
Professional Web Template

Design a nice an professional web template in Photoshop

Professional_Web_Template

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-design-tuts

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!

web-20-style-blog

Modern Web Layout

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

modern-layout8

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.

web-design-tuts

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.

web-design-tuts

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.

web-design-tuts

Real Estate Web Design

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

realestatedesign

Create Chopper Layout
chopper
Creating a Professional Business Layout

Create a unique business layout using Adobe Photoshop

creating-a-professional-business-layout-using-photoshop

Business Web Page

How to create a web layout for your Business Website

Business-Web-Page

Cool Photography Layout

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

cool-photography-layout

Clean Business Layout Tutorial

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.

web-design-tuts

Two Color Website Layout

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

web-design-tuts

iPhone Related Website

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

web-design-tuts

Awesome Colorful Layout

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

web-design-tuts

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.

web-design-tuts

Create a Jewelry Web Template

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

jewelry-web-template

Beauty Web Layout

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

web-design-tuts

Creative Unusual Layout

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

web-design-tuts

Creative Studio Web Page

Creative-Studio-Web-Page

Dark Style Web Layout

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

web-design-tuts

Futuristic Web Layout

web-design-tuts

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.

tutorial-coding-a-layout

Simple and Clean Portfolio Layout Coding

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

portfolio-layout-10-learn-to-code

Clean black and green webdesign
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.

product-sales-page

Game Magazines

The Most Advance Game Layout
adv_gaming
Clan Layout

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

web-design-tuts

Gaming Layout

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

web-design-tuts

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.

web-design-tuts

Gaming Layout

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

web-design-tuts

Gaming Layout

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

web-design-tuts

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.

wpw

Photoshop Tutorials for designing Website Elements

Creating Navigation in Photoshop

Design a Glossy Navigation Interface for Media Sites in Photoshop.

Creating Navigation in Photoshop

Design a Web 2.0 tab with 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 design a website layout in Photoshop

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.

how-to-make-the-viget-inspire-background

Professional header design for your website

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

professional-header-design-for-your-website

Web 2.0 clean layout

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

Photoshop.

web-20-clean-layout

Easily Create a Beautiful, Unique Website Header
easily-create-a-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.

stylish-dark-navigation-menu

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.

vistamenu

Sleek Photoshop Header Design

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

Sleek Photoshop Header Design

Sleek Banner Tutorial

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

sleek-banner-tutorial

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.

vistamenu

WebHost company header template
webhost-header
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.

modern-web-header


Clean White Navigation Bar

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

clean-white-navigation-bar


Modern Web Search Bar

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

modern-web-search-bar


Green Navigation

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

green-navigation


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.

high-detailed-plastic-navigation-bar


Wii Web Header

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

wii


Create a Professional Gaming Header

How to create a professional gaming header design.

create-a-professional-gaming-header


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.

volkswagen-inspired-navigation


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.photoshop-tutorial-designing-a-unique-bookmark-box

Vista Style Nav Bar

Create a navigation bar with a unique Vista Style

vista-style-nav-bar

Slick Blue Navigation

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

banner-navigation-tutorial

Metallic Header Design

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

metallic-header-design-in-photoshop

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.

web-2-0-header-design

Photoshop tutorial design classy header in photoshop

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

photoshop-tutorial-design-classy-header

Modernistic Navigation Module

How simple shapes and gradients can create elegant designs.

modernistic-navigation-module


Dark Navigation Box

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

stylish-dark-navigation-box

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.

clean-blue-navigation-box

Elegant Navigation Box

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

elegant-navigation-box

Slice Your web graphic properly

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

slice_your_web_graphic_properly

Blue Poll Box

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

blue-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.

design-nature-theme-header-for-web-site

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.

silhouette

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.

photoshop-tutorial-trendy-girly-web
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.

curled-corner

How to Create a Simple & Sleek Web 2.0 Site Footer

How to produce a sleek looking site footer in

Photoshop.

how-to-create-a-simple-sleek-web-20-site-footer

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.

professional-web-design-studio-logo

20 Tutoriales Basicos de Illustrator

 

Read the article

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

View the tutorial

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

View the tutorial

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

Adobe Illustrator Guides and Tutorials

View the tutorial

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

Beginner Adobe Illustrator Tutorials

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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

View the tutorial

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.

100 sitios web para bajar imágenes vectoriales gratis

vector graphics


FREE VECTOR GRAPHICS 02 – Vecteezy

vector graphics

FREE VECTOR GRAPHICS 03 – Q Vectors

vector graphics


FREE VECTOR GRAPHICS 04 – Vector4free

vector graphics


FREE VECTOR GRAPHICS 05 – 123 Free Vectors

vector graphics


FREE VECTOR GRAPHICS 06 – Free Vectors.net

vector graphics

FREE VECTOR GRAPHICS 07 – Vector Portal

vector graphics


FREE VECTOR GRAPHICS 08 – Vector Vault

vector graphics


FREE VECTOR GRAPHICS 09 – Vector Jungle

vector graphics


FREE VECTOR GRAPHICS 10 – Free Vectors.org

vector graphics


FREE VECTOR GRAPHICS 11 – Vector Junky

vector graphics


FREE VECTOR GRAPHICS 12 – Vector Art

vector graphics


FREE VECTOR GRAPHICS 13 – Vector Stock

vector graphics


FREE VECTOR GRAPHICS 14 – Cool Vectors

vector graphics


FREE VECTOR GRAPHICS 15 – Vector Valley

vector graphics


FREE VECTOR GRAPHICS 16 – Free Vectors.com

vector graphics


FREE VECTOR GRAPHICS 17 – Free Vector Download

vector graphics


FREE VECTOR GRAPHICS  18 – Vector Lady

vector graphics


FREE VECTOR GRAPHICS 19 – Free Design Magazine

vector graphics


FREE VECTOR GRAPHICS 20 – DragonArtz Designs

vector graphics

FREE VECTOR GRAPHICS 21 – I Heart Vectors

vector graphics


FREE VECTOR GRAPHICS 22 – Vectorss

vector graphics


FREE VECTOR GRAPHICS 23 – Vectors Workshop

vector graphics


FREE VECTOR GRAPHICS 24 – CLD Vectors

vector graphics


FREE VECTOR GRAPHICS 25 – Designers Revolution

vector graphics


FREE VECTOR GRAPHICS 26 – Vector Mix

vector graphics


FREE VECTOR GRAPHICS 27 – CreatesK8

vector graphics


FREE VECTOR GRAPHICS 28 – Dezignus

vector graphics


FREE VECTOR GRAPHICS 29 – Garcya

vector graphics


FREE VECTOR GRAPHICS 30 – Dry Icons

vector graphics


FREE VECTOR GRAPHICS 31 – Vectortuts Freebies

vector graphics

FREE VECTOR GRAPHICS 32 – Roundpixel Goodies

vector graphics


FREE VECTOR GRAPHICS 33 – Designious Freebies

vector graphics


FREE VECTOR GRAPHICS 34 – Mulpo Vectors

vector graphics


FREE VECTOR GRAPHICS 35 – Vector Freeware

vector graphics


# 36 – Uberpiglet

vector graphics


#37 – Diegomattei

vector graphics

#38 – Dr. Depot Vectors

vector graphics


#39 – Lafkun Vectors

vector graphics


#40 – Creativos Online Vectors

vector graphics


# 41 – Keep Designing Vectors

vector graphics


#42 – Design Bum Project Source Files

vector graphics


#43 – Free Vector Clip Art

vector graphics


#44 – Snap 2 Objects Vectors

vector graphics


#45 – PixlPusher Vectors

vector graphics


#46 – Go Mediazine Freebies

vector graphics


# 47 – Clipart Design

vector graphics


#48 – Illustration Class

vector graphics


#49 – Creativemyk

vector graphics


# 50 – Vector Cartoons Clipart

vector graphics


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

31 Aug 300+ Resources to Help You Become a Photoshop Expert

Keeping cheat sheets and reference guides at hand can speed up your design process and make you a more efficient designer. Below are ten to get you started.

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

Logo Design Inspiration:

 

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

Logo Design Resources

Creattica

Logo Design Resources

LogoMoose

Logo Design Resources

Logo Faves

Logo Design Resources

LogoGala

Logo Design Resources

Logospire

Logo Design Resources

Logo of the Day

Logo Design Resources

Logofi

Logo Design Resources

Logo Galleria

Logo Design Resources

Logo Portfolios on Carbonmade

Logo Design Resources

The Design Inspiration

Logo Design Resources

Logo Fury

Logo Design Resources

Logoed

Logo Design Resources

Lemonflip

Logo Design Resources

LogoGallery.net

Logo Design Resources

The Identity Archives Project

Logo Design Resources

Logos at deviantART

Logo Design Resources

Other sources of logo design inspiration:

Logo Blogs:

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

Logo Design Love

Logo Design Resources

David Airey

Logo Design Resources

Brand New

Logo Design Resources

ImJustCreative

Logo Design Resources

Just Creative Design

Logo Design Resources

Logo Designer Blog

Logo Design Resources

Logo Design Tutorials:

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

Zee Logo in Illustrator

Logo Design Resources

Obama Logo Tutorial

Logo Design Resources

Google Chrome Logo Design

Logo Design Resources

How to Make a Badass WordPress Logo

Logo Design Resources

Creating a Crazy Cool Logo

Logo Design Resources

Web 2.0 Logo Reflection in Vector Format with Illustrator

Logo Design Resources

Create Rainbow Logos with Warped Grids

Logo Design Resources

How to Design the Firefox Logo in Photoshop

Logo Design Resources

Making of Metallic Transformers Logo

Logo Design Resources

Create a Black and White Logo

Logo Design Resources

Create a Logo Identity

Logo Design Resources

Create a Cool Music Logo on a Grunge Background

Logo Design Resources

Cartoon Style Cereal Box Logo in Adobe Illustrator Cs3

Logo Design Resources

Drawing the Volkswagon Logo

Logo Design Resources

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

Logo Design Resources

VISSUMO Brand Identity Design – David Airey

Logo Design Resources

Logo Design for KnowFree – David Airey

Logo Design Resources

Tammy Lenski Brand Identity Design – David Airey

Logo Design Resources

Miskeeto Brand Identity Design – David Airey

Logo Design Resources

Logo Design Process and Walkthrough for Vivid Ways – Chris Spooner

Logo Design Resources

MyNiteLife Logo Design Step by Step Walkthrough – Chris Spooner

Logo Design Resources

Logo Design Case Study: Victory Marketing Agency – Brian Yerkes

Logo Design Resources

Logo Design Case Study: JMR INsurance Group – Brian Yerkes

Logo Design Resources

Logo Design Case Study: Bayfront Bistro – Brian Yerkes

Logo Design Resources

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

Logo Design Resources

Identity Design Process for Butterfield Photography – Jacob Cass

Logo Design Resources

Brainstorm #9 Logo Process – Fabio Sasso

Logo Design Resources

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

Logo Design Resources