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