YoVDO

Your First Day Designing Websites in Photoshop

Offered By: Pluralsight

Tags

Adobe Photoshop Courses Web Design Courses Typography Courses Color Theory Courses Mockups Courses Wireframes Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Adobe Photoshop is a powerful tool for web designers. In this course, we'll look how you can use Photoshop to create wireframes, and complete web site mockups.

Photoshop can be an intimidating program, there's no doubt about it. If you find yourself tasked with mocking up a website for the first time and have never used Photoshop, this training is for you.We'll focus on getting you up to speed so that you can start building website designs as soon as we're done here. This tutorial is packed with nuggets of Photoshop knowledge that will be useful for someone just starting out in web design. We'll start at the beginning, learning about things such as: creating and saving files, color and layers. From here we will move swiftly into Photoshop's vector toolset, masking and type. To wrap things up we'll learn how we can begin breaking our design up and getting individual assets out of Photoshop so they can be incorporated into our site.After finishing this course, you will have a solid understanding of the core Photoshop tools and techniques you'll need to be successful as a front end web designer. Software required: Photoshop CC v14.2.1.

Syllabus

  • Course Overview 1min
  • Getting Started 28mins
  • Wireframing in Photoshop 36mins
  • Preparing for the Mockup 33mins
  • Creating the Mockup 44mins
  • Image Optimization 38mins
  • Generate Images and Code 17mins
  • Optimization Automation 13mins

Taught by

Matthew Pizzi

Related Courses

UX Design: From Wireframe to Prototype
University of Michigan via edX
Designing a Technical Solution
Microsoft via edX
Web Design: Wireframes to Prototypes
California Institute of the Arts via Coursera
UI / UX Design
California Institute of the Arts via Coursera
Flush Out a Feature on Coursera in Miro
Coursera Project Network via Coursera