Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Flat Design Tutorial with Photoshop
Getting Started with Flat Design?
Introduction (0:25)
Project Overview (1:23)
Materials & Set Up
The Course Files (0:50)
Starting with the Flat Design process
The header | The navigation, page title and social icons (11:17)
The header | the flat colors & UI kit (8:35)
The About section | The Layer Mask (12:01)
The Services section | Shapes & Grid alignment (10:33)
The Services section | Graphics & Buttons (8:20)
Finalizing the Prototype
The Team section | Shapes & Grid alignment (10:08)
The Team section | Adding pictures & flat icons (1:06)
The contact section | Building a Form (12:21)
The Contact Section | Adding a Map (3:58)
The Footer (5:01)
The header | The navigation, page title and social icons
Complete and Continue