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.

· 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 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.

Course Curriculum

  • 2

    The basics

    • Section resources

    • System requirements & best settings

    • Color management

    • Color Management Quiz

    • Photoshop version comparison

    • Piracy & stealing

    • Monitors: best panel types, resolution, brand, size

    • Web design just in Photoshop, no coding

      FREE PREVIEW
    • What you need to know about Photoshop

    • How to monetize the skills you are about to learn

    • Grid systems

    • Setting up your workspace

    • Topics I won't cover in depth

  • 3

    The Principles

    • Section resources

    • Communicate effectively

    • A website must tell a story and create an atmosphere

    • Simple & clean or highly detailed?

    • How to understand the clients' needs

      FREE PREVIEW
    • All about inspiration

    • Hands on: How I get my inspiration

    • Step by step approach

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

    • All about wireframes

    • Wireframe Quiz

    • The role of imagery, stock photos and free photos

    • Custom Graphics

    • Hands-on: Creating custom graphics

    • Alignment tools

    • Symmetry, proper spacing and white space

    • Working with a brief

      FREE PREVIEW
  • 4

    The Principles II

    • Section resources

    • 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

    • The importance of speed

    • Choosing the right projects

    • Pricing guide for your work

    • How to constantly get better

    • Logo design

  • 5

    Typography tips, tricks and techniques

  • 6

    The project

    • Section resources

    • 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

    • Conclusions

  • 7

    Flat design project

    • Section resources

    • 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

  • 8

    Final conclusions

    • Section resources

    • Final conclusions

  • 9

    Download freebies here

    • Download freebies

    • Section resources

  • 10

    New! Organic website design project

    • Section resources

    • 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

  • 11

    Updates

    • Section resources

    • Introduction to this section

      FREE PREVIEW
    • Character & Paragraph Styles

    • Smart Objects explained

    • How to use a Smart Object

    • How to create a realistic mockup with Smart Objects

    • How to use Adobe Generator

    • How to use Layer Comps

    • Layer Comps with Smart Objects

  • 12

    NEW LECTURES! CC 2015.5 Updates

    • Section resources

    • CC 2015.5: Content-Aware Crop

    • 4K for web design: is it worth it?

    • CC 2015.5: Identify a font with ‘Match Font’

    • CC 2015.5: Glyphs – friend or enemy?

    • Adobe CC Portfolio: How to easily create a responsive portfolio

    • CC2015.5: Face Liquify – Magic face editing

    • CC 2015.5: Select and Mask replaces Refine Edge

About the instructor

Chris Barin

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 80.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.    

Get started right now and create a high monthly income from the amazing skills you're about to learn from this course.

You may also be interested in...

  • $19.00 / month

    $19.00 / monthUnlimited Photoshop Training

    Subscribe Now
  • $19.00

    $19.00Learn Photoshop, Web Design & Profitable Freelancing

    Buy Now