Photoshop for Web Design Beginners

Photoshop is one of the best tools, so learn it with this Photoshop Web Design Tutorial!

I have been using Photoshop since version 3 and every time it gets better and better. I have created thousands of designs and over that time I have found that there are several key skills and tools we web designers use in almost every design. This is why I created, along with the team at Web Courses, a series of screencast tutorials ideal for beginner web designers who want to Learn Web Design with Photoshop.

1. The Power of File and New
In this lesson, you will learn how to open a new document and apply the settings you need to set up before you start designing in Photoshop.

2. Changing, Using, and Installing Brushes
A look at paintbrushes. The different types of brushes that you can use as well as installing some new brushes, so you can do some nice effects on your design.

3. The Key to Custom Shapes
Shapes are something we use a lot when we’re designing a web page. It’s used to make the layout and lots of other elements on the screen. We get used to this really useful tool in this lesson.

4. The Core of Photoshop, Layers, and Groups
Layers are the most important part of Photoshop, as they allow you to make changes to specific areas on the screen. You can further group these layers to make them more manageable when you’re designing.

5. The Shortcuts to Moving and Resizing
In this lesson, we’re going to be looking at how to move layers around the screen and how to resize them using the free transform tool, something you will use a lot in your designs.

6. Getting the Most from Zooming and Panning
We are going to look at how to look around your design and see the details by using the zoom tool. So in this lesson, we look into two very important features of using Photoshop daily, zooming and panning.

7. Creating Cool Effects with Blending Modes
Blending modes are when you have two layers interacting with each other and effects are different things you can apply to a single layer, things as shadows, inners shadows, gradients, etc.

8. Text, Love it or Hate it
Texts are one of the trickiest things in Photoshop, the reason being that it’s not made to do it. So in this lesson, we’re going to find easy ways to work with Photoshop and texts.

9. Clean Web Page Design using Photoshop
We are going to be creating a webpage design in Photoshop. We are going to use grids to organize everything and get things in line and various other tricks to make the perfect web page.