Your First Day Designing Websites in Photoshop
Offered By: Pluralsight
Course Description
Overview
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.
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 PrototypeUniversity 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