With the Flat Design Tutorial you will learn to create amazing webdesign and prototypes with Photoshop. Fast & simple. NO CODING NEEDED. In less than 2 hours, you will learn about the latest flat UI techniques.You will use Photoshop, Flat UI components and other great resources.
This video course is for aspiring web and product designer willing to sharpen their design and Photoshop skills. You will receive a good introduction to Flat Design, which is the latest trend in modern Web Design.
If you are new to Photoshop, this is a good place to start as the course will walk you through every step of the prototyping process.
This flat web design video tutorial includes:
- An overview of the modern web design
- A step-by-step tutorial to create
- A website mockup and prototyping
- An introduction to the 960 grid
- Flat UI kit package to get started with Flat UI
- Flat UI colors palette
For this course, you will need:
Photoshop CS5,CS6,CC - you can download the 30-day trial version on Adobe.com
The rest of the materials is available for downloaded in the course content.
By the end of the course:
- You will have a better understanding of website prototyping
- You will get better at organizing your workflow with photoshop layers
Photoshop training table of contents (duration : 1h26m)
Getting Started with Flat Design?
- Introduction free 00:00:26
Materials & Set Up
- Course Overview free 00:01:23
- Project Files free 00:00:51
Starting with the Flat Design process
- The header | The navigation, page title and social icons 00:11:18
- The header | The navigation, page title and social icons 00:08:35
- The About section | The Layer Mask 00:12:02
- The Services section | Shapes & Grid alignment 00:10:34
- The Services section | Graphics & Buttons 00:08:20
Section 4: Finalizing the Prototype
- The Team section | Shapes & Grid alignment 00:10:08
- The Team section | Adding pictures & flat icons 00:01:07
- The contact section | Building a Form 00:12:21
- The Contact Section | Adding a Map 00:03:59
- The Footer 00:05:01