Skip to main content

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

Lesson 8 from: Adobe Photoshop Mastery

Daniel Walter Scott

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

Lesson 8 from: Adobe Photoshop Mastery

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

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

Lessons

Class Trailer

Getting Started

1

Class Introduction

03:24
2

Before you get Started with the Photoshop Advanced Course

01:28

Selections & Masking - Advanced

3

The Easiest Way in the World to Mask a Person in Adobe Photoshop

24:23
4

Class Project - Select Subject

01:41
5

Select Mask & Changing a Color using Photoshop - Color Range

10:00
6

Using Photoshop Selection to Fix Grass & Sky - Color Range

07:20
7

How to Change the Color of Skin in Photoshop - Color Range

08:05
8

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

15:02
9

Class Project - Color Range in Adobe Photoshop

01:54
10

Mask on a Group Rather than each Layer

11:18
11

Advanced Masking using a Channels in Adobe Photoshop

14:14
12

Class Project - Channel Mask

01:30
13

How to Make Selections in Photoshop Based on the Focus Area

22:53
14

Class Project - Focus Area

01:11
15

Selection Trick Using the Smudge Tool in Photoshop

04:16
16

Future of Selections in Photoshop with Adobe Sneaks

07:04
17

Quiz - Selection & Masking

Preferences & Workflow

18

Advanced Preference Changes for Adobe Photoshop

08:36
19

How to Speed up Adobe Photoshop if it’s Running Slow

07:48
20

Workflow Tips & Tricks Like a Professional in Photoshop

13:45
21

Advanced Layer Tricks in Adobe Photoshop CC

05:58
22

Automatically Add a Watermark Text or Logo in Photoshop

08:29
23

Batch or Image Process Multiple Images at Once in Photoshop

09:05
24

How to put Loads of Images into one Photoshop File Quickly

07:04
25

Weird Adobe Photoshop Features & Easter Eggs

06:37

Fixing Images

26

How to Enlarge Images Without Becoming Blurry in Photoshop

06:57
27

How to Fix Blurry Images in Photoshop Using Shake Reductions

08:17
28

Advanced Color & Tone Correction Using Levels in Photoshop

06:44
29

Advanced Curves in Adobe Photoshop CC

06:34
30

Quiz - Fixing Images

Cropping & Aligning & Distorting

31

How to Reshape Images Without Distorting in Photoshop Content Aware Scale

09:44
32

How to use Content Aware Move in Photoshop

08:38
33

How to use Content Aware Extend in Adobe Photoshop

07:28
34

Removing Objects Using Content Aware Fill in Photoshop

07:01
35

Class Project - Content Aware Fill

01:03
36

Cropping Tricks Delete Pixel & Reveal Cropped Content in Photoshop

06:11
37

Automatically Crop & Rotate Scanned Documents in Photoshop

05:35
38

Crop Angled Images to Straighten Perspective Cropping Photoshop

04:42
39

How to Trim the White Away from the Edge of an Image in Photoshop

01:52
40

Automatically Align Layers in Adobe Photoshop CC

07:38
41

How to Reshape Images using the Puppet Warp in Photoshop

18:10
42

Class Exercise - Puppet Warp

01:14
43

How to Change the Perspective in Photoshop Perspective Warp

05:47
44

Quiz - Cropping & Aligning & Distorting

Color

45

How to Color Black & White Image in Photoshop

09:42
46

How to Create a Duotone Effect in Adobe Photoshop CC

09:28
47

44. Class Project – Duotone in Adobe Photoshop

02:20
48

How to create the Glitch Effect in Adobe Photoshop

07:01
49

Class Project - Glitch Effect in Adobe Photoshop

00:44
50

Color Grading with Orange & Teal Effect in Adobe Photoshop

05:36
51

Class Project - Color Grading in Adobe Photoshop

00:49
52

Quiz - Color

CC Libraries

53

Advanced CC Libraries Tricks and Tips Photoshop

19:15

Typography

54

Advanced Type Trick & Workflows in Adobe Photoshop

19:38
55

Photoshop Can Guess your Font Using Match Fonts

10:43
56

Quiz - Typography

Artboards

57

52. Adding Artboards to your Photoshop Workflow Properly

05:24
58

How to Add Images Correctly to a Photoshop Artboard

08:17
59

Using Smart Objects & Relinking Images in Photoshop

04:10
60

Advanced Speed Tricks for Updating Artboards in Photoshop

04:09
61

Export Artboards as PDF & Separate JPGs in Photoshop

05:38
62

Quiz - Artboards

Retouching

63

Advanced Tricks for Healing Brush for Retouching in Photoshop

08:24
64

Don’t Forget About Clone Tool Stamp in Photoshop

06:09
65

How to use the Patch Tool for Retouching in Photoshop

06:41
66

Class Exercise – Retouching in Photoshop

01:15
67

How to Retouch in Photoshop Using Face Aware in Liquify

06:50
68

How to Use Vanishing Point to Mocking up Designs in Photoshop

12:19
69

Vanishing Point - Cloning & Healing at an Angle in Photoshop

11:19
70

64. Class Exercise - Vanishing Point in Photoshop

00:51
71

Fixing & Retouching Skin Tone in Adobe Photoshop

06:01
72

Retouching Eyes by Enhancing in Adobe Photoshop

08:00
73

Retouching Eyes with a Little Bit of Fakery in Photoshop

09:00
74

Fully Faking Believable Eyes in Adobe Photoshop

06:45
75

Class Project – Eyes in Photoshop

00:51
76

70. How to Realistically Whiten Teeth in Adobe Photoshop

11:44
77

Class Project – Teeth in Photoshop

00:57
78

Quiz - Retouching

Layers

79

Difference Between Place Linked vs Place Embedded in Photoshop

08:22
80

What is the Difference Between Fill & Opacity in Layer

01:11
81

How to Use & Export Layer Comps in Adobe Photoshop

03:27

Visual Styles & Effects

82

75. How to Create a Double Exposure in Adobe Photoshop

11:07
83

Class Project - Double Exposure in Photoshop

01:17
84

How to Create a Watercolor Painting Effect in Photoshop

09:23
85

Class Project – Watercolor in Photoshop

00:32
86

How to Decay Pixel Explosion Dispersion Method in Photoshop

13:47
87

How to Make Exploding Shoe Effect in Adobe Photoshop

10:49
88

Class Project – Decay in Photoshop

00:51
89

Quiz - Visual Styles & Effects

Video & Animated Gifs for Social Media

90

How to Edit Video in Adobe Photoshop

25:42
91

Parallax Effect to Make Photos Move in Photoshop

13:22
92

Class Project – Parallax in Photoshop

01:15
93

How to Create Live Images - Cinemagraphs in Photoshop

13:19
94

Class Project – Cinemagraph in Photoshop

01:35

Web Design

95

How to Setup a File Ready for Web and UI Design in Photoshop

09:32
96

How to Export Your Web Design UI Project for Dreamweaver

07:57

3D

97

How to Make 3D Text & 3D Logos in Photoshop

11:52
98

How to Add and Change 3D Materials & Textures in Photoshop

08:42
99

Using Cameras & Depth of Field in 3D Photoshop

05:12
100

Adding Lights & Casting Shadows Using Photoshop 3D

10:01
101

How to Export a High Quality 3D Image from Photoshop

04:42
102

Class Project – 3D in Photoshop

01:08
103

How to Create Fake 3D Lines & Type in Photoshop

09:33
104

Fake 2.5D Gradient Effect with Paths in Photoshop

07:10
105

Class Project - Fake 3D in Photoshop

00:46

Mock-ups & Presenting Your Work

106

Using Free Templates & Adobe Market to Mockup in Photoshop

11:07
107

How Make a Reusable Mockup in Photoshop Using Smart Objects

06:40
108

Mockup Poster Against a Wall Using Photoshop

08:16
109

How to Make a Simple UI App Web Design Mockup Using Photoshop

06:06
110

Class Project – Mockups in Photoshop

01:00

Exporting

111

How to Proofing Colors in Adobe Photoshop Ready for Print

04:04
112

How to Tidy Up your Photoshop Files Before Sending Them Out

10:21
113

How to Package Your Photoshop File to Include Linked Images

07:22
114

3 Kinds of File Export for Photoshop Social Media Web & Print

12:59
115

Quiz - Exporting

What’s Next

116

What’s Next After Your Photoshop Advanced Course

01:05

Final Quiz

117

Final Quiz

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.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

Uli N
 

Great class, but outdated PS version. It was confusing sometimes. Some tools are not in PS anymore and more tools have been added which is not included in the course.

Nadim Rouf
 

Student Work

RELATED ARTICLES

RELATED ARTICLES