Twenty-Seven Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts

For beginner web designers - design tutorials really help to understand the basic knowledge about web design!, Here is a collection of 27 layout design tutorials that will help you with designing a decent looking website. Some of them are really good!

DzineBlog (2008). Design>Web Design>Tutorials>Adobe Photoshop

Photoshop vs. Fireworks

Photoshop. Fireworks. If you’re a serious web designer (and not using the GIMP) you’re going to be using one or the other. But which is best?

Smith, Nathan. Digital Web Magazine (2008). Articles>Graphic Design>Software>Adobe Photoshop

Web Design 101: Photoshop

Photoshop promises great power, but can be more than a little challenging when it comes to clarity and patience. New users can easily get frustrated at how daunting some of the challenges can be when it comes to getting the job done, and even those who are a bit more familiar with it still find points of frustration that impede both production and creativity. So for those who barely know Photoshop, but would like to become more familiar with it—find out what sort of things to look for when it comes to the palette system, layers, styles, effects, various tools, and saving or exporting their work—let’s look at the basics.

Peck, Anton. Digital Web Magazine (2008). Articles>Web Design>Graphic Design>Adobe Photoshop

Forty Beautiful Grunge Photoshop Tutorials

In this collection, we present to you 40 excellent, high-quality grunge Photoshop tutorials. So fire up Photoshop and get ready to get your hands… dirty!

Gube, Jacob. Smashing (2008). Articles>Graphic Design>Image Editing>Adobe Photoshop

Graphic Thoughts: My Top 10 Photoshop Moves, Part 1

Almost every time I speak to an audience about graphics or Photoshop, I’m asked if I went to school to learn what I know about the application. The truth is that while I spent more than 3 years in an Advertising Art degree program, I ultimately switched gears and got a Bachelor of Business Administration degree in marketing (Mom and Dad were thrilled with this news!), and that was in the early ’90s—pretty much in the infant stages of Photoshop.

Gray, Lawrence. Event DV (2008). Articles>Graphic Design>Image Editing>Adobe Photoshop

Graphic Thoughts: Creating Great Backgrounds in A Snap

Recently, I had the chance to go with my in-laws to City Museum in St. Louis. What an amazing place to get lost in by crawling through inventively designed tunnels that go underground to many stories below the city streets. The most impressive thing to me was how the place was constructed—they used everyday items, such as metal storage bins, bottles, and gears (plus what looked like a million other items) to create elaborate mazes of artwork.

Gray, Lawrence. Event DV (2008). Articles>Graphic Design>Image Editing>Adobe Photoshop

How to Make a Photoshop Montage

Anyone can cobble together a few photos and textures and create a humdrum montage. To elevate yours beyond this it takes a few simple tricks using Photoshop’s awesome array of tools. Do it right and the style has got dozens of applications from static navigation or graphics, through to animated banners and interactive collages. This tutorial explains how to create a great Photoshop montage in 19 steps, so let’s get started and have fun with it.

Webdesigner Depot (2009). Design>Graphic Design>Photography>Adobe Photoshop

Photoshop CS4 Help Guide  

The official Adobe Reference guide is available online and in PDF form. While not exactly a “quick” reference guide, it is essential for anyone who uses Photoshop professionally.

Adobe (2009). Books>Graphic Design>Software>Adobe Photoshop

Setting Up Photoshop For Web, App and iPhone Development

Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all.

Edwards, Marc. Smashing (2009). Articles>Graphic Design>Software>Adobe Photoshop