- View Offline
- Why use Photoshop for web design?
- Decoding the mysteries behind screen size and resolution
- Giving your website a purpose with a content strategy
- Customizing a web workspace in Photoshop
- Designing responsively
- Creating wireframes on a grid
- Choosing colors and fonts
- Developing a UI kit with Photoshop
- Assembling a page mockup
- Creating image sprites
- Optimizing images
- Integrating with the rest of the Adobe Creative Cloud
Skill Level Intermediate
- [Voiceover] Hello and welcome to Photoshop CC for Web Design. My name is Justin Seeley and I'm a staff author here at lynda.com. The goal of this course is to show you how Photoshop can and is being used in modern web design workflows. I'm gonna start off by covering some core concepts of web design, including how the web is evolving with the advent of smartphones and tablet devices, why you'd want to use Photoshop for web design in the first place, and we'll also debunk some myths about screen size and resolution as well.
From there, you and I are gonna working together to create a full website mock-up for a fictional company called Two Trees Creative. I'll show you how to set up your Photoshop environment for web work, create templates for responsive web design projects, wireframe your ideas, design aesthetic elements like UI components, we'll finally assemble a finished mock-up, and then I'll show you how to deliver your final results to your client or to a developer. The landscape of the web is definitely changing, but I think Photoshop still has a place at the table.
Hopefully by the end of this course, you'll have a better idea of where Photoshop fits in the modern web workflow, and how you can use it to create better web deliverables for your next project. Okay, we've got a lot to cover, so if you're ready, let's begin our look at Photoshop CC for Web Design.