4.34 out of 5
6172 reviews on Udemy

Photoshop for Web Design Beginners

Perfect Photoshop course for beginner web designers who want learn to how to make a clean simple web page design.
Carl Heaton
191,227 students enrolled
English [Auto]
UI using Photoshop
Udemy APAC

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 litterally thousands of designs and over that time I have found that there are number of key skills and tools us 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 wants 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 really nice affects on your design.

3. The Key to Custom Shapes

Shapes is 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 together to make it 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 single layer, things like shadows, inners shadows, gradients etc.

8. Text, Love it or Hate it

Texts are one of the trickiest things in Photoshop, reason being that its not really 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.

Getting Started: File & New

Photoshop Interface - just the useful stuff!
User interface explained

In this video you will you will learn how to use the paint brushes tool to complete a set of fun tasks

Paint Brush Tool

Using The Paint Brush

Tasks - How to use the paint brush tool

Using The Paint Brush

Creating Shapes

Shapes And Custom Shapes

Tasks - learn how to create custom shapes

Shapes And Custom Shapes

In this video you will learn how to create custom shapes

Working With Layers & Groups

Layers And Groups

Tasks - learn how to work with Layers and Groups

Layers And Groups

In this video you will learn how to work with layers and groups

Moving, Resizing & Zooming In

Resizing And Moving

Tasks - Learn how to resize and move items in your photoshop document

Moving And Resizing

In this video you will learn how to move and resize objects in photoshop

Zooming and Panning

Zooming And Panning

Tasks - learn how to zoom in/out and pan around your document

Zooming And Panning

In this video you will learn how to zoom in/out and pan around your photoshop design

Blend Modes & Adding Effects

Blending Modes And Effects

Tasks - learn how to use blend modes with layers and add special effects

Blending Modes And Effects

In this video you will learn how to use blend modes and add effects to your design

Inserting Text


Tasks - learn how to insert text into your photoshop designs


In this video you will learn how to insert text into your photoshop design

Design in Photoshop

Design Images

Use these raw images to create your homepage design.

Web Page Header
Photoshop Design

In this video you will learn how to design and create a web design page in Adobe Photoshop

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.3 out of 5
6172 Ratings

Detailed Rating

Stars 5
Stars 4
Stars 3
Stars 2
Stars 1
30-Day Money-Back Guarantee


2 hours on-demand video
Full lifetime access
Access on mobile and TV

External Links May Contain Affiliate Links read more

Join our Telegram Channel To Get Latest Notification & Course Updates!
Dekker Fraser Marketing Courses Biggest SALE (LIVE)ENROLL
+ +