Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Master Web Design in Photoshop
Latest Updates
Introduction to this section
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
Introduction - My Story
Introduction - My Story
The basics
System requirements & best settings
Color management
Photoshop version comparison
Piracy & stealing
Monitors: best panel types, resolution, brand, size
Web design just in Photoshop, no coding
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
The principles
Communicate effectively
A website must tell a story and create an atmosphere
Simply & clean or highly detailed?
How to understand the clients' needs
All about inspiration
Exercise: 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
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
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
Logo design
The importance of speed
Choosing the right projects
Pricing guide for your work
How to constantly get better
Typography tips, tricks and techniques
Best sources for fonts
The Character Panel
How to identify a font
Mixing fonts
Typography tips, tricks and techniques
The project
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
Flat design project
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
Final conclusions
Final conclusions
Download all resources here
Download all resources here
Preview the resources
2016 Organic website design project
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
All about inspiration
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock