ID PART 18 Maitriser INDESIGN en 48h chrono Mise en page ADOBE niveau pro à la portée de tous (0h39)
the principle of this document of documents in design we can make a lot of them different ways but the principle of the document here is that we have page template templates that can be present differently we have here a template with three columns per page so it’s a good double-page document. on left page on right page on right page other template with four columns in merging the columns two by two that can be pages with two columns You understand if I’m there. column 1 and a26 I merge together a3 and a4 I get a two-page page columns here it’s just one of the pages of the document that has been worked on and it has has been sent as a template page for can be reused, for example, if every month I do an article different on a different subject but that the structure of the pad and two pages must remain the same I’m just gonna use this and replace images and text and titles but in any case it will go very fast for it will go very quickly to make the bet in page that’s the idea of taking pages that have been made in the document the and transform them into a template by a function first it is necessary to activate the two pages doesn’t do it I show you for those who might be curious, it’s a function that works like this we must activate both pages in the case of a double-page document because we can’t not send any of the left pages or right as a template then in the menu of the page palette is in the master sub-menu p 2,7 registered as a 16 s template master that’s how this template works meets her when he’s still particularly in relation to others it is completely different is that why Well, then we’ll do a little job. where we’re going to do a quick layout because these and unfortunately allows you I’m going to activate the preview at the bottom of the tool palette to see a little what it will give at the exit that what or an output for paper but also and that’s why we did this with rvb images and colors rvb it can also be used to make a interactive magazine goes to read about tablet or on a smartphone indesign knows how to do that especially when you adds modules like you xl aquafadas dps de adobe finally there are plenty of solutions a ten solutions to achieve the following make magazine applications interactive for tablets at the beginning of a design but generally requires add something and so here you are see that it’s a look anyway relatively professional is that we hasn’t done much yet. above ensures its pages there we just have put columns of text we don’t have further worked on typography we just put pictures in, we even put them in. not overrun to the edge of the pages which means that by the way, is really a tip to give a professional look before document is to put the elements, whether they are colors as we have here color blocks the make go to the edge of the pages the images too but we haven’t done it yet that so in this document the images the go to the edge of the pages It’s really it really gives you a look. professional before document why but because there’s only one place the printer that you will be able to reach print to the edge of the pages the interface photocopiers and in the copies services in general does not print to the edge of the pages and so we have always a white village and so it is always a little bit amateurish that’s if there’s a price. arrives printed to the benches of the pages it’s actually not that is because they print on large leaves then it cuts it cuts it cuts it there is a system called the bottom lost, so one of the things we’ll do is to put them on the pages here that have not yet been worked on was going to to put text from the dummy text by the way because if you or but on the pages that already exists at you see that it is of the false text that was just inserted to design the layout and then then we can put real text that comes from the web or that you have typed yourself something from the public domain at you can’t use just any text that comes from the web obviously if that comes from Wikipedia, it’s fine, but if it’s comes from them here from an author you don’t Can’t you see that’s obvious? so that’s what we’ll do. text and we’re going to put pictures we’re going to make a layout by doing overflow the images this time in on will also do text wrapping i.e. to ensure that the text revolves around an image that we have prepared in photoshop we’re also going to make sure that the jpeg images we use some time we’re going to ask for a wolf design the we do them transform into psd to indesign photoshop to automatically transform them for us psd you will see that we really have interest in using psd images on photoshop format in indesign instead of of the jpeg format which is currently used that’s it. since it is currently a format atypical that is used because I didn’t have the finances to go go on safari photographed crocodiles for six years weeks so and even for the zoo I asked the boss, there was no funding. to go to the zoo for a few days photographing crocodiles so here’s the web it is interesting in this case there it’s not forbidden to use images of the web as long as they are in the public domain that the author does not keep not the rights to the image he put on on the web typically I use google to look for pictures and that’s it and I generally typed words in English because it’s always better there’s still more images that are indexed in English than in French don’t google because you go see that it’s not going to work, so I’m shows you my procedure to me I type in English I go on the word images here at this place if in the tools I asks for more tools already I ask to display the sizes so it shows me where it’s at. who know what it’s called this. I can’t hear you then. what this resolution in general is the answer we give is the wii las size size size size word size in computer graphics defines four things for an image it can be the size of the file It can be the resolution. It can be the resolution. what we have here is the definition here it can also be the dimension cm and one more thing it can also be the pixel depth is what we have pixels with a lot of information Do we have any 16-bit web it from the 32 bits so size is a term generic image size so in fact Here’s what I’m going to do to you. to understand is that this is not the resolution this is what is called the definition of resolution is a notion that only operates in the world of printing it indicates fits on the paper on a distance of one inch because we are talking about resolution per inch over a distance of 2 54 cm 1 inch 1 inch I have as many pixels of the image that is used to recreate the image on the paper with ink here is really the definition then next what I usually do next have displayed the status and I ask when even to see if by any chance I could not have good images with more than pixels if I want to make large images on my layouts I have an interest in request more than 4 million pixels when I multiply 2272 weight 10 704 I get more than 4 million pixels or yes million pixels when I multiplies 3264 x 2448 is obviously the more I show myself, the more results I get. here’s the thing. And then when I see an image Yes, first of all, it’s not certain. whether they are in the public domain or in the in fact it is also necessary to pay the fees of used it is necessary that I take pictures that I have the right to reuse and modify if I reframe an image in the layout is a modification so it’s a modification you shouldn’t just take reuse authorized it is necessary to take reuse and authorized modification does not do that. It’s not gonna work. I’m just showing you. in google and I’ll tell you why it’s not is not going to work at home here or else instead user rights there I can also indicated public domain in quotation marks in any case if I do a job serious I have to check it a little too much. eaten this I have to check if the images really on the web page that contains the image if the image is really in the public domain if I have the right to use it so why won’t it work at you but I show you why because that for the past few months for a year to pretty much google removed the button which allows you to see the image at the top definition because they have had problems with an image bank that is called getty who told them it’s not okay people can see the images in high definition it then became the method that I I use I added to my browser firefox and I did the same thing too in my chrome browser I added an extension that allows you to when I click on an image to display high definition extortion image al bite everyone would have guessed it it means going after the right image so you don’t have it to display high definition image is not fine go you just go to see the image in low definition it’s not going to do it so what you’re going to do is use the bar our another engine to looking for images it turns out that the bing engine for example it always has this button to display the images high definition so it’s going to be better That’s actually in bing. the same principle as in in google actually here in bing by example I repeat the same search again can’t you be sure it gives the same results google results obviously the system indexing is not the same I want here type between public quotation marks field I’m going to the image part so that’s it. you can do it in bing and years I click on an image I have the opportunity here to ask display the image and normally this displays me images in high definition except I forgot something. I’m going to close his forgotten g to ask for images greater than 8 megapixels per example we see the size of the image I will ask at least to go at least to 1500 6500 here are these 3 megapixels but this It’s going to do it. Here’s to the fierce leyre etienne it’s incredible still our model size which is so I click on the displayed image the picture doesn’t work and a little problem there with this site there but it’s Never mind, I’ll try some more. so if it’s from Wikipedia, it’s necessarily in the public domain you don’t have to ask yourself the question This one’s from Wikipedia. I saw it. in the on the bing page It’s from Wikipedia. It’s gotta be from public domain, so I’m going to ask to pick up any subject you don’t necessarily want hyenas because they’re still some pretty disgusting animals and I can understand why you don’t like it. Not, but here’s the thing. seek five wise men with definitions and you make a right click save the desired image you will record it, well, listen, we’re gonna use first of all our file of assembly which unfortunately do not confuse with your zipped assembly file by the way, it would be a good idea to delete the zip from the hard disk of windows and you will register it specifically in the links folder on links folder then it is not forbidden to rename it made the name because that it’s very long and that’s what it is. for an interactive pdf document – interactive magazine names too long it’s more than 32 characters, it’s really problematic so then about the no’s is always a good idea to give a name that does not doesn’t start with a number that doesn’t have of spaces but rather that they use re-score areas where shots are fired and and which is no more than 30 in character and who has no accent, no accent so that’s the rule for Troy some big names go everywhere without issue I recorded the image while she was is composed of numbers that may need to be I’m going to renault but this but this but this. works for a while, you don’t do it from the interactivity that you do not put the images on a server here it can be the same ones if they don’t have any not to the web cf my here I finally have taken something other than hyenas too that doesn’t matter, the main thing is to have images to be able to use them to place in the document is mostly still images that show on this subject rather not an image of a landscape where you can’t cling to it nothing but an image with a subject because it’s more of a problem for us. when you have to do a layout with one of the subject images since it must at the same time be able to see the head of the subject but nevertheless it is necessary to still see what it is so it is sometimes it’s necessary to reframe it’s sometimes not easy because that’s it. while a landscape is a little too much easy of course you use images of landscapes in your layouts if you mean but I mean for the exercise here of having a subject is well so here you are in your document you will work for example on the pages 6 and 7 you’re going to double-click whatever it is would be interesting because we already have full of pictures full of pages I want say with three columns based on Yes, let’s go. Let’s go for the 6 and 7 c. as in all adobe software you have the wheel for viola wheels to zoom in and out back you have the space bar to move the image in its window if it ever goes wrong, you only have you did not display the page as as you need on the screen you have the double click on the hand in the palette of tools it will refocus as in all adobe software it will put it back that you want to see it will put him in the center of the window double click on hand in hand with the tool palette I think that with this you’re saved. to zoom in and out move the image in its window with the space bar double click on the hand to refocus then obviously if your mouse pointer only works will not want to use shortcuts keyboard that are on the pc bar spacing control on the bar mac order spacing This is for the positive magnifying glass we’re using. click while we have a bar spacing control on the bar pc command spacing on the mac and for the negative magnifying glass it’s going to be bar spacing control alt control on the bar pc spacing comments stop on the mac so that’s in case your mouse has wheels a little sick you have them shortcuts that work anyway also in all other software adobe well I will work on the left page page page 6 is therefore well indicated 6 in the bottom left corner of your document window you are in the process of to see page 6 we’ll put three images three images in the right column from page 6 and so to do that I have to be in normal display I have to see the markers as it should be, I’m going to go and see the d kalck palette because the cases are landmarks are on the shift only for them and the pink blocks there that will contain images or text are on their copy too so you go to the window layers menu window layers layer window yes so we have a call that the original cac of the document it is written in the version English indesign at the beginning so the eyes roan we have three reference layers to name this one loses 1 by double clicking on him the one that contains the elements I’m working on right now I can. rename let’s say the calq for the images and text because for the moment we look at the images and the text on the same layer sometimes that the interest of putting them each on their own calculation we have a layer for the funds are the coloured backgrounds like the one that had on the page that exists there, page 3 on has colored background that was put there there and we did a calculation for him. just for him too, so here’s the situation you are in the process of work on the layer they are working on which is the one you renamed or not I don’t know the others are locked we don’t work on them. It’s perfect, so well, yes, we are. works in the English version of the design here so I don’t know there are some that it may be disturbing that we work in the English version he preferred the French version eh Well, I want to thank these people. who will leave work for others since there’s still a lot more of countries where English is spoken, of countries where we speak French so here are the ones who want to work only in the purpose and software in version French will be limited to France the south of belgium and some others or eyal québec at the movies so thank you to them the other berries so much the better because it’s very nice to know the software to be able to use them in both English versions or French it’s very good in the cities in the a little cosmopolitan cities that yes where it There are a lot of people who speak different languages in that it will be automatically in English so here we go, so let’s go. you’re going to take the black arrow so look and then you’re going to do then it’s going to be pretty simple and so if rectangle here I’ll delete this one This one’s the one I had. left on this one take the handle enlarge it, I’m here too, here I am. three areas Yeah, yeah, yeah, you didn’t think we were was going to put images in rectangles elongated like that the principle it’s that these erp modules like that if I want three images in my bottom column I deletes the 3 rectangle and then jacques said the others if I want two. games I delete 4 rectangles and I have some grow 2 if I want only one kind delete 5 I enlarge the only one left that’s the main thing, so I and I have the images made menu file play this menu file imported into the english version file ps and you will in the folder where you put the images normally it is the links folder of your assembly file is the one that I went to get today are the capital click clicks you can even take them all if you do you want and you click on the open button in the import box so be careful because there are some who are are a little distracted, we click on the open button of the import box but we didn’t file open that. it’s only when you want to open a indesign file there we want to bring something we import its flaws play this file imported and I find that there is a button open that should have been called pl ace or imported but it’s a little screwed up. so let’s see what you got there, six of you. images in the cursor you can use them review with the arrows on the keyboard the left and right arrows on the keyboard allow you in a way or the other to see the pictures is right left right right left left right left left and when you chose the image that you eat you click on your block pink and it goes in next picture picture that here is the following image [Music] Okay, that’s a good tooth. I can activate the black arrow in the palette of tools and other images are no longer in cursor so you have noticed that the images have been repeated mentioned automatically because that the pink blocks that are in the templates are provided to resize automatically the incoming images of re in it, so right now, for example, I’m working on page six On page 6 and she uses the template b as it is indicated on the page here then let’s go see a little in template b we’re going to double-click on the bay hill template and the ebay gabarre that by the way uses the template to but it’s not very serious is the template hierarchy it wasn’t planned to do it at both. At first, by the way, that doesn’t have anything to do with it. interest in this document here but in any case here I double click on the left page of the template b here is the blocks, you don’t need the change because it would change everything. on the pages of the document but in any case case what you could do is click on one of the blocks here and go to the menu objects adjustments object fitting went to see that we have changed this before the images arrive in the blocks we said here hold when an image arrives it must fill in the block and keep your proportions so here’s the explanation why is it that when you bring an image to the in a block from page 6 and then I go back on page 6 I double optics why are l resizing themselves alone it won’t work. always like that in indesign if you make your own blocks and you don’t know not pre-set to make it return dimension the images it is not going to the so of course we’re going to resize images in their block because it’s interesting to know then crop with the black arrow you will double click on the block here we see that image filled the block it overflows a little by the left and right or by the top and bottom it depends on your image Anyway, here she is, she’s here. sometimes zoom back to see review the frame of the image by double clicking on the white that I am in terms of blog content I am in modifying the content of the block everyone sees their brown frame so when we’re working on the block and there I click next to it I click once the lines are blue it’s the container the block when I double click or that I leave on it I’m in the content the lines are brown well so I’m going to enlarge the image in its block so the block will not change of size but the image will be enlarged and before you do that, look at About the resolution just years ago of which We were talking earlier. We’re going to go. see in the menu links palette window but from the window links a window link window links thank you ok so the image what we’re working on here. it is indicated there and we have them information below you may need to deploy them at home and then you have the resolution that is preset in the file with photoshop in particular on may indicate that the resolution of a image can be pre-set the image and this resolution is at 72 pixels per so someone who doesn’t know anything about it nothing in layout is going to be said to each other. an image I went to look for on the web it’s 72 pixels per inch I’m went to get a lot of others from the web they are most of the time in 72 pixels per inch so they do not not suitable for layout that nenni because it was mentioned again we did it to his little ones on the implementation page and the pixels have shrunk and the resolution that the image has in the indesign document here at home is 894 so we’re way above 300. pixels per inch required for a printing at a printer or even at a printer’s of the 150 pixels per inch required to the pressure of an inkjet poster when you won an inkjet award of $150 pixels per inch is good for printers said that in general it takes 300 so That’s a first thing, so that’s a first thing. I’ll resize the image I’m taking so the black arrow people do that. alt key and the shift key to the caps lock button it’s the shift key. and by having these two keys alt and capital letters pressed down I take a handle and I’m expanding and it’s growing through its center so I’m in the process of maybe give his opinions a little bit I Let’s summarize. I’m in the process of making maybe the image a little more interesting because I had a lot of spaces around them but two bugs the Japanese mède and Here we zoom in shame on them like this That’s good, but if they’re ponies at pet them and you’ll see, so okay. beautiful image has been enlarged and what that well now the pixels are the less you have and the less I have on top of each other I’m at 521, so that’s it. principle is to understand how it works works so I’m going to work now on this image if I double click this one here we see that they overflows from the top and bottom always with the black arrow I’m going to capitalize here is a capital stop I enlarge yes to the in fact I was how much I haven’t looked I’m at 1023 pixels resolution of 1024 pixels per inch for this image even if when I magnifying glass in photoshop and that I look at the resolution it will be madické that it is from 72 but it doesn’t matter so I expanded with capital letters like That the proportions are kept is important if the proportions are not keeping it will be seen in this place if and when it will also be indicated here. in the information the image instead of having a dimension of you in will have 2 finally here it is here instead to have a percentage of of expansion you will have two I want say if you overwritten the image in a either way which should be avoided at all costs obviously okay then what interests me it’s the head of what we’re doing. I’m expanding and of course I’m going to have to now without pressing the game keys reposition images and here we are, superb gnu of the Ardennes forests and resolutions 286 so we could say it. Ah, it’s not enough. I’ve grown too much. banon when you’re about 200 250,300 is good if you send you to the printer for printing in technique of 7 an image at 200 pixels per inch there is no No problem, it’s fine. It’ll be fine. maybe a little bit blurry, but this will be fine, there’s no problem. so you’re talking about a problem here I’m talking about will try to recreate here the double click on this image there I grew up with capital stops so that allows to enlarge through the center but before release the mouse button I do the error of releasing the keys to the keyboard and so it is possible that the image crashed and so the image crashed and so we have a double resolution here it depends in which sense width or authors we have also a double enlargement here in percent so that’s a problem. is when we let go and now I’m going to do cancel checked several times net orders on the mac is when we let go Alt and upper-case keys on the keyboard before you squint and release the button the mouse so I start again with the A handle the capital stop I enlarge I enlarge must release the mouse button from the keys Yes, you didn’t say do it, but yes. it was a matter of constraints they must remain pressed until everything is over. if you want to release before the button there mouse it’s like you don’t live pressed, especially the shift key, the alt key and is used to ensure that the extension of the surface area by the centre the shift key is so that the proportions are kept, so that’s it. so art of cropping but yes we can make interesting photos thanks to a particular reframing it is necessary to feel it really you better reframe it things so when you photograph yourself your photos made there at full resolution at full definition we should rather say in this case the definition and yes because in cameras it sometimes uses the word resolution all like when you talk about the guts when you means the definition of a screen on resolution theme is sometimes used but so here’s the thing about taking your pictures to really with a maximum of pixels and then so you can make some reframing then anything that overflows there from the images so it’ll be the whole part that overflows. of the image is a huge image there of my sword gave back my hand all that part there in the pdf when you export and that gives it to the printer we can saying that she disappeared is over. parties that are not posted they do not are not displayed wii that are not visible in the document like this does not unnecessarily burden the pdf is what that it makes the document cumbersome a design not at all since the images are not not really in the indesign document if I go to see the details you’ll understand that this is about really of a link system and that so the images we see them in the document and design of course are not truly integrated if your links disappear that the images if she disappeared the document and design would be unusable he needs the links so we have a document here that is 5.8 mega that’s the size of my indesign document that I’m working on it. and yet it contains several images some of which are themselves 5.7 4.2 and so that’s it, but he’s actually does not really contain the images scellier is the principle of the link it is which will allow you to make magazines with dozens and dozens of hundreds of images without the need for a super powerful computer with a beast computer you will succeed because the images are not really in indesign about it if it gets slow at a certain moment you even have the possibility to ask to see the images in low definition it will free the resource and it will allow you to make long documents despite the fact that you have a slightly weak computer in the view performance display menu display if you switch to display standard typical display we see less of pixels it still allows for the implementation of the page but it will free up the resource informatics we’ve seen that we’re with a document with little image I can afford to request a high quality display it will be a bit like in photoshop so we see all the pixels as when we opens images in photoshop so don’t forget to register the document it is true that we do not have still really registered would not be necessary lose that so we record it in the file next to the others in a first of all, it will be good in the file that you have downloaded a at some point we’ll redo a file. of assembly in our document will be more advanced and that it will have to be transferred somewhere else because that’s what it’s for. assembly files they contain the fonts and images in a links folder in one of these links all this is useful when you want transfer a document a design from a computer to another Okay, so I’ll work on the page. 7 now on page 7 I’m going to put an image that would have said that he’s going to use the space of two columns and it will even overflow into outside the limits of the page so I can totally on page 7 at select them by including them partly so that they have slipped with the black arrow I encompass partially all the rectangles of pink d2 right column the key deletion Wait a minute, no, I’m cancelling because It’s going to be a problem for you when we go when even with regard to the 1s so I delete almost all the rectangles are except this one I’m going to grow up with. could be a different one no matter which you’re certainly expanding Here it takes up all the space like that. and I’m going to go put an image on it. so on some computers you have the possibility to do like this for bring the images I put the document sure I’ll reduce the size of the document then there I will first capitalized tabulation to make disappear the palettes on the right you You have to do this, I’ll show you. Yes, I’ll take the bottom of the window. is resized to occupy the half the screen and then I have my file explorer with the folder which contains the images of the folders links I display in icon whether you’re on a PC or Mac it works and now you can drag and drop it doesn’t always work with all computers but here I will take for example this one drag it onto the block there and it works so it was seeing it’s another way to get the images in the document using the file explorer in a way or any other in any case to bring a image in your document there on the block which occupies two columns on page 7 So it can happen. It happened here. when using keyboard shortcuts as we used capitalized halts in adobe software on a pc windows we have the windows that goes through the keyboard American you had a French keyboard azerty and he must have said that he must be indicated at the bottom right on screens en you are a French keyboard but the using shortcuts keyboard in adobe makes you pass it on in English and that’s enough boring, so that’s why I have makes a short video that explains to you how you can disable once for all this keyboard shortcut of windows that makes pass when you press some keys that make to pass the keyboard in English so to this one that it would happen to just type this into dirt youtube in Bermond is my name, deactivate keyboard adobe and you will come across this a short 24-second video that you can watch shows the shortcut for those who do not this step to the windows settings for to be able to disable shortcuts that passes the keyboards from French English It’s typical. It happens so much. often that I made a video for this. that’s it.