Master Web Design in Photoshop
4.4 (945 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14,945 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Master Web Design in Photoshop to your Wishlist.

Add to Wishlist

Master Web Design in Photoshop

Learn how to create stunning website designs in Photoshop
4.4 (945 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
14,945 students enrolled
Last updated 2/2017
Learn Fest Sale
Current price: $10 Original price: $125 Discount: 92% off
4 days left at this price!
30-Day Money-Back Guarantee
  • 11 hours on-demand video
  • 2 Articles
  • 8 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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
View Curriculum
  • You need at least Photoshop CS4 and a basic understanding of how Photoshop works

Beautiful web design begins with a practical knowledge of the tools and features of Adobe Photoshop. This course, intended for beginners and experienced designers alike, will show you how to use Photoshop to design web pages, custom graphics and more that excite end users and impress clients.

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
  • Recorded at full HD: 1920x1080
  • Photoshop CC 2014 (latest version) was used throughout the course
  • Lots of .psd freebies attached. Take a look at lecture 64 for a preview. More to be added regularly.
  • 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 is the target audience?
  • This course is great for anyone who is into web design
  • Anyone who wants to learn a new life skill they can immediately apply and make money
  • Both beginners and advanced users are welcome due to the progressive nature of the course
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 93 Lectures Collapse All 93 Lectures 11:11:34
The basics
11 Lectures 01:03:47
System requirements & best settings

Color management

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

Color management quiz
3 questions

Photoshop version comparison

Piracy & stealing

Monitors: best panel types, resolution, brand, size

Monitor Quiz
1 question

What you need to know about Photoshop

How to monetize the skills you are about to learn

Grid systems

Grid system quiz
1 question

Setting up your workspace

Topics I won't cover in depth
The Principles
16 Lectures 02:14:42
Communicate effectively

Communicate effectively quiz
4 questions

A website must tell a story and create an atmosphere

Simply & clean or highly detailed?

All about inspiration

Hands on: How I get my inspiration

Exercise: Inspiration

Step by step approach

Hands-on: Using the step by step approach to create an icon

All about wireframes

All about wireframes quiz
4 questions

The role of imagery, stock photos and free photos

Custom Graphics

Hands-on: Creating custom graphics

Alignment tools

Symmetry, proper spacing and white space

The Principles II
14 Lectures 02:02:11
Working on a ‘small project’

What ‘simple, modern, clean’ & other client terms actually mean

Using layer styles the right way

The pitfalls of your imagination

Understanding contrast

Using freebies & the meaning of being a designer

Optimizing your layers panel

Hands on: How to organize a messy project

Dummy content

Logo design

The importance of speed

Choosing the right projects

Pricing guide for your work

How to constantly get better
Typography tips, tricks and techniques
5 Lectures 43:19
Best sources for fonts

The Character Panel

Mixing fonts

Typography tips, tricks and techniques
The project
8 Lectures 01:16:11
Introduction & project description

Setting the layout

Putting in content

Creating the header

Creating the hero area

Creating the content area

Creating the testimonial and footer areas

Flat design project
7 Lectures 47:24
Flat design: definition, examples, flat animations, history, skeuomorphism

Avoid these flat design mistakes

Building a flat website - Introduction

Building a flat website – Creating the header

Building a flat website – Creating the central point

Building a flat website – Testimonials and CTAs

Building a flat website – Finishing up with the footer
Final conclusions
1 Lecture 01:11
Final conclusions
Download all resources here
2 Lectures 00:03
Download all resources here

New 2016! Organic website design project
12 Lectures 01:38:43
About this update

About organic websites and our first case study

Analyzing organic websites

The need for thematic designs

The downside of organic website designs

Presenting the project

Setting up the layout

Researching assets, our mood board, and setting our style

Finding more resources and setting the header

Creating a detailed hero area

Creating the content area with realistic category images

Designing the footer and adding a bit of magic to the site
2 More Sections
About the Instructor
Cristian Doru Barin
4.6 Average rating
1,706 Reviews
21,416 Students
3 Courses
Made over $50,000 by working in Photoshop part time!

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. By being self-taught, he managed to gain the trust of over 60.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort.

Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date.

Passionate about teaching, Chris teaches on Udemy because he has been disappointed in the quality of training materials available for people who want to learn design. In his courses, he holds nothing back; he documents and shares his entire experience on how he managed to stand out from the competition and do the work that he loves full-time.

Chris’s courses are some of the highest rated ones in the design category, as well as some of the bestselling ones on the entire platform. Students rave about his fast response time, clear explanations, and overall teaching style. Feel free to send him a message if you have any questions or suggestions for how he can create a better learning experience for you.