Lessons

Lesson Info

Pixels and Copy Paste

when we have our images in here now I can place them. I can scale them. I can rotate them. But what's important is the links panel. I don't know anything about these links. Really. I know that I've gotten these from other sources. I know one's an illustrative pile of PdF's J peg. A PSD file doesn't really matter. But under the bottom of the links panel here, I've got my little twirly. Yes, that's called early. Not kidding. On Gwen, I click on these particular files. I want to know certain aspects about these files that it wouldn't normally be able to find unless I open them up in bridge or in light room and actually looked at all the metadata for this content. So I was given this file right here, and I've got my orange walls, and that's the file that I've clicked on it to J. Peg. It's an RGB okay, and its 1.6 megabytes and then I've got actual resolution and effective resolution, and this is created when it was, and you know, this is where it resides. What I'm interested in is what col...

or mode it's in. And so I also want to know is this fit for print? Because I found that I can scale this to any size and in design. But am I scaling it to large? So couple rules of thumb When you bring in pixel base photos, I need to make sure that if I'm going to use this for high quality print that my images are going to be 300 pixels per inch. Okay, and it's not doesn't have to be built at 300 pixels per inch. I need to use it so that it renders at pixels per inch. And the reason why is because when I break this out into the data for the printer, I need to have so many pieces of information, so many pixels per square inch in order to render the file correctly and at the level that I would like to be happy with when I bring my files in here and I scale the files, this one is 300 pixels per inch. But if I end up using it much larger, I'm taking that same amount of information, and I'm stretching it over a much larger area. When you stretch things, things get thinner. I can't just go in and make this a by 36 poster. Because if I dio I have stretched that information way oversized and there isn't enough information because size and resolution are inversely proportional. The bigger you make it, the more you stretch it. The resolution goes down, the bigger the picture gets. So this is a high resolution picture in photo shop at the size that was created at I'm going to scale this image up substantially, and I want to use it this big in my file, and there it is. And that's the size that I use it at. And somebody's like, Was that a high res image? You're like, Yeah, it is. And I'm gonna make it this big. Well, let me check my info. My links panel right here. The actual resolution that is created at is 300 pixels per inch. But I have scaled it nearly twice the size and stretch that information over a much larger area. So my effective resolution or the resolution of how this is going to print is substantially lower than I'm I'm gonna be happy with. So my effective resolution is 141 pixels prints. It's not going to give me a very good quality print. Even though it started out as a high resolution file, I still have to be cognizant of what size of use it at in my in design file. So this is where the links panel is going to come in really, really handy so that you can understand. Pay attention to that kind of stop and you'll see as I reduce the file down it will. Then go ahead and let me reduce it down, not just close up the container. There it is. Ever reduced the file down here as a reduce it down. You will see the effective resolution goes up. Think of it as a balloon. You fill a balloon with air, you are taking the same amount of balloon, the more air you put in, the thinner, you stretch it, and the more you see through it and the poor, the quality of the balloon looks. You let the air out the balloon, get smaller, the resolution or the thickness goes up and it begins to look better. You have to pay attention to those types of things That's when we're dealing with photographs because photographs have a fixed amount of pixel based information in there and they can only go so far and cover so much now. The same is not true. When we're dealing with illustrator files or vector based files. Vector based files are nothing more than fills and strokes, and they could be infinitely scaled by crispy bacon And this illustration. With these people on the ladders, these were done in Illustrator. So they're vector based files in my links panel. I have nothing to do with Resolution. Resolution is the number of pixels prints these they're just lines and fills infinitely scalable. Doesn't matter what size I use it at. So not an issue, not a concern. So links panel is gonna tell me a lot of that useful information. It will also tell me other information if I ask it Links Panel. What can you tell me to hear that hear its head So question for us, this is, um from baseball. Brenda wanting to know Can you copy and paste vector art from illustrating to in design? I'll just stop right there. You can and I'm gonna show you the problem with that. Okay, with same same problem. This photo shop. Correct? Correct. It does not establish a link, however great. And you don't have the native file to work with. Okay, however, and we're gonna get to that however, before lunch. Okay, Fantastic. So hang on to your hat, Brenda. And can you take a photo shop file, um, or a icon for a photo shop? I'll or an illustrator file and drop it right on the right. On the in design icon on Have it open up a file. No, because when you when you literally drop in, drag a file onto the icon in the dock, there is gonna force it open in that in this particular case, I can't force it open because it's not gonna actually read the file. I can only place it inside the file. So it's different if I have, like, an illustrator file or pdf when I drag it onto the photo shop icon, it will render it into pixels. But because in design doesn't actually do any the rendering of the creating there. I can't do that with an illustrator of Photoshopped file. So in the links panel here, there's a lot of other information that I would like to know about each and every one of these files here. Right now, the links panel is pretty bare, and it tells me the name of the object if it's missing or modified in the page that it's on and by the way these little page numbers or links. So if I click on a particular object there, it will bring that object front and center on the page and highlighted for me right there, just clicking on that page. I want a little bit more information in my links panel because there's a lot of things that happened when I place a file inside here. Is it rotated? Is it scale disproportionately is an RGB is a different color modes. I would like to know whether than hunting down through all this information. So under my cheese grater on my links panel, I'm gonna go to the bottom and choose my cattle options and my panel options here in the top portion of my links panel right here. I can see here that this is all the items that I can go ahead and show in the top portion of my links panel, but I only have three items. The name missing or modified and what page it's on. Well, I'd like to know the effective resolution up there as well, maybe any transparency, or if something's been scaled or rotated or even flipped. Because, heaven forbid, you should flip a file that's supposed to be reading the right direction and have it read the wrong direction. And you don't know if you're working on somebody else's file, so I can include a lot of this information. This is under the panel options under the links Drop down menu. And when I do that now, I can include all this information at the top of the links panel. The links panel starts to get Really, you know, Porky really fast. So I have all this information here and now I can tell that this abstract painting is on page one. Nothing's missing or modified. The actual resolution is to 79. There is no transparency at scale that 86% and there's no rotation. If I click on this and I rotate it, Dennis gonna tell me, yeah, it's rotated. What happens if I improperly scale this? So a stretch it could open these up a swell Here's weaken. See, when I get to measurements here tells me the within the Haider scale disproportionately. You can tell me a lot of information, but it takes up on awful lot of space. But you can control that. And that's all under the cheese grater. Panel options right here. So I don't have to have all this information here. I can have it displayed as icons. And if you really want to get techy, you can actually drag these icons to different locations inside the panel. So if you want your scale first and then your color mode second, your transparency third. Yeah, Okay, total geek speak. But what the heck, you know? But if you really want to make your links panel huge and then you can just continue that, right? Yeah, OK, so links panel a lot of useful information right here. That's how we're gonna manage everything that's we're gonna find the things which we're going to see everything and be able to quickly get the information that I need without opening up the file now. Because in design does not do any of the editing inside here. What happens if I want to go in. And I would like Teoh take this file right here. And I would like to edit this file in the application that it was created in. I could go out of in design, hunted down on my hard drive, find out where it is, open it up, save it, come back here and replace it. Or you can do the easy thing. Either I can click on it here in my links panel or in my image here and in multiple ways. I can right click on my image, and I can choose Edit original. That's right, clicking on the links panel. Or I can right click right on the image in my container and shoes at it original. Or I can go to my little link button up here as well and hover over this. And it says that I can also click open the links panel and do that, and I can go to my links cheese grater and I can say edit original. Or I could do with a really easy way. That's all pretty easy, isn't it? If you just go to your object an option double click on your object, Launch the application, open it right up right clicking on it and say that it original is awesome. So now I can make those changes to the edits there. Go back to orange. The key to this is make sure you save and close the file before you go back into in design. And the reason why is once it saves and closes, it'll notify in design that something's been modified. And because you have the in design file open, it will automatically update that file as well. Now, a common problem with this is when you import J pegs J pegs loved open up in preview and you're just like, you know, you import this thing in the option, double click on it And of course, not gonna do it for me because I've set this, but it opens up in preview and you can't edit preview. So you're like, Great. Now I've gotta hunt this down. No, actually, what you can do is right. Click on your image and instead of shooting, choosing edit original, choose at it with, and you can force it to open in something different than what it was going to naturally preview in And I know when Windows that goes into Windows Media Viewer and and back it goes and tries to open in preview. And it's like I want that so right click. And instead of choosing at an original choose at it with and then I can say, Oh, I want to open us up in a photo shop here and launch that application and I could go in. They can edit it. I can change whatever it is on there. There we go, repainted the whole thing. Save and close click back on their home. It updates it right there for me. Same thing with illustrator Go in option double click. It will launch it. And, uh there it did it. Just open it up in preview right there. And now it's trying to convert the whole file, the preview, everything else. That's like, No, I don't want preview. And so I don't It opens up in preview. It's like I can't edit this in preview. Perfect example. Okay, so I'm gonna right click edit with on I want to open this up in Illustrator. It'll force it open and illustrator because it was built in illustrator and Now I've got all my content that's readily edible. Ready to go. I loved it. I don't know if you're going to cover this. Be ready for another question. I sure am. If you have multiple files that you know, let's say process tiffs on your finder level in your one of your folders and you know you're gonna bring in, like, five photos. Can you select those and just drag and drop from the finder into your page Here. What kind of craziness is that, Jim? Yes, you can. That's exactly what is going to show you is OK, we did this one by one. But what happens when you want to import multiple images at once? Well, let me show. You were just a little bit ahead of you over the Internet. I'm gonna make my page larger here because we're gonna need some room for images. So one thing, every time, a place, an image, going to file place when I go ahead and I play something in here, I always draw the container as I place it. Which is fine if I don't want to have that container drawn. And I placed the file in there I can draw a container first and then make in with that container active. I going to file place and I can go in. And I can bring my image into that existing container. Either way, placing multiple files at once super easy to dio. What I'm going to do is I'm just going to clear these all out of here, going to file place and I'm going to navigate. And I'm going to click on the things that I would like Teoh bring in. Here's all my files. I'd like to bring in nothing in particular Just going to go in and bring all these files in I click open and I get a loaded cursors gonna zoom in on this and you can see I have eight items and net cursor. Now, I don't know what's in my cursor because I randomly selected these things. So with my loaded cursor, I'm going to use my up down, right, left, arrows. Either one and I can scroll through when I can see the preview of every one of those items and go forward, I could go backwards. I can go up, I can go down. Doesn't matter. Up, down left, right keys. When I get to you, the first image that I would like to place I'm then going to go. I'm gonna click and drag an replace That image there is my next image. I can click and drag in place that that one and there's that one to go there on get Oh, it's like, Oh, you know what? I didn't want to place this image. So what do I dio panic freak out? You know, Quit out of in design. No hitter escape key escape. This simply bumps that out of the running. That's it. I don't need this illustration. I hit escape boat knocks it right out of there. And then I can simply click and drag, click and drag. And I've got all my files right there. Place like so you. But you think that's beautiful? Wait, You see the next thing so I can do this by going through under the file menu and choosing place. I can also do the same thing. The person in a chat room said, Hey, I've got all these files here on my find. You're here. Can do the same thing. Yes, and I can do this I'm not going into Photoshop and copying and pasting at a photo shop. I am literally going to my hard drive here, and I'm physically clicking on the images and I'm dragging the images in here. This is another way that I can place. It's not copy and pasting. It's physically grabbing where the images reside and I can grab those, and I can bring those into in design right there and within in design. I've got my window and I'm ready to place. You see the same place cursor that I have. By the way, when you have your place cursor, you could still do a lot of different things without knocking things out. There's my place cursor and again, I can simply click and drag, click and drag, go through and place those files, just like I normally would normally would under file place. Either way, exact same process. It's gonna work exactly the same. Scroll through those. Be able to use your up, down left, right arrow keys, escape to bump it out of there. Not a problem. Now I want to go in, and I would like to put these on the page because a client has sent me all of these images, and I don't know what they looked like. And I don't want to go through an open each and everyone separately. I want to go in, and I want to be able to place these on the page in the same size boxes. Nicely spaced, beautifully done. The Lord Derby's all around them. You know, I want everything to be awesome. So I'm gonna go under file place and again, I'm going to select all the images that they would like to bring in. And here's all my images, and I don't know how many I have the cursor is gonna tell me. And so I have to wait because I've selected on images. I've got 14 images in here on my cursor Tells me so. What I'm gonna do is I'm going to hearken back to yesterday's class, work in place, multiple containers at once. Oh, yeah? This Get your seatbelts on for this because yeah, this is amazing. I'm gonna click and drag. I'm gonna make my image really big. I'm not going to get built. Go! Let go of my mouse up. Arrow is going to create Rose right arrow is going to create columns. And I have 14 pictures in my container. So now I have drawn 16 containers right here. But I'm not done. I'm now going to go way. And I'm gonna use my hold down my command key right here. And I'm going to increase the space between their very small increments set up in my preferences. So this is what happens when you're left handed. You can do everything right handed and left handed. So I'm using my command up arrow and then putting space underneath here because I've never worked for this client before. I don't know what files there are in here, nor do I know what names or here or the resolution. Other color mode. So I'm gonna draw this. I've got space in between them. Everything else I let go and it places all my files. This is a contact sheet for those of you that remember film and contact sheets. Okay, so there is everything. It's like, this is awesome. I get a really quick preview of what they look like. It's really good, but I don't know any of the names. This is amazing. Placed on my files, I'm gonna go under by object menu. And I'm going Teoh make captions underneath these files so we know what they are. And I can include information here under the captions and choose caption set up now. Right now, my caption set up basically says it's going to gather the name of the file. And that's why I created space under here. And I'm gonna have the name of the file here or the status of the page of the size, the color space. I just want the name. If I want to put, like, number or something before the name or after the name, I could do that. That's fine. But right now, I just want the name. I want a couple other pieces of information here, so I'm gonna click the plus sign at the end of my caption. And I would also like to know what color space. So I'm going to go ahead and have the name of my file, right? They're gonna have the color space, and I want 1/3 line here, which is going to give me the actual size or could do resolution actual resolution right there. So this is the three lines of copy or the three lines of metadata that will then be generated underneath my images. Which is why specifically put the space into my images here. Where is my caption going to appear? It's going appear under my image, and it's gonna Pierre just slightly below the image right there. So I had my name, color, space and resolution. Each one's gonna be on its own line in a text container that's gonna be auto generated below the image and I click. OK, now I'm going to select my images here, go back under my object menu and with my caption set up already done, I'm going to generate a live caption, a static caption to simply generates. And then, if the picture changes, the caption doesn't change a live caption. If I change the picture, the caption changes generate my life. Caption. Have to have my containers selected so it knows where it goes and then get automatically generates the data. It gives me the name. It gives me the color space, and it gives me the resolution right underneath there. So there's my oil painting. It's 240 pixels per inch balls of yarn. Birds in the cloud. What's this? The no data link? Well, it's an illustrator file, so there is no color mode and there is no resolution. It's not pixel based. It's like, Okay, now I know that's an illustrator file Infinitely scale. Why don't have to worry about that? And I can work through this. I look at that and I say, Oh, you know, this wasn't the right file right here. That's, you know, one of the other guy with the camera so I can click on that file under file place, and I'm going to say OK, now, it was supposed to be this one instead, man with a guitar. So it's right there. Just the other caption changes. It's a live caption. I can put any images in here, and it'll tell me exactly what it is. I can print this off. I could make a PdF, and I now have a contact sheet of everything there with all the pertinent information on their readily available and took all of what, 30 seconds to dio. It's a great way to collect all the information when you're starting a new project and just get some type of understanding with what? The images are A little crazy thing here, too. Is this these captions on Lee work? If that little container is actually touching the touching my image so if you move them off, they have to be touching. It's just one of those weird things with a caption. So one of the things that I don't know if anybody noticed this in a chat room here What? I went under file place and I got my place dialog box. Do you see how it says create static captions? Here is one of my options. This is really cool. If I go in and I place a file and I have my static caption selected there, I can place this file and I can place the file and then I can place the caption as well. That's one of the options that I have. I go under my caption set up first, which is what I did. I set up my captions so that it included all this information. So if I want to do this one by one, I can do that. And it's a simple is going under file place, making sure the static captions has created a night. Take the file and you notice how I select that one file. My cursor shows two items. One is the image. And the 2nd 1 is the text container. That's going to go with that as well. Pretty slick. No, of course. All these files in here, we're gonna show up in my links panel right there. Every single one has a link established to it. I go in here, I confined them. Go right to it on the page by clicking that it's gonna be right to it. Highlight the whole thing. And that's a great way to showcase everything in a very simple way. Whether the opening up, printing them out, laying them out, everything else Easy to dio. Can you change what the default information is for the captions? Absolutely. That's under the caption set up. So when you do the caption set up right here, you choose from your whole list of metadata. All that stuff right there set up has to be done first. And then if you want to do this, it will automatically generate them if you want them. Or if you do the static caption when you place right there and one more question that you might be getting Teoh. Is it an option to embed the files into your in design file? It ISS. If you really wanted to, it is. And it's going to make the file that size, so you certainly can. If you wanted to do that, you could click on your image and go into your links cheese grater here, and I can actually choose embed the link in there. I don't recommend that simply because we have other ways to keep track of everything. But if I was going to send it to my mom Oh yeah, definitely one picture in there and things would get lost. However, if that's a 10 megabyte file, your file will now increase by 10 megabytes. Okay? And if you do in bed that to say, I do embed that in the file here, and I choose to embed that if I wanted to give this to somebody, somebody could actually un embed the link and be able to download that out of the in design file and have the native edit herbal file, too. It's not just the preview here, but you do that with images. There 10 megabytes and you now have at least 100 megabytes in there and you get this giant clunky file you know, with square wheels, it's just horribly slow when But you can you want to I want to jump over to that illustrator question that the person had and I'm going to open up some illustrator files in here. So I'm gonna go with my state crispy bacon here. And so this is all done an illustrator. And if I want to take this, I always recommend copying. Are placing this in into in design using the place menu. If you do go in and say I want a copy something like this where I'm going to go in and I'm going to just choose my state crispy type. I just want to copy this in. I want to paste this into in design. If I copy from Illustrator right from here and I go over to in design, which, of course, tell people don't dio and I paste this into in design, it will paste into in design. Okay, That link is not showing up in links panel because there is no file associated with it. It is literally just copied vector graphics. Now, when I copied from illustrator, though, it's just a fill in a stroke. So technically, I could have made this in in design. I wouldn't have because then, if it's in in design and created, there's no other way to get it to anybody else unless they have in design. But it's it's a copy, this vector. This is just a shape in a fill, and technically, we could use our pen tool in here and make it have drawn this in design as well. But what I have here is I have this grouped item right here that I could use my direct selection tool and it literally becomes just a fill in a stroke. And if I wanted Teoh, I could go in and I could change the color of these items here separately because really, they are just a path. It's very much like drawing a circle or a square, a polygon and in design. It's just taking it right over into here. Now you're gonna have some issues with radiance, blend stuff like that so you can do this. However, you don't have the capability of really doing anything else with this. If you edit it in in design because once you put in in design, it basically is in and design. Can you copy this back out and put into illustrator? Yes, you can. But then it's like, Okay, if you're gonna do that, just do it all in Illustrator and bring it in. So for those people who understand and get that concept, you certainly can do that. But keep in mind if somebody gets this illustrator or this in design file and says, Oh, you know, I see this and they clearly didn't create this in in design. They click here and there, like, Where's the link? Oh, my gosh, what do I dio? You have no real way of editing it. Unless you really know the ends. Announce that the direct selection tool pen tool, adding points, things like that. So the answer is yes, you can. But keep in mind there's no back end file to support it here because it's basically just fills and strokes. They're so something to think about. I have a question, Jim. Way gonna go into printing at all or is Oh, absolutely. Okay, great. Just a handful of printing toe a pdf or collect for output. So we do have Ah, we're gonna cover that at some point. And we're gonna do that tomorrow because what we're gonna do is we're going Teoh be laying out master pages and stuff tomorrow with images and text and links and everything orchestrated a print package, preflight and pdf. Terrific. Thank you. Okay, so we've got our images all placed in here. The one time you can go in and copy and paste images is if you have an image that is placed in another in design file and that link is established and you want to take this image and bring it into another in design file, you certainly can. Okay, So if I got my balls of yarn in here and I'm doing something with this and the link is established in design already knows where it exists On my hard drive there. I can copy this from here. I can go and I can paste it into here. And there it is. If in design knew where the link was, another file, it will know where it is in here. And so that's the only time that I would really recommend copying and pasting like that. A couple other things that I want to mention when we place a file you'll notice every time I place the file here, it always is going to conform to the size of my container, no matter what. Now, if I draw on existing container here and I say I want to import it into you this oval and I decided that I want to then place a file in here and I'm going to play something like this and they put it in there. It's like, Wow, the file comes in really huge. And the answer is, Yeah, it does, because when I placed the file originally and I drew the container while placing the file, I was establishing the size of that image. This image could be huge. I have no idea, but because I place it into an existing container, I had no control over the size that the image was going to be placed in. So I'm gonna zoom out because this thing's huge, a double click on it. And yeah, that's how big my image is, OK, the thing is enormous. And that could become an issue because if people don't know how to get to that. I mean, you see how far after zoom out here and get rid of my links panel here to be able to go in and then reposition this back in my container and then zoom back in? And that's all because I decided that I wanted a different shape. So here's one thing to Dio. You can do that and go through that whole effort. Or if you're gonna play something going to the file menu and choose place and after you're done, then go on your object and convert the shape to something different. OK, but if you insist on creating a container and placing your file in there right there, you're gonna need to know fitting options. We have just a few minutes left here, so this will wrap it up nicely. I want to be able to fit my content to my frame here and pictures huge. So I'm gonna go into the object menu. I'm gonna choose fitting. I have got all these different ways that I can fit my object to my frame. I can fill the frame proportionately I can fit the content proportionally fit the content of the frame and it's like cash. What are all these doing? Well, basically, what I want to do is I either want Teoh, fill everything proportionately or make sure that my container is going to show everything that I have. If I fit the content to the frame, it is going to disproportionately scale my entire object. Because if it's really narrow here and I say OK, under the object fitting fit the content of the frame, it simply just shoves it in wherever not recommend it. If I want to make sure that everything is proportionately scaled under fitting here, what I want to do is I want to fill the frame proportionately, and that's gonna fill the frame proportionately so I don't have any other portions not showing through here. And right now my object is as wide as the frame, and I'm missing it height wise simply because of the way I've drawn my container. But this is the easiest way to go in and make sure your content fits to the frame without scaling it disproportionately or having anything showing like little white areas or fringe things right there. So under object fitting we have several different things I may want to go in and I may want to make my container much larger and have my image smaller right here and do something kind of wacky crazy where I just want this centered inside by poorly done container go into fitting. And I could just say hey, center the content within their But I could do that as well. A lot of different ways. One of the other things you can dio if you decide that you're going to do this quite often instead of going through all this process every single time What you dio is you create your container and where you just select your container here actually going great and then select my container. I'm gonna go onto my object. I'm gonna go under fitting here, and I'm going to set my options for my container before even draught. So I'm gonna do my frame fitting options. I'm gonna tell it that when it's going to go in here, it's going toe auto fit The content my circle selected is gonna auto fit the content and it's going toe fill the content proportionately. Now when I draw my frame right here any size. And I go when I placed my file. Since I've already set those parameters, it will already have those parameters set to that frame. That is something else you can include in your object styles. We're gonna get into this more money, do master pages because you don't want to create containers on the page and have to fuss with trying to make everything fit. You want to create your container, have all those parameters. When the picture comes in, It knows what to dio. You shouldn't have to do it every single time. Just one quick review. All I did was I went in and I selected my container. And I told it When I draw this container, how I want this to fit every time I draw the container, when content goes in, it's gonna follow those parameters. It's lunchtime. One a question before we go. Yes, head off. This is from a Z W. Photo goes back to when placing images with loaded cursor. Yes, while placing images with a loaded cursor. Can you cycle the images without getting rid of them? Or do you have toe? Move them, Move them right upto a one place you can cycle through them just by using our up, down left right arrow case. Okay? And it's gonna walk you through them forward, backwards, whatever. To get rid of him, you hit, escape and just bumps it right out. Or will she can keep cycling through them at any time, any point.