Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

Flat Design Course with Photoshop

person icon Sandra L

4.2

Flat Design Course with Photoshop

Create a stunning web design mockup with Flat Design and Photoshop

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Sandra L

English [CC]

category icon Design,Design Tools,Photoshop

Lectures -14

Resources -1

Duration -1 hours

4.2

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

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

Goals

  • The course will teach students how to create prototypes with assets and colors 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 on par with working with layers and keep the work organized while working on complex Photoshop projects
  • By the end of the course, students will be very knowledge with the flat ui colors which are very trendy 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
Flat Design Course with Photoshop

Curriculum

Check out the detailed breakdown of what’s inside the course

Getting Started with Flat Design
3 Lectures
  • play icon Introduction 00:25 00:25
  • play icon Project Overview 01:23 01:23
  • play icon The Course Files (.zip folder included) 00:50 00:50
Starting with the Flat Design process
5 Lectures
Tutorialspoint
Finalizing the Prototype
5 Lectures
Tutorialspoint

Instructor Details

Sandra L

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.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515