Mixing Type and Design - Create Engaging Graphics | Lindsay Marsh | Skillshare

Mixing Type and Design - Create Engaging Graphics

Lindsay Marsh, Over 300,000 Design Students & Counting!

Mixing Type and Design - Create Engaging Graphics

Lindsay Marsh, Over 300,000 Design Students & Counting!

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Lessons (53m)
    • 1. Class Preview

      0:40
    • 2. Type Interacting with Photos

      16:19
    • 3. Working with Graphics and Type

      11:28
    • 4. Working with Graphics and Type part 2

      10:29
    • 5. Create Dynamic Headlines

      14:31
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

515

Students

4

Projects

About This Class

All you need is beginner to intermediate experience in Adobe Photoshop to take this class.

We will explore how to mix font/type with designs and graphic elements to create dynamic headlines and graphics.

We will go through three distinct projects, working with a combination of text and graphics (photos, design elements). We will learn how to utilize the layering system to create objects that seem to be a part of the text itself by using perspective. We will also explore how to use headlines behind photos yet have them be effective and powerful. 

f73cf561

2c33f0d2

dcd1175f

Where I found some of my free resources for this class:

Vector flower/leaf graphics = freepik.com

Photography = Pexels.com

Meet Your Teacher

Teacher Profile Image

Lindsay Marsh

Over 300,000 Design Students & Counting!

