Create Flat Web Design with Photoshop - Video Tutorial
Playing problem
This video does not seem to be available

VIDEO TUTORIAL Create Flat Web Design with Photoshop - Video Tutorial

Sandy Ludosky

Unlimited download & streaming

Satisfied or refunded

100% secure payment

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
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

What will you learn in this course?

Course plan
Chapter 1
Getting Started with Flat Design?
Chapter 2
Materials & Set Up
Chapter 3
Starting with the Flat Design process
Chapter 4
Section 4: Finalizing the Prototype

Detailed course plan

Chapter 1 : Getting Started with Flat Design?
Lesson 1Introduction
Chapter 2 : Materials & Set Up
Lesson 1Course Overview
Lesson 2Project Files
Chapter 3 : Starting with the Flat Design process
Lesson 1The header | The navigation, page title and social icons
Lesson 2The header | The navigation, page title and social icons
Lesson 3The About section | The Layer Mask
Lesson 4The Services section | Shapes & Grid alignment
Lesson 5The Services section | Graphics & Buttons
Chapter 4 : Section 4: Finalizing the Prototype
Lesson 1The Team section | Shapes & Grid alignment
Lesson 2The Team section | Adding pictures & flat icons
Lesson 3The contact section | Building a Form
Lesson 4The Contact Section | Adding a Map
Lesson 5The Footer


Your questions about the course

With which software version is this tutorial compatible with?

Photoshop CS6, Photoshop CS5, Photoshop CC

Quel est le niveau requis pour suivre ce tuto ?


Wait ! 🤗

Access more than 19 free tutorials

Our data protection policy