Flat Design Course with Photoshop
Create a stunning web design mockup with Flat Design and Photoshop
Updated on Jun, 2025
Language - English
Lectures -14
Resources -1
Duration -1 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
This course is for aspiring web and product designer willing to sharpen their design and Photoshop skills. In a 2-hour course, 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 course 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 colour palette.
For this course, you will need:
- Photoshop CS5 + - you can download the 30-day trial version on the Adobe Creative site.
- The rest of the materials are available for download in the course content.
By the end of the course:
- You will have a better understanding of website prototyping.
- You will get better at organising your workflow with Photoshop layers.
Goals
- The course will teach students how to create prototypes with assets and colours in Photoshop.
- By the end of the course, you will be able to craft a website prototype ready to showcase to a potential client.
- By the end of the course, you will understand how to work with the grid (960.grid) to create and organize your layout.
- By the end of the course, students will be proficient in working with layers and maintaining organisation while completing complex Photoshop projects.
- By the end of the course, students will be very knowledgeable about flat UI colours, which are a trend in modern web design.
Prerequisites
- For this course, you will need to have Photoshop installed.
- If you do not have Photoshop, you can download a trial version of Photoshop CC by visiting the Adobe website.
Curriculum
Check out the detailed breakdown of what’s inside the course
Getting Started with Flat Design
3 Lectures
-
Introduction
00:25
00:25
-
Project Overview
01:23
01:23
-
The Course Files (.zip folder included)
00:50
00:50
Starting with the Flat Design process
5 Lectures
Finalizing the Prototype
5 Lectures
Instructor Details
Sandra L
Hello
I am Sandy, freelance web and mobile Developer based out of Toronto, in Ontario, Canada, I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.
I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.
I am also keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.
On top of being an instructor, I am an avid learner of new technologies and digital stuff.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now