Teacher

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. Class Preview: type and design. In this class, you'll learn to use typography and design to create stunning images. We'll learn to fuse text and photography to make it look like they're interacting. We'll use bold typography to create a powerful headline and integrate that with our design and photos. Let's learn together. 2. Type Interacting with Photos: All right, Welcome. So this is gonna be the first project that we're gonna work on. It's gonna look just like this. We're trying to be dynamic with headlines and use our text and design communicates a message. So let's go ahead and find a good photo. We want to use to kind of weave in our text. So I I have a really great website where I can download free royalty free images and it's pixels dot com p e x e l essence where I kind of get a lot of the photos I kind of play around with in this around with, um so I went had found this image already downloaded it. And so I'm gonna go ahead and I'm gonna be using photo shop for most of this class. So if you're not, if you're brand new to photo shop, I suggest taking a photo shop class to become a little bit familiar with it first, cause I got to go over some some intermediate level techniques. Let's go ahead and open our raw image unedited. Go ahead. I believe that's on my desktop. A lot of files. OK, soap. Exel's. Here we go. Let's go ahead and open up our raw photo. Okay, so right now we have one flat image. Really? Would love to remove this man from the image so we can create a new layer on top toe weave in and out of the text. So we're gonna cut this this guy out, so there's a lot of ways we can do it. Ah, but just for the sake of this video, I'm gonna go ahead and do your quick selection tool or actually use the magnetic lasso tool . Just kind of manually. Well, around doesn't have to be perfect. We can always go back and fine tune it after we select just kind of going around. It's automatically doing the selection for me. This really works well for high contrast images, images that have a lot of different colors in them, or a strong contrast between the background and photos and was tracing around him. Takes a little bit of time in other ways. You can select out images, but this is what we're doing for this video. So I'm just gonna quickly, uh, add to my selection holding down shift. You're not familiar with how to do this? Holding down shift and just adding to my selection when I'm clicking. And then you can also subtract from your selection under subtracting. Okay, that is good enough for what we're doing right now. So what I'm gonna do is I'm actually get a copy and paste a new layer. So I have him isolated right now or sets horribly cut out. We would cut that out better at a later time, but right now we have two layers. We have a background layer, and then we have this guy on top. So now we have two layers. We're gonna go ahead and get started with selecting a really nice, bold font toe weave in and out of this guy to make it really dynamic. Uh, so let's go ahead and do our taxes gonna be, Get ready. It's really good to have short words when you have these headlines that are weaving in and out just because you're gonna have some texts hidden and you will make sure you have very simple, easy to read words that you're using in your headline. So copyrighting is really important with this. It's well as the design. So we're gonna have get ready So let's go ahead. I like to just duplicate the layer. I get the same sizing in the same type and let's do our d wife are ready. That's gonna create a nice balance between the two. They're both gonna have three letters, so this could be balanced between upper left and the upper, right? So So we can weave this guy in and out anyway, we'd like, um, the way I did it. Here's had the tea kind of come up and had this little white T shirt kind of drape over the r but his hand hidden behind the DS. It looks like he's literally jumping through the text. So we're gonna do something a little similar here. We can always do it different than what I had originally. I was what we had here. I like having having a shirt pop through. So let's do that. Oh, somehow that top layer got removed from the original. We want to make sure it's perfectly on top. Here we go. Move this of that tea that had any kind of element that could go in and out show above the text or below the tax, the better. Um, so right now, let's go ahead and move all of our text. What we want to do is have our top player. Ah, the guy who's isolated and want to put him in the very top section. So now he's over all of the text. We would have our text kind of in the middle in the very bottom or background layer. Um OK, so we're gonna go to start cutting out some elements, so I really like how this is draped on the over the are. So let's drape something behind the text. We're gonna select our top most layer. That's this man right here. See if I kind of do the, um, the view tool kind of toggle that can kind of see where that what that top players doing. Let's go ahead and remove this arm. I'm actually going to go to a passage e go to 50%. Go ahead, zoom in. And I am actually going to do the Paul in the lasso tool kind of archaic. Lee, select a little area here. Cut that out. I'm gonna make sure bring it back to 100%. And let's leave the hat above and let's get the leg cut out. So it looks like the leg is going behind the tea eso He's jumping toward the camera. So we're gonna do I can't really see past there. So I'm gonna take this top layer that I'm gonna be cutting out, and I'm gonna do a 50% capacity. What kind of see where I need to cut out. He's gonna make a square cut right here where the leg is and cut that out. And that looks like this part of the body's behind the tea. He's jumping forward, and this part is now above the tea, so it looks like he's jumping through the hoops. You have this. This arm is draped behind. Let's continue. I kind of like the hand coming over the Why? I did not have that in my other example, but I think I like this a lot better, So we're gonna need to cut these fingers out a little better because you could still see, um, I still see a little bit of that background when I cut it out from the original background image I was gonna go through just archaic. Lee, cut this out just just to do something quick. I always use the pin tool and have a much smoother selection. Um, I wanted to. I had some time. That's good enough. For now. That's background. It also needs to be shaved off. Great will soon balance. See if we like what we see. You could do this with a wide variety of headlines. You can have people coming in and out of certain fonts. It's a very popular style in terms of adding kind of mixing Ponting headlines and text with a photo or design. It's a very popular way to do it, so I want to do a little bit with the Let's see, What did I do with the other one? Kind of that. A little bit more, uh, pop to the get ready. Um, and actually, what I might do I can actually isolate. If I don't want that background, I could put it on solid background. Um, I don't if I'm distracted by kind of this Look, I kinda am So let me just create any layer man. Let me get some of this stew like a light gray, the bucket tool. And I don't really need this layer, but I'm gonna keep it around. So I'm just gonna toggle the view and just toggle it off, just in case I need it. I want to bring back the background. We didn't exactly cut our guy out the best, so we're just gonna have to keep rolling because I can spend 50 minutes getting him out. Um, so it's kind of add a little more pop to this, uh, this Get ready. I really like the purple. I like how it is integrated with the hat, but it's too much purple, So let's make ready a different color. So I'm just going was double clicking it and pulling out the layer style panel and you do color actually know what's even better been. Doing it that way is actually double clicking, highlighting it'll automatically highlight your text and changing the color. Here. This is a lot better, and I'll show you why in a minute. Let's go ahead and do kind of a gray. I like the gray, and the reason I did that is I can actually, um, go over here and do the Dodge and burn tool if I actually had, if I double click the layer and did it did a color overlay this way. Um, to the text. When we click on the layer the color overlay like this I wouldn't actually really be able to change the color. I would, um, it would do nothing. Eso Sometimes the best way to edit things later is to change it up here when he on the actual text settings instead of the cup using color overlay. Okay, So to be able, Teoh, add some shadows and some highlights I'm actually gonna need to rast arise the text and that'll I won't be unable to change the text, so I got to be pretty happy with it. I'm happy with positioning. Let's go in Right click Gonna rast arise the type. So now I'm unable to edit it and makes it a solid image. Now it's all connected. I can't go back and change the text. But what this gives me is the flexibility Teoh, use my dodge and burn tool to add shadows manually. So I'm gonna go and this works just like a brush. Go to my Dodge tool. I like to select a soft brush. Um and a soft brush is going to be This could be your hard brush is gonna be your soft brush. A soft brush is gonna be a little bit more forgiving and look a little more natural when you're doing shadows. So let's see. This is highlights and this is shadows. Bernas shadows. It's kind of have some shadows here. It's kind of add a little bit of a dynamic Blair here and let's do get we need to rest a right right click and Rast arise the word git. So now we're ableto add a little bit of shadow there. And let's do the same thing with Dodge. A little bit of highlights when they click. I'm ready sometimes if you're not getting a lot of results. Um, go up here and change from highlights to shadows, and sometimes you can bring out different parts of the shadows. What's that? A little bit more was playing around, basically brushing on highlights and shadows, bringing him out manually. I wonder if adding a drop shadow. Just double click to the layer style to see if that adds a little bit excitement. It's if I put a little more distance in that shadow, soften it a little bit, maybe just not too much have it be a harsh shadow and just kind of adjusting some of these settings. If you're comfortable with Photoshopped, this will be no problem at all doing some of these changes. So I don't really like the drop shadows that close. It doesn't kind of loses a little bit of the dynamic appearance. I'm Skuta unclip drop shadow and save that for later. Um, so what I could do? Let's see if he's coming through here. Can actually really don't like this part right here. Let's see. That's her man. Spring Springer background back in. Bring your background. We like the background, actually kind of liking how that's looking so I might bring him. No, we crop this a little bit. That might help. Cropper image. Let's crop away the floor that don't want look like we're hovering right above the floor. I look like he's in the sky. I can always add a texture over the get ready or I can add Go and select both of these. I can add a little bit of texture, or maybe it's making me choose one at a time and add a little noise. This always as a really nice texture at a very little bit of noise. Let's see what 12.5% does and so you'll notice all zoom. And when I do get you see that little bit of grain has a nice texture to it. We'll apply the same thing to get and a filter add noise. So that was nice. A nice texture where if I do it to the man, if that's gonna be nice, I like that. That's great. Almost could use even more noise. Uh, let's do it again. Perfect. I love it. This could even be darker. So let's go back and get our burn tool over the word get. Let's make that little darker. I could almost see this being a sport poster or, Ah, something that's Ah, for a certain teen. And I wonder if I take this background layer So we still have our man. He's in color, he's isolated. He's his own layer now, and he's cut through. See how he's cut through the text. Ah, we actually have our bottom layer here so we can actually de saturate this and it's not gonna affect her man, because he's and he's already in is isolated in a top player. So what? This is gonna dio to go toe adjustments and D saturate anyway. His multiple ways to go to black and white do it that way. But I usually go to adjustments and the saturate that's really gonna make that purple pop and the purple on the color and the man and the purple hat. Really Pappas. Well, um, all of this ready really kind of blends ends. Let's see what we can do with that in a double click, get my layer style panel and play around with some options. Uh, what if a drop shadow could help? Kind of get that to pop a little bit? That's a little too dark. How about outer Glow? You could just play around a little bit. Maybe not make that so obvious. I wanted to look too fake just enough to get a little brightness around it, too. Make it distinct from the background course now that our backgrounds a separate layer and it's not going affect our main graphic when Goto adjustments, brightness and contrast and make it brighter was like that. But the contrast make that even more dynamic depends on what you're looking for kind of like a low contrast that looks great. So I think Let me go ahead and zoom in. I think we're good. I mean, this was been less than 10 minutes. We've been able to kind of create a little dynamic graphic and in magazines and publications do this all the time with their main slogan or name. They integrate that with a photo, and it just really adds a nice effect. 3. Working with Graphics and Type: Welcome back. We're to get a created graphic just like this today. Ah, with the words life and kind of some weaving in and out of some water color kind of graphics and elements to kind of create a dynamic poster for advertisement or for anything you want. So it's kind of the poster I created, so we're gonna create something similar. Might not be exactly the same, but I'm gonna go through some of the steps I went through to create this. Um, so let's go ahead and open up a brand new document and Photoshopped and kind of the biggest challenge to this is finding all the right, um, different elements and watercolor graphics to go with this there. Several free online resource is you can use. I'll let me go ahead and get a kind of more of a poster size templates kind of do this size . What I'm gonna do is I'm gonna go ahead and start with my text first. That's the very first thing I'm gonna do. I'm gonna go ahead and lock this layer so that doesn't give me a problem. And I'm gonna create some black text. Not all the way Black maybe dark, dark gray. Go ahead and use my elements in a type in my L let me see. What? Ah, what thought did I use for this? It's a fantastic bought its need to remember the big noodle, um, big noodle tippling. And he confined that online at duff font dot com de a font dot com can always asking the community area kind of where I find a lot of my resource is and I'll definitely let you know. Casals, go ahead and change the font. I like how skinny and compact it is. Let's do regular. It's kind of a very modern fun. You'll get to see. Uh, this flock used a lot, especially on social media graphics. So gonna do our I to save time. I'm gonna highlight both of these layers and duplicate both of these. Keep them all in line to make this f We're gonna make this e and so little off balance. So what I'm gonna do is I'm gonna bring this I to be center over the e. That has a little bit better balance a little, a little space so I can have elements around it and has enough white space and breathing room. So now we're gonna add our border. Ah, so I'm just gonna do this. I could go into illustrator, create a rectangle and drag it in where I could just kind of create a quick one. Here. It's good. Create a new layer. Do the bucket tool fill in. Just gonna kind of delete this center area. The very like, shortcut, quick way to make it. It's not perfectly exact, but just doing this for the sake of time. So now we kind of have our basic design ready. So now we can kind of put our elements when we create a little bit more space between these elements. It's still really easy to read our award life whenever it becomes difficult or there's too much space doing the words to read the words. It's ineffective. So but I think life is a pretty simple word that I think people will see this, especially when they see all of the graphical elements we're gonna add. So to go online, I went online and I found there's a lot of great on a free pick dot com. There's some really great watercolor elements and textures that you can get. I've already downloaded a couple of them. This is an example. One little element I chose. I downloaded maybe four or five of these packs and kind of chose my favorite for each letter. So it's gonna go down to my downloads on already. Have some of these, um selected. So this is one of my favorites. It's called a hand painted green leaves pack. Already have this Open these air you need Adobe Illustrator toe open a lot of these packs because it's in vector or E. P s format. So that's why knowing Adobe illustrator is so, uh, such a great tool tohave to pair with doing your photo shop actually have ah illustrator crash courses for interested in learning the basics of illustrators. One of the most powerful tools and your design tool belt. Um, so I really love this graphic right here. Just go and drag this in. Okay, so what I'd like to do is make this a little dynamic. By that, I'd like the looks like the leaves are wrapping in and out of the L. It's all part of one dynamic element. It's not just a flat picture above or behind the L. It's actually looks like it's interacting with the ill. So let's go ahead and zoom in And the trick to this ihsaa we go back to how I did it, Mom actually did it going through the e so you can kind of see how I have one leaf coming over and one leaf going under and it looks like it's literally growing out of the, um So how we do this, let's actually go back down and do the eat it relies. It'd be with this one. It looks like I went to edit transform. I'm just gonna do a little flip horizontal. I think that goes well with this. Like change the angle here, get kind of what I want. I like it right. It's all. It's never really a wrong way to do it. It's It's kind of whatever you want to do. Click that And so what I'm gonna do since I dragged this in, this is a vector element I dragged in from illustrator and it says a vector smart object. I'm gonna be able to right click, and I have to rast arise the layer and this will make it creditable and Photoshopped. So now I can do all sorts of editing and cutting and clipping that I need to do. So now that I have my bottom, it's behind the cloud layer. So you see, this is the layer that we're working with. Let's go ahead and name this e graphic. So this is below the EU. We're actually gonna duplicate this layer, and we just got a layer duplicate layer and we're actually going It's gonna put it right on top. That's what we want. We're gonna take this layer and put it above the E. So now we have won the es sandwich between the leaves and so we're gonna take this top e graphic. And this is the graphic. Quicker to cut. Eso were cut certain elements to create that weaving effect. Um, so what I want to do, I need to figure out what leaves do. I went on top. What leaves do I went on the bottom. We have the bottom graphical ready. So this is the top graphic. So I'm just toggle ing the view panel so you can kind of see when I toggle with the top graphic are the top geographic does, um so the bottom graphics already fair. So what we need to do is cut out elements that are gonna go on top of the eat. So I think I'd like Mm. I think I'd like to cut these out, have that behind and keep these above. So I'm going to the one. The layer that you cut out is your top layer. Sam's gonna take the lasso tool. And I'm just a cut kind of this bottom area that I want to stay behind the eat just like that. Now we have these two layers working together. Now, this top layer is now on top of the and the bottom layer stays below here. So now you have these two kind of interweaving elements to make it look really awesome. Makes it look like the ease growing. Yes, we could shift it around a little bit to our liking. I like that There's our e. Well, uh, I think that's enough. Kind of for one letter. So let's do something to another layer. Are another letter. Let's go to that. Gets is some random graphics I also found on the same place Israel quickly free pick dot com They got kind of some random vector graphics you can kind of play around with. Let us make sure you have the copyrights to use him. And, uh, just look at it each and a vigil graphic to make sure you're allowed to use them. So I believe I did. What graphic did I do for the middle? I did kind of a flower coming out of the F Let's do this one. Let's do this. Ah, graphic! That wraps around the l. So let's see. I think that's this graphic right here. So let's go ahead and bring it in. I love these water killer graphics very. And there's a lot of great water coloring classes on skill share that you can use to create your own graphics for this. And then now, once you create this graphics, you'll know how to use Photoshopped to kind of bring them to life. So this one, Let's see, see what we can do here. Let's go ahead and right click and make sure I have edible layer and grass dries the layer , do the same thing I did before. I'm gonna goto layer duplicate layer and I get a sandwich it so this is the letter. L actually, that's a little L layer, and I'm gonna put it between my two layers. Let me name these layers. So I know what I'm looking at. You call this red leaf? The red leaf below are behind. That makes better sense. Okay, so now I have my Ellen between my graphic above and like, graphic below it. Let's start cutting some things out of our top graphic. Let's see, Definitely don't want this stem. We want to make it look like it's growing out of the ill, not a separate graphics. And now that resume in looks like it's literally going behind the L. And growing out, it's a relief that weaken tucked behind. Like maybe have this leaf right here. I'm just selecting the tool. Delete this one. Leave from her top layer, make it look like that Leafs going behind and this leaf is going ahead of it, are in front of it. So you really have this dynamic. It's really alive. It's growing. I wonder if we cut this little helpless little leaf out. I'm deleting. I always delete for my top player because my bottom layer stays in saying that's everything behind. You know, it's a little different than what I did before. Uh, it has more of an interweaving kind of effect, but I actually kind of like just that one leaf tucked behind there. It's kind of nice, actually. What I might could do, this is all. I mean, there's never a wrong way to do this. This whatever you feel like doing, I'm actually gonna cut this little section out. See what looks like if that leaf is behind the ill. Oh, that's great. Really nice. Just looks like it's wrapping around in and out, weaving in and out of the L. There's the L. Here's our E, and we'll continue with the next video. 4. Working with Graphics and Type part 2: All right, here we are back for part two. So in the last video, we did our e and we did her l and we still have a few letters to go. So I'm gonna go back in my illustrator and fine using some of these graphics that I found online. Um, of course, you can create your own water color graphics as well. Which would be pretty awesome if you could do that. Um, so just kind of pulling some of these elements that we like. I think we've already used a few of these. Let's see what else we have. Um I believe there's another one. Here's one that I downloaded. I don't really like these. This has kind of a fake look to him, but I really love this one. There's something about this one that looks really nice. And the green adds a nice contrast to this red leaf we have. So I think this really long graphic which I think would be perfect for weaving in and out of this ill. So I'm gonna try to find the right angle. I want to make it look like it's growing out of the ill, so I'm gonna make sure that stem should be easy to tuck in and out. Let go like that. We'll see how that we can always adjust it later. Okay, So like the other letters, this is a vector graphic I dragon from Illustrator. So it it's a vector. Smart objects. So I am good rap. Need to rast arise it to be able to cut it, just like all the letters before. I'm gonna go ahead. Name this, um, green plant. Not quite sure what kind of plant that is. If you know, you can always comment and let me know. This is the I. So what we're gonna do? I'm gonna go and bring us I up here and we have What we're gonna do is we're to sandwich the ice who have this green plant graphic. It's now behind the eye, and we're gonna go the layer duplicate layer. And now, with our copy, we're gonna bring it above the eye. So we have the i sand between, uh, the same layers one below and one above. So now, with their graphic above, we're gonna start cutting some elements out to give it that weaving effect. So let's cut the stem out, creating a box and just kind of hand doing this doing it by I No, we zoom in and be super accurate, but it's just kind of given a general look. So what elements do we want to be above? And what elements do you want to be below? So what elements do we want to be above, to kind of give this weaving effect? Um, with this version right here. I kind of took that little guy behind. So I didn't talk a whole lot behind with just enough to make it look like it was. I did that as well. That's really nice. I cut that out and I cut that out to look like it's growing in and back in and weaving in and out. There's a little bit different positioning, so it does make me wonder. I can cut this one out. Let's do that one kind of hand cutting this out where I think it needs to be. Cut tips. Believe that on let's delete this one right, you'll see what the Sometimes you just have to experiment, cut a little bit to kind of see what it looks like. Oh, yeah, sure I like kind of like how I did it originally, like the original positioning of it. It's not too late to start over, but let me see. Yeah, what we're going to do as we have our graphic. We haven't cut this this graphic yet, So when I had to leave it that top copy and we still have our green plant here. I'm just gonna drag him above. That's uncut. So we're gonna drag us to a better positioning now that we know what kind of want to weave in and out. Let's have a couple of these coming halfway through this line of the letter here of the letter, I So let's kind of a little bit different of an angle. Zoom outs. We can really see it. Let's do right there. Perfect. Okay, so now we're gonna do duplicate her layer. We already rast, arise it. So enough to do that again. We do our sandwich wherever I in the middle, one below and 11 above Selous. Let's try this again. I think I I like this positioning a little better. So what I'm gonna do is I'm actually gonna cut this whole stem out make it look like this is growing behind. So you have a little bit poking out there. What else can I cut out here? Uh, let's see it also cut out. Maybe this one grape right here. Right on that. Their grapes serve. What? What exactly what is that? Uh, plant? This is so like that. I really kind of like the original positioning I did here was able to kind of get it to snake behind. It was his perfect positioning. So it's going to take some time to kind of figure out what you want There. We have our I hope when you do or stem, make sure top player selected. Let's get this deleted to look like the stem is growing out from behind me. I Okay, so now we're gonna do one more. I originally had a flower. Um, here's the flower right here. We could just cut this out crudely, quickly in crudely. But you can always cut it out much better when you're doing it yourself. And you have some time preview. I'd like to open it up. It's got a desktop here. It iss right here. Got so many files here. I don't want a preview? I want a dragon into voter shop. Okay, so let's cut this out very quickly. I'm going to use our magic magic wand tool if I can't crudely cut the salad and hold down shift. Keep looking around. Still, I really get a nice selection. I'm gonna get a select in verse. And if you're good with voter shop, then you know that you know all this stuff already. So I'm gonna copy, and I got a paste it into this document. So it's just really crudely cut out a little bit of that blue background still showing. You can always double click into your layer panel and put a little bit of an outer glow to kind of soften that a little bit way. Don't need that much noise or size kind of soften The Mr Tad inner glow as well in her shadow and inter blow do the same thing. But I don't want to focus too much on that right now, so let's go ahead. See what we can do with this f Who'd make it look like it's coming out of the f like this? Always want to make sure we can read the plot because then it's worthless. If we can't read the flock and know what exactly is what we're trying to say who do the same things? Bring her f was a ref. Bring him to the top so we know where he's at. It's double with this white flour. And, uh, this is not a vector graphic. This is just photo, so I don't have to rast arise it. But I do have to duplicate the layer. I'm gonna drag it one below and one above. So now I have my flower that is below right here. And I got my flower above. Let's start cutting out some elements here. I definitely want to cut some of the stem out to make it look like it's ah, weaving in and out. Yes, let's do that. And if we wanted to cut one of the leaves out, we'll see what it looks like if we cut. And if some reason can't really see behind the photo to know exactly where to cut along the F shape is you goto opacity and you make it a little transparent. Maybe 50% they can kind of see exactly gonna zoom in a little bit, so you can see you in the selection tool. Now, I know exactly where to cut out that element. Here we go. Let's see what that looks like. Afterglow is kind of getting in the way, so I'm just gonna one click out or blow. That looks like a feather. You have that? That one pedal behind that one. Pedal above, um, probably do a little bit better positioning. See, there's kind of r f kind of how I did it on this graphic right here. I kind of had it coming out and was able to cut everything behind it. But yet have the pedal come this way. So it looks like it's literally blooming out of the top of the F and had a little extra element down here to kind of bring a little more life to it. This kind of just a quick way of showing you how how I do this, um you can also add a photo in the background. Um, Mika had do that real quick. I found something really great on pixels on a really popular plant type photo. Not that one. This one. And that's opening up a preview I need to drag this and Photoshopped really love this one. I just love kind of the shading. It's got kind of ah, lower contrast. Look to it. So I'm just gonna create a box. Great kind of an off white background box, A new layer kind of are, well, poster graphic or she could do any lettering. You can, you know, do a whole lot more to this. You can add some text oring as well to the graphic. But this kind of showing you how you can use different typography and font kind of we've graphics and photography to create a much more dynamic design piece. 5. Create Dynamic Headlines: welcome. Today we're gonna learn how to create this graphic where we integrate dynamic headlines and font with graphics and photos. Also, in this case, we're gonna be integrating a photo and put in some dynamic headline behind that photo. Um, so let's go ahead and get started. This kind of as a nice instagram perfect square size I want hadn't opened up a new fresh blank document entitled and let's see what we could do. So ah, lot of times I like to start with, I'm gonna go ahead unlike this layer and lock it back again. I'm gonna create a new layer. And, uh, I usually like to start with type and von first, that's really that priority. We have a really bold headline. Let's go ahead and get that onto the art board as quick as we can and we can design the photo would integrate that later. So let's go ahead and do, I think, strength. There's one word I want to use, and I want all the letters to go across the page. And this is a really great font. What is this called? This is railway black. You really would have black is probably the dark. It are the highest. Boldest Wait nu ca ndu. So I would find the font That's really thick Just like this for something where you wanna have a bowl dynamic? Um, headline behind somebody really wanted to be a bold, readable font. So here's strength. We're gonna go ahead and do layer duplicate layer. I'm gonna do yoga hands. Just do two more. We're also going to do you. That's a very nice, simple three letter word. We can really stretch across the screen and be nice and readable, even if some of the characters are blocked by a photo. That's what's so great about having short headlines and short words like the word you. Ah, let's see what other what other text Power power Go back to run titled Layer Duplicate Layer. Let's do our power word. Another great short were to use for our headlines. Copyrighting is just as important as the design. Let's dio do yoga up top, okay? And this is really high contrast. It's very jarring. It doesn't work right now, so let's go ahead and bring in our photo elements. So I found a great federal Inpex als p e x e l s is a great place to find free stock photography. I'm gonna go ahead and cut this out instead of manually cutting it out with the selection tool. I'm actually to do a little cheat. I'm going to select all the blue color and eliminate that and then select her and I'm able to grab her and isolate her from background. So let me go to image adjustments and then color selection. Find color. Select. Never mind. Select um, and color range is what you're gonna do. So many options. I just got a new Photoshopped version, so I'm a little lost. Um, but let's go ahead. I'm gonna hold down the shift button, and I'm actually getting kalitta click on several levels of blue into the sky. Click OK? And he noticed it Selected all of the background, but none of her so little QuikTrip trick to create a new layer here, background layer. And I'm actually gonna do select a sexually selecting the background. So I do select in verse, it's gonna actually select her. So I get it, uh, copy paste and I would eliminate the background, and voila. I'm gonna go ahead and drag her two are entitled document like this element in. So we can even do this different than the sample that I had. Um, you know, every every piece is different. You may find a new way to do something that's great, always embraced that. I like being able to see her hands where they're going. Uh, so a little bit of the dirt, It's probably good, you know, one her to kind of be. I want to ground her on some kind of element, not just floating in midair. You also want to see her entire figure. What about right there? So there's a lot of contrast going on with the bright white in the very dark block. So let's lighten that contrasts. So it's not so jarring and so too much going on. Let's go ahead and position her how we want. We need to be able to see all the words to make sure they're readable, and it's okay to block some letters as long as it's obvious with the word beneath. Says let's go and lower the contrast. I'm actually gonna do this on a dark background. Um, uh, unlocked that layer. I'm going to just do color overlay for this. I really like purple. I think dark purples will look great. And so now that we know are background color, I'm gonna go to each one of these elements. I'd make it white, but that's a little too high contrast. So what if we just did the eyedropper tool on that purple that I just created the background with? And I'm just going to kind of play around, make it a little lighter? This is different than the sample aided, I think, actually did. Green. I must go try something different, see if it works and I can actually click around and maybe find a different shade. I want to go lighter for that particular one so that not all the letters are not. All the words will blend in together. That's a little bit of a dynamic make Maybe make that one darker. We could bring these letters out, the better the headline will read. I really like you high contrast picks. That's kind of the point, is you. So let's actually and we're always just playing around. There's never a right or wrong way to do it. Let's kind of make that blend in strength blend in a little bit. Make power. It's do this color right here. That's perfect. This even darker? No. There we go and have these background words with you. Big. The most important. Let's play around with that. You What if we did that green color? I did with my sample? Wow, that is crazy. Kind. If you're looking for contrast and something to really pop out on the social media feed, he just found it. That is very bright, but we're not looking to scare people here. Let's do something a little darker. Maybe Like that. Not so highlighter bright. A great I'm actually gonna add a little drop shadow to her, so it looks like she's not, uh, actually, what about a deal? Let me see playing around here with some ideas, I might actually add some manual, just like it did with the other graphic. I am going to use our handy dodge and burn tool to manly at some highlights and shadows. Um, So what I need to do is actually I'm pretty happy with my font. I'm not gonna change it in terms of what is said. So I got a right click and rast arise my type. And when you rast arise that you're able to edit it a lot more, you're basically changing it to a from a font to a graphic, an image. So now you're able to do all sorts of things. You can cut it up. Ah, you can add highlights to it. So I have my you layer selected. I'm gonna go to the Dodgers to burn tool. Dodgers highlights. Burn is low lights or shadows. So let's try. You could do shadows or highlights to bring out different elements. Let's see right there. Could act at little manual shadow around her where she is. That might be too much. Let's kind of start over there. Figure out where her shadows would drop. Sometimes I like to kind of switch this around the museum in kind of really see what elements are gonna be brought. I probably need to make this brush smaller. It's really gonna be dark, kind of right here. Gonna cast a shadow right there. I think now it looks like she the you is literally right there with her and she's interacting with it by casting her shadow on the you so it makes it a lot more dynamic that way. Um, so let's go ahead and add. You get a castle shadow there, isn't she? You see how that really added a nice, dynamic punch? Um, she's also gonna cast a shadow. Maybe down here and let's do the G. Let's see G and strength. There we go. That's looking nice, really interacting with the letter. Cook on yoga at a little drop shadow there. Let's do some highlights. What would you do with the Dodge Tool? Well, that's big. That's smaller. Two highlights. Let's see what we can do with the green yoga. Really Just a really powerful way that manipulate images is using this dodge and burn pool tool. Wow, that is really bright. So what? I'm gonna do the lesson exposure or the intensity do some shadows. You bring out shadows of the highlights, and that's confusing when any time you don't really get a lot of effect. Like I just did that three times and not seeing a lot of effect. All the switch it highlights. See, you can really see it as too much still but down and actually make her brush size bigger and have a nice soft brush as opposed to a harsh hard brush. You tell it soft because of the Grady ated little circle. Ah, there we go. That's nice. Okay, see what we could do? A strength yoga really like And how this is looking nearly cow. Okay, so now we're gonna zoom out and, you know, on second thought, maybe that was a little too harsh of agree. But that's no problem, because I could just suggest that using now that it's no longer a fought and it's now a graphic or a photo, it's goto adjustments, and you could go toe vibrance or exposure, brightness and contrast. It kind of adjust the layer. So it's not as crazy lowering the contrast ill health, um, brightness, uh, see, exposure is very powerful. You just need a very light adjustments to make that would make it even higher. Contrasts at a lower. It was kind of experimenting. That makes a little darker. Yes, You don't need a just that too much. Okay? I can always go to color color balance. Maybe add a little yellow to it. It's not so green. There we go. That's looking better. Well, I kind of the yellow gold that's, like a nice Okay, so now let's add some texture. That's the only thing missing. Here's kind of a texture I grabbed online. I'm just gonna go over entire graphic and I'm gonna make sure girls on top because I don't really want to put textron her. I just want to put on the background. I'm gonna highlight our texture, and I'm gonna go up here. This is adjusting, um, some levels here, some blending levels, and he can experiment with a blending mode to figure out what looks good. Ah, lot of times overlay looks good. I've seen kind of zoom in and see how it over laid over the texture nicely. Um, they're soft light, which I really tend to go for hard lights gonna be harsher and you just play around with these blending moods. This is incredibly powerful tool that you have some of these air really too harsh. Let me do soft light and I'm actually get a decrease. The opacity kind of lighten it up a little bit. There's one a little bit of texture. I don't want anything crazy. There's a lot of other things we can do. We can add an outer glow to her to kind of, um, bring her out a little bit, but not have it be so dark. So there's lots of little things we can edit. Um, this is kind of the original I had in mind, but this the one we ended up going for so kind of two different looks, but just hope, hopefully enjoy the class.