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
System requirements & best settings
Download
2014-12-17_10-05-54__links.pdf
Download
2014-12-17_10-05-54__links.pdf
Download
2014-12-17_10-06-45__Presentation_source_file.psd
Complete and Continue