Master Web Design in Photoshop

Learn how to create stunning website designs in Photoshop
4.5 (637 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.
11,656 students enrolled Bestselling in Photoshop
$19
$125
85% off
Take This Course
  • Lectures 93
  • Length 11 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2014 English

Course Description

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.

What are the requirements?

  • You need at least Photoshop CS4 and a basic understanding of how Photoshop works

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction - My Story
Introduction - My Story
Preview
06:11
This course vs "Learn Photoshop, Web Design & Profitable Freelancing"
Preview
07:54
Section 2: The basics
System requirements & best settings
07:48
Color management
05:35
3 questions

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

Photoshop version comparison
14:25
Piracy & stealing
03:07
Monitors: best panel types, resolution, brand, size
08:31
Monitor Quiz
1 question
Web design just in Photoshop, no coding
Preview
03:05
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
Grid system quiz
1 question
Setting up your workspace
02:55
Topics I won't cover in depth
01:51
Section 3: The Principles
Communicate effectively
06:31
Communicate effectively quiz
4 questions
A website must tell a story and create an atmosphere
10:49
Simply & clean or highly detailed?
05:25
How to understand the clients' needs
Preview
09:04
All about inspiration
06:44
Exercise: Inspiration
Article
Hands on: How I get my inspiration
08:46
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
Working with a brief
Preview
06:50
Section 4: The Principles II
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
Section 5: Typography tips, tricks and techniques
Best sources for fonts
08:21
The Character Panel
11:57
How to identify a font
Preview
04:47
Mixing fonts
05:33
Typography tips, tricks and techniques
12:41
Section 6: The project
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
Section 7: Flat design project
Flat design: definition, examples, flat animations, history, skeuomorphism
10:25
Avoid these flat design mistakes
05:35
Building a flat website - Introduction
01:28
Building a flat website – Creating the header
06:46
Building a flat website – Creating the central point
09:23
Building a flat website – Testimonials and CTAs
09:06
Building a flat website – Finishing up with the footer
04:41
Section 8: Final conclusions
Final conclusions
01:11
Section 9: Download all resources here
Download all resources here
Article
Preview the resources
Preview
1 page
Section 10: New 2016! Organic website design project
About this update
01:17
About organic websites and our first case study
06:21
Analyzing organic websites
05:53
The need for thematic designs
06:38
The downside of organic website designs
07:57
Presenting the project
03:11
Setting up the layout
05:26
Researching assets, our mood board, and setting our style
10:38
Finding more resources and setting the header
12:46
Creating a detailed hero area
14:08
Creating the content area with realistic category images
10:41
Designing the footer and adding a bit of magic to the site
13:47
Section 11: Updates
Introduction to this section
Preview
02:12
Character & Paragraph Styles
08:21
Smart Objects explained
03:05
How to use a Smart Object
03:51
How to create a realistic mockup with Smart Objects
02:09
How to use Adobe Generator
03:47

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Cristian Doru Barin, Made over $50,000 by working in Photoshop part time!

Cristian Doru Barin, been in the web design business for 5+ years. I started out by making complete websites (meaning I designed and coded them as well), but then I found out about other ways I could earn a living through web design.

From that point, I started learning Photoshop so I could focus only on the design aspect and I left the difficult part (the coding) to other people who specialize in that area. Despite what you might initially think, it is much more profitable and less stressful. How much did I study? A lot. I mean a lot!

Then I practiced and found out what were the best ways of achieving certain effects. I would usually make 5-7 homepage designs per day in around 12-14 hours. That's a lot of work by any standards.

Now things have changed. I am fast, efficient and know the best ways of creating stunning website designs in no time. I choose how much money I want to make by selecting more or less projects to work on.

I am also an entrepreneur: I started my first business at 18 and quickly expanded it. I have multiple online businesses: an online shop, a web design business, app creation studio for Android devices; plus more in the making.

Having all these, I still made over $50,000 by working mostly part time in Photoshop. Learn from my experience and cut down the time it takes to start earning a living from Photoshop.

Do you have any questions? Contact me and ask away!

Ready to start learning?
Take This Course