Photoshop for Web Design

Start my 1-month free trial
  • Course details

    Working in web design involves creating UI (user interface) elements—icons, graphics, wireframes, and mockups. Adobe Photoshop provides the capabilities needed to make these design elements transition smoothly and easily to production. In this course, learn how to use Photoshop for modern web design workflows. Join Emily Kay as she takes you through a responsive web design project, including setup, using templates, making comps, and exporting for the web. Emily shows how to work with artboards, libraries, and smart objects. She demonstrates the process for creating several deliverables—wireframes, mockups, mood boards, style guides, navigation elements, and more.

    Instructor

    • Click here to view Emily Kay’s instructor page

      Emily Kay

      Author at LinkedIn

      Emily Kay is a web developer and graphic designer who teaches for the Community College District of San Diego.

      Emily has been working in the digital art arena since the early 1990s. She fell into graphic design and became hooked on pushing pixels. Her obsession with graphic design led her to web design and development. She has worked in the industry ever since and her current endeavors include assisting a variety of clients and companies in graphic-based and web-based solutions, as well as teaching for San Diego Community College District. One of her greatest joys is sharing her knowledge about graphic and web technologies with others. She spends a lot of time writing in code and creating powerful visuals.

    Skills covered in this course

  • Welcome

    - [Emily] Hi, and welcome to Photoshop for the Web. I'm Emily Kay, and I'm excited to share my knowledge of Photoshop, and how it can benefit your web design workflow. Photoshop has added some really great web-based features into the current version, enabling you to streamline your workflow and save time. Through the use of libraries, smart objects, artboards and layer comps, you can easily create multiple versions of a design simultaneously. Optimizing images is now a snap, and it offers a ton of design flexibility. First, we'll look at how we can best set up a document for web use, and the ins and outs of optimizing the workspace specifically for the web. I'll show you how to leverage the power of libraries to manage project assets, how to share watermarked images within your comps with clients, and easily update to high-res versions with just a click of your mouse. We'll look at responsive design holistically. We'll dive into layout challenges, and how to overcome them as a…

  • Practice while you learn with exercise files

    Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.

    Download the exercise files for this course. Get started with a free trial today.

  • Download courses and learn on the go

    Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.

    Watch this course anytime, anywhere. Get started with a free trial today.

Contents