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