From the course: Deke's Techniques (2018-2021)

686 Using stylistic sets in Photoshop CC

From the course: Deke's Techniques (2018-2021)

Start my 1-month free trial

686 Using stylistic sets in Photoshop CC

“

- Hey gang, this is Deke McClelland. Welcome to Deke's Techniques. This week, I'll show you how you can switch between different stylistic sets, so there's a new one, specifically inside Photoshop CC 2017 or later. Now, a stylistic set is pretty much what it sounds like, it's a set of styles that's built into a single open-type SBG font, such as this guy right here, Trajan Color Concept. Now currently, we're looking at the gold set, which is the default. But there are 20 other sets, two-zero in all, including 18 color sets and two that are not color, and you get to those sets, by the way, from the Glyphs panel. Here, let me show you exactly how it works. Alright, so here we are looking at the tag set in the multicolor font Trajan Color Concept, and we're working inside Photoshop. And so, let's say I want to switch out any one of these characters. Then, I'd go ahead and select the Type Tool, which you can get by pressing the T key, and I'm going to skip over the A and the X for now, because currently they're expressed as a single ligature. And, I'll select the I instead. And as long as I hover my cursor over the I, then I'm going to see this popup list of alternative characters. And the one I'm looking for is this guy right here, which is known as turquoise. So I'll go ahead a select it. And then notice if I press the right arrow key in order to advance my blinking insertion marker, that I have changed that character to a very light turquoise. Alright, now I'll go ahead and press Shift-right arrow, in order to select the O. At this point, I'm not seeing any alternative characters, and that's because my cursor is not hovering over the selection. Your cursor has to be on top of the selection in order to see the alternates. And so, I'll go ahead and click on this guy right here, the turquoise version once again. And now, I'll highlight the M by dragging over it. Let's say, by the way, that the fact that Photoshop is always showing you these alternate characters really gets on your nerve, and well it should. Because, if I were to press another letter key, such as K, then rather than enter the letter K, Photoshop is going to go ahead and hide my panel. And then if I move my cursor even slightly, the panel's going to come back up. If you don't want that to happen, if you want the panel to disappear, then move your cursor away like so. Now, if I type the K key, then I will change the letter to a K. That doesn't happen to be what I want to do, so I'll undo that change. Hover over the M once again, and select the turquoise character. Alright, now another way to work is to select, let's say the V. And notice, if you were to count, we have 21 different style sets that are associated with this font. The first 19 all the way down to here are full-color variations, while the next two are a standard inset style over here on the right-hand side, as well as a solid style in the bottom-left corner. But, if for some reason, you're not quite seeing all the styles, then you can click on this right-pointing arrowhead to bring up the Glyphs panel, which is going to be automatically set to Alternates For Selection. So you're not going to see all the letters, you're just going to see the Vs in this case, at which point if I double-click on this turquoise V, I will replace that character, like so. Now, if you select multiple characters and then move your cursor away from them so that popup panel goes away, then notice if I double-click on this turquoise eye, I just replace one of them, the other two survive. And so, if I want to get rid of those other two and switch them out, the easiest way to work is to just delete them by pressing the Backspace key, or the Delete key on the Mac, and then change this guy from Alternates For Selection to either entire font. If you want to see every single stylistic set that's associated with this font, or I'm going to go ahead and scroll all the way to the top, and I will click once again and notice, after these first two commands in this third section of the menu, we have what is ultimately the second stylistic set, Silver. So the first one, Gold, doesn't even appear in a list, and that's because it's the default set. And so, it's going to appear at the top of the panel when this option is set to Entire Font. Now in my case, I've ought to scroll down once again to the turquoise letters, but if I were to scroll up, I would see the gold ones. And so, we have a bunch of different alternative stylistic sets, beginning with Silver, where the full color ones are concerned, and ending with Transparent Grayscale, which is ever so slightly translucent, as it turns out. And then we've got traditional styles Inline and Solid. And we'll see what Inline looks like before this movie's over. But I'm going to go ahead and choose turquoise, at which point, I'm seeing that eye. I'll go ahead and double-click on it a couple of times in order to add the missing Is to my text. Alright, now the remaining characters are ligatures, and so if I were to select the A and X, then Photoshop isn't going to offer me any alternate ligatures, it's just going to offer me the first character, which happens to be an A. And so notice, if I select the A, I keep the X. So I end up breaking the ligature. That's not what I want, so I'll just go ahead and drag over both of these now independent characters, and here inside the Glyphs panel, I'll go ahead and make it taller so that I can see all the characters that are available to this particular set, and I will double-click on the AX like so. In order to switch out both the A and X is wanted to do, then I end up leaving the old X behind. And so, I'll just go ahead and get rid of it. This time, I'm going to click after the second X down here in the second row, and I'll just go ahead and get rid of both of those Xs this time, and I'll double-click on the double-X ligature down here at the bottom of the panel in order to bring back that character, like so. Alright, now I'm going to hide the Glyphs panel, and once again, I end up with what looks to me like extra space around the V. And so, with the cursor between the X and the V, I'll go ahead and press Alt-left arrow, that would be Option-left arrow a couple of times in order to cur in those characters together, and then I'll click between the V and the I and press Alt-left arrow, or Option-left arrow a couple of times once again, and then I'll press the Escape key in order to accept my changes. Alright now, I could replace these warped hyphen characters up here at the top and the bottom of the image, but that would require me to dig inside these Smart Objects. And so, instead I'm just going to click on a type group up here at the top of the Layers panel, and I'm going to change the blend mode from Pass Through to Luminosity in order to produce this uniformly purple effect right here. Now, I want to show you one last thing that applies uniquely to Photoshop. If I were to select this Text layer right here, the one that reads AXIOM XXVIII, and let's say I want to hand it off to someone else who's working in an older version of Photoshop. In that case, then I have one of two options. I could go up to the Type menu and choose Rasterize Type Layer in order to convert that text to pixels, and that way, it will survive on anyone else's machine. The problem is, of course, that from this point on, we're locked into this resolution. I don't want that, so I'll press Control-Z or Command-Z on the Mac to undo that change. And instead, I'll go up to the Type menu, and choose Convert to Shape, which is going to convert this Type layer to a resolution independent vector-based shape layer. Problem with this is that I just want you to see what happens. Shape layers only support one color at a time inside Photoshop, and so to compensate for that, Photoshop goes ahead and switches to what's known as the Fallback Style, which in the case of Trajan Color Concept, is that inset stylistic set, and so we end up with standard black letters instead. Now, you can change the color of those letters at this point by double-clicking on a thumbnail for that shape layer and choosing a different color. Now, because the entire group is set to Luminosity, going with, for example, red is going to apply that brightness value and nothing more, so the letters are going to continue to look purple. But if I were to click OK, click on a type group once again, and change the blend mode back to Pass Through, which is going to respect the blend mode assigned to each and every layer. You can see that the text is, indeed, red. I don't want that however, so I'll just go ahead and double-click on the thumbnail for the Shape layer once again, to revisit the Color Picker dialog box, and I'll change the color to white like so, and click OK. And then, to hide those bluish path outline, I'll just go ahead and switch back to the Rectangular Marquee Tool, which you can get by pressing the M key. And that's how you switch between different stylistic sets. In this case, as offered by the multicolor font, Trajan Color Concept. By dialing in new characters from the Glyphs panel, here inside Photoshop CC. Now, if you're a member of Lynda.com/linkedinlearning, I have a follow-up movie in which I show you how to switch between different stylistic sets from gold to green, for example, inside Illustrator CC 2018 or later, where it happens to be a lot easier, by the way. In addition to swapping at individual characters from the Glyphs panel, you can switch entire sets from the Open Type panel. If you're waiting for next, I'm going to show you how to create gradient molecules, also known in mathematics as a Voronoi diagram inside Photoshop, and I don't mean Photoshop CC, I mean any version of Photoshop going way back. These techniques each and every week, keep watching.

Contents