Join Justin Seeley for an in-depth discussion in this video Creating documents for web projects, part of Photoshop CC for Web Design.
- View Offline
- Exercise Files
…One of the first things you do, anytime you start…up Photoshop for a new project, is create a file.…And in this movie I'm going to show you how to properly create files for the Web.…Let's go up to the File menu and choose New,…or you can press Cmd or Ctrl+N on your keyboard.…And, when you jump into the new dialogue box, first thing…I always do is I name the project up at the top.…Whatever it is I'm going to be working on.…So in this case, I'm just going to give it a generic name of web mockup.…If I were working on a specific website, I would actually put, like the…web address and then dash whatever the name of the company is or something.…
Underneath here, you have the ability to choose for presets, and…you do have two preset sections that correspond to screen based design.…You have the web section and you also have the mobile and devices section.…Now, I do have somewhat of a problem with these settings because, first of all, the…web section has a bunch of screen sizes…that aren't necessarily what we consider to be modern.…
- 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
1. Core Concepts
Understanding the "new web"2m 39s
2. Setting Up Photoshop for Web Work
3. Designing Responsively
What is responsive design?5m 26s
4. Creating a Wireframe
5. Creating Aesthetic Elements
6. Creating a UI Kit with Photoshop
7. Assembling a Page Mockup
8. Optimizing Web Graphics
9. Creating Image Sprites
10. Using Other Apps in Your Workflow
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.