Flat Design Tutorial with Photoshop

person icon Sandra L

Buy Now

Flat Design Tutorial with Photoshop

Name: Flat Design Tutorial with Photoshop
Price: 9.99 USD
Author: Sandra L

Create a stunning web design mockup with Flat Design and Photoshop

updated on icon Updated on Sep, 2023

language icon Language - English

person icon Sandra L

architecture icon Design,Design Tools,Photoshop

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 19,000+ top Tutorialspoint 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

What will you learn in this course:

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

What are the prerequisites for this course?

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

Javascript and Web Developer

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.

Course Certificate

User your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.