Video Tutorial Create Flat Web Design with Photoshop - Video Tutorial with Photoshop


  • Course duration : 1h26m
  • Lifetime access
  • 30 days money back guarantee
  • Source files included
Create Flat Web Design with Photoshop - Video Tutorial

add to your wishlist remove this course from wishlist

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

Instructor : Sandy Ludosky

Sandy Ludosky has published 29 tutorials and obtained an average rating of 4,4/5 on 3 543 courses sold. Sandy Ludosky is a, tuto.com's certified instructor. See others courses from Sandy Ludosky

  • With which software version is this tutorial compatible with?
    Photoshop CS6, Photoshop CS5, Photoshop CC
  • Quel est le niveau requis pour suivre ce tuto ?
Access to more than 19 free tutorials

no, I don't want to learn for free !

see our data protection policy