Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
The web design landscape is constantly changing, but Photoshop is still a classic. Designers use it to create UI elements, web graphics, wireframes, and functional mockups. Designs that transition beautifully and easily to production. Join staff author Justin Seeley as he reveals how Photoshop is used in the modern web design workflow. Together, you'll create a mockup for a creative company that contains responsive templates, a fully developed color and font theme, and a UI kit full of buttons, navigation bars, check boxes, and other ready-to-use interface elements. He also shows how to optimize web graphics, create image sprites, and integrate other apps like Illustrator and Muse in your web design workflow. Follow along, and learn how to design better web deliverables for your next project.
Hello. And welcome to Photoshop CC for Web Design. My name is Justin Seely, 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 work flows. I'm going to 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 going to be working together to create a full website mockup 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 finish mockup. 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.
There are currently no FAQs about Photoshop CC for Web Design.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.