Master Web Design in Photoshop
4.5 (2,000 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
21,879 students enrolled

Master Web Design in Photoshop

Learn how to create stunning website designs in Photoshop; No coding included!
4.5 (2,000 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
21,879 students enrolled
Last updated 5/2020
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 18 hours on-demand video
  • 3 articles
  • 120 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create beautiful website designs in Photoshop
  • Improve their knowledge and understanding of web design principles
  • Easily work in Photoshop with all the major tools
  • Learn quick yet powerful techniques to get great results instantly
Requirements
  • You need at least Photoshop CS4 and a basic understanding of how Photoshop works
  • You have to have worked at least a little bit in Photoshop and know some of the tools and hotkeys
Description

A website can make or break a business. That's because no matter how great the company's services or products are, without a beautiful website, it's all for nothing! That's why entrepreneurs from all over the world are looking for skilled web designers who are capable of creating awesome websites. This course will help you do just that!

Prepare Yourself for a Career in Web Design by Learning the Foundations of Photoshop and the Ins-and-Outs of the Design Industry 

  • Master the principles of web design & typography. 

  • Learn to design custom graphics and beautiful icons. 

  • Gain access to premium psd files and templates to inspire your own projects. 

  • Discover how to work with clients and how to remain competitive in a cutting-edge industry. 

Create Websites that Win Clients and Enhance Your Portfolio 

Professional web design is in high demand, with every type of business from large corporations to small boutiques looking for web designers who can improve their online presence and build their brand. This course will teach you the skills you need to create stunning website designs using Photoshop so that you can turn your clients’ visions into reality. You will also learn how to speak with clients, decode their requests, and meet their demands. 

Contents and Overview 

Whether you’re a beginner or an advanced web designer, you will find this course beneficial in how it blends clear, concise instruction with real world examples and hands-on exercises. 

Photoshop & Web Design from A to Z
Following the course’s simple step-by-step process, you will learn the web design principles and Photoshop skills necessary to create vivid web pages and graphics, starting with fundamental topics such as comparing different versions of Photoshop and selecting a monitor, before advancing to spacing, typography, logo design, layout, and more. 

Client Case Studies
You will gain a better understanding of the realities of web design by examining real-life case studies that demonstrate what to do and what not to do when working with clients. 

Interactive Demos
You will watch the creation of two websites from start to finish to gain a better understanding of the design process. 

Free Templates & Resources
You will gain access to an exclusive selection of psd files, a cheat sheet hotkey guide, plus lots of website templates that you can use for your own projects. 

  Course features: 

  • Crystal clear audio from a native English speaker

  • Photoshop CC was used throughout the course

  • Professionally edited: constant zoom in on important areas, hotkeys are shown as subtitles, repetitive techniques are slightly sped up

  • All lectures have the .psd presentation file attached plus a .pdf with any links that were shown in the video.

After completing this course, you will have a solid understanding of the principles of web design and the foundations of Photoshop necessary to create cutting-edge web pages and graphics. You will also be familiar with the web design industry and the professional strategies necessary to build a client base. 

Who this course is for:
  • This course is great for anyone who is into web design and wants to create websites in Photoshop
  • Anyone who wants to learn a new life skill they can immediately apply and make money
  • This is must-watch course for any developer, no matter the level of knowledge
Course content
Expand all 152 lectures 17:51:35
+ Introduction
9 lectures 51:05
Set up Photoshop for web design
05:33
How to select layers like a pro
05:10
Find out why your designs are supremely important
06:47
Exercise: create a website and identify 3 mistakes
02:23
Solving the previous exercise
05:23
The three pillars of a great web designer
07:37

Answer a few questions to clarify some things.

Web Design Quiz #1
3 questions
+ The First Pillar of Web Design
15 lectures 01:24:34
The first pillar of web design
01:46
Best settings for a web design project
08:29
Case study: Non-standard layouts
05:42
Exercise: Create a standard website layout
02:57
How to size your web elements correctly
06:22
My formula for perfect text
06:03
Color Contrast
04:32
Case study: Colors – Part 1
05:23
Case study: Colors – Part 2
07:41
How to align elements in the hero area
06:33
How to align icons with text
06:45
3 rules for web design icons
08:00
Case Study: Visual Balance
06:07
Thoughts on the first pillar of web design
02:06

This will test everything you've learned so far plus a few other things you should know. Take your time with it and make sure you read the questions thoroughly.

Web Design Quiz #2
5 questions
+ The second pillar of web design
18 lectures 02:21:56
Introduction
01:57
What’s the point of the website?
04:30
The user versus the business owner
07:15
Analytics in Web Design
07:55
Templates & Website Builders – The web designer’s death?
09:55
E-commerce homepage layout
07:08
E-commerce product details
05:02
E-commerce checkout
08:32
Why aren’t websites pixel perfect?
07:34
Landing page vs a website
07:29
Case studies: the client’s needs
07:36
Lead generation in landing pages
09:08
Why landing pages have a bad reputation
10:50
Digital product landing page
09:04
A/B testing landing pages
07:14
Case Study: Landing page analysis
13:18
Final thoughts about the client’s needs
05:05
Web Design Quiz #3
3 questions
+ The third pillar of web design
8 lectures 47:58
Introduction
03:51
What's UX?
05:07
The best example of good UX and attention to detail
08:22
Improve the checkout process to double sales
09:59
Improve the mobile version to double sales
04:53
7 website tweaks that show attention to detail
04:59
Upgrading the mobile product page
04:09
Doing 1-on-1 sessions with a coder
06:38
+ From Photoshop to Working Code
7 lectures 35:04
Preparing the design for coding
04:50
Getting up and running with Zeplin
03:32
From Photoshop to Zeplin
06:17
Getting deliverables out of Photoshop
06:43
Server-side content and multi-layer graphics
09:12
How to handle the handover process
04:23
Important notice
00:07
+ The basics
10 lectures 58:12
System requirements & best settings
07:48

Take 2 minutes to answer these questions to make sure you understood everything

Color management quiz
3 questions
Photoshop version comparison
14:25
Piracy & stealing
03:07
Monitors: best panel types, resolution, brand, size
08:31
What you need to know about Photoshop
05:49
How to monetize the skills you are about to learn
05:35
Grid systems
05:06
Setting up your workspace
02:55
Topics I won't cover in depth
01:51
+ The Principles
16 lectures 02:14:44
Communicate effectively
05:47
Communicate effectively quiz
4 questions
A website must tell a story and create an atmosphere
10:49
Simple & clean or highly detailed?
05:25
How to understand the clients' needs
09:04
All about inspiration
06:44
Hands on: How I get my inspiration
08:46
Exercise: Inspiration
01:42
Step by step approach
04:55
Hands-on: Using the step by step approach to create an icon
19:43
All about wireframes
08:23
All about wireframes quiz
4 questions
The role of imagery, stock photos and free photos
09:12
Custom Graphics
06:10
Hands-on: Creating custom graphics
14:21
Alignment tools
04:18
Symmetry, proper spacing and white space
12:35
+ The Principles II
14 lectures 02:02:11
Working on a ‘small project’
04:56
What ‘simple, modern, clean’ & other client terms actually mean
09:02
Using layer styles the right way
19:32
The pitfalls of your imagination
04:29
Understanding contrast
07:26
Using freebies & the meaning of being a designer
12:05
Optimizing your layers panel
08:11
Hands on: How to organize a messy project
18:24
Dummy content
04:33
Logo design
05:45
The importance of speed
06:29
Choosing the right projects
05:30
Pricing guide for your work
10:52
How to constantly get better
04:57
+ Typography tips, tricks and techniques
5 lectures 43:19
Best sources for fonts
08:21
The Character Panel
11:57
Mixing fonts
05:33
Typography tips, tricks and techniques
12:41
+ The project
8 lectures 01:16:11
Introduction & project description
09:32
Setting the layout
04:12
Putting in content
06:26
Creating the header
16:02
Creating the hero area
11:21
Creating the content area
12:49
Creating the testimonial and footer areas
12:04
Conclusions
03:45