Skip to main content

How to Crop Images Inside of Text

Lesson 30 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

How to Crop Images Inside of Text

Lesson 30 from: Adobe Photoshop Fundamentals

Daniel Walter Scott

buy this class

$00

$00
Sale Ends Soon!

starting under

$13/month*

Unlock this classplus 2200+ more >

Lesson Info

30. How to Crop Images Inside of Text

Lessons

Class Trailer

Getting Started

1

Class Introduction to Adobe Photoshop CC

02:36
2

Before you Start this Adobe Photoshop CC Tutorial

01:20

Layers

3

How to Use Layers in Adobe Photoshop CC

09:56
4

Basic Navigation & How to Combine Images in Photoshop

07:37
5

Layers - Quiz

Color & Adjustment Layers

6

How to Fix an Image Using Levels in Photoshop CC

04:03
7

How to Enhance Colors in Photoshop Using Vibrance

03:28
8

How to Change the Color of Something in Photoshop Using Hue

02:52
9

How to Change Just One Color in Adobe Photoshop CC

01:57
10

How to Make an Image Black & White in Photoshop CC

04:35
11

How to Add a Gradient to an Image & Text in Photoshop

10:57
12

Color & Adjustment Layers - Quiz

Shapes

13

Creating a Specific Sized Document Adobe Photoshop CC

04:10
14

How to Draw Star Square Circle Shape in Photoshop CC

12:01
15

Stealing Colors & Adobe Color Themes

06:39
16

Shapes - Quiz

Text

17

How to Create Text in Adobe Photoshop CC

08:09
18

How to Warp Text in Adobe Photoshop CC

01:57
19

How to Get Text to Follow a Line or Circle in Photoshop

13:04
20

Text - Quiz

Layer Styles

21

How to Add a Line Around the Outside of Type in Photoshop

08:17
22

How to a Bevel or Emboss to Text in Photoshop CC

02:19
23

How to Add a Drop Shadow to Text in Photoshop CC

03:02
24

Presenting your Photoshop Work for your Portfolio

06:35
25

Project 1 - Creating your own Postcard

04:29

Cropping

26

How to Crop an Image in Adobe Photoshop CC

03:40
27

How to Crop an Image for a Frame in Adobe Photoshop CC

06:11
28

How to Straighten the Horizon Line Using Photoshop CC

01:55

Selections & Masking

29

How to Copy from One Image to Another in Photoshop CC

06:20
30

How to Crop Images Inside of Text

09:35
31

How to Remove the Background in Adobe Photoshop CC

10:11
32

Class Project - Quick Select Tool

00:37
33

How to put Text Behind a Person in Adobe Photoshop CC

07:01
34

How to Create a Layer Mask in Adobe Photoshop CC

04:47
35

Class Project - Cut a Person out & put them into Another Image in Photoshop

08:57
36

How to Blend Fade one Image into Another in Photoshop CC

04:36
37

How to Weave Text in and out of a Photoshop Image

03:18
38

How to Select Hair in Adobe Photoshop CC

16:24
39

Class Project - Selecting Hair

01:21
40

How to Select Things with Straight Edges in Adobe Photoshop CC

03:41
41

How to get Text to Interact with Ink & Plants in Photoshop CC

13:15
42

Class Project - Text & Image Interaction

01:41
43

Selection & Masking - Quiz

Filters

44

How to Add Filters & Effects in Adobe Photoshop

04:14
45

How to Turn an Image into a Painting in Adobe Photoshop

03:12
46

Class Project – Oil Painting

00:31
47

How to Create the Dotted Halftone Poster Effect in Photoshop

06:42
48

Class exercise - Halftone

00:23
49

How to fake Realistic Motion Blur in Adobe Photoshop CC

04:28
50

The Lens Flare Right of Passage in Adobe Photoshop

03:31
51

Filters - Quiz

Smart Objects

52

What is a Smart Object in Adobe Photoshop CC

09:03

Transform & Distort

53

