Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Master Web Design in Photoshop
Latest Updates
Introduction to this section (2:13)
Character & Paragraph Styles (8:23)
Smart Objects explained (3:06)
How to use a Smart Object (3:52)
How to create a realistic mockup with Smart Objects (2:10)
How to use Adobe Generator (3:48)
How to use Layer Comps (5:49)
Layer Comps with Smart Objects (1:51)
Introduction - My Story
Introduction - My Story (6:13)
The basics
System requirements & best settings (7:50)
Color management (5:37)
Color management quiz
Photoshop version comparison (14:27)
Piracy & stealing (3:08)
Monitors: best panel types, resolution, brand, size (8:33)
Monitor Quiz
Web design just in Photoshop, no coding (3:05)
What you need to know about Photoshop (5:51)
How to monetize the skills you are about to learn (5:37)
Grid systems (5:08)
Grid system quiz
Setting up your workspace (2:56)
Topics I won't cover in depth (1:51)
The principles
Communicate effectively (6:33)
Communicate effectively quiz
A website must tell a story and create an atmosphere (10:51)
Simply & clean or highly detailed? (5:27)
How to understand the clients' needs (9:07)
All about inspiration (6:46)
Exercise: Inspiration
Hands on: How I get my inspiration (8:48)
Step by step approach (4:57)
Hands-on: Using the step by step approach to create an icon (19:45)
All about wireframes (8:25)
All about wireframes quiz
The role of imagery, stock photos and free photos (9:14)
Custom Graphics (6:12)
Hands-on: Creating custom graphics (14:23)
Alignment tools (4:20)
Symmetry, proper spacing and white space (12:37)
Working with a brief (6:52)
Working on a ‘small project’ (4:58)
What ‘simple, modern, clean’ & other client terms actually mean (9:04)
Using layer styles the right way (19:34)
The pitfalls of your imagination (4:31)
Understanding contrast (7:28)
Using freebies & the meaning of being a designer (12:07)
Optimizing your layers panel (8:13)
Hands on: How to organize a messy project (18:26)
Dummy content (4:35)
Logo design (5:47)
The importance of speed (6:31)
Choosing the right projects (5:32)
Pricing guide for your work (10:54)
How to constantly get better (4:59)
Typography tips, tricks and techniques
Best sources for fonts (8:23)
The Character Panel (11:59)
How to identify a font (4:49)
Mixing fonts (5:35)
Typography tips, tricks and techniques (12:43)
The project
Introduction & project description (9:34)
Setting the layout (4:14)
Putting in content (6:28)
Creating the header (16:04)
Creating the hero area (11:23)
Creating the content area (12:51)
Creating the testimonial and footer areas (12:06)
Conclusions (3:46)
Flat design project
Flat design: definition, examples, flat animations, history, skeuomorphism (10:27)
Avoid these flat design mistakes (5:37)
Building a flat website - Introduction (1:29)
Building a flat website – Creating the header (6:48)
Building a flat website – Creating the central point (9:25)
Building a flat website – Testimonials and CTAs (9:08)
Building a flat website – Finishing up with the footer (4:43)
Final conclusions
Final conclusions (1:11)
Download all resources here
Download all resources here
Preview the resources
How to monetize the skills you are about to learn
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock