Beginner's Guide to Adding Depth With Text In Any Photo | Nic Buron | Skillshare

Beginner's Guide to Adding Depth With Text In Any Photo

Nic Buron, Illustrator and motion graphics artist

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Lessons (13m)
    • 1. Introduction

      1:08
    • 2. Project Overiew

      1:54
    • 3. The Basics

      3:53
    • 4. Diving Deeper

      2:01
    • 5. Finishing Touches

      2:57
    • 6. Wrap Up

      0:47

About This Class

In this class I’m going to teach you my method for embedding text right into the middle of any photograph. This method can take your magazine cover, poster, or art piece to the next level. All you need is Photoshop and a photo.

Along the way I'll show you my time tested tips and tricks to really sell this look and wow your viewer!

Transcripts

1. Introduction: Hi, My name is Nick Peron. I'm freelance artist, based in Los Angeles, California over a decade of professional experience, working at the variety of visual mediums for the past six years have run my own business full time, working mainly on video production illustration. Motion graphics. Very fortunate to work on countless different types of projects with many different clients . Along the way. I've learned mostly through trial and error and video tutorials just like this one. And I can't wait to show you what I've learned along the way. More importantly, can't wait to see what you do in this class today. We're gonna go through my process for taking a regular two D photograph and transforming it into something so much more with text. It's a really fun way to add depth and make your image really pop. Method is great for magazine covers, posters, personalized postcards or just about anything you can think of. Just a note. This is a beginning level class. All you need to complete your project is an image and Photoshopped. That means even if this is your first time, I'm going a photo shop. You still end up with great results even if you don't have Photoshopped. But nobody actually offers a free trial for 30 days. So if you've always wanted to try your hand a photo shop or maybe you're intimidated by it , this class is a great place to start. Thank you for joining me, and I can't wait to begin. Just click. And Rome, we can get started. 2. Project Overiew: All right, Welcome to the class. This is the first part in a series of classes in which I'll walk you through how to place text behind objects with any photo. The first part I walk you through the basics of how I added the text to the cover image of this class. The second video I'll walk you through a more complex example that involves organic shapes . Show you step by step. I made that image from my wife Skill share class That example show you how to work with the photo that has showered up the field. But don't worry. If you don't know what that is quite yet, I'll explain it then the bonus also teacher cool trick to really sell this look in the final video, I'll show you different ways to style is your text to make them feel more at home within the image and also show you some fun techniques for working the three D space. Each example would be a little bit more challenging and offer you some tips and tricks on how to overcome all these different obstacles. So before we begin with their images, let me just give you a little bit of a back story first came up with my technique for doing this. Many years ago, I was working on a long form editorial piece that combined illustrations with photographs. My first task was to create the hero, which just basically the headline of an article first thing the reader sees. So it has to sell the whole piece. Pictures were taken by a great photographer and I just could not figure out a way to make my Texas interesting is the photos Then I had this on her moment. The text didn't have to be as interesting as the photo. In fact, it really shouldn't be. They should be both unified, supporting each other to create something even stronger. So here's what I came up with. I went on to use this technique many more times. I do want to emphasize that this is my method, and it's just one way to accomplish this. This is what we're sir me and have a philosophy. When it comes to making things, there's no right way to do something just your way. What I like about this method is that it's very hands on. It allows you a lot of control. So before we begin my biggest piece of advice since project, have your text laid out more or less where you want it. Before you start working the very least have a game plan in mind. Certainly. Okay, if you don't, But you'll save yourself a lot of time. If you know kind of what you want to do before you begin. Trust me, I've learned that the hard way. 3. The Basics: Okay, So first we're gonna drag our photo in the photo shop. This is your first time in Photoshopped. Welcome. Feel free. If you have any questions, ask me on the class page. So we have our photo here. Currently it's the background later. So it's locked. I want to make a copy of it. So grab it and pull it down here to create a copy of it on a new where Make sure to leave the other one here locked just in case. The next thing I want to do is go over your tool panel and find T T for text. You don't want to type out your text A set in the last video. It's really helpful that no more or less where your text is gonna be. Okay, so I've typed it out. It's tiny right now. So you want to click the arrow up here on your tool panel, go to the corner of your text, hold shift and drag it out real big. Then hit. Apply Then click your text it, Commander, control A to select the whole word. You're gonna find your fund so quickly, create all the text. Like I said, let me know if you have any questions about this. Okay, So our method for creating depth is to cut out different elements of the photographs so that we can place the text behind it or between it. So I'm gonna make a copy of the photo and drag it up here. So it's the top where this will cover all the text that we've created. So I know that I'm gonna want three different planes of death in front of the object inside the object and behind the object. To start the process, we're gonna take the marquee tool here up on the left and begin cutting out large chunks of the top layer. Start by dry and big selections with the tool. Once it selected, press the delete key on your keyboard. This will start revealing the text below. When you start deleting, you're gonna want to do so broadly. Don't get too close to the areas that we want to keep. And also don't worry about making it perfect. We're gonna get closer later. Now that we've done that, go to the left. It's lecture, probably gonna lasso. Tool still works great for our technique. We're gonna use this to cut even closer. Gonna start click up here and then click here, go around this object and finally clicked back to where you started to closely. Now click delete on your keyboard. I'm gonna do so again Inside here you're gonna want to go through and just cut out any area that you want Text appear once you've generally trim around your objects like to check it the way that I do This is to make a new layer, go over to the left grabber paint bucket tool, select a nice bright color and then filled the full new layer. Then you drag it behind the layer with her cut out. Now we can see the areas that we missed and go back and clean up those. So now, Zuman, which is command plus on a Mac or control plus on a PC. Now that we see that we're getting a lot closer, go ahead and click the eyeball to hide the yellow layer. See the area around Our text needs to be cleaned up. Next video show you how to do that. 4. Diving Deeper: Okay. Welcome back. So now we're gonna go in, and we're gonna start really? Cleaning up are cut up. You're gonna want to go in and get even closer with your marquee tool. And later we're gonna find to this even more. But for now, just get in nice and close. Just make sure you're not getting rid of anything you want to keep. So once you've done that, switch back to the lasso tool and just keep going. Okay? Now, for the fun part, we're gonna get in there, get nice and close. You're gonna wanna pick the eraser, pick something nice and small, maybe a size nine. So we're gonna take this and we're gonna get in real close and to start working the edges here. No. Yes. You have super steady hands. You may want to go over and turn the flow down. I've been to about 64%. Turning to flow down basically feathers your eraser a little bit. It's nice because you can get in there pretty close and also search. Soften the edges as you go. Don't worry if you make a mistake, just hit Command Z or control Z and it'll go back. It's a sculptor and clean up any areas you have left on your photo. Okay, so let's look at some tough areas. You can see there's still a few pixels here that will want to get rid of toward these areas . Grab your race or tool, and you want to decrease the size to decrease the size of your racer. Simply hit the left bracket on your keyboard. Just happened to happen until gets nice and small wherever you like it. You know, just go in there and start cleaning out those hilarious. Okay, it's looking nice and cleans. On the next video, I'll show you how to work with different debt levels. 5. Finishing Touches: in this video, I'm gonna show you how to showcase the depth of your image. So this is where text is going to really start interacting with our object. Start by making a copy of our cut out. Go ahead and click on the eyeball here to hide the layer with the original. So what? We want to go for us? We want the words adding depth to look like it's inside the object specially to do that we want or depth to cover the back of our object, simply take your marquee tool and leave the area here. Next. We want to work with the letter G wanted to tuck right into the object. So let's make sure we have it where we want it. Dragged the text group above her object so we can see exactly where it iss. We actually wanted a little further down, So click on the down, err on your keyboard a few times to get it right where you want it. Now I'm gonna move the layer back to where it was in the panel. So to make the words look like they're at the same depth, we want to delete this bar get in. Nice and close. Close your loop. Hit. Delete. There you go. You can see I missed a little bit here, so just go and go and delete that as well. Okay, let's see what we got. Great. We can see it comes right through here. This is exactly what we're going for. Now we're gonna want to go down and do something with the bottom text. Like to see the sea go. Between these two bars, you can see the sea isn't really interacting with the object very much. So let's change that. Go over to your character box. Let's decrease the spacing of the letters to about 100. Okay, now, we like the spacing, the letters, but you can't actually see the T very well. I'm gonna manually dragged this out while holding shift to increase the size. This is looking good. Somebody hit, apply. I'm just gonna go in and clean this up a bit. I like it, but I feel like the text could interact with the object even more. I'm just gonna go and grab the texts and push it up. So the letters air sticking out of it now clean up just even a bit more, so I'll just go ahead and clean it up even more now. Okay? We want the sea to hook right through here. So I'm just gonna go in and cut this little piece up. We also want the I to be in there, so just grab the polygon last, so carefully cut the back of the bar. Great. So now, as you can see specially to be and that you should be in front of this being, actually, so just go in here and delete that and delete that as well. All right? The whole thing is looking good. 6. Wrap Up: thanks so much for taking my class. I know it first. It takes a little bit of time and effort, but as you practice, you'll get faster and faster. Promise. If you're looking for another method, I highly recommend checking up Jamie Bartlett Skill share class called lettering in the wild. Put a link to it in the class notes. It's a Superfund class with a completely different approach. The same concept. Also, If you have any other tips or tricks, please share them in your project notes. I know your classmates will surely appreciate it. Now that you've done this, you can take these principles and apply it to almost anything beyond text. You can add your own illustrations or even photo mashups. It's also the process I use in after effects to add text and graphics into live action scenes and footage. So the possibilities that really limitless as always, I'm here to help you, so let me know if you run into any problems. Thanks so much for joining me. I can't wait to see what you coming up with.