Create a Collaborative Bill Book Design PDF for Teams Effortlessly

Bill book design pdf for teams

hello everyone welcome to graphic designers workshop let us see how to design a build book in indesign so let's start [Music] [Applause] first let us create an a5 size document so we will name it bill book and let's select inches and we will keep the orientation as portrait and then we'll simply click on create right so this is an afi size where we will be putting all the content related to our bilbo a5 size portrait document and the next most important thing is we have to open the pages panel so in case the pages panel is not already open you can go to windows and open the pages family right so we have to first design the basic background for our billboard so for that what we have to do is we should not uh design anything in the pages actually in uh the main pages so we have to create the background and also the columns required for our billbook inside the master pages so you have to simply click on the master page and you have to put all the background elements such as the columns and the background designs and also the title of our company all such things inside the master page so what will happen is the main pages will receive all the information that we have placed in the master page master page is like a controlling page whatever you put in the master page that will be pasted in the main pages the pages from 1 to 10 or 1 to 30 or 100 right so first what we'll do is once we have opened the master page so we will start with our background so you can design your background in photoshop or registrator or coreldraw or wherever you want and you can export that file in a in a png format or jpg format or psd format i have created a psd file so i will be importing a psd file inside indesign so what i will do is first i will create a rectangular frame tool and then i will hit ctrl d or you can simply go to file and select place and i have created this bill book bg this is a background actually so we'll simply open it so this is the background so i will just uh right click and select fill frame proportionally so that it properly fits to our document and the next most important thing is i will try to increase the size of the margins the margins are little inside actually so we don't want the margins to be two inside the document so what i'm going to do is i'm simply going to go to layout and i will select margins and columns and from here let me actually change the margins so i will change all the four uh values of the margin so let me uh push the margins to the corners of the document right okay so this value is okay so we can actually uh copy the same value or we can put a round figure here so something like this okay so we have put 0.1 here so we'll use the same value for the right page so we'll simply uh select the right page and we'll do the same thing we can just drag this design by holding alt and then we'll now change the margins so we have put 0.1 inches for the margins for the first page for the left page so i will go to layout again and i will select margins and columns and again i will put the value 0.1 make sure that this chain link is on so that all the four margin values will be affected right right so now i'm going to get the template so based on the template we'll be designing our billboard so i have already saved the template we'll check the template once so this is our template so based on this template will be designing our billboard so let me get this template inside indesign to get the template first we'll create a rectangular frame tool just we will stretch the uh rectangular frame tool till the edge of the margin or margins right then we'll hit ctrl d and we will simply select the template bill book template and then we will fit it right so the next thing we are supposed to do is so we will open our layers panel so in the layers panel what we will do we will lock this layer will take a new layer and we will design the basic columns required for our book based on this template in this particular layer so what we'll do is first we'll select rectangle tool from here so i will be uh creating a rectangle tool and i will be starting the rectangle tool from this margin from the top left margin and i will drag it till the bottom left margin right and then uh we will just open this stroke options and we'll just give it a black stroke so if you want a thicker stroke you can also increase the points here and in case you can't see this bar uh which is below our menu menu bar so what we can do is uh we can always select uh essential classics workspace right so the next thing we are supposed to do is so we will create different sections so what we'll do is uh we'll select this line tool and then uh i'll create one section uh that spans from the left edge to the right edge so here so i can start uh from here and we can hold shift in case we want uh a straight line right and also for this line we have to select a black stroke and we can make it a thick one thick stroke like this right so we can also uh regularly check this uh check our template how it is uh showing up right so then uh the next thing we are supposed to do is so we will now create these sections and also one more thing we will actually stretch this line till the end right this looks fine then uh we will uh actually concentrate on this section this is the very main section actually so again we'll select the line tool and uh we'll hold the shift and uh we'll create this line till the end of the margin till the right edge of the margin right and again we'll select the black and again we will make it a thicker line right and we'll do the same thing we'll uh create one more line here make sure uh to hold shift so that you will get a straight line again we will select a black stroke and just increase the thickness right so then uh we'll also create the bottom section here then we'll concentrate on these columns so what we'll do again we will hold shift and then simply drag the line till the end and then we'll give it a black color and we'll increase the thickness so now uh we'll start designing the columns so again uh what we'll do so we will just create the columns hold shift and create one column here right so keep the stroke value as two two points so that it will be thick and we'll do the same over here so we will finish off these columns so here we have this amount we can finish it off so we'll keep continuing with the lines so just will lock this bottom layer select this top layer and here we will draw one more line just remember to hold shift so that we'll get a perfect straight line so again select black right so we'll finish off the lines at the bottom so just hold shift and then we'll select a black increase the stroke width and i'll do the same at the bottom here so we'll select black anchor is the stroke we can slightly nudge it right and we can check uh we have missed any lines here so i think uh right we have to create a few more lines right so we have to create a vertical line here and here also right so we can check the output once so here this line is a little bit uh thin we can increase its width right so now we have created the lines so this is the first and the big thing that we have we are supposed to do right then we also have some small uh uh lines uh here in between these big lines so this is actually the product name and uh etc etc here are here so what we can do is uh we can finish it off uh we can also create them so what we'll do is uh we'll quickly finish off these lines also so simply uh here for the for the date so we'll hold shift and then i will create and uh the the thing we can do for the date is instead of using the normal [Music] the black line we can use this uh japanese dots here so here just if you scroll down below these options are there from here we can select these japanese dots so we can get some nice dots here so we can check see we can check here right so we can we'll do the same thing so we'll create uh the lines here so we'll simply uh select the black and we'll select these japanese dots and in case you want to increase the thickness you can do that so we'll do the same thing for this one also right so we can check the output here right so again over here we'll select the black will increase the stroke width we'll select japanese dots and we'll do the same thing here so just select the japanese dots we'll select the black color and we'll increase the width right i will check once right so everything is appearing fine so we only need few more things and then after that we have to put the text the relevant text so right we'll finish off there is something here so the total amount is there so what we'll do we'll again take the line just hold shift and uh uh just a minute i will create a line until here like this right so we'll select the a black color we'll increase the stroke width and we'll select japanese dots right now it looks fine so i think we are done so we only need the to put the text so all these columns and everything is completed so so one thing we can do is before putting the text see we can actually make this uh border a little bit rounded so what we can do is uh we can do a small thing or we'll just keep these lines a little bit inside so these lines so we can zoom and do right now it looks fine so we'll just select the border and if you want a rounded border we'll simply go to windows and we will go to object and layout pathfinder so inside the pathfinder we will simply select this rounded rectangle so we can see the rounded rectangle so we got some nice rounded rectangle right so now we are done with these things uh with the columns and the lines now we have to put the text so so how to put the text so we can take one more layer here so we can lock this layer and then we can take one more layer and also we have to put the design ah front of all these lines actually so we'll do it in the end so first we will uh put the text so we'll take one more layer here and uh remember i'm doing all these things in master pages not in main pages right so so we have to start with the date so here we have a date so we can actually simply turn off this uh bottom layer so that there won't be any confusion here so we'll just draw a block here so simply just put a date so we can use times new roman and then we can actually uh right align the date and then simply just keep it over here right so we have placed the date and then we need some more content over here so here we will create just uh one more line here so just below will hold shift slightly below the date and i will just give it a black color and will increase the stroke and we will again select the japanese dot this is actually a 2 actually so we can then slightly uh move the date a little bit above like this and then we will just put the value using the type tool two right so we'll use a timestamp and place it over here and we'll put all the texture in the layer 3. right now it looks fine so we'll continue to put the text here we have to put a product so just uh we will draw a selection and we can lock these two layers and just we will turn on the layer three activate the layer three and i will hide the bottom layer simply uh create a text block and uh here we will put a product and simply highlight the text and use times new roma bold and simply put this product over here just we can use arrow keys to nudge it right we can slightly merge right so then we will put the remaining text uh here we'll put type highlight the text simply use times new roman bold and uh we can also uh use a right alignment and then i will just put this type over here so just zoom it so just we can place it over here and we will just move it move these dots a little bit to the right so that there is a place for the text right now it looks fine so we can lock the layer again and then i will just put one more text here so i have already uh saved the content so the last one is service so we'll just copy this and then we'll again create our text block and then we'll put the word service just highlight this service just use times new roman bold and we can write a line and simply adjust the text so always check the alignment here so alignment should be proper right just nudge it right it looks fine and we can actually move this uh text and these dots a little bit to the center just by using arrow keys right so just will finish off the next content here so here uh we have something called a particulars we can verify uh with the template actually so here we have uh serial number particulars rate amount rupees and price per rupees and pies okay so what we'll do is uh simply will start with the serial number so the serial number we have to place it over here so simply will lock the layers so you can say s number and again for this we'll use the same times new roman bolt so we'll reduce the size we'll just keep it over here right so then we'll create one more text block so this is uh for particulars just highlight the text just use times new roman bold and then we can center our lines slightly we will increase the size right and we'll place it exactly over here right so so the next thing is i will put a rate just times to roman bolt and slightly increase the size we'll keep it over here and we can center align this right and in this uh boxer we will put amount so simply select the text you can put the value amount and i will use a times font again and then we'll just uh central align this and then again we'll place it over here so we'll finish off the text so just uh we will put the rupees here so we'll again use times roman bold so we don't need to change the size of the text we'll just keep the size same size and actually we have to reduce the size uh just we will reduce the size here make it a little bit small and also will center align it and then i'll just keep it over here and we can actually duplicate it and we can just use a ps for python so ps paisa is a an indian equivalent to the cents rupees is an equivalent to dollars actually so we can just simply say total and just we will center align it and we'll just keep it over here you'll reduce the size actually right and also we can verify the uh template actually so that we can if we have any doubts we can check here so we'll put total amount here so you can slightly reduce the size of the text right and we also have to put some content over here so once we put the content over here we only have to put the title and the remaining text content so just uh we'll finish it off so what we'll do is um simply we will draw a text block here so then just copy the text here so all the content is over here so what we'll do so we'll just uh copy this and then we can paste right so we can use the default font we don't have to change and we'll central align it right then on the left side we have a little bit extra content here so what we'll do is i will simply copy this and then i will create a text block here just to create a text block and then we'll paste the uh things so it's actually a pretty big content here so what you'll do is first we will just delete it so we will first create it over here right so we'll adjust it properly and then now we will reduce the size so we can use times normal so we can use times new roman regular and then we can put this over here right so now uh we have completed all the uh text information a small thing is there so we'll also put the bill number here so simply just put build number so we'll again use times new roman bolt and we'll keep it exactly parallel to the date actually right now it looks fine right so the only thing left for us is now we'll put the title so the title is rs computers so we'll just copy this and then i will create a text block over here so we'll just paste our text and we will use impact for this so simply uh increase the size of the text and central align the text right right so then we'll create one text block uh sorry we'll create one rectangle tool uh just we will uh place it over here and uh we can use this pathfinder and make it rounded actually and we can give some color to this um we can give a slight uh yellowish color oh sorry not a outline will give you a fill color so in case we want some color you can give so what we'll do is uh now we will put the description of our company or we can say our store it's actually a computer store actually so what we can do is uh we'll just put the text computer sales and service so we'll again use the times font so just choose the time spot here so we'll also slightly increase the size and center align it keep it over here right just will increase it a little bit and also we'll increase the size of this yellow background right right so then uh we cannot actually put the address also so for that what you'll do is i will actually make it a little bit small both these will select the text as well as the yellow background and we will make it a little bit small actually and because we need a place for the uh address so just type it here computer sales and service so this okay so this just we have to uh adjust the text reduce the text size okay this looks fine right so we need place for the address here so the address is over here so simply copy the address and then we will just create one text block here and we will paste and we will reduce the size of the address and we will also use the time spawn for this right and just reduce the size so address it's okay if the address is small right so one thing left is see here we will put the mobile phone so what we can do is we will just create a text block here and then we will copy the this mobile phone or we can say the phone number so we'll just uh adjust this right right so we can slightly make it big and also we can use the time spont right and just will reduce the size right now it looks fine right so we are done with the uh this uh design actually so we have a little bit more to do so that is first you will unlock these things unlock the layers and see the background is behind so we want to get the background uh in front of this this one actually is our building uh design so what we can do is so first thing is let's hide everything here so we don't need this uh now so we only need this one this background so what we can do is we can simply cut this and we can create a layer here and let's keep it just over here just below the layer 3 and we will paste it and just let's keep it over here okay and we'll delete this and again we'll select the layer 4 and we'll just drag it by using alt and place it on the right page so now we will turn on the layers so what we'll do is the design has to be a little bit light so see here we need a light design we don't want the design to be too dark so so that we can see the uh the building design right we'll do the same thing on the right side here so we'll just put 36 here right now it looks fine so the next thing we are supposed to do is so we will just group everything here so we will first group everything uh except this layer four will hide the layer four we will uh and also will lock the layer form so what we'll do is we will just select everything here and then we will group it so now we have grouped it so now we will just drag it to the right side so simply what we'll do is we will just hold alt and then we will drag it to the right side right now it looks fine so now let's turn on the layer 4 so this is it so we can uh slightly uh move it actually in case we think uh placement is not so correct okay that's it so now we have completed the billing design the design for our bill book so just we need only these things so now we want this design to appear in the main pages so what we can do is simply we will create more pages here so we will simply go to file and we will select document setup we only have one single page so what we'll do is we'll create at least 40 pages simply we'll put 40 here just click ok so we have 40 pages now the design has been applied to all the 40 pages so we can go to the page number 40s and you can see right so now it looks wonderful so just will come back to the master pages here so then what we'll do is so the final touch-ups we can do we'll simply open the layers make sure that you are in master pages not in the main pages so simply select one more layer here so what we'll do is uh we if we want bill number actually so the page of bill uh book page number so we can actually uh do one thing so we can actually create a one text block here and we can actually uh put a number here so what we'll do is we'll simply right click and we will select insert special character markers and we will use this option uh just a minute i missed it so we'll just uh draw our text oh wait a minute oh sorry i messed it up right we'll delete it so we'll just draw a selection right click insert special character markers current page number so this is a current page number so what we can do is we can actually give numbers to the uh pages so that is a an important thing actually so we'll actually left align it and i will just keep it besides this bill number and what will happen is the moment you select the main pages so you can see the numbers so uh we have not seen number in the page number one it's okay right uh here we got all the numbers right so it's okay uh if you did not get the number in the page number one let's see what's the problem yeah it's because see we want uh this page number on the right side page also in the master pages so what we'll do is simply i will just hold alt and just keep it over here it so now you can see number one here right so number two number three so now we got numbers also right so now our bill book is ready so all we need to do is we have to export it so simply we need to export it so we can check here so to export it simply go to file export and we will save it inside our folder so we will select pdf print we just put the name bill book and then we will just save and we will select the press quality here and simply click export right so now we will check our bill book so here is our bill book so just we can give it for print so simple so this is how we can create a build book in indesign so i hope you like it i hope you enjoyed the tutorial please do subscribe like share and if you have anything to say do comment see you again