How to Work with Illustrator content in InDesign

[Music] all right hello and welcome everyone welcome to indesign tuesday and we're doing this in a brand new place or at least a brand new place for me and that is the brand new combined facebook property for both illustrator and indesign users i recently became adobe design and so i'm very happy to be doing my first stream on the new combined channel i've done both illustrator streams before a few in the past and i've done uh of course several indesign streams on the indesign channel and it's great to be uh to have uh all of you together just as a in a one design type goal uh so for those of you who are new to me my name is terry white i'm the worldwide designer photography evangelist here at adobe and today we're going to be taking a look i thought well what what better way to start off my my streaming on this new property than to uh talk about using both illustrator and design together in other words using illustrator content in an indesign um layout so that's what i'm going to concentrate on it shouldn't take too long today i always say that but didn't end up going over the time i always guess but shouldn't take too long and it's great to see so many of you piling into the room here i see muhammad i see asha i see victoria i see is that chabel chabel bellata uh hopefully i'm saying that correctly from costa rica danielle from colorado great to see you all coming in i see cindy over on youtube and i see some folks joining me over on twitter so great to have you all back i know i've been away from streaming on this even the indesign channel before it got combined for a while so i'm happy to be back just work gets in the way sometimes all right so lots of people coming in b h design bh design studio uh hello um all the way in iraq uh is that deferred photo yep and michelle so again great to see you all here from all over the world so let's go ahead and dive in uh so that we can make the best use of our time i'm gonna switch over to my desktop where i've got um both photoshop and indesign or sorry illustrator and in design running uh i've got indesign open because that's where we're going to get started we're actually going to create get our indesign document set up and then we're going to go over to illustrator and and talk about the content and how to bring it into indesign all right so first and foremost um for those of you who are used to my streams you know i usually like to start with no document open just to show you the entire process so i'm going to go ahead and click i got indesign launched i'm just going to click create new and when you go to create new it will normally start you off with any recent documents you will open any saved templates you have any default page sizes you have and of course then you have stock templates that are built into different categories so print web and mobile so i'm going to pop over to the print category and in the print category there are different templates all the ones with the blue check marks i've used before i've downloaded these are all free to use so i didn't pay for any of these and once you find a template that you like so the ones that don't have a blue check mark i have not used before i have not downloaded but once you find one that you like for example or even that you want to just take a look at so like this whimsical cookbook layout is free if i wanted that and maybe i'm not even going to use it as a cookbook but i just like the layout then i can just go ahead and click on it it will uh i can even see a preview of it so it kind of like just shows me a bigger document of it and uh cool so if i want that one i can go ahead and click download it's downloading in my other screen over here oh and today hang on for a second my other screen disappeared okay to download it and that quickly and now it's ready to open so i'm gonna go ahead and hit open and that will open up the template now the template itself is just that it's a template so we're seeing uh we're seeing our grids and guides we're seeing uh or actually our guys not grids we're seeing kind of this layout all ready to go and of course this is all sample images and sample text if you like those images you can leave them if they're because they're part of stock as well if you don't like this purple color you could go change it if you obviously you're going to want to change the text because this is not just this is not the text that you're going to want but you can go ahead and change any aspects of this anytime now for the sake of viewing i'm going to hit the letter w just so we don't have to see the guides right now so w for those of you who are new to indesign is simply taking me into the preview wrong one there we go simply taking me into the preview mode so we were in normal and down at the very bottom of your tool panel there's preview and preview lets you work just like normal does but you just don't see all the non-printing things unless you click on something so if i click on this frame i see the light blue frame around it but if i don't click on it or click away from it then it lets me just see the way the page would look as it was outputted either as a pdf print or publish online okay so let's scroll back up there's the first page and again if i don't like that page or maybe i'm not even going to use this as a cookbook i can just delete that and i can say instead of a cookbook title i could say that this is my outdoor adventure so again you just because i downloaded a cookbook template doesn't mean i have to use it as a cookbook and what i keep stressing is that any template you download you don't have to use it the way it was originally set up it's templates are really just a starting point a way to kick off someone that doesn't want to start with a blank page and it gives them a lot of elements that they can begin with so a lot of this for example if we go over to our paragraph styles a lot of these templates have style sheets already set up so it's all set and ready to go so if you wanted to work with body copy or body text they've done that for you but you can go modify any of this so it's a lot of the setup that gets out of you gets in gets gets you going first without you having to worry about starting everything from scratch anything can be modified anything can be changed you don't like that purple color which is probably on a master page if i'm not mistaken again it's my first time looking at this template so if i were to go to my pages panel and i were oh it's not a master item so it's just locked on the first page all right so if i don't like that one i can unlock it and change the color of it to whatever i want okay so with that said now let's talk about what we really came here for is how to bring in design or how to bring illustrator content into indesign and why would you even use those indesign if you were using illustrator illustrator is awesome as many of you know if you're creating vector art that's the program to go to if you're doing um and when i say simple layouts i don't mean that your artwork is simple i mean that you're not doing hundreds of pages like you're maybe doing a few art boards here and there and you're even customizing the different sizes of the artboards and you're doing amazing work that's what illustrator is for when you want a more structured document like a book like a newsletter like a newspaper even if it's in digital form something like in longer form that's where indesign strength really lies and that's where illustrator's strength was never really designed so even though it has multiple artboards it was really never designed for hundreds of pages in a document whereas indesign was with no slowdown with no uh no speed loss whatsoever and also the benefit is that with indesign i can bring in my illustrator content and my photoshop content in its native format and work with it or we're going to see some tips of how i can even bring in illustrator content and treat it like vector art meaning modifiable vector art in indesign alright so first and foremost let's talk about the ways to bring content in so i got this page i got rid of whatever was on the page i don't remember it was a vegetable or something whatever's on that page i called this outdoor adventure so now i want to bring in something kind of adventurous so how about a map a global map so in indesign uh one of the easiest ways to bring content in since day one is to go up to file and choose place so if i go to place that will take me out to my operating system i'm in my illustrator folder and i have this vector file called worldmap.ai so this is a it's a map obviously and it's an illustrator file i'm just going to go ahead and bring it in natively now when you bring in something anything photoshop tiff jpeg eps illustrator file whatever whatever image you're bringing in normally comes into what's called what comes in as a as into what we nicknamed the place gun in other words we're going to click and place images so you could have selected five or six things or a hundred things and then go and click them all over the pages where you want them to be again that's another thing about working fast for multiple page layouts with indesign all right so now i've got this thing loaded into my place gun it's asking me where do i want so i can even scroll to another page i can put it somewhere else so let's say i want to put it right here instead of being on my cover i could just drag it out and notice i'm i'm not holding down my shift key i'm not holding down anything it automatically detected the proportions of that illustrator map and it's maintaining the proportions meaning it's not letting me stretch the map because it already knows what proportions it is so just me dragging it out it's already going to be the right proportions and when i let go there it is now at this point we're in indesign it is linked to that original illustrator file and if i want to edit it i can i can it can launch the edit from here and it will go to illustrator let me edit it and then when i save it update the link so how does that work i can hold down my option or alt key on windows and double click and it says oh you double clicked with the option or alt key down you must want to edit this so if it were a photoshop file it opened up in photoshop with all the layers that were in illustrator file which it is it opens up in illustrator with all the layers and everything intact so if i say for example this orange dot needs to move over to this country and this blue dot needs to move down to this part of the country and here we are in africa and this needs to move i'm stretching it let's not stretch it there we go i want to move that one over there and i want to hold down my option or alt key and duplicate it over here and i'm making all these changes and um and here will maybe we want to get rid of that one and maybe we want to move this one over so i'm making all these changes to the map and now i hit save because it's an illustrator file so i could add layers add text do whatever i want redesign it reshape it uh redraw it whatever i want to do but now that i've saved it as soon as i close it and head back to indesign it's already updated so indesign is maintaining that link from the placed illustrator file in indesign so everything that i just changed remember i got rid of the red dot on us made another blue dot there i moved these dots apart it all happened instantaneously the minute i had saved so i can keep hitting save and it would keep updating not only this indesign document but every indesign document i've ever placed that map in will get updated all right so now uh this image is just an image sitting here on the page i can i'm on my selection tool i can move this around pick it up i can put it on top of things because of illustrator's transparency if i put it on top of something else it still maintains that transparency i can make it bigger if i hold down my command and shift i can say no no i want to scale it up because we know that illustrator is infinitely scalable because it's vector content now in this case it's starting to intrude upon the text below now this text below looks like it's all in one frame i can double click and i could just put another carriage return in there and i could say you know i really don't want it to encroach upon that text so that's one way to fix it but one of the other cool things about vector content or illustrator content in indesign is that it can also be text wrapped in other words we just made space we moved the text down and that gave it space for the bigger map but if i were to put something in here that that i wanted the text to actually wrap around the content in its vector form i could do that as well so let's get let's head back to illustrator let's open up illustrator and here in my creative cloud libraries i've got some illustrator content so i've got this um this solar home logo so this is adobe stock uh so this is all vector these are all pieces of the file that were created by whoever created this um and these are this isn't text these are individual vector elements so it's no longer text so i can't really edit the text i'd have to replace it with a different type if i want to change what it says but anyway let's say that we want to leave this as is so i'm gonna i just wanted to show it to you in illustrator so you would know where i got this from i'm not gonna save it i'm gonna head back to indesign because indesign works with the same creative cloud libraries so if i were which library was i in by the way i do have more than one okay good uh if i were to go back to indesign and i'm in that same library which i am i scroll down to the solar logo there it is here's the exact same one that we got from uh from that we're working on illustrator if i drag it in it also does a place just like file place it links it to the library so if i double click the library item and edit it it will update the library item so now let's say i for temporary sake i just place it down here all right so now i got that logo in there and i can see that this one actually does have a white background so i got to be careful about that because if i were to pick that up and move it over it would actually be covering my text so that may not be what i want so let me delete that one let's go in and i've already done it but i just want to show you how i did it i'm going to go back into illustrator go back to that solar home and this white background i can just either delete it which i just did so now it is it no longer has a white background so we'll go ahead and tell what is what format is this oh yeah that's why okay uh and now if i go back and place it yeah i can already see it no longer has a white background so it's got the checkerboard letting me know so all i did popped over to illustrator deleted the white background it updated the library item when i hit save now if i were to drag this over again it's coming over transparent so there is no white background behind it anymore uh did you say you can copy and paste you mean copy and paste we're getting to that just hang on for a second all right uh so now let's let me scale this down a little bit command shift and indesign scale it down pc control shift and i'll place it like over here now obviously i'm covering part of that type so what i want to do is i want to create a situation where the type wraps around the shape of the solar home so i want to go into my i want to bring up my text wrap panel so i'm going to go to window text wrap bring up my text wrap panel tear it off just so we can work with it and you'll notice that we have all these different text wrap options we have the just you know put the text under the image don't try and wrap it no wrap we have the one that wraps around the bounding box which is just put it in the shape of the box even though the object may not be rectangular and then we have this one which is wrap around the object shape oh my god that's what i would want right but here's what happens when an indesign user does this for the first time they click it and they're instantly disappointed because that's not what they wanted they get basically the same thing as a bounding box like how come it's not wrapping around the actual solar logo it's just doing the same thing as bounding like in other words a click on bounty box they look the same because there's one more thing you have to do you have to go in and choose your contour option so not same as clipping we want it to detect edges i don't know it's a long long-standing indesign thing it should do it automatically but it's been that way since the beginning of time we detect edges and then it says oh you want me to go around the logo i get it now and it did that now in this case it's not doing a very good job of it because the text is still kind of coming in around the spot so let's do a couple things we can actually increase the amount of space around it and we can also go in if i zoom into this we'll see the problem the problem is that that a is somehow scooting past my guide here my border so what i want to do is i want to just basically make it so that if i go into my uh direct selection tool i can actually click on click on this point there we go and i can actually change how that wraps and it was just doing a weird thing where that a was sneaking into the logo so i just changed the wrap itself vector wrap around it and now it's doing the right thing and again you can still go back and no now that i've done that i've done it manually but you can you can always go in you can specify here we go to a point there we go we can specify uh the shape of this this wrap and even though it's doing a really weird one here there we go i can pull this out i can say no no make it even further away so you can always customize the wrap itself so that your text does not encroach upon your logo or whatever it is so normally just a standard text wrap would do that so let me show you another example let me go back to my libraries and in my library somewhere i think i have i have these tints so these are all vector i double click on them they take me back to illustrator because they're all vector and now i take one of these tints because i don't need all of them i just like the purple one and i add that to a library all by itself so now the tint is in the library all by itself i had a purple one i head back to indesign it's at the top i drag it in place it decide where i wanted to go so let's say i want the tint up here i pick it up with the move tool move my text wrap over pick it up with the move tool and say that i want it right here now same thing it is not wrapping at this point it's just covering so i just enable text wrap i say uh detect edges and it does a great job wrapping around the shape but again that's too close to it it's even touching it so i just space it out further and say no no don't wrap so closely to it and then you can do it or you can manually adjust the bounding box which is vector okay so or the bounding shape so now that we've learned how to place content how to update content how to um [Music] text wrap someone mentioned and people i see in the chat mentioning copy and paste there is a very important element about copy and paste that works beautifully with indesign something we don't think about all right so let me uh let me go back to illustrator and let me see if i got a good shape to do this with let's say that i use i use this double click on this and we've we've got a person holding a whiteboard now this is all vector so let me uh let me click on this and let's see what i have here yep oh it's even warped okay good so this is all vector so i this may not make a good example because of the warping and because of the fingers but let's try it so instead of placing it or placing it from a library what we're going to do is we're going to select this content so select all command a copy it edit copy go back to indesign and let's just go down to a blank space and paste it so uh edit paste now when you paste content from illustrator as opposed to placing illustrator files you end up with a vector art piece inside not not vector but not just vector but vector editable art piece inside of indesign so notice when i click my direct selection tool it's all vector like all of these fingers are individual vector points so i am in indesign but i am able to modify if i click the right handle i'm able to modify uh any part of this because it is treating it it's respecting the vectors that came over from indesign i'm sorry for illustrator also note because i know people would be freaking out that i'm doing this uh also note that we move a finger around you're not affecting the original illustrator file so when you copy paste it's a one-off this only exists here all these all this destructive behavior i'm doing only exists here it's not damaging my illustrator file it's not damaging my library image it's not damaging anything because there's no link this is just literally placing it in here now what you're probably saying well why would i ever do that if i'm going to mess with it i don't mess with it in indesign i'm not gonna mess with it here in indesign let me undo some of this because when you place or when you paste an illustrator vector that illustrator vector also becomes a frame so if we were to grab a photo i've got some photos here we were to grab a photo you could now place that and this is why i didn't want to use this particular example i said click yeah nope get it wrong here there we go i placed that in the board so that photo is now inside the illustrator vector because the illustrator vector when you paste it in it becomes a frame to indesign so instead of me drawing this extravagant frame with fingers that's better done in illustrator go do that in illustrator and then copy paste to use it as a frame here in indesign you're probably saying well wait we can't see her that's an indesign thing that's where we're not fitting this copy yet or this image so we go up to our fitting commands we have fill frame proportionally and if i click the right one the problem with this particular frame because it's warped like that hang on nope that's not the right one that's the right one there we go fill frame proportionally that will fill it we can also um yeah that did it it filled the frame proportionately because the fingers are still gripping the side of the photo so that is why you might copy paste copy paste something a little simpler than this warped uh illustrator file and it will your frame would work much better all right so placing illustrator files no problem you can scale them size them wrap text around them double click to or option double click to edit them uh go back to illustrator it always creates a link so forth and so on copy paste from illustrator it becomes an editable one-off vector inside of indesign that you can then manipulate is this a good thing to do though we want to make it heavier to treat it the same way as you would in illustrator no not really because vector vectors don't take up a lot of space so um whether i now granted if i needed that solar home in a million files in a million places because it's the logo absolutely place it because then you are linking to just one file but in a one-off situation like this where i just need that vector thing i created to be a frame and let's do it one more time let's go back to illustrator and let's work with the tints again let's say we take this tint and we copy it and we go back to indesign and we paste it it comes in as a as an end as an illustrator or as a vector editable file right here in indesign and if i select it properly there we go and i should now be able to place content into it so if i choose file place or grab something from the library i should be able to grab a photo and place it right in so let's grab a photo uh let's go to my cc demo files my photos and let's go grab landscapes and we'll just bring in we're bringing this jpeg okay oh didn't do it you know there we go so i'm i placed it in one panel inside that tint so i can because that was the only panel i selected so that one's coming into that one panel and i'm even moving it around inside the tent and of course i can also scale it down so if i want to see more of it scale it down scale it down and so now the photo is linked because it's still linked to the one i placed but inside this tent we've given this tent a photographic look to our vector tint all right so those are just a few ways of working with illustrator content inside of indesign and with that said i am at the end of my time so let me see what uh see if a couple questions i'll see came in popped in at the end um yeah again because you're you're not linking you're someone's saying it'll make the file bigger for the pdf from invec and for print yeah it is gonna make it slightly bigger because you're putting those vectors inside of indesign uh what about text what about text you can place uh you could place illustrator files with text in them they would place just like that pretend that solar home was text it would look and work exactly the same if you copy paste the text then it will become a frame inside of um [Music] depends on how you copy paste it though if you copy paste it as an object then it should come in the same way as a vector object but if you highlight the text copy paste it this is going to come in as text because it assumes you're just copying the text because you need to say the same thing in the other document so it depends on how you copy paste it um as far as how it will work with text if i copy and paste the files it often changes it to an eps changes what to an eps because we're copying and pasting inside of an indesign file so the indesign file is the indesign file these vectors are now images as if we had drawn them inside indesign so there's no eps aspect to it in indesign all right but with that said i am out of time it is great to have hundreds of you here watching this today and uh thousands more that will watch the replay thanks for being here thanks for hanging out with me uh on my first uh look at working with the new adobe design channel working with indesign illustrator together we'll do more of these kinds of things bringing multiple prop pro multiple projects together as one as opposed to just talking about one particular application at a time all right so with that said cheers everybody thanks for watching and we will catch you on the next one bye everybody [Music] [Music] you

Channel: Terry White

Views: 10,380

Keywords:

Id: Q5tqPjUVPkA

Length: 29min 39sec (1779 seconds)

Published: Tue Aug 11 2020