From the course: Photoshop for Teaching and Learning
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Working with type
- [Instructor] On most websites, text is added to the HTML code itself and styled using CSS, or cascading style sheets. However, on most of the sites we use in teaching and learning, we do not have the level of access to the CSS files needed to accomplish this. So for our unit banner template, we'll add that text manually inside of Photoshop. Now by doing this, we will create an accessibility issue since the text that you add to your image will not be accessible to screen readers. So you will need to make sure to add the appropriate alt tag descriptions when you post your image online. For now, let's make sure that our 1200 by 600 art board is selected, and then select the type tool from our tools or press the T key. And up in the options bar, you can select many of the typical type settings that you're used to from other programs, such as the font, and notice that Photoshop shows you a preview of what the font is going to look like over here on the right hand side. Your list will be…
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.
Contents
-
-
-
-
-
-
-
Preparing images for use on the web1m 53s
-
Using artboards4m 30s
-
Finding appropriate image sizes2m 52s
-
Using Smart Objects4m 16s
-
Working with type4m 21s
-
Using layer styles3m 34s
-
Using type in Smart Objects5m 59s
-
Generating web graphics3m 42s
-
Challenge: Create course banner graphics36s
-
Solution: Create course banner graphics5m 15s
-
-
-
-