Lessons

Lesson Info

How to Create an Ink Splash Image Around Text - Color Range

Hi there. This video is going to take everything we've learned with color range and put it into a practical exercise. I felt like we needed this video because learning color range in isolation is great but often you'll run into issues when you're trying to combine it with a bunch of other things like type here. So we'll do this exercise to kind of flesh out any problems that you will run into in the future. Plus it'll allow us to practice what we've learned so far. Are you ready to make a super smoothie inc where it's meant to be banana splash thing if you are, let's get started. Alright, so I'm starting with an example from earlier on, you could just jump in and just start with the background color and you might decide the fruit splash stuff. You don't have to actually do. I just want to do the ink with the text up to you. But what I want to do is I want to open up the ink splashes. I gotta file open and in your folder called 02 selections. There's one called color range six and seven...

. Alright, so six and seven, just variants of the same kind of ink splash. I'm gonna select them. We're going to run into some issues and I'll show you how to fix them and then we'll change the colors and get it interacting with the type. So whenever you getting splashes like this, this is from adobe stock and it's on a white background, which kind of sucks would be nice if it was clear cut already but it's not So let's work with color splash six. So we're gonna have to use a couple of tools to make this work. Let's start with our good old faithful select color range. We're going to not use skin tones when you sample colors, we're going to click in here and what we might do is hit the plus button, drag across a bit of it, bit of that as well. You too? You? Yeah, we've got a pretty good selection there. If you're just joining us for this video here, just make sure your selection previews on grayscale. It gives you a good kind of black and white contrast. Let's click OK, And let's turn it into a mask. Now, our biggest problem is can you see there's a white chunk in there, so it's missed that out. So when I turn it into a mask and then click on this button here, it's cut little holes in here and you got to decide whether it's worth fixing these up or not. I am going to So I'm going to use my remember our little trick. We hold down the old key on a Mac or option key. No, it is the option key on a Mac old key on a Pc and click on the mask. Makes it super clear. I'm gonna grab my brush tool which is the beaky and I'm using my super shortcuts wrong X. So I'm using white is my foreground color and I'm just kind of tidying up the bits that are clearly not holes. They are just things that color range left behind. How hardcore am I going to do for this? I'm not super worried because it's I know because I've practiced that already that nobody's going to notice any of these small bits, but I guess I'm just showing you holding space bar to click and drag around. You probably knew that already. Yeah, we're getting there, move it down. Remember stinky hold down option on the Mac, hold on a pc took on the master. Go back now, let's check this to see if we've got a good mask. We're going to dive back into the masking technique we used in the intro version of Photoshop course, it's called Photoshop essentials but I want to retouch on it because a lot of people will jump into this advanced class and does not do essentials and miss out some of the super magic that happened in the essentials course. So what I'm going to do is with my mask selected, I'm gonna click select and mask. And what's really cool about this is you can say at the top here beyond black and you can have the opacity right up. So you can see a nice contrast with the background. You might say, damn, that is a perfectly good mask and I'd probably lazy dan would say you are right and not into that, cancel and get out of here and use it. But let's say it's the front cover or something and it is going on black which will be tough. So if you use color range to get here we use the paintbrush to fill in some parts. Let's try and smooth this out. Smooth is a nice one in this option. So watch the smooth up a bit higher, you can see just kind of like smoothing out the edges, make them a little fuzzy but that's okay. This image is a little out of focus as well and that might be enough. Right, so cool. Little shortcut is the peaky. Just tap it while you're in here and it turns the original back on original soft focus version. Original a little bit slow so just tap the p key on and off to go back to the original where you are at now. Two of the things that I might do is shift the edge just in a little bit because you can see there's still a bit of ghosting around the outside so shift the edge in a bit at the peak. E made a better worse. It's looking okay if that doesn't get it. I find decontaminate colors works really well which is going to put the shift edge back to zero and just turn on decontaminate colors, you can see they're just kind of fixes up all the edges. It's pretty magic. Now, you might remember from the photos of essentials if I use decontaminate colors, it's going to create a new layer with this mask on it because it does some pretty serious changing of the image. So let's click OK, you can see here, it's there's an original that was working on and because I use decontaminate colors, it says well let's just put it on its own layer because what you'll find is if I right click and disable this mask, you can see it's done some really crazy stuff to the edges to make it a really crisp clear selection. It's awesome. We can go back to the original but that's why you end up with a second layer. So I'm going to grab my move tool, click hold and drag and go to my weird little banana, blueberry smoothie thing. I'm going to add some text. Okay, before I get into too much coloring for this, so I'm just going to turn all of these off now. Cool. Little trick is watch this if these are all on, you want to turn all of them off except for the background. Just click the first one, hold, hold, hold mouse, drag it down them all back on by clicking and holding and dragging across them. Just a nice little quick way of turning just some of them on and off to add some type and so you can skip along this but I'm just adding type but stick around when we go and change the colors of these paints, which is actually what I'll do is I'll get the editor to just fast forward this bit. It's very exciting. Alright, we're back. I put in some fonts if you're looking for these fonts, they are, this one's museo sans condensed, you can download that from type kit free, but you're really after this one here. Right. This one here is called machine script actually re machine script, you can see it there. Now I've included this version of this font in your exercise files. Where is it? It's here under font. Now what you'll see, it says for personal use. So if you want to use this commercially, reach out to the owner of this google re machine script, you can use something like my fonts to go and pay for it if you want to use it commercially. So this is the free version to use but you can only use this personally. I love it though. Such a cool font. Now I stopped here, I added a drop shadow. I picked a color I wanted to drop in here because I wanted to show you just another trick. Well both of these have the same drop shadow with have applied the drop shadow to. Super, I can right click anywhere in this kind of gray area, I can say copy layer style, click on smoothies. Right, click it and say paced lifestyle. That's a simple but helpful little trick. So now I want to go and rick uhler, this thing looks like blood, strawberry, na it still looks like blood. So I want to make it kind of banana colored. So with a layer selected here, I'm going to go to my adjustments layer. I'm going to play around with human saturation. The trouble with doing this here, if I change the hue, it's going to change the background as well. So what I can do is see this little icon here, it's a little, it's got a really long name but basically it says only affect the layer just underneath. Okay, so this human saturation layer is only affecting my color splash now, so you can see when I adjust it, you need to do this background colors on Okay, the green and the blue looks a lot nicer. Anyway, kun saturation, I'm going to pick a color and what you'll find is like yellow, some of the colors are perfect, right? That has worked really nice. Let's have a look at yellow and where is yellow? Can't find yellow, where are you there? You are not too green. See the problem with this is that the yellow ends up being kind of brownish in this case a little bit green. So what you can say is you can say colorize crank up the saturation and then find the color and you get close to it. But because of these dark colors, it's just not going to work. What we're going to do is go back to adjustments and play around with the levels I want to affect. Just the layer underneath again. So just the color splash and what we're going to probably have to do is just play around with these grays in the middle here. So there's just not so much of that dark kind of muddy yellow, depending on what color you need it to be. You might have to adjust around with the darks and the lights, okay to get the kind of where you want it to be. But I'm happy enough with that. Now, I'm gonna select on this lady here and I want to shrink it down. So before I shrink it down, I want to convert it into a smart object so that it doesn't so it gets protected, right? So it gets kind of wrapped up and I don't lose resolution so I'm going to right click it, tell it to be a smart object and use my command t for transform, I'm going to get into an appropriate size and now it's just messing around a little bit of like what I will, I don't want to do that. And undo community shrinking down holding shift, hold an altar or option if you're on a Mac, does it all from the centers but let's say I want something like that and I wanted to kind of interact with the background, especially with type, it's probably just easiest to grab is my super layer, right? Just wanted kind of poking out in front of the are Instead of messing around with uh selections and masking and stuff. I'm just going to cut the are out. Move this back. You see what I'm gonna do here. Right. I'm going to duplicate this layer. Okay, duplicating a layer, can right click it and duplicate it. Extra little trick is hold down the option key on a Mac or old key on a Pc and just kind of select and move it kind of makes a duplicate as you're moving it. Okay, I'm gonna grab my type tool, select it all. Maybe left align pilar. It's my move tool. It's going to drag it behind my ink. So we're not gonna get too fancy with masking this out when it's easy just to separate that text onto its own layer. To get this kind of interaction. Now to try and tie in all these different techniques, we've used other color range, we're gonna open up a file that we worked on earlier and it's this one here where we missed around with skin. Remember? Okay, so what I'm gonna do is I'm going to select all of these. I'm going to right click any one of them and convert it to a smart object. Just so they're all kind of smooshed together. I can dive into it remember by double clicking it to get inside. But really just so that's just one unit. I'm going to drag it to our little exercise here. There he is. Because it's a smart object. I can shrink it down without kind of destroying or losing this election. And again, I want to kind of lean on one of the masking techniques we learned in the earlier essentials course for the people that did that one. This is just practice. I promise there won't be too much of this through the course. But for the people just jumping into a violence, it's a trick. Probably you might not know. First up with the move to I'm gonna hold command shift and your square bracket to bring it to the top of my layers. You're on a pc. It's control shift and those square brackets that are next to your peaky, Hold them both down and the left one, send it to the back, The right one sends it to the top. So when I use it quite often just say all the way at the top please. I'm gonna grab my ellipse tool and I'm going to draw an ellipse around it. What I find is people tend to use the uh this elliptical marquee tool to do round selections, but it's not what I want. It's not better. There is a better way. And this is the way, so I've got my image at the top, I've got my lips just underneath. And if I hold down the option key. So with this top layer, selected the long way we learned in the essentials courses were into layer and we're into this create clipping mask and show you that works totally okay. But I'm gonna show you the pro way all you do is hold down the old key on a PC, option key on a Mac and just hover your mouse in between in this layer and you're looking for that icon. No, not that not that this just click on it and it does. The exact same thing is going to layer, create land mask. Just a real quick way of doing it. And the cool thing about doing this as a mask is that these are totally separate. I can move my lips around or I can move my image around. I can select both of them by clicking the top one holding shift in the second one and just transform them both and they're going to get something like that. Maybe a bit lower down here, I'm gonna turn on my banana and send them to the top of my shortcuts, scale them down. Now before I scale them down I'm going to convert them into a smart object, you can leave now Now I'm just kind of trying to turn it into something half decent in terms of a design, which is going to be hard. Is that blueberries? Where are you blueberries that you are? You need to come to the top as well. Might actually duplicate that. Remember our trick of holding down the option key on a Mac or a pc to get two of them transform them, rotate them so we've got a few extras. I might put that under the words, smoothies, creative genius, duplicate that. Super. Bring it to the top. This one is going to be banana flavored banana. Just gonna use white text. Thank you. Make it smaller. Command. T very often don't use font sizes, I'll use just scaling it to get the right font size depends really if we're working with digital or going to kind of print and we'll have to be a little bit more specific with font size is probably this is more of a splash, social media graphic Cool. And last thing is is that it is way down to the bottom. Okay with all the extra graphics. So I'm going to select this bottom one, hold shift and click this top one and just grab the whole lot because they were in the layer masks and all on their own layers. Nothing smushed together because we're pros I can lift it up how impressed with this. Am I bro? It looks kind of cool, let's just say I did a practice example of this and it looks better than that one so I'm happy, I don't think I like the color of the pink that my friend is a personal choice. Let's finish this here before I waffle on forever. The goal of this video really was to show you how you end up using kind of combinations of tricks. Color range is awesome, but only when you start using it with other things. Other techniques are the tips are the shortcuts. That's where you go from a beginner to an advanced user. Alright, so that's us. We'll leave it there. Let's get into the next video. We will set a project for you to do. I'll see you there.