Lessons

Lesson Info

Text Wrap and Direct Selection

Now we start combining the whole containers and type together, And then things start to get a little crazy here. So I've got some text on my page. There it is. It fill it with placeholder taxed. I go through and I changed the point size. And I run through all my other stuff and pick a very delicious font that's gonna look fantastic and good and happy. And OK, any time now. Ours and delicious. Good. Okay, Avenir. There we go. Ok, looks right. I'm actually gonna make this a little bit wider. And I think I wanna make this two columns of text right there. Cool. So there is my layout starting. I don't need to see all my misspellings right now. Here we go. Now we need to put an image in here. Okay? So an image obviously goes into a container. We're gonna learn tomorrow how we can place an image, but basically it's just going under file place. And I'm just gonna go. We'll take my birds in the cloud here, and I'm gonna put that right there and there it is. Awesome. And now all my type is behin...

d my birds. So what do you do? Well, you go in. And of course, you just hit your space bar until the type comes out the other side. Right? And you see how all the type started Randomly changing, shifting all over the place. That's the wonderful deal of the adobe paragraph composer. Here we go. But you see, you do the single line composer, and then I go on, they hit my space far all the way, and it shoves it all the way there. Now it actually works. Just like I want it. Awesome. Okay, so much better. Now, after a couple 100,000 spaces, I think I can actually deal with this and get this all out from behind there. Yeah, we're just gonna bleed all that mess. OK, so now what I'd like to do is I want to put text wrap around my image because I want my text to wrap around my image. Wherever my image is going to go. I don't want the type to interfere. So the type ramp, never The text wrap never goes around my actual text container itself. It goes around the object so you could call it object rap. It's the tech text wrapping around the objects were actually putting this force field around the object for the text to wrap around it. Can I say that with any more words? Do we need a diagram or something? Okay, so our text wrap, we choose the container and it's the text is going to be forced to wrap around it. So under the window menu, we're gonna call up text rap and here's my text ramp window and we set this up. We have five different settings. We have the square son with window blinds down the square, son with window blinds up the round sun s'mores s'mores missing their pants. You know, at some point you get you get so sick and tired of all these icons that it's like you got to make them fun, OK? And this is years of having no television. So this is the stuff that I can think of, you know? I mean, did I tell you that I not tell you? We're gonna have tons of icons here, right? So basically, the 1st 1 says there's no text wrap around my object and you hover over that. The next one is gonna be text wrapped around my container or the bounding box of my image. So I apply that and you can see to The type is now forced away from my image. But we still have this little cramped little elevator thing where it's right up against the edge. And what I want to do is I want a little bit more spacing around here. So I'm gonna put that space around my object very much like I use my text inset inside a container to keep the take away from the edge of the box. I'm using this text. Wrap this force field around my object to keep type away from this box. So it's 1/4 of an inch all the way around, and when I zoom out here, I've got my container. And no matter where I put my container, the type will always wrap around it, which is great, absolutely fantastic. Until, of course, I don't want it to, and then it's really annoying. So a couple things that weaken do with the way this works by default. The text rap is absolute meaning. If I apply a text wrapped to this container, no matter where it comes in, contact with text. It's always going to force the text out and you may say, Well, that's not a big deal because I just always wanted to wrap text around it and that's fine. We can do that. But we have one preference here, and the preference is under the preferences menu and I'm going Teoh, go into a composition and under composition. We have this section it calls text rap, and we have this ability to choose text wrap. Onley affects text beneath. This is turned off by default. But the way one way I can control text rap is by turning this on. And what this means is if I turn this on the text wrap Onley effects text beneath the object. So if my object is in front of the tax, the text wrap will appear. So if I turn this on and I go when I do this, I have my object. But now if I want to send my object to the background here, and I could go to my object menu and I can choose a range and say send us to the back now you notice how my text wrap doesn't affect it and it's a preference. OK, so by default, it doesn't matter if it's in front or behind the text. Rap is absolute. I turn that preference on. That said, if I send this to the background, the type will not wrap around it. But if I bring it to the foreground here, the type will. And that's under your preferences Here under composition. If I turn this off, it doesn't matter if it's running behind text. Rap is gonna happen no matter what. So pick and choose how you'd like that to work. That's not a big deal. Years ago, when I use a very different application, that's how you could go ahead and affect the text rap, the object to go behind and then the text trap. It was immune to the text wrap. If that object was behind, if the object is in front, then it would overpower the type. So I got a question, Jim. Yes, we do, sir. Okay. You're ready for it. I are ready. Okay. So this is from hungry mind. Is it possible to explain how to quickly draw multiple grid of shapes when adding or subtracting space between all the items and somehow missed steps for this cool feature. Oh, absolutely. Okay, So what we do is when you want to draw multiple shapes A So you just take whatever shape that you want to draw. Your gonna click and drag. Don't look over your mouth to tell you. Okay? Got it. Okay. Ah, pero right arrow is going to create your rows and columns. Don't look over your mouths. Hold down your command key, then command up. Arrow is then going to give you space between your objects. There's a lot of them. Command right era will give you space between your columns. And it takes some time because I have my increments that to be very low. And then once you get that spacing the way you want Teoh and yes, to take some time, you just have to hold it down there. Do that. Once you get that spacing there, then you can let go off your tool. And that's where I said go ahead and become left handed because that will work a whole lot better for you. Because then you don't have to work with your both right hands on the side here. And speaking of left handed right handed. We actually question earlier. Sort of specific to that. What do you recommend most for working in the design mouse? Welcome. Tablet or track pad. What do you find? It doesn't matter. Whatever works best for you. Okay, I'm a mouse person, but I use a wax tablet for a lot of my photo shop work. I don't use it for in design. My brain doesn't work that way. I think when I get in artistic mode, I want something more artistic. When I get into anal retentive mode here than the mouse is what's going to work. I can use a track pad find to, um just whatever is gonna work best for you. Great. Thank you. Okay. So, text tramp back to it. When we have our container in our text wraps on here, it all works. Fine. I can put as many images on here, and the text is always gonna ramp right around it. I never have to worry about the text being out behind it, but this also works really well. If I were to go in and say portable caption under my type, I've got these birds flying here and I thought Oh, my gosh, this is great. Let me go in and choose the right tool first. Come on, get rid of that. I wouldn't put my type or my image in the center of my page right here, and I'm gonna call up my text ramp and under the window menu under text rafting to call it back up. Now, I would like to do is I'd like to ADM or space under my picture for my caption to go in there. So I want to clear the space out of my original copy. So when I go into my text rap, I can unlinked so that when I do my top bottom left and right, adjustments here, they're not going to do them all symmetrically. I'm gonna ADM or space to the bottom here, which is going to give me a lot more space. And there we go. Now, I would like to put a caption in here that's gonna fit perfectly under my picture, and it's ready to go because I am just so good with this. So I take my type tool, and I'm gonna draw my container. And of course, I can match my container with to my image because smart guides and I can put in my caption of the birds flying in the clouds all happy and nice. And then I'm going to center the whole thing. And I'm gonna pick a nice little font here and could be having eras well. And now there's my caption. It's the right side is ready to go in and I put it in there and it's like, Wait a second. Didn't you just see that? It just like he was there, wasn't it. So you take it out you like? Okay, let me try it again. I put it in there and you let go in the flashes like that. So you don't give up, you do it six or seven times and you insist that you're doing something wrong. But what's happening is the text wrap right here is forcing all of the text. And that's just not the text that you wanted to be forced out. It's all the text. Okay, all of it. Text Rap is absolute. All the text now, if we turned our preference on there that says text wrap only affects what's beneath it. This container on top would no longer be affected, right? That's a nice feature. Or the other way that we can do it is this. I don't want this to be affected by the text ramp so I can use a different feature. And that again is under object menu under our text frame options. Because this is a text rain I can choose sitting here in the lowly little left hand corner, this little button all by itself that says ignore text rap. I put that on my caption container. So that means whenever it comes in contact with an image that has text wrap around it, this particular caption container will not be affected by it. So I can do either do two things. I can turn it off and my preferences so I can put anything on top of this text wrap. It won't be affected, but below that below the object, it will or just simply say, it's absolute everywhere and just go in and turn off the effective text containers right there. W ake and see my preview, and I've got my caption right under there nicely spaced out, and I got my little buffer zone all around my text with the window and my text right in there. Beautiful. But what happens when you get an object that isn't a square And you have a picture and like, a circle climate change My object to convert this to a circle Meritus. And now it wraps the text or beautifully around my square, and it's like, Well, what the heck? You know, I've got my circle. Well, the text wrap here we chose wrap around the bounding box. And now, in most cases, your image is going to be, or whatever it is you want to wrap text around is gonna be in a rectangle or square. But if it's a circle or some other shape right here, then I would want it to go around. So it actually wraps around the physical shape of the object, the actual object shape. It's not just a circle. I could have a free form shape drawn in here is Well, when I want to put my little force field in here, I don't have a top bottom left and right. I just have an overall force field right here and you can see that, then it kind of like mess my caption area but nonetheless I can do that so that it now matches my shape right there. So I don't have to have the container. Just be a square, A rectangle. I can conform it. Teoh any shape that I want. If I want to make this triangle, then it can actually have the TEP text conformed Teoh my bounding box or my actual shape here instead of the bounding box itself. Because the bounding box is essentially my poll handles which allow me to rotate scale in size. This object, clearly the bounding box around a circle is a square because that's my bounding box. But I can do that as well. So any particular shape is not a problem. What happens when you come into an object where you have, like, just a person or Justin object? And you want your type to wrap around? Just that object. Okay. You just wanted to wrap around that object. No particular shape or anything. So what I'm gonna do is I'm going to go in a photo shop here and I'm gonna open up a really quick image. I'm gonna isolate it so that we have something so the type is going to bring wrap around this non conforming image right here. And I'm going to go ahead to my hammer on the phone right here. And what I'd like to do is I wanted to wrap around the hammer. So I'm going, Teoh, go in here and I'm just going to show off just a little bit on going toe. Increase the contrast in the background right there. I'm just gonna crop this image really quick, Like that image crop right there. And what I'd like to do is I'd like to have it wrapped all around my hammer and the hand here, but not the actual Yeah, rectangle reminisce. Save this to my desktop, and I'm going to bring that into in design. We're gonna learn all about importing images and links tomorrow, so I'm going Teoh. Now go in. I'm going to place that file in here, and I'm gonna change it back into a normal size. I'm gonna make this back into just a normal rectangle here because it really doesn't matter what shape I have their it iss. But it's wrapping around kind of like this rectangle because I got this background right here and it's like okay. You know, this isn't really working very well. And I really want to have this coming into the side here and have my type wrap all around it, and I try all the different options. And it's like, Boy, this is like, really awful. So what I have is I can rap to certain areas now because this is one solid image here. It doesn't recognize that there's any type of area around here to wrap it around. So what I can dio is I If I go in here and I decide Teoh, go in, I'm gonna do this really quickly. Here we go in, and I'm going to see if I can select this and get just the background and take it out of here. Take out the background. So it's a transparent background, okay. And now I'm going to save this. I'm gonna bring it back in to my document. And now what I'd like it to do is I wanted to wrap around here. It's a transparent background now, but for some reason, it's just not wrapping around the actual object like it should. But if I have a transparent background on it and I say wrap around the bounding box. All of a sudden this will drop down menu. That was all great. Out now, all comes into play so I can wrap this around something and I can say, Hey, detect the edges of my object so I could detect the edges of the object as I go through. If I put a path in there, I could do that. I could do a channel is, well the channel. And this is my Transparency channel right there. I didn't do anything special in photo shop. I just took out the background. It can now go through and say, Hey, this is a transparent photograph. I can go through with this. I can wrap it around the actual object, But how am I going to detect that object? I could detect it in several different ways. I don't have to be fancy. Just had a transparent background. That's it in photo shop, nothing else. So I said, Let's go in and do an Alfa Channel. It sounds fancy. It isn't because the Alfa Channel is just simply that transparency. Now it wraps around it, but I can still create that little bounding box around that so that the type forces around in that little force field area. So with this, I can take my image and I can move it over here if I want Teoh and I can actually have my type working around it based on not some random thing but the actual shape of my object. So if you want to do it that way, you can have it just wrap around anything. You had a picture of something that's gonna be a more Fick, you know, flower and you want to have all the pedals out there. You take out the background, put it in there, and you can control how close or how far away this is going to work. So I want to show you one more fun thing. It's in relation to this, but I'm gonna kind of sidetrack ever so slightly here. I'm assure you one more thing that weaken Dio If I have odd shape in here and I have my shape wrapped around this and I have it wrapped around using my actual objects shape when I put my little force field around here, I only have the ability to wrap the force field basically using the distance away from my object or my shape. But get ready to have your seatbelt on. I'm gonna go to my direct selection tool, and all of a sudden that Force Field is actually an edit herbal path. Look, there is my path. Let's change the orbit. Oh my gosh! Wow. So even though that's the text wrap around an object I can control the text wrap around an object independently, asymmetrically by going in and just clicking on by direct selection Tool. Watch this. So there's my image. Oh, look, there's the force field around my image. If I don't like where certain areas are showing up or not showing up or the way things were happening, I can take my direct selection tool, and I can directly go in here and select. And I can force things out of the way by just simply taking my path and forcing it out of the way here so that my type will only work in certain areas. It doesn't have to be perfect or happy. It's very crude, but I'm just keeping the force field away and I can set that anyway, that I'd like Uh huh Yes, just to the point when you're ready to fall asleep. Then we throw you a singer, you know? So it's great that I can do this, but I have a lot more options rather than just wrapping it around a rectangle or square or a circle with this, I've got this fantastic shape all it was a transparent background. I set that around what it is that I wanted to be. And I was able to modify that shape using my direct selection tool. Pretty cool. And if I size this whole thing down, it will also size that whole thing with it. So that text Rampal always stay exactly that distance away from that object. So one of the shortcuts for text rap is right up here in the control bar right here. And so if you're textract, options are not up there. And you're just want to do a very basic text wrap around an object we can then go in and click on any one of these again. If you want to open up your text wrapped box, you go in your window menu here. But if you go here and you option click on any one of these, It's gonna call up your text into area or text wrapped container. Yeah, Yeah. What can I say? You know, pretty slick. You ready for one? I sure am perfect. And it's sort of in general question, but I thought it was really a really good one. It's from D. Who wants to know is the changeable force field Onley in CC And in general, let's you and I talk a little bit about how much of the stuff you're gonna be showing during these three days is exclusive to Sisi Percentage wise, 3.786%. That's pretty low, right? It's really low. It is because there's and here is the hard part is that there's certain things that the original season he didn't have that every incremental version because now we don't have numbered versions. We just have, You know, we do have numbered versions, but they're kind of under the surface. I think we're unlike point to our 0.0.3 of this particular build. So in reality, that force field thing has been around for years, I'm going to say at least CS two if not before. Ever since we've had text wrap. We have had some advances on their. The things that we didn't have before Creative Cloud added, was our ability to go ahead and have our corner options so that we could adjust each corner independently. Before, when we had our corner options. If you had rounded corners, you had to have every single corner around it. Now we can have a rounded corner square corner of fancy corner, flat corner. We couldn't do that before, so that's definitely a creative cloud. Then the ability to go ahead and head of the corners was slightly later, and they just keep adding little bits and features throughout everything that we've done. So like a definite creative cloud thing is your ability when you go through your fonts here to go ahead and add your favorites and show your favorites only and group all of your recently used type at the top of the menu. That was a creative cloud feature. We didn't have the ability to pull for, to go ahead and call out our favorites there, show them, you know, be able to go in and take them out of our favorites if he wanted Teoh, so that wasn't there, but a lot of these features and things that you're seeing here. Those have been around for many versions and just a note to D and everyone else that Jason's done a really good job and will continue to do for the next two days. He will make sure that when you have a CC function, only he will call that out. So most likely, if he doesn't say anything, it's going back to at least versions five or six definitely out for you and one of the things that did change here. This application bar appeared, I think, in CS six. The tabs appeared in CS six, so if you had five or 5.5, those weren't there. But in way of functionality, it really didn't change much. He didn't really add the features that just kind of reorganize them in a little bit easier fashion. There's a different way to do that. I don't see a 62 They rearranged how all the panels worked as well, so those are some of the basic things I didn't go through, and there's a lot of little tidbits and stuff like that. They really beefed up a pub and interactive stuff we're gonna touch on just a little bit of that at the end of the very for third day. But for the most part, what we're showing you if you have C s six, it's going to be readily available for you A few little subtle changes there, but also to its been a long time since I've used CS six as well, because when we get this, we get the pre release so we can see how everything works. So it seems like you've been working on this for years. It's really hard to go back. Excellent. Now, you know, I'm a long time user, Of course of in design the question here from a couple of people. Um, I have no idea what they're talking about, but I'm sure you do. Says, um, what do the Seymour's do in the text rap. So the little s'mores here when you have the jump, object or jump object to next column here. Basically, what that does is if I'm going through and I have a an image in here of some sort, and I use the jump feature. What it does is it prevents the object the type from kind of filling in the little area here. So if I had a box that have gone through here and I've designed something that's going to hang kind of outside my type and I don't want something to fall in here like the letter I or A or something like that or a two syllable hyphenated section that jump basically says, Okay, just keep it away from everything. It doesn't make sense when the object is sitting all the way out here. But if my object is out here, I just don't want anything falling in there. So if I type in like the letter A and I do just a normal rap on this object right here, and I've got just a normal now wrap on that object right there, there's a good chance that I could go in and I could have the letter a kind of falling in right there, and it could wrap around. Let's see, there we go. It could wrap around that point right there. If I click on the right container, there we go so I could run into that issue right there. But if I say jump the whole thing it's gonna jump it to the very bottom. Now, if I have another object over here where I got this in here and I put my container right there and I say jump to the next column, then what is going to do? It is going to prevent anything in that container from flowing anywhere below that as well. And this is quite handy because I know what I do all my hand outs. A lot of times I'll have pictures that end at the bottom of the paragraph on Hubble one or two lying paragraph. We're going to show you in paragraph form. I'm adding how to set that up and clean that up. But this is part of the layout process where when you put pictures in here, you have the ability to kind of set this up so that there's less work that you have to do before. So this is nice, but I don't need a force field around this to bump it out. Or if I move it out over here, I just don't want anything creeping around the side. So that's my jump, and that's my jump to the next column right there in just a single text container wouldn't make any sense