Flat Design Tutorial with Photoshop – Sandy Ludosky

Salepage link: At HERE. Archive: http://archive.is/wip/Vl9AS

Flat Design Tutorial with Photoshop

Create a stunning web design mockup with Flat Design and Photoshop

With the Flat Design Tutorial you will learn to create amazing webdesign and prototypes with Photoshop.

• Fast & simple. ***NO CODING NEEDED***.
• In 2 hours, you will learn about the latest flat UI techniques
• You will use Photoshop, Flat UI components and other great resources.

This course is for aspiring web and product designer willing to sharpen their design and Photoshopskills. In a 2-hour tutorial, 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.

The course 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 + – you can download the 30-day trial version on the Adobe Creatrive site.
• 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

Course Curriculum

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)t
• The contact section | Building a Form (12:21)
• The Contact Section | Adding a Map (3:58)
• The Footer (5:01)