Transcripts
1. Glitter Text Shapes and Scrapbook Paper in Photoshop Introduction: Hello. I'm Helen Bradley. Welcome to this graphic design for lunch class, glitter texts, shapes, and scrapbook papers in Adobe Photoshop. Graphic design for lunch is a series of classes that teach a range of tips and techniques for creating designs and for working in applications such as Illustrator, Photoshop, and Procreate. Today we're looking at creating glitter in Photoshop. We're going to start by creating a glitter pattern and then we're going to use it to fill a shape and also to fill some text. As you're working through these videos, you might see seen a prompt which lets you recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. These recommendations help me get my classes in front of more people, who just like you, want to learn more about Photoshop. If you'd like to leave a comment, please do so. I read and respond to all of your comments, and I look at and respond to all of your class projects. Now let's get started creating glitter in Photoshop.
2. Glitter Text Shapes and Scrapbook Paper - Part 1: To get started making a glitter, we're going to start with a document. I suggest you start with pretty near the finished size. You probably won't want to be adjusting the size of this document too much. Particularly for example, you're making scrapbook paper. At scrapbook paper, I would be starting at around your 3600 by 3600 pixels. I'm going to make mine a little bit smaller. Mine is going to be 1000 by 1000 and RGB color mode, I'll click "Okay." You can have a fill back layer or not as you like. I've just chosen white, but it doesn't really matter at this point. I'm going to choose "Layer", and then "New Fill Layer", and then "Pattern." I'm going to click "Okay." Now I've got patterns already in my pattern collection, and Photoshop defaults to the very last pattern in the patterns palette. Well, I'm going to open up this drop-down list here, and go to the shortcut menu. I need to load the Texture fill 2 pattern group. This is a group that is shipped with Photoshop. You'll find it in your patterns list. Click on it to select it, and click "Append." If you clicked "Okay", you would lose any patterns you already had in this patterns dialogue, and you'll lose them permanently. You won't want to do that. You want to click "Append" to append them to the end of your patterns palette here, and the pattern you want is this very last one. It's called web, and it's a 200 by 200 pixel pattern. I'm putting it in at 100 percent, and I'll click "Okay." Now you can see that because these pattern tiles are only 200 pixels by 200 pixels, we're getting a little bit of a pattern repeat through this document. I'm not worried about that at this stage. Next we're going to put on this document, a second filled layer with exactly the same pattern, but scaled at a different size. We'll choose "Layer", "New Fill Layer", and "Pattern." Click "Okay." We get the same pattern as we used last time. This is the one we want. But this time we want the patent to be a little bit bigger than it was previously, but we don't want to make it a factor of 100. We wouldn't use 200, for example, because we would just be putting a pattern over the top of the exact bounds that we're going to try and get rid of, this little tile edges later on. We want to break this up. We're going to choose a value that is not anything that is a direct multiple of 100. I'm going to choose 133, which is 30 percent larger. These lines here are not exactly over the top of the lines on the pattern layer below. I'll click "Okay." Now we're going to blend these two layers together. If we open up the layers pallet, you'll see that we have two pattern fill layers and they're just slightly offset from each other. What we're going to do now is blend them together. If you're on a Mac, go and select the "Rectangular Marquee Tool" at this stage. You can use shortcuts to navigate through the blend mode list. Target the topmost layer. That's really important because blend modes work down. Click on the "Normal" here to open up the pallet list, and click "Dissolve." That's the first of these blend modes. It's not doing anything very useful here, but now we can start moving through the blend mode list. If you're on a Mac, you'll press "Shift plus" or "Shift minus" to navigate the list. On a PC, just press the down arrow key. Every time you press the down arrow key, you are going to get another blend mode, and a different effect on this image. These are not going to remove the tiling effects completely, but they will help minimize them. We're going to get rid of them completely in a minute. Multiply is a nice blend mode. This is going to give you really dark glitter. So if you want really rich dark colors, that's a really good blend mode to use. Color burn is pretty interesting, linear burn, darker color. These first sets of blend modes are old darkening blend modes. You're always going to get darkening effect here. Now we're into the lightening blend modes. These are the lighter ones, lighten, screen, color dodge, linear dodge, lighter color. They would work, but they're probably not exciting enough for glitter. Now we're getting into the contrasting blend modes. These work on contrasts, the difference between lights and darks in the image. These may hold some promise for us, because we've got darks and light areas. This is overlay, soft light, hard light, vivid light, linear, pin. Then we're into a group of other blend modes, none of which are probably going to help us too much, but you may want to just fuel curiosity go through them. I'm going to settle for pin light. This is a nice balance for me between lights and darks. I've got some nice texture happening here. Next up we're going to color our glitter. We're going to add a color layer here, again using layer, new fill layer. But this time we'll choose solid color, and click "Okay." Now we can choose a color for our glitter. You could choose green, or blue, or whatever you like. I'm going to choose a turquoise color. I'm going into this turquoise area. I'm going to choose a light turquoise, and I'll click "Okay." Because this is a solid fill layer, we can't see anything through it. So we're going to need to blend it into the layers below. Again on the Mac, make sure that you're using some tool that is not a brush tool. That's why I suggest you select the "Rectangular Marquee Tool". On a PC, it doesn't matter, just go to the first one. On the Mac "Shift plus", "Shift minus." On a PC, just press the down arrow key. Now you're going to run through these blend modes to find something that is going to give you exciting glitter, and this is exciting glitter. Color burns are really good effect here. We'll run through a few more just to see the difference, but we'll probably come back to color burn, linear burn, darker color, lighten. This might be good for some lighter glitters. Color dodge might be a good option for you there. You're still getting some dark and light areas with color dodge, and then down into the blend modes that work on contrast. Again, overlay, soft light, hard light, vivid light, linear, pin. You can see pin light is absolutely useless at this point for this glitter, whereas it worked really good for blending the textures together. I'm thinking here that vivid light might be really nice if you want a light glitter. This is nice effect here, but I'm going to head back to a slightly richer color with my color burn. Now, if I'm settled on my color at this point, I can go ahead and just merge these layers together. I'm going to click on the topmost layer, shift click on the last of the pattern layers, right-click and just choose "Merge layers." This is now merged into a single layer, which is our glitter. But we do have some residual lines from our original pattern here. Well, a solution is to go to the clone stamp tool. You're going to click once on a "Clone Stamp" tool, and then you're going to go and get a brush. Now, this is a brush that you typically wouldn't use. This is a 100 percent hard brush. We don't want soft edges, we do not want it to start making glitter fluffy at the edges, or feathered at the edges. We want it really, really hard. I think the brush is a bit big, but I can use the open and close square bracket K to just adjust my brush size. I'm using the open square bracket K, which just adjusts the brush down. Now I'm going to hold down the "Alt" or "Option" key. I'm going to sample some of the image here, and then I'm just going to click and paint it over the areas in the image where I'm seeing the pattern lines come through. There are some pattern lines along here. I'm just going to select some part of the image here, and then just paint over these areas and you shouldn't see a huge difference. What you should just see is some removal of those pattern lines, and you can continue to sample as you go. Just hold "Alt" or "Option" as you click on an area to sample it, and then just click to paint it. When you're happy that you've removed the visible pattern lines, then you're done. This is your shade of glitter. Now we're going to go ahead in the next video, and we're going to use this to fill text, and we're going to use it also to fill a shape.
3. Glitter Text Shapes and Scrapbook Paper - Part 2: At this point, you'll probably want to save your document because you can reuse this glitter document over and over again. It's also pretty easy to recolor it, we'll see a little bit later with a Hue saturation adjustment. Save your original and then get started on a copy of it. We're going to make a text effect, I'm going to the Text tool and I'm just going to click on that. It doesn't matter what color text I'm using, but I have found a really nice font online that's free, it's called Cookie. I'll give you the download link for that; just a cute little font. You'll probably want a font that is relatively thick because you want the glitter effect to show through, you don't want to lose it in a skinny font. This is probably about as skinny a font as you would want to use. The next thing is to create a Clipping Mask, and what we want to do is to take the glitter filled layer and clip it just to the text. We need to reverse the order of these two layers, so I'm just taking one of these layers while I'm taking the glitter, and I'm going to drag it to the top of the Layers stack. You could have gone the other way and just drag the text down. Now we're going to create a Clipping Mask, so we have the Glitter Layer selected, we'll choose Layer, create Clipping Mask. Now we have text that is filled with glitter. It's not quite perfect because it probably could have a border around it, but we do have, now, text filled with glitter. Of course you could use any word that you like for that. I'm going to go down to my Text layer, because here is where we can add some interesting effects. At this point, you may want to sample a different color for your background. This might look really good on black, for example, I think I probably will, so I'm actually going to fill this background layer with black before we proceed. With my background layer selected, black as my background color, I'm going to press "Control", "Backspace", "Command", "Delete" on the Mac to fill it with black. So let's go back to our Text layer, you can see the glitter looks pretty good on black. I'm just going to press "Control or Command Zero", so we zoom in a little bit. I'm going to open up the Styles panel, and I want to add a stroke around the outside of this type. I'm going to click Stroke. Now you can add all sorts of Stroke, so we could, for example, add a lighter color. I'm going to grab my Color tool here, click here in the Color Picker, and I'm going to go and sample a color from the Glitter type itself. I can just click here to try and find something that's going to be a nice color that's actually going to complement my glitter, because it comes from the Glitter type itself. I can increase the size of it, right now it's positioned on the inside of the text, so it's eating away at the glitter. We would probably want it to be at least centered, if not on the outside, so that we still get as much glitter as we can. We'll use normal Blend Mode because we don't want this to blend in to the underlying layer. Now, in addition to just using a solid color fill, you can also use a Gradient Fill. Let's go and select Gradient for example, and in the Gradient Fill area, what we can do is choose a gradient, either from the ones that appear in here or you can open your Flyout menu and choose to add some of these other gradients. Now, I've probably got most of the gradients that are shipped with Photoshop already in here, but let's just see how we would, for example, load Color Harmonies 2. I'm going to click on Color Harmonies 2, and I want to append it because I don't want to lose these gradients, I just want to add some more. Then you can click on a gradient, there is the Color Harmonies we just added, so we could add a gradient such as this. You may find that there are some gradients here that work well with your text, and sometimes choosing gradients that are in an opposite color. For green, that would be orange, might give you an interesting effect. You may not want the line to be so thick, but just having that contrast in color might work really well. I'm actually going to go for this orange color, so I'm going to click "Okay". I think the line is too thick though, so I am going to bring it down one or two points. I can also adjust the gradient right now, it's very much orange at the top and yellow at the bottom, well, we could change that. For example, just tip it so that was orange on one side and it goes to yellow on the other. You can also experiment with different styles of gradient. For example, a Radial Gradient is going to appear differently, you're going to have a color in the middle and a color around the outside, and there are Angle and Reflected and also Gradient is here. Some of these might give you different effects that you like better, for example. This is probably not what I want, so I might go back to Linear, just settle for an angle. You can reduce the scale on your gradient if you wish, there are all sorts of options here that you can tweak to get the effect that you like, and that [inaudible] just going to take this down one point and just settle for this, click "Okay". This is of course a removable effect. You can click on the Stroke here to remove it and click again to display it. Now, one of the things that glitter tends to do, it reflects light, so you see sparkles in glitter. We're going to finish this effect off in the next video, by adding some sparkles.
4. Glitter Text Shapes and Scrapbook Paper - Part 3: To add some spark, we're going to use a brush. So I'm going to click on the Brush tool here, and I'm going to the brushes panel. The brush that we want is in assorted brushes, and if you don't say it in your list here, you can easily append it. Just click the Flyout menu and click Assorted Brushes, and of course, you're going click Append because you don't want to lose any brushes that you might have in the list that you've installed, or that you've created yourself, and the brush that we want in this appended group is this one. It is called a Starburst-Small, and it's 50 pixels in size, but that doesn't matter because we can change it very easily. So I'm just going to select it and click Away from it. We have white as our foreground color, which is a good color. We do want a new layer though. So I'm going to click on the topmost layer, and add a new layer, because I want my Starburst effects to go on a separate layer so that they can be removed or erased if they're not right. I'm just going to adjust up the size of my brush, and I'm going to add some Starburst. Now, you can click once or you can click a couple of times. When you click a couple of times, this is a partially opaque brush. So it's going to add some extra opacity, and it looks my opacity setting anyway was really small. So I'm going to need to work that up a bit. So I'm just going to undo what I did, and let's go and put that new layer back in. Let's go reselect the Brush and make sure I'm working at a 100 percent opacity. Of course, to undo I'm just pressing Ctrl+Alt+Z on the computer command options Z on the Mac. What I'm looking for is just places where I've got a light color right up against the edge, and that's going to be a natural place for glitter, to give off a burst of light, and I'm going to hit it a couple of times when I really want to get some extra gleam. So you can go around your glitter texts and just add this little burst of light, which really helps sell the idea that this is text that is actually filled with real glitter.
5. Glitter Text Shapes and Scrapbook Paper - Part 4: The final thing we're going to do with glitter is to fill a shape with some glitter and we're also going to recolor the glitter. Now, I thought it would be interesting to fill something like a crown with glitter but the crown shapes that come with Photoshop aren't very good. What I did was, I went to the Web to find something that we could use and there's a set here of Royal Crown. Now, the AI file, so the Illustrator files but inside the file package are also some Photoshop CSH shape file, so you'll be able to use them in Photoshop. You going to come here and download this file, and then you're going to open the downloaded file either in Windows Explorer or in Finder on the Mac. Inside the Zip file that you've downloaded should be two shape files that they're identical. There's 35 Royal Crown shapes and Premium Crowns. We're just going to take the 35 Royal Crown CSH file and because Photoshop is already open, I'm just going to double-click on this and I'm asked if I wanted to open it. I'll click "Open" and they shapes are automatically going to be loaded inside Photoshop. Here is my custom shapes collection and here are all the crowns that we get with that download. There's lots and lots of crowns to choose from and you can choose practically any of the mostly on what's going to work perfectly. You'll probably want one that's got a lot of white in it, so I wouldn't choose these darker ones because you're not going to get a lot of glitter but any of these that has lots and lots of white is going to show up lots and lots of glitter in the final presentation. I'm going to go back to this one. I'm going to add a new layer to my document, so I can draw on a new layer and I'm going to for a moment, just hide this glitter because it's going to me easier for me to see things as I draw it. If I don't have the glitter between me and the image, I've got just a color in here. You can use any color but also you could just press letter "D" to get the default colors, which are black and white. You going to the Custom Shape till you've got your crown selected from the drop down list here, you want to select "Pixels" in earlier versions of Photoshop. They are going to be three icons here instead and you're going to choose the rightmost one, which will be pixels. I'm going to hold the Shift key so that I "Create" my crown in its original proportions. I don't want to skew it out of proportion. I want a pretty big crown here. This is beautiful custom shape. There is my crown all black and on a layer all by itself but you can say that only the crown has been drawn, the white is coming from the background. Now, as we did earlier, we're going to put the crown underneath the glitter, put the glitter on top, make the glitter visible and we're going to create a clipping mask. Layer, create clipping mask. Of course, we want to be doing that on the topmost layer. Now, we could add a color behind the crown so for example, we could put black behind it. I've got black here as my foreground color. I have my background layer here selected. I'll press '' Alt Backspace'' that would be option delete on the Mac. Now, I think this crown could do with having a lighter edge around it. I want to delineate it from the background. Again, I'm going to select on my crown, I'm going to click the '' Fx '' icon and choose stroke. Now again, I can apply any sort of stroke to it. I can apply a solid color by just clicking on color and then going and getting a color to use. I'm thinking sort of gold color would probably sort this pretty well, a light color but much, much smaller size probably only as little as one pixel is all you would need here to delineate it. Of course we can also go for a gradient and we can select from any of the gradients that are shipped with Photoshop or we could create our own gradient. Here is a gold color gradient and like the gradient but I'm not sure about the color of it. I'm going to select this gradient and it's going to click in this box here so I can get access to the gradient itself. Now I can click on these color stops and I could even change the color. If I wanted it to be a little bit more green, I could make the gradient a little more green. Now, I've already colored this color stops. I'm just going to click here to create another grain stop, going to take it all the way across and then just remove the yellow one. So I'm going to click here to make a duplicate of the grain. Take it all the way to the end, get rid of the yellow at the end. Now I have a gradient that still has these lines in it but this time it's green and cream instead of yellow and cream. You can adjust the gradient to suit your own needs. Click '' Okay ''and bringing it in on an angle which I think it's a good idea here. I'm just going to test to say, what I think about two pixels. I actually think I'm going to go back to just one pixel around this crown and I'll click,'' Okay. '' Now, if you're using Photoshop CC, you can actually add multiple strokes to your shape. If you're not using Photoshop CC this is what you're going to do. You're going to select your crown and the gradient and you're going to right-click and choose Convert to Smart Object. When you convert this to a smart object, you can add a second stroke to it. Now you'll need to do this if you're working in earlier versions of Photoshop. Here I'm just going to add a color so I'm just going to add a second stroke probably two pixels this time. That is going to be this lighter color but I don't want it to be quite so intense. I'm just going to dial down the opacity a little bit and click '' Okay.'' That's for earlier versions of Photoshop. Now, I'm just going to unwind this because if you're using Photoshop CC you can apply multiple strokes. We're just going again to the '' Fx '' icon, we're going to click on '' Stroke '' and in the stroke dialogue you can see here that we can click a '' Plus sign '' to add a second stroke. I'm going to go and edit the one underneath here so that it doesn't block out the one on top. I'm going to add my color. I'm going to add a two pixel line and I'm going to reduce the opacity of that just a little bit. It looks actually like I've managed to add an extra stroke probably in my enthusiasm here. But this is the multicolored stroke and then this is the single colored stroke as well and I'll click '' Okay. '' As we did with the text, we can also add little sparkles to this and we really should. I'm going to add a new layer. I'm going to make white my foreground color. I'm going to my brush. Now, I still have my small starburst brush selected. If you don't still have it selected, you can go and select it. You'll want to adjust its size using the open and close square bracket case, working on the new layer you can then go ahead and just add your little sparkles to your crown. Again, to reinforce the impression that this is really glitter on the crown. Now, if you want to recolor your glitter you can do so, just click on the '' Glitter layer '' and then you'll choose layer, new adjustment layer, hue saturation and click '' Okay. '' We want to limit this to the layer immediately below it. I'm going to click on this icon here and what that's going to do is just limit the change in color to the layer below. I'm just going to drag around on the hue slider. As I drag on the hue slider you can see that the colors in the crown change. Over here we have a sort of red color, at the other end of the scale will have a slightly more pink color working towards purple. Now, if you want the re-color effect to also affect to the stroke around the crown then you can disable this link here and in this case, the Re-color effect is going to affect not just the glitter but also the strokes that you have. You might find that you get better results with that but just be aware that this icon here allows you to limit the color change to just the glitter layer. Or if you don't click it, the color change will affect everything underneath this particular layer. Now, I'm liking this effect a lot so I'm just going to go and get a color that I like. I can increase or decrease the saturation here. I could also increase the lightness but I don't want to do it too much because there's a risk that when you lighten the glitter, you're actually going to flatten it so you're not going to get quite that contrast in it. The contrast that really makes the glitter what it is. When you finish, you can just click away from that close the panel. There's our glitter filled shape. You've seen how easy it is to fill a shape with glitter and it's pretty much the same thing as filling text with glitter but we are also able to source some really interesting shapes online. Always have a lookout for free shapes that you can use that will extend the shapes collection that you have shipped with Photoshop. Your project for this class is going to be to create your own glitter and then fill either some text or a shape with your glitter and post a picture of your finished project in the class project area. Feel free to use any shape or any font that you like but you're also free to use the ones that I have used and I've given you those download links. I hope that you've enjoyed this class and that you've learned something about creating glitter objects as well as glitter scrapbook type papers in Photoshop. As you're watching these videos, you will have seen a prompt to recommend this class to others. Please, if you're enjoying the class, give it a thumbs up. These recommendations really help me get my classes in front of more people who just like you want to learn more about Photoshop. If you'd like to leave a comment, please do so. I read and respond to all of your comments and I look at and respond to all of your class projects. My name's Helen Bradley. Thank you so much for joining me for this episode of graphic design for Lunch and I look forward to seeing you in an upcoming episode soon.
6. Photoshop 2020 how to find the pattern to use: This is an additional video for the glitter class because there is an issue in Photoshop 2020 in relation to the pattern that you need to use to make the glitter. The problem is that Photoshop has reorganized the patent options in Photoshop. For example, if I go to one of the pattern tools that you're typically going to use such as layout, new fill layer, and then pattern and click "Okay" then obviously the last pattern you make gets dumped into the document. But when you go to this drop down list here, and if you need to go and access one of those patterns that you're typically used to using and in actual fact, in this case, the pattern that you need for this class. When you click this gear icon, it's not here, so it looks as if these patterns are no longer in Photoshop. They are, but they just got moved. What you're going to do is go to the Window menu here and you'll go down to Patterns. Now, if you're using an earlier version of Photoshop than say 2020, you're not going to have patterns here because they are where they always used to be and the instructions I gave you in this class is going to work perfectly. If you're using Photoshop, say 2020, you won't be able to find that pattern because Adobe moved it. Let's go to the patterns dialogue and what you're going to do when you get to this new patterns dialogue, is you're going to click the fly out menu here. Then you'll go down here to legacy patterns and more and these are the legacy patterns that you need. When you click it, it looks like nothing has happened but don't be confused by that because in actual fact, these legacy patterns have been added. They're down here. You're going to open this little disclosure triangle, just click on it to open up this area and you'll see that there are some 2019 patterns. They were patterns that were included in 2019 but what we want for this class is the legacy pattern. Again, click on that disclosure triangle, and then you're going to go down and here's takes to fill to exactly the same name as I used in that class. It's exact same group of textures. As promised, it's the one at the very end so it's this one here. It's a web at 20 by 20 patterns and so this is now going to be available to you. You will then go and add the pattern to the document in the same way as I explained to you in the class, which I can't remember right now. One of the ways is to choose Edit and then fill, and then you'll choose pattern. You'll go and now select this pattern that you want to use, which is going to be an legacy patterns and more. It's going to be in legacy patterns and then it'll be in texture 2 fill and then it's going to be the very last one there. We'll just go and grab it and click "Okay" and the documents filled with that. I can't remember as I said, which way I told you to do it but if you were told to do it using the layer method, you would choose layer and then you fill layer and then pattern. Click "Okay", the very last pattern that you created is in the dialog here. You'll click down here and then you'll just go and get your texture fill. There it is. I hope that helps you. I'm sorry that Adobe changed the system, but thank you to the student who asked the question because she couldn't find it and hopefully this will help not only her but everyone else.
Helen Bradley, Graphic Design for Lunch™
