Join Justin Seeley for an in-depth discussion in this video Setting up character and paragraph styles, part of Photoshop CC for Web Design.
- View Offline
- Exercise Files
…You know, it wasn't that long ago that Photoshop really had…no control over the text styles that you created inside of it.…But now Photoshop CC does have the ability to do both character and paragraph styles.…And while the implementation is not quite as…good as something as maybe, InDesign or even Illustrator…for that matter, they're good enough so that we can use them in a case like this.…So, as you can see here inside of this document, I actually have all of the…headings, the sub headings, and the body copy,…all set up inside of my Paragraph Styles panel.…Now these panels are showing up over here because I'm in…the Justin's Web workspace that we created earlier in the course.…
What I'm going to do now is jump over into…this document and show you how to create those styles.…So, what I'm going to do is just grab my…Text tool, and I'll place my cursor right here.…Once I have the cursor blinking inside of that paragraph,…I just click right here on the New Paragraph Style icon.…I can then double-click on that, and I can name it something, so I'll call this H1.…
- 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.