How to Bend a Logo onto an Image Realistically in Photoshop

07:49
54

How to make a Sky Peeling like Fabric Revealing Background in Photoshop

03:13
55

Class Project - Peeling Sky

00:49
56

How to Shrink Body Parts in Adobe Photoshop CC Using Liquify

05:44
57

How to Create Dripping Paint Text Effect in Photoshop CC

09:17
58

Class Project - Drippy Paint Text

00:52

Retouching

59

How to Remove People & Text from a Picture in Photoshop

06:56
60

Use Google Images to find your Image Before Retouching

02:38
61

How to Remove Red Eye from Photographs in Photoshop

00:53
62

How to Retouch Skin in Adobe Photoshop CC

05:22
63

Class Project - Retouching

00:47
64

Enhancing Eyes in Adobe Photoshop CC

06:46
65

How to Fix Teeth in Adobe Photoshop CC

04:33
66

Retouching

Blending Modes

67

How to Instantly Remove the White Background of a Logo in Photoshop

04:15
68

Using Blending Modes as Color Accents in Photoshop

07:10
69

How to put Images Inside a Bottle Using Photoshop

15:14
70

Class Project - Boat in a Bottle

02:15

Visual Styles

71

How to Create the Spotify Duotone Effect in Adobe Photoshop

05:43
72

Class Project - Duotones

00:20
73

How to Create the 3D Glasses Anaglyph Effect in Adobe Photoshop

06:14
74

Class Project - Anaglyph Effect

00:36
75

How to Create a Vintage Instagram Matte Photo in Photoshop

08:40
76

Class Project - Vintage Matte Photo

00:49
77

How to Create the Paper Cut Effect in Adobe Photoshop CC

12:07
78

Class Project - Paper Cut Effect

00:31

Artboards

79

How to Use an Artboard in Adobe Photoshop CC

20:14

Color Modes & Resolution

80

What is the Difference Between RGB and CMYK in Adobe Photoshop CC

07:12
81

How do you Change the Resolution to 300dpi in Photoshop CC

10:38
82

Color Modes & Resulotion - Quiz

Brushes

83

Basic Introduction to Using a Wacom Tablet with Photoshop

12:22
84

How to Create Splatter Paint Effects in Adobe Photoshop CC

08:11
85

77. Class Project - Ink Splats

00:54
86

How to Create Dripping Paint Ink Effect in Photoshop

06:46
87

Class Project - Dripping Paint Brush

00:55
88

How to Create Smoke with an Image Inside it using Photoshop CC

05:50
89

Class Project - Smoke Effect

01:03

Shadows

90

How to Make a Long Vector Hard Shadow in Photoshop

05:26
91

How to Cast a Realistic Shadow on the Ground in Photoshop

07:16
92

Bending or Curved Shadow Under an Image in Photoshop

03:33

Export

93

How to Export Images from Photoshop for Print Web & Social Media

10:18

What Next

94

What Next after your Photoshop Essentials Class

01:15

Final Quiz

95

Final Quiz

Lesson Info

How to Crop Images Inside of Text

Hi there in this video, we are going to crop images inside of text like that. It's super easy to do. We're actually gonna push it a little bit further where we take an image and do some kind of like glitch effect type stuff where there's a letter, it's inside the tanks, everything's offset, it looks kind of cool. Alright, let's get in there now and learn how to make this in Photoshop. So first up, let's go to file, let's go to open and let's go to oh five selections and your exercise files and there's one in there called clipping mask. Oh one. Open them up. Thank you. Sydney Ray. I love this texture. But what I want to do is like you said at the beginning, I want to kind of mask it inside some texts. Pretty super easy to do. So, grab the type tool, click once in here and type in. I'm gonna type in my name, luckily my name is nice and short. Okay, I'm going to do it in all caps. I'm going to select all the text and I'm going to pick a slab serif. So in my search here, I'm just typing in...

slab. Okay to see slab serif is the fonts they have like the big, tight appointed them over here. See these serfs. Okay, but the big slab, The serfs. Okay, I've only got two fonts. I'm gonna use my museo slab. You might not have this font. Okay, but pick any old font, make sure it's it's bold. Okay, or an extra bold or black, Something nice and big. Now let's scale the font size up. Okay. There's a couple of ways. I often just use the transform tool often always you can use the fonts over here but I just hit command T on a Mac control T on the pc. Hold shift. Okay. And drag it up. Nice. Big font. I am font. Okay, click enter. And all that needs to happen is that the image needs to be on top of the text which is kind of weird. Okay, so I can't drag this up here. Okay, so I need to name it by double clicking the word background. Give it a name concrete, concrete even. Okay. And just make sure it's just above the thing. Okay. And what you need to do now is have the top thing selected. Okay, my case, my images above my text. Okay. And just go up to layer and go to this one that says create clipping mask. Okay, click on that. And magic happens. Go on. And the thing to note down here is that there's this weird kind of structure. See this? I'll undo it. So you can look at this undo, redo this little error appears that just kind of indicates that this guy here, concrete has been clipped to the text underneath. It's a little bit complicated I guess um One of the perks for it though is if I use my move tool and I have the concrete last selector, which is I can kind of move the concrete to kind of where I want, you know, I ran out of image they see on the left, but I can kind of move it around to get kind of like that better. Okay, same with the text, I can click on the text layer and move that around. Okay, so it depends on which one you want to move around. Just make sure it's highlighted over here. Awesome. I'm gonna move it across, I'm gonna show you how to add because at the moment it's got a transparent background, right? And I'm gonna show you two things before we get into some more advanced stuff. Um I want you to if you want to move both of them at the same time, you can click on this top one, hold the shift key down and click on the one underneath. And now they're both selected now they both come around. Okay, next thing I wanna do is I want it on a white background or a background. I don't mind what color it is. Okay, so let's click off these layers here. So nothing selected. Let's go to this one here that says new layers, just like turned up page here. Okay, it's at the top there. I want to be at the bottom because the moment there's this checkerboard and that's fine. Okay, it's see through which is awesome but I want to make it a specific color. So with this layer here select I'm going to call this my color with it selected. Let's go to edit. Let's go to Phil And in here where it says Contents, you can pick black or white or 50% gray or you can just pick on color. Okay. And then go through the colors that you want. Um you'll start to see a theme in my classes. Everything just kind of like kelly green. I like it click. Ok, click Ok, that's what I want. I might add a drop shadow here bevel in and boss. But that's the gist of it. Okay. The cool thing about it is well, is the text editable. Okay, If my name is no longer dan, I can double click this and grab my type tool is actually the easiest and just click kind of somewhere in here and my name can be Jan, that's actually my mom's name. You hear that, Jan and dan. Okay, so that's gonna be this one. Let's look at the second exercise. Now let's go up to file. Let's go to open and let's open up clipping mask to by Reinhart Julian. I'm not sure it's Julian Reinhardt. I'm not sure regardless, the image is epic. Love it. Okay, now this example is basically exactly like the last one, but I wanted to show you, I guess some creative uses of that clipping mask technique. It's not just kind of like jamming text inside of images is a kind of a cool effect at the moment where there's this kind of glitch offset image type thing. So just like before we're going to grab the type tool, we're going to click once, I'm going to type in D because that's my name and we're going to pick a new font like lust, If you're like, man, I want some of those Fontes using, you might not, but if you do, you want to go check out our website called type kit. Okay. We don't have time to go through it just yet, but it is part of your creative cloud license and it lets you download epic fonts. Okay, so say I want just a big D. Okay, hit return. And what we're gonna do is the same thing as before. Member has to go above. So I'm gonna name it first. Okay shoes, it's gonna be above. And then with that top layer selected, let's go to layer. It's got a great clipping mask and it's marked in there. But I also want to do is I want to duplicate this layer. So I want two of them so that they could be it right we've done from like, the last exercise we did. But what I want to do is push it a little bit further, like you saw in the intro. So I want to duplicate the layer. This is going to be my shoes. Too good. Well named, Can you see the structure here, it's trying to be a clipping mask as well, but watch this if I just drag it underneath, it kind of loses that clipping mask now. Not to freak you out if you are freaked out, just stop it where we stop now. Okay. But if you're ready for a little bit more action, okay, what's happening is that's exactly these two here are what we've done so far. I've made a duplicate down here, okay, and dragged it down to the bottom here. And the thing is because it's not got any mask is actually just filling in all these gaps around here. But watch this is actually a separate moving around. I guess it helps us to be on the move tool, click anywhere about the D and just drag it around, get a sense for it. And what I want to do is kind of like offset it. Okay, Just because that's the kind of glitch kind of cool effect. I'm trying to get this D to stand out a little bit more and I just want to, I guess move it over a little bit. And what I might do is with this particular layer, I'm gonna darken it down a little bit to kind of, I know, emphasize these laces, win the D. So with this layer selected, let's look at adjustments and there's a few different ways. Probably the easiest way is to go hue and saturation. Okay, so make sure he had shoelace shoes to at the bottom selected hue and saturation and just drag the lightness up. I said never use this, but in this particular case it's actually quite a handy thing to do. That's what we're trying to do. This kind of like thing. You could go through and drag the saturation down or can you see, I've made it great in the background here or drag it right up? Probably dry, but you could mess with this, there's no kind of right or wrong here. It's uh I guess we're just trying to do some creative litchi type of stuff. Next thing I want to do is just crop this whole thing down because I've got this extra stuff down the bottom. So I'm just gonna go there. Probably crop it a little bit at the top as well to get my I. D. In the center. I feel about center when you're ready heading to and that's us, that's our kind of cool glitch effect clipping mask. Now we've done it for text here, you can do it for anything. Okay, so if you've got, if you know how to download shapes, okay, vector shapes or any sort of shape, I love heart and emoji, some sort of twitter icon if you download those and bring them into copy and paste them into this file here in Photoshop, you can use those to the exact same thing. So image on top of it and make it a clipping mask. Alright, it is homework time. So what I'd like you to do is I want to see two versions. Okay, I want to see text on an image just like this and then this kind of glitch effect version of the text but I just want you to use your own obviously initials Okay. Or you can make another one for my mom or my brother or my dad. We all have three letter, there's been, there's a wall, okay, we all go by three letter initials. So you can make one for any of my family, you can pick your own initials, it can be the whole word, it's up to you okay, but I just want you to pick your own image, you'll have to pick your own font because you probably won't have mine but pick your own image for this option and I want you to see this one but I also want you to do this glitch effect thing as well so go off find your image, do your giant letter and just kind of offset them and follow this tutorial again like always share them on social media or share them in the projects on this page, instagram. I am bring your own laptop and just so you know when you are looking for images there's kind of two nice places and splash is really nice because you get to use them commercially without having to pay for them or or back lengthen or anything like that and it's just some beautiful images in here. Be easy to get kind of inspired out of here. You can use google images and that's fine. Say I want to use shoes. Just make sure when you are doing this under tools. Okay. Go to usage, right. Just make sure you check this one labeled for noncommercial reuse. Okay, because you're not going to be selling this thing, you're just using it for practice. If you want to use it for your portfolio, you need to use this labeled for use cuts down the images, but it means that you're not going to run into legal troubles or just jump back to unspool ash. These guys are awesome and the photographers here are super generous with their images. Love it. Alright, Friends, that is it for this video. We'll see you in the next one.

Class Materials

Bonus Materials with Purchase

Exercise Files
Completed Files Part 2
Completed Files Part 1

Ratings and Reviews

JEWEL KHAN
 

Adobe Photoshop Fundamentals is very useful for a photo editor. I learned very important tricks from this course.

user-2cc3b5
 

andrea silva
 

Student Work

RELATED ARTICLES

RELATED ARTICLES