Adobe Indesign: Create Branded Publication Design - Design Your Own Layouts

1. Class Introduction: Hello, and welcome to another creative adventure. In this class, we are going to be creating a variety of publication designs in Adobe in design. We will be creating some very common marketing and event stationary publication designs for a fictional design expo event. Now, this class is part of the ultimate guide to Adobe in design. In a previous class here on Skillshare, I introduced you to in design, where we undertook some essential practice exercises, where I brought you up to speed with everything to know about in design. This was really important to give you a good foundation of knowledge to prepare you for what we are about to cover in this class. If you're new to in design and you want to learn how it works and get comfortable first, I recommend you jump over to my previous class. The link is in the description. For those of you who have seen the first class, welcome back. We are now going to move forward and take everything we learned previously and apply it in this class. So things are about to get a lot more creative and a lot more exciting. In this class, we're going to start simple and work our way up to more complex documents you can create in in design. Each step builds on the previous. So by the end of this class, you should have the confidence to craft all sorts of documents in in design, from a simple business card to a multi page booklet. After this class, you're going to be equipped with the skills to use Adobe in design like a pro, able to create professional publications for your projects and clients. So let's get into it. 2. SECTION 2: Before You Begin: So before we begin, there are a few things I would highly recommend you do to get fully prepared to start this class. First, I would recommend you download the course PDF. This is an interactive document that has been carefully put together to help you get the most out of this class. This PDF breaks down every step with visual references. This is going to be a good reference to fully engage in the course, see the full scope of what you can learn, and acquire everything you need to follow along and practice your skills. Next, I would recommend you download the course folder. During this class, we're going to be opening a lot of in design documents, and there will be a lot of design elements you will need to follow along. So be sure to download the class folder to get everything you need. Next, I would recommend you download and install the fonts that go with this course. During this class, we're going to be opening a lot of in design documents and using a lot of different fonts. All the fonts that I have used in this class are available for free, so be sure to check the font links in the course PDF document to see where you can acquire them. You can also get access to the main folder where you can just simply download them all in one go and install them. So make sure to install all the fonts before starting. Lastly, I'd recommend you create a project folder. During this class, we're going to be creating a lot of in design documents and using a lot of visual assets. So you're going to need somewhere to put all of this. With the download folder open, click into Folder one course assets into folder two project folder and make a copy of the blank project folder and then paste this somewhere where you know you can access it. I'm going to paste a copy here on my desktop and rename this course folder. From now on, any files I create for this course will be placed into this folder. So just like that, I have instantly prepared myself to work in an in design document with maximum efficiency. I always find the more organized I am will allow me to concentrate on being creative rather than worrying about where all my source content is. So once you have downloaded the course PDF, downloaded the course folder, downloaded and installed all the fonts, and created a project folder, we are now ready to kick off the class. In the first video, we're going to kick it off with a simple yet very technical document where we will be creating a business card. So see you in the first video. 3. SECTION 2: Class Task: So the goal of this class is not only for you to learn in design, but also have some work to show for it, or even perhaps build a project for your portfolio. During this class, we will be creating some branded publication design for a fictional design Expo. This is a good opportunity to get some experience creating some common print and digital publication design. Now, along the way, I'll be showing you how I created my specific layouts, but I would encourage you to have a go at your own layout design. So your task for this class is to first follow along with the tutorials, which will help you learn all the features and techniques I use, then have a go at your own layout. Now, if you're learning in design, you're free to follow along with my examples exactly. But once you have learned the techniques, I would also encourage you to have a go at creating your own layout design. For this class, I have put together a very thorough brand toolkit, which contains all the visual elements for the fictional design Expo. I have also put together a Google Doc which contains all the copy. As you will see, in my videos, I'll be using these two documents a lot to source all the elements. So feel free to use the brand toolkit to get access to all the brand visual elements and the Google Doc to access all the copy and have a go at designing your own collateral. Also, don't forget to get access to the in situ examples where you can drop in your own design and submit in the project section below. So I look forward to seeing all your submissions. Now, let's get into it. 4. Create a Business Card Design In Adobe InDesign: The business card is a small printed card containing essential contact information and brand elements like a logo and tagline. As part of a brand campaign, a business card is important because it serves as a personal, tangible connection between a company and its audience. A business card helps reinforce brand identity, leaves a lasting impression and ensures that key contact details are easily accessible. Well designed business card is a powerful tool for networking and promoting a company's image in a professional, memorable way. In this video, I'm going to show you how to lay out a sleek professional business card from scratch using some simple yet powerful tools in in design. We'll cover setting up your document, adding text, logos, and even add some design flare. So here I am in in design, and here is a business card document that we are going to develop in this video. This design is part of a series of branded stationery we'll be creating on this course for a fictional design exhibition event. To create this business card in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to create a business card in Adobe in design super easy. So let's get into it. The business card is one of the simplest documents you might create in in design, but we'll still use the fundamental principles that are applied to all layout design, which you will soon see. So this is a double sided business card. As I scroll down, you can see I have multiple business cards with the front and back covers next to each other. When creating a business card, it's very common to create a card for multiple people. And when creating business cards, it's common to have different backgrounds, especially with vibrant brands. For this project, we're going to create a business card for a fictional design expo. The branding for an event like this would be very vibrant. So we will also include different colors and different permutations to reflect the exciting vibrant brand. This business card template comes as part of the ultimate in design course downward folder. This download folder comes with multiple projects and a ton of assets and resources we will be using in this course. If you want to take a look at this document and get access to all the assets to follow along, you can find the link to acquire the folder from the description. With the download folder open, click into folder four project into the design Expo folder, click into folder two event publication Design and open the event design in design file. This is a document that contains all the publication design we will be creating on this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we are going to look at the business card. So with the selection tool, I'll click the business card thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the business card thumbnail, and the document will open up in its own tab. Now, for this document, I'm using the font base New. If you have not already downloaded the font for this course, this is a free font that you can acquire online. Get this font, I would recommend you check the course fonts page on the course PDF document. This is a list of all the fonts that are used in this class and where to get them. Simply click on the base New ink, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. On the first page, we have some simple text formatting with some light visual elements. On the back, we have a full bleed image with the logo on top, again, with some light visual elements. If I press W to toggle between preview and normal mode, you can see the guides, margins that has been used to structure and align the content. In the Layers panel, we can see three layers, one for type, one for images, and one for base. And if we look in the parent pages, we have two parent pages managing repetitive elements. And if we look at the character and Paragraph Styles panel, we can see we have some stars here. So a simple document, but a few things going on. So let's see how we can create a document like this. So to begin, I'm going to come up to file new and create a new document. Now, when creating a new document in in design, you can choose from a range of presets. But for this business card, it's a bespoke size. So instead of selecting any presets, I'm going to come straight over and type in my own properties. I'll set the units to millimeters, set the width to 85 mils, set the height to 55 mils. I'll make sure the orientation is set to landscape. Now, I don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to two. For now, I'll set the margin to 15 mils. I'll click down on my bleed and slug and type in three mils, click Create, and my new document will open. So right now, we can see I have two pages on top of each other. And if we scroll out, we can see that they are quite far apart. Now, when working with slides like this, one quick thing you can keep in mind is to bring your pages closer together. Come up to your preferences into guides and pasteboards, and in the vertical margin, I can tweak this. I'll set this to five mils and click Okay, and this will bring the document pages closer together. So as I scroll through the document, I don't have to scroll that much. So looking back at my previous document, we can see that I have these pages next to each other. I've done this because I want to look at just one business card side by side at a glance. When creating business cards, typically, you'll make more than one card. To have them all stacked up on top of each other in single files is not going to be the best experience. So for an easier workflow, I like to put my pages next to each other so I can stack them like this and have as many as I want and just see the front and back very easily. I'll come over to the pages panel. I'll click on the top right menu, scroll down, and currently, we can see a ti next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up and next to my first page. When I see a line next to the page, I'll release and that will snap the page next to it. And you'll see this page immediately next to the page in both the work area and the pages panel. Next, I'll come into the tools menu. I'll click the page two and just drag it to the right, putting some space between the pages. So now if I press W on the keyboard to toggle on preview and normal mode, we can currently see our bleed line around the outside of the canvas on our margin space inside the Canvas. Right now, this margin space is looking a bit large, so I'm going to quickly change this. I'll come into the pages panel, click on the parent page. Up in the menu, I'll click layout and click on Margins and columns. When the menu appears, I'll just type in five mils for the top. And with the lock icon set in the middle, it should apply to the rest of the parameters. I'll click Okay and then double click back on my page and my pages panel. Once I have my document set up, I can now start thinking about working with visual elements. So the first element I'm going to work with is type. So to make this really easy, come into the tools menu, click the Type tool and click and drag a type frame to the full size of the margin space. Next, I'll come into the design Expo brand kit content doc. This is a document that has been created to help you follow along with all the tutorials in this course to get hold of all the text. If you want to get hold of the content deck, click the link in the description or click the link in the course PDF. So I'll come to the page for the business card, and I'll just select the copy for the first set of details. I'll come into Indesign and just paste them straight into my text frame. Now, when working with type in Indesign, you want to be careful. So I'll come up to type, scroll down and click on show hidden characters. Now, hidden characters in Indesign are non printing symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. So right now, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my mouse cursor at the end and press delete to get rid of that. This is just going to clean up my texture. Next, I'll come into the design Expo brand toolkit with a download foldable open, click into folder four project, into the design Expo folder, click into Folder one media kit, and open the design Expo brand kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. On the brand tool kit at a glance page, we can see that for the type, we will need to use the font base New. So I'll select all my type, I'll set it to base New, then click the drop down on the family and select expanded medium. I want the text to sit on the bottom margin line. I'll press escape to deselect the text and come out of that frame. With the selection tool, I'll click the frame, come up to the Control panel, and over towards the middle, I can click on the align bottom button. And this will sit my text on the baseline. So one way to approach text formatting is to start with the smallest formatting and work your way up. So I'll select all the text and set the font size to six, and now all that text is looking awfully cramped. So I'll also push the leading up a little to give some breathing space, and I'll set this to ten. So now we have defined some properties, I'm going to make a quick paragraph style. Jumping to my paragraph style panel, click on the top right menu, click New Style. I'll name this contact details. Click to apply Style to selection and click Okay. So next, I want to focus on the name and job title. And for this, I want to apply a different style. So I'll select the name and the job title text. Click on the drop down and set this to expanded bold. Set the size to 12, and now this is all looking very tight, so I'll come and set the leading to 13. Next, I want to put some space between the job title and the contact details below. To the paragraph panel, I'll set the value for space after to four mils. Now, what you'll notice is that by doing that, not only will we push the space below the job title, but we will also push this space above between the name and the job title. This is because we have a paragraph break at the end of the name. And if we look closely, we can see the paragraph return icon at the end of the first line. So right now, it's treating them both as separate paragraphs and putting the line space in between them both, which is perfectly normal. Rectify this, we can put our mouse cursor at the start of the job description, the word event, press delete to pull it back up to the top line to bring it into one paragraph. This time, I'll press Shift Enter, and this will create a forced line break instead of a paragraph break, and that four millimeter space after won't apply. If we carefully look at the symbol after that line, it now represents a forced line break and not a paragraph break. So unlike earlier, where we had two separate paragraphs with the space between, now we just have one block of paragraph text above. Keep in mind that the forced line break will maintain one paragraph and not two. Hence, why now we only have the space after at the end of the job title. Because these two lines above are now creating one block of text as opposed to two. So over in the Paragraph Styles panel, we will now see a plus icon next to the style we just created. What I need to do now is create a new star. So with the paragraph selected above, I'll come into the Paragraph Styles panel, click on the menu, hit New Style. I'll call this style name and job description. Also, I'll make sure to look at the base on category. For this, I don't want this to base on any other stars, so I'm going to make sure to hit the drop down and select none. Click to apply star to selection and click. Okay. So next, I'll come and select the job title, hit the all caps button. Click the swap fill and stroke and set the stroke size to 0.25. Now, over in the Paragraph Styles panel, we will now see a plus icon next to the style we just created. What I need to do now is create a new style. Now, what we just did there was simply change the formatting of the characters. So in this instance, we will only need to create a character style. So with the job description selected, I'll come into the character styles, create a new style and call this job title. Click to apply Style the selection. Click Okay, and now the plus icon will disappear from the Paragraph Style. Nice. Now I could leave my text like this, but looking back at my file designs, I can see there were some small details I also wanted to include. For example, down on the contact details for the email address, phone number, and web address, I used bold letters before them just as a visual guide to state exactly what they are. Now, you can do this anywhere you want. Some people like to use icons, but for this design, I'm going to keep it really minimal and just use letters. So now if I come into the design and click before the Email address, I'll just type E. I'll type T before the telephone and W before the web address. Next, I want to get some consistent space between these three items. What I'll do here is just press tab once and tab again after the next one, and tab again after the third one. This will put some space between those elements. Now, depending on your settings, this may vary, but in this instance, that space is looking way too large. What I can do here is select all the elements, press Command plus Shift plus T on Mac or Control plus Shift plus T on PC, and this will bring up a ruler where I can edit the size of my tab space. Here, I'll click on the ruler to drop in a left justified tab, and I can click and drag this to toggle the size of my tab space below. So by changing the distance of the tab, we've just edited the paragraph style. And if we look over in the paragraph styles, we can now see a plus next to it. This means that I've overridden the original paragraph style. Now, it's not wise to leave it like this. So with the text selected, I'll come and right click on the Style and just click Redefine. And that will update the style and the plus icon will go away. Next, I'll select the lowercase E, set this to expanded bold and hit the all caps button. To create some more contrast between those elements. So again, I've just edited this text in the paragraph style. And if we look over in the paragraph style, we can now see a plus next to it. The solution here is to create a character style. Now, this may seem like a small detail, but it's still important to create a character style, which we will be able to edit later on if we so choose. So I'll click to select the letter E, come into the character style panel, create a new character style. I'll call this dent. Click to apply style to selection and click Okay. And now the plus icon has gone away from the paragraph style. I'll select the letter T and W and apply the new character style, and that completes my initial text formatting. So we started really simple with the basic formatting, and then we built up step by step, applying more formatting to the name and the job title, created space, and then created some paragraph and character styles and addressed some of the smaller details. Now we've got our text formatting sorted. I'm going to start working with some color. So looking back at my final designs, you can see the color approach I took for this business card. Back to the brand media kit, here we can see the brand colors. Now we can copy and paste these into our new document, but to make it even easier, you can import the color swatch. So back to our document, come up to the top of the swatches panel, click the menu and come down and click on Load Swatches. Upon click, you will see a window up here, and here we can navigate to the download folder. With the download folder open, click into folder four project, into the design Expo folder, click into folder one media kit, into the Assets folder into folder five color, and click to open the Design Expo palette document. Upon click, we will now see the colors present in our Swatches panel in a folder. Nice. So now I can select the text elements and change the color. But now we've created some styles, it'll be easier to do it this way. We won't have to select any type elements, and you can make sure you're on top of all your elements. So I'll make sure I have nothing selected. Come to the Paragraph star panel, click on the Cargraphs Alpha name, change the color to midnight. I'll click on the preview button, and we'll see the text change in the business card. I'll come into the Paragraph Styles panel, double click on the contact detail style, come down to the character color and change the color to midnight. I'll click on the style for job title, down to character color. I'll make sure to click the color for stroke and change it to ultravio. And just like that, we have applied some color, and we now know that everything is neat and tidy with our styles. So now we've got the formatting sorted. I'm going to start working with some images. So looking back at my final designs, regarding imagery, we can see we have a number of elements here. On the back cover, we have a full bleed image with the logo set in the middle with some subtle texture around. And on the front side, we have more texture and a logo in the top left. Back into my document, let's start with the back cover. So before we bring in our visual elements, we are going to do some housekeeping. Over in the Layers panel, I'll double click on my layer one and rename this to type. I'll hit the plus icon at the bottom of the as panel to create a new layer. I'll name this images. I'll be sure to drag this to the bottom, so my text layer is on the top. For now, I'll hit the lock icon on my text layer so I can now focus on working with images. And again, I'll hit the plus icon to create a new layer, and I'll name this base, and I'll make sure this one is set to the bottom. Come into my tools menu, grab the rectangle frame tool, and with the base layer selected, I'll click and drag from the top left bleed line down to the bottom right bleed line on the second page. I'll press Command plus D on Mac or Control plus D on PC to place in an image. I'll navigate into the downward folder, into folder four project, into the design Expo folder, click into folder one media kit, click into the Assets folder, into folder three graphic textures, into the gradient folder, and I'll click to open the blue PSD. Upon placing, the image may appear large in the frame. Here I can press escape to deselect the image inside the frame. Click to select the frame, right click, come down to fitting and select fill frame proportionally. And that will reduce the image size inside the frame to fit the image to the width of the frame. Now, this is quite a luminous image. If it's looking pretty dull on your end, come up to Edit, down to transparency blend space, and click on RGB. And if it's looking a bit pixelated, come up to view down to display performance, and click on high quality. Next, I want to bring in the logo. So this time with the image layer selected, I'll press Command plus D on Mac or Control plus D on PC again to place in an image. Navigate to the downward folder. Into folder four project, into the design Expo folder, into folder one media kit, into the assets folder, into folder one logo and click to open the Design Expo logo document. This time, click and drag to draw the size of the box in which I want the image to appear. For now, I'll just click and drag like so to get into my document. And I want to place this image dead center. Now, a cheeky little tip you can do here to make it easy to get your horizontal and vertical guides. Double click into the parent page, quickly draw a rectangle frame spanning the entire size of the canvas area. This will allow me to click on the bounding box and drag a guide from the top down over my handles on the box. I'll press Command plus R on Mac or Control plus R on PC to bring up our rulers. This will allow me to click on the bounding box and drag a guide from the top down over my handles on the box and from the side over the middle. And this will be a really quick way of getting my center point. So I'll delete the rectangle frame and click back on my page in the pages panel, and I'll see my guides on every page showing my horizontal and vertical line. I'll select my logo, align the bounding box to my new guides across the horizontal and vertical lines. I'll place the cursor over the right middle point. And while holding Alt plus Shift, I'll click and drag in or out and scale the logo from the center like so. Now, looking back at the final designs, we can also see we have some subtle texture here. For this, I'll jump back into my brand tool kit, and in the texture section, I can see I already have this here ready to go. If I copy this and paste it into my document on the images layer, I'll just scale and position like so. Now, these are just individual vector squares that I've composed in a pattern like this previously. What I'm doing here is just pasting in some vector shapes as a pattern, and that completes that side of the business card. Lastly, I'll bring in an image element for the front side. Again, I'll jump back into the brand pack, which contains the logo and other texture elements. I'll grab the logo mark, paste it into my document on the images layer. Place it up in the top left and scale it back into the brand pack, I'll grab another texture. This time the dots. I'll just paste them into my document on the images layer and align to the horizontal guides and place over on the right like so. That completes the layout of one initial business card. Now, the true power of in design allows us to create and manage multiple content in one document. The branding for this design expo is vibrant and requires permutations. What I'll do to finish off this tutorial is show you how you can duplicate a layer and make modifications easily. Once you're happy with one layout, it's very easy to duplicate. But what we want to keep in mind initially is how are we going to manage the repetitive elements? Before we start duplicating pages, we first need to manage our repetitive elements. And to do this, we're going to use parent pages. So right now in the pages panel, if we look at the top, we have just one parent page with the prefix A, which is currently applied to each page below. Now I'm going to come up, right click on my first parent page and click Duplicate. Upon click, this is going to open the new parent page, and we can see that this has been set with a prefix of B. For now, I'm just going to click back on a page in the pages panel to come back. Then right click on the right page, click on Apply parent to pages, and from the dropdown, I'll select B. So now I have my left page with my pair and page A applied and the right page with my pair and page B applied. Next, I'll come to my left page and select the image elements. With them both selected, I'll press Command plus X on Mac or Control plus X on PC to cut. I'll come up and double click on pair and page A. I'll paste the visual elements on the images layer and position them correctly. And if I double click on page one in the pages panel, we can see that the images are now. Nice. So next, I'll select the base image on the next page. I'll press Command plus X on MAC or Control plus X on PC de cut. Double click on parent B. I'll paste this on the base layer and position correctly. Double click on the page in the pages panel. Next, I'll select all the image elements on that page. Press Command plus X on Mac or Control plus X on PC cut. Double click into parent B. I'll paste the visual elements on the images layer and position them correctly. And if I double click on a page in the pages panel, we will be back to our composition. And now all my repetitive elements are on parent pages on the correct layers. Excellent. So with my visual elements organized, I'll come into the pages panel, click on the first page, press and hold Shift and select the second page, right click and duplicate spread. I'll come back to the content deck, select the name for the second card, back into Indesign. I can select the name and paste it in. Same for the job title and likewise with the contact details for the web address and the telephone number, and boom, we have another card set up. So I'll do this once again into the pages panel. I'll click on the third page, press and hold Shift and click on page four, right click and duplicate, come into the content deck and add the name and the job title, email address and phone number for the third individual. And just like that, we have three business cards. Easy. But right now, each business card has the same colored back to it. Next, I just want to change the last two to create some variety. So I'll come into the back cover on the second business card, but right now I can't select the image because the image is set to a parent page. Now, instead of complicating this and creating a different parent page, what I can do here is press and hold Command plus Shift on Mac or Control plus Shift on PC and simply click the background image. This will override the parent page settings and make this an editable frame. Direct Selection tool, I'll click the image, press Command plus D on Mac or Control plus D on PC into the downward folder, click into folder four project into the design Expo folder, into folder one media kit, into the assets folder, into folder three graphic textures, into the gradient folder, and this time, click to open the green PSD and we can replace the image with a different gradient color. Now, what if, for example, you created all this work and wanted to make changes to the type formatting? We've just created three documents, so it can be time consuming to change them all individually, and this could lead to errors. Well, worry not because we have just set a paragraph and character styles. So making any changes is going to be easy. For example, if I now come and click on the paragraph style for the name, if I come and change the font size, with the preview checked on, we will see the font size change across all cards. And likewise with any color changes or font changes. Next, if I want to change the space around the job title, if I click into the job title paragraph style, click on indent and spacing, we can adjust the space after and the space before. And that will apply to all the cards. And because we've pasted vector textures from the brand kit, this will allow us to easily select them. If I press and hold Command plus Shift on Mac or Control plus Shift on PC and click the texture, this will override the parent page settings and make them editable. Here, I can change the fill color in the tools menu to a different color from the Swatches panel easily. So before we close off the tutorial, there is one last thing that is quite important to keep in mind, and that is style management. In this video, we have created various styles for various text formatting. If we look in the character and Paragraph Styles panel, right now, we see that we have a number of styles building up here. Now we could just leave it as it is and move on, but if we want to be really organized, we can manage these styles. Earlier in the course, when we focused on paragraph and character styles, we talked about organizing our styles into folders. This can just make the whole process and workflow of using in design and styles easier. Also, when we come to build more documents later in future, it'll be good to have our styles organized so we can refer back to them or even use them in other documents. So I'll come to the bottom of the paragraph panel. Click to add a new folder. I'll call this headers and titles, and I'll place the job title style into that folder. I'll create another new folder, call this paragraph. I'll move the contact details style into that and make sure the headers and titles folder is at the top. Again, into the character styles panel, I'll create two folders, call one headers and titles and one details. I'll drag the job title in the headers and Titles folder, the ident style into the details folder, and now we're creating a hierarchy of our stars. Once you're happy with your design and you want to export ready for print, you can either export the entire document or you can export individual cards. For this example, I just want to export the First card. So when you're ready to export, simply come up to file and click on Export or press Command plus E on MAC or Control plus E on PC. I'll navigate to my project folder I saved previously in the course. Click into the published folder, select the PDF folder. I'll name the file Max Stevenson Business Card, and down in the format, I'll choose Adobe PDF for print. I'll click Save and app will pop another menu. Here I'm going to make sure that for Adobe PDF preset, high quality is selected. For pages, I'll select Rnge and type one, hyphen two. I'll make sure pages is selected. I'll make sure that view PDF after saving is checked. I'll click over to the left and click Marks and Bleeds and click only on Crop Marks. For Bleed, I'll set this to use Document bleed settings and then click Export. In Design will do its thing, and that will pop Acrobat Reader. I'll zoom out a little and click on the Pages tab. And here we can see we have a PDF document with two pages, front and back. Around the outside, we can also see the trim marks, and this is where the printer will trim the card after printing to ensure a clean cut with no white edges. So back into in design, I'll press Command E on MAC or Control E on PC. I'll navigate back to the project folder, into the published folder, select the PDF folder. This time, I'll name it Lena Voss Business Card. I'll choose Adobe PDF print. I'll click Save for pages, I'll select range and type three hyphen four. I'll make sure pages are selected. I'll come over to the left and click on margins and bleeds and click only on crop marks. For bleed, I'll set this to use Document bleed and click Export, and here is another card from the same document. Both of these cards are now good to send off to the printer. Perfect. So that's how you can create a business card design in Adobe in design and incorporate styles to make it very flexible to customize and create multiple permutations. What you will come to learn about using in design is that it can take a little bit of time to set up your document initially, but once you have one sorted, creating other versions is a piece of cake. Now, if you were to save yourself some time and use these templates, don't forget you can get them in the course download folder. This folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. In the next video, we're going to move on to the next challenge and look at how we can create a letterhead in in design. So see you in the next video. 5. Create a Letterhead Design In Adobe InDesign: Whether you're designing for a company or your own brand, a well designed letterhead helps reinforce a brand's identity. A well designed letterhead is important because it reflects professionalism, builds brand recognition, and makes your correspondence look polished and credible. It's a key part of a business identity, ensuring that every document you send out represents your brand consistently and effectively. This video, I'll walk you through setting up your document, adding your visual elements and contact details, and aligning everything to look polished and professional. We'll cover setting up your document, adding text, logos, and even add some design flare. So here I am in in design, and here is a letterhead document that we are going to develop in this video. This design is part of a series of branded stationery we'll be creating on this course for a fictional design exhibition event. To create this letterhead, in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to create a letterhead in Adobe in design super easy. So let's get into it. Now, the letterhead is one of the simplest documents you might create in design. However, it can still include some of the key formatting features to set up. So this is a double sided letterhead. As I scroll down, you can see I have multiple letterheads with the front and back covers next to each other. When creating a letterhead, it's common to create one for multiple purposes. Example, the first one is a generic letterhead, and as I scroll down, we have some versions with different staff names at the bottom for a more personal touch. For this project, we're creating a letterhead for a fictional design expo. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course, where we will be including some of the brand motif and color elements on the front and back. Now, what may immediately stand out here is this Magenta text. Generally, letterhead designs are preprinted on sheets of paper that someone can load into their printer to print new messages. To set up the design, I've used filler text to get a good idea of how all the other elements can work around the printed message. Now, this is not part of the design. This is just filler text. If I press W on the keyboard to toggle into preview mode, we will see that in preview mode, the text is not visible, but is visible in normal mode. If I come into the Layers panel and click the demo text, we can see that the name of this layer is in Italics. If I click on the layer and click on layer options, for this layer, I have the print layer box unchecked. This means that this is just a layer to preview the text in my composition, but it won't by default, be exported out more on this later. If you were to take a look at this document and get all the assets and follow along, you can get access to this document from the course Download folder. This download folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. With the download folder open, click into folder four project into the Design ExploFolder, click into folder two, event publication Design, and open the event design in design file. Now, this is a document that contains all of the publication designs we will be creating for this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we are going to look at the letterhead. So with the selection tool, I'll click the letterhead thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. Now for this document, I'm using the font Base Nu. If you have not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used in this class in this course, and where to get them. Simply click the Base NU link, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. So on the first page, we have some simple text formatting with some light visual elements. And on the back, we have some subtle branding elements. And if I press W to toggle between preview and normal mode, in normal mode, we can see that there is a few details to be aware of. To help structure and align my elements, I have used a baseline grid and a column grid which fits inside the margin grid. If we look in the parent pages, we have two parent pages managing repetitive elements. And if we look at the character in paragraph stars, we have some stars here. So let's see how we can create a document like this. So to begin, I'm going to come up to file New and create a new document. Now, when creating a new document in design, you can choose from a range of presets. For this letterhead, I'm going to go with an A four sheet, so I'll click the printer tab and choose A four. Over in the parameters, I'll set the units to millimeters. I'll make sure the orientation is set to portrait. I don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to two. For the margin space, I'm going to set this to 15 mil. I'll click down on the bleeding slug and type in three mils, click Create, and my new document will open. Looking back at my previous documents, we can see that I have the pages next to each other. I've done this because I want to look at the letterhead pages side by side at a glance. For ease of workflow, I like to put my pages next to each other. I'll come over to the pages panel, I'll click on the top right menu, scroll down, and currently, we can see a tick next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up and next to my first page. When I see a line next to the page, I'll release and that will snap the page next to it. You'll also see this page will be immediately next to the page in the work area. Next I'll come into the Tools panel. I'll click the page tool. I'll click on page two and just drag it to the right, putting some space between the pages. Grit. So now if I press W on the keyboard to toggle on preview and normal mode, we can currently see our bleed line around the outside of the canvas and our margin space around the inside of the canvas. Looking back at my final letterhead, if I press W, I can toggle off normal and preview mode. In normal mode, we can see the grid that I have used to structure the letterhead content. As simple as a letterhead may seem, it still requires a neat and ordered layout. So for this approach, I have gone for a four column grid to align things horizontally, and I've also used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this 2 millimeters for horizontal and vertical. If you're following along, I suggest you do the same so you can match what I will be doing next. So back into my new document, I'm going to come over to the pages panel and double click on the parent page. And here I'll come up to layout down to margins and columns, upper Popper menu. And in here, I'm going to click on the preview box. And in columns, I'm going to set this to four and for Gata space, I'm going to set this to zero and then click Okay. Now, as well as managing my content horizontally, I also want to manage it vertically. Now going to introduce a baseline grid to give me some structure to align my elements. To do this, I'll come up to layout, scroll down and click Create Guides. In the menu, I'll be sure to click to turn on the preview. For Rose, I'll type in 20. For the gutter, I'll set this to zero. Now, I've already got my columns set, so I don't need to include anything here. So I'll set these both to zero. I'll make sure to hit the check mark for gutters and margin. I'll click Okay. And if I click on the page in the pages panel, the grid will be applied to each page. Perfect. So once I have my document set up, I can now start thinking about working with visual elements. So the first element I'm going to work with is the type. So to make it simple and straightforward, we'll start with the largest chunk of text in the middle, and then we'll work our way outwards. Next, I'll come into the design Expo brand kit content doc. This is a content doc that has been created to help you follow along with all the tutorials in the course to get hold of all the text. You want to get ahold of this content deck, click the link in the description or click the link in the course PDF. So I'll come to the page for the letterhead. I'll select the filler copy. I'll copy this. Then come into Indesign. And with the text tool, I'll draw a text frame from the top left across spanning three columns and drag about two thirds of the way down my page and paste in the text. Now, this text is only going to serve as demo text. This won't be part of the letterhead design, so we do not need to style this type too much. However, we could just set it to a default font that one may use. For this, I'll set the placeholder type to aerial regular. I'll set the font size to nine, the leading to 14, and up in the Control panel, I'll click the justify button with the last line aligned left. So now it's a nice solid block of text. I'll press escape and then drag the text frame down to sit under the third row, which should give me some nice room above to place a logo and other elements. Now I've got my body text. I'm going to drag this up while holding Alt to duplicate the frame and contents, and I'll place this at the top. Then back into the content doc, I'll grab the next piece of filler text, paste it into the frame, select all, and hit the right alignment type tool in the Control panel. Now, I don't want this big frame here to be overlapping the frame below. So I'll come to the bottom middle bounding box point and just double click on that and it'll snap up to fit the contents. And I'll do the same for the left middle bounding box anchor point. I'll double click, and this will snap it to fit my text. Nice. So this is going to be the filler text. This isn't going to be part of the design. So now I'll come into the Las panel. I'll double click on the current layer. I'll name this demo type, and I'll also click to uncheck the print layer box. I'll click Okay. Then click the plus icon at the bottom of the as panel to create a new layer. I'll call this new layer content and click on my content layer, and now I'm going to start to bring in the elements. So looking back at my finished design, the first letterhead is the generic one without any staff credentials. What we have at the bottom is a small number of details, the address details underneath, and a slogan at the bottom of the page. So I'll start with the street address. So at this point, we are now starting to deal with lots of text. When working with text in in design, you want to be careful. So at this point, I'll come up to type, scroll down and click on show hidden characters. These are non printing symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. This is going to be useful to keep our text neat and clean. So for the street address, there's no need to create a new text frame here. To make this easy, I'll click on my address frame and drag it down while holding all to make a quick duplicate. I'll just place it down to the bottom roughly and pull out the text frame to give myself a bit more width to work with. I'll double click into the text frame, and up in the Control panel, I'll just set this to left aligned, and I'll come into the content deck and copy the address details, and back into my letterhead, I'll select the text and replace it. Next, I'll come into the design Expo brand toolkit with the download folder open. Click into Folder four project into the Design Expo folder, click into Folder one media kit and open the Design Expo Band kit in design file. This is a Bandkit document that includes all the style references we are going to include in our publication design. On the brand toolkit at a glance page, we can see that for the typeface, we will be using Base Nu. I'll select the address text. I'll set it to Base Nu. Then click the drop down on the family and select Expanded Medium. In this instance, I'll change the font to size seven and set the leading to ten up in the Control panel. Now we have some fresh formatted text in our document. Now, I could leave it there and carry on, but since we have now defined some formatting properties and going to make a quick Paragraph Style, I'll jump into my paragraph star panel, click on the top right menu, click New Style, I'll name this address, click to apply Style to Selection and click Okay. I'll bring my address for him down and just align it to the top of the second row from the bottom, and now that's looking pretty neat. Before I move on, I'm going to need to copy this text and put it on the right layer. Earlier, I duplicated the text from above, which was on the demo type layer. So I'll press Escape to deselect my text, then select the type frame. I'll press Command X on Mac or Control X on PC to cut. I'll come into the Layers panel and make sure to click on the content frame, and I'll press Command plus Shift plus Alt plus V on Mac or Control plus Shift plus Alt plus V on PC to paste it back in place. So next, I'm going to bring in this little tag line to sit at the bottom of the page. I'll come back into the content deck and grab the tag line copy. Back into my document, I'll click under the address and paste it in. Now, looking at the text, right now, we can see that at the end here, there is a paragraph return. For this piece of text, we do not want this, so I'll put my mouse cursor at the end and press delete to remove it. So right now, I have this type with the address paragraph style applied. For this piece of type, I do not want this applied. This is going to have its own formatting. So I'll come into the paragraph style panel and click on Basic to reset the formatting. In this instance, I'll change the Fonta base New, click the dropdown on the family and select Expanded bold, and I'll set the size to 12. So right now I have some new type formatting. I'll click to select the tagline, come into the Paragraph star panel, create a new Paragraph star. I'll call this tagline. Click to apply star to selection and click Okay. Easy. The idea here is for this tag line to sit at the bottom of the page on the margin. Right now, this tagline is sitting right under the address. So what I'll do next is edit the paragraph style of the address above to push some space below this. So I'll place my mouse cursor at the end of the contact details above. Right now, if we look in the paragraph styles, we can see that this currently has the address applied. So down in the paragraph panel, I'll now hit to add some space after. I'll push this up to nine mils, and now the tag line will sit nicely on the baseline. Nice. However, we will have to be careful here. If we now look back at the paragraph styles, we will see a plus icon next to the address Paragraph star. If I now come into the paragraph style, right click on contact and click Redefine Style, we will now see that this space after has been applied to every single line in the contact section. Now the reason for this is because we have just altered the space after a paragraph. If we zoom in and look at the text, we can see after every line in the address, we have a paragraph return. So each line in the contact details is essentially a paragraph in itself. So after each line, we're going to add that space after. Now, we don't want to do this. We only want to add that space after on the last line. So what we need to do here is edit the small block of text to tell in design that instead of each line being a separate paragraph, we want the whole block to be just one paragraph with the space afterwards at the end. So what I'll do now is place my mouse cursor after the line below the top bit of text, press delete, and that will bring this text up to the end of the top line. This time, instead of pressing Enter to add a hard return, which will create a new paragraph, I'm going to press Shift plus Return. What that will do is instead of creating a paragraph, it will just create a forced line break. So now the top two lines are part of the same paragraph. I'll do this once again. I'll click the mouse cursor on the line below. Press delete to bring it back up and press Shift plus Enter to create a forced line break. I'll do it for the last line, add a forced line break, and now we have the contact details above in one paragraph, and the space after is creating the space between the address details and the tag line below. If we look carefully at the end of our text, we will see the symbol here representing a forced line break. So these are some of the small details you will need to know about in design. Things can get very tricky and very detailed when using text in this way. This is such a small piece of text, however, does require some care and Finness to get the result we want. Keep in mind, hard returns create paragraph breaks, and soft returns creates forced line breaks, which allows you to manage blocks of text to keep them as single paragraphs, which allows you to add things like space after in instances like this. Now, this may seem a little complicated, but trust me, when you get your head around this, it's going to make using in design much easier. Beginners to design may be inclined to create two separate text boxes to do something like this. But more advanced users would want to do this in one text block to keep things streamlined. So to finish this off, I'll press Escape to deselect the text. With the selection tool, double click on the bottom middle anchor point, and this will snap the text frame to fit the content. I'll press W to enter into preview mode, and now that's looking neat. So at this point, when all the text is in the document, I then like to start thinking about color. Now, depending on your design, generally, text is printed in black. But for this particular brand, we are not using black but a darker shade of purple. Looking back at my final designs, you can see the color approach I took for this letterhead. Back to the brand media kit, here we can see the brand colors. Now, we could copy and paste these into new document, but to make it even easier, you can import the color swatch. So back into our document, come up to the top of the Swatches panel, click the menu and come down and click on Load Swatches. Upon click, you will see a window up here, and here we can navigate to the downwarad folder. Download folder open, click into folder four project into the Design Expo folder, click into folder one media kit, click into the Assets folder into folder five color, and click to open the Design Expo palette document. Upon click, we will now see the colors present in our Swatches panel in a folder. Nice. Now, I could come and select the text elements and change the color, but now I've created some styles. It'll be easier to do it this way. We won't have to select any type elements, and you can make sure you're on top of all your stars. So I'll come into the Paragraph Styles panel, double click on the contact style, come down to character color and change the color to midnight. I'll click on the preview button, and we'll see the text change in the letterhead. I'll do the same for the tagline, change the color to midnight. And just like that, we have applied some color, and we now know that everything is neat and tidy with our stars. Great. So that completes all of the text elements on the front side of the letterhead. Looking back at the file designs, we can see that on the front side, we also have some image elements. On top, we have a logo. Down below, we have a subtle line stroke, and on the far right, we have this texture running down the side of the page. So let's start with a logo. To do this, we can do it in one of two ways. The easy way would be to jump into the brand toolkit. From here, I can select the logo and paste it straight into my letterhead document, or we can manually drop it in. I'll just quickly do the latter. I'll press Command plus D on Mac or Control plus D on PC to place an image with the download folder open, click into folder four project into the design Expo folder, click into Folder one media kit, into the Assets folder, into folder one logo, and click to open the Design Expo logo document. I'll just click and drag to draw a frame from the top left across over one column, and upon release, our logo will appear. Now, if things are looking a little blurry for you, come up to view down to display performance and click on high quality. So back in the brand tool kit, we can see that as part of the kit, we have a stroke effect. I'm going to include this in the bottom of the letterhead. So I'll just select the stroke effect, and back into the letterhead, I'll come down to the bottom. I'll paste it in, scale up across three columns to match the text block above. Here I'll place it at the top of the third from the bottom row, press W to enter into preview mode, Zoom out, and now that's looking quite neat. Now for the last visual element, I want to get some subtle square texture. Ing back at my final design, I have this square texture on both the back page and the front page. So I'll begin by placing the texture on the back page. To do this, I'm going to jump back into the brand toolkit. On the texture page, we can see there is one linked texture here on the right for small squares. With this selection tool, I'll select the texture for the small squares. I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in Illustrator. Secure is an Illustrator document where I have created a grid texture of squares previously. If I press Command plus apostrophe on Mac or Control plus apostrophe on PC, we can toggle on and off the grid where you can see the structure I based this grid on. To make this really easy, we can simply copy and paste this texture right from Illustrator and paste it into Indesign. I'll select all the squares, copy, and then back into Indesign, I'll paste. Upon pasting, Indesign will automatically group the squares. So now we can treat it as one object. I'll place the bounding box up in the top left corner. I'll come up to the top of the Control panel and make sure to set the reference point to the top left. Then I'll click and drag on the bottom right anchor point down to the bottom margin to the end of the third column. And upon release, I'll get a square texture where the squares roughly match my column widths. Nice. Now with the direct selection tool, I'll click and drag over the first column of squares. I'll copy and paste, and this will copy a new column of squares. But here I need to be careful. Upon pasting these, these are not currently grouped. So I'll press Command plus GO MAC or Control plus Gm PC to group them, and I'll carefully place this to sit on my right margin of the first page. I'll press W to enter into preview mode, Zoom out, and now that's all looking quite neat. However, the stroke line looks a little strange against the squares on the left here. I'll select the stroke and move it up to a line with that square. So instead of aligning this stroke element to the baseline grid, I'm going to align it to this square here on the right, just so everything looks neat and aligned. Now, looking back at my finished letterhead, in the top right of the back page, there is a logo mark with the tagline future design. Now this is actually a logo lockup. I can come into the brand toolkit here and just grab this, place the mouse cursor in the bottom right, and then click and rotate it while holding Shift to snap to 90 degrees and place it up in the top right and fit it comfortably. Scale up to align with the fifth square in the texture to the left, and that now completes the layout of our first letterhead. Finish off, I'll come and select the demo text, change it to Magenta. And if we press W on the keyboard, we can toggle into preview mode, and that completes the layout of our initial letterhead. Nice. Now, the true power of in design allows us to create and manage multiple content in one document. We just created a generic letterhead, but looking back at my final designs, we can see that I have some additional layouts with staff details. What I'll do to finish off the tutorial is show you how you can duplicate a layout and make modifications easily. So once you're happy with one layout, it's very easy to duplicate. But what we want to keep in mind initially is how are we going to manage the repetitive elements? Before we start duplicating pages, we first need to manage our repetitive elements. To do this, we're going to use parent pages. So right now in the pages panel, if we look at the top, we have one parent page with the prefix A, which is currently applied to each page below. So now I'm going to come up and right click on my first parent page and click Duplicate. Upon click, that's going to open a new parent page, and we can see that it has been set with a prefix of B. Now I'm just going to click back on a page in the Pages Panel to come back. Then right click on the right page, click on Apply parent to pages, and from the dropdown, I'll select B. So now I have my left page with my parent page A applied, and the right page with my parent B applied. Next, I'll come to my left page and select the image elements. With them selected, I'll press Command plus Exon Mac or Control plus Exon PC to cut. I'll come up and double click on parent page A. I'll paste the visual elements on the content layer and position correctly. And if I double click on page one in the Pages panel, we can see that the images are now. Nice. So next, I'll select the images on the next page. I'll press Command plus X on Mac or Control plus X on PC to cut. Double click into parent B. I'll paste this on the content layer and position correctly. Double click on a page in the pages panel, we will come back to our composition, and now all of my repetitive image elements are on the parent pages on the correct layers. Excellent. With my visual elements organized, I'll come into the pages panel, click the first page, press and hold Shift and select the second page, right click and duplicate the spread. So looking back at the final designs, we can see that here is some specific type formatting applied to the staff name, job description, and contact details. Now, there are two ways we can go about doing this. We can do it the smart way or we can do it the longer way. In a previous video, we looked at how to set up a business card. In that video, we applied formatting to the type outlined by the brand style. One of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to the next. So if we open the business card template that we created in a previous episode, back into the event design document with the selection tool, I'll select the business card thumbnail. I'll either come up to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. We can do here is instead of formatting the type from scratch in our letterhead, we can simply select the text frame with all its styles, copy it and paste it into our letterhead. What you'll see here is that the text format will remain exactly the same. And now over in the character and Paragraph Styles panel, we will see it will also carry across the stars. So we won't need to set this up from scratch because we've already done the work previously. All we have to do here is just reposition the text to work in our current template. So first, I'm going to work with the contact details. Right now, below, I have the frame with the address in. What I want to do now is get the address details in before it. So we're going to have to get into the text frame and make some tweaks. First, I'll come in and select the address. Then up in the control panel over on the far right, we will see number of columns. I'll set this to two and then below, you may see the tag line cut across the two columns. Next, I'll select the tag line. Back up in the Control panel. I'll click on span column and set this to two. So now we have a single text frame with two columns above, and the tag line on the bottom is set to span across the two columns, so it's nice and clean. Next, I'll place my mouse cursor at the start of the address and press Enter to add a hard return. Now, upon adding that hard return, we have applied the space after because we still have the address paragraph style applied to the start. To neutralize this, we can hit the basic paragraph style in the paragraph style panel to reset this. Next, I'll select the contact details from the frame above, copy and paste them in at the start. Now, in this instance, the leading is the same, but the font is not the same size. In the business card, the type was smaller. I'll press Escape to deselect any type, double click on the contact details paragraph style and change the font to seven and click Okay. Now, you may notice that the address is starting directly under the contact details. What I want to do here is get this over to start in the other column. Really cool tip we can do here is to place the mouse cursor before the address. Come up to type, come down to insert character break, click on Column Break, and that will push the text over into the next column. So now we have just one simple text frame with the columns above and the tag line below. Perfect. So now I'll click into the frame above, select the contact details, and just delete them completely. I'll press escape to deselect the type and select the frame. Up in the Control panel, I'll hit the align top button. I'll place my frame to align to the top of the fifth row from the bottom. I'll drag the frame right across three columns and double click on the bottom middle anchor point to snap the text box up to fit the text perfectly. Nice. So to finish off the personalized letterhead, I'll drop in a signature. The download folder open. Take into folder four project into the design Expo folder, into folder one media kit, into the asset folder, into the other folder, and I'll open the Mac signature document in Illustrator. Here I can select a vector signature, copy, and then paste it into in design, position and scale, and that will complete the personalized version of the letterhead. With the new layout sorted, I can now simply come to the pages panel, click on page three, press and hold Shift and select page four, right click, duplicate the spread, add new staff and contact details, and I can do this for as many permutations as I need. Perfect. So before we close off this tutorial, there is one last thing that is quite important to keep in mind, and that is style management. In this video, we have created various styles for various text formatting, and we also imported some styles from a different document. If we look in the character and Paragraph Styles panel, now we can see that we have a number of styles in folders. Now we could just leave it as is and move on. But if we want to be really organized, we can manage these styles. So I'll come into the paragraph panel, and I'll just drag the tag line style into the header and Titles folder. I'll drag the address style into the paragraph folder, and I'll drag the paragraph folder under the header and Titles folder, and now they're all organized. Nice. So once you're happy with your design and you want to export ready for print, you can either export the entire document or you can export individual pages. This example, I just want to export the second letterhead. When you're ready to export, simply come up to file and click on Export or press Command plus E on MAC or Control plus Eon PC. I'll navigate to the project folder I saved previously in the course. Click into the published folder, select the PDF folder. I'll name the file Mac Stevenson hyphen letterhead, and down in the format, I'll choose Adobe PDF for print. I'll click Save and Apple Pop another menu. Here I'm going to make sure that for Adobe PDF preset, high quality print is selected. For pages, I'll select Range and type three hyphen four. I'll make sure pages is selected. I'll make sure that view PDF after saving is checked, and then click Export. In Design will do its thing an Apple Pop Acrobat reader. I'll zoom out a little and click the Pages tab. And here we can see we have a PDF doc with two pages front and back. This is now good to send off to the printer. Now you may also notice that the Magenta text is not present in the PDF. Well, that is because if you remember, on the layer options of the demo type, we uncheck the box for print layer. When we export, we don't see the Magenta text. However, let's say you wanted to send this letterhead to someone where you did want to include the text should they want to see the composition as a whole. This time, back into Indesign, I'll click Export again, though this time pay close attention to the export layers dropdown box. If we hit this, we can select all layers. This time, if we export, we will see the Magenta text. So that's how you can create a letterhead design in in design and incorporate styles to make it very flexible to customize, drag styles in from other documents and create multiple permutations. So over the previous tutorials, we have set up some simple documents, looking at some very precise text formatting. Next, it's time to get a little bit more creative and start working with images and textures. In the next video, we're going to look at how we can manage multiple visual elements to create a brand motif we can use as part of our publication design. So I'll see you in the next video. 6. Create Digital Collages In Adobe InDesign: A brand motif is the cohesive visual theme that a brand uses to create a recognizable identity, including elements like images, colors, textures and patterns. In a brand campaign to promote a design event, a brand motif is crucial because it ensures consistency across all materials, creating a unified and memorable brand presence. The use of a consistent motif helps reinforce an event's theme and message, strengthens brand recognition and sets the tone for the event. A brand motif can enhance the overall impact of a campaign by making communication visually engaging and aligned with a brand's identity. In this video, I'm going to show you how to lay out a set of dynamic visual elements, which we will use as part of a brand campaign to promote a fictional design exhibition event. This brand motif is what will feature on further collateral we will be developing later on in this course. Here I am in in design, and here is a set of collage compositions I prepared earlier. In this video, we are going to look at how we can swiftly set up compositions like this. To create this collage, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to work with multiple assets to create complex compositions in in design super easy. So let's get into it. So on this course, we're learning all about how to set up a series of documents for publication design. But at this point, it would help to keep in mind that in design can be used not only to create documents for publishing, but it can also be used as an effective tool to manage your content. For this example, we have a series of pages where I have composed and outlined the brand motif visuals. So this isn't a document that I might print. However, it's a document that I am using to organize the visual elements for the design expo brand. Here, I have focused purely on the visual elements and compositions of the collages separately, which will make it easy to come back to later to copy them to include in other documents. One of the goals of this video is to help you see in design in a different way. Of course, in design is mainly designed for publication design, but it can also be an amazing tool to help with your organization and creative workflow. Now, there are a variety of ways you could approach working with digital art and compositions like this. One could simply create these compositions in an app like Illustrator and place them in as links. However, we wouldn't have the flexibility to move around and control the individual elements of the collage in context. Later on, we're going to be using these motifs across a wide range of documents. So in this instance, it will be more effective to create this artwork in in design. Which will enable us to control all the individual elements as we bring them into various documents later on. If you want to take a look at this document and get all the assets to follow along, you can get access to this document from the course download folder. This download folder comes with multiple projects and a ton of assets and resources we will be using on this course. You can find the link to acquire the folder from the description. Download folder open, click into folder four project into the design Expo folder, click into folder two event publication design and open the event design in design file. This is a document that contains all of the publication designs we'll be creating for this course. If we scroll down to the marketing collateral page, we can see a variety of documents. This video, we are going to look at the collage document. So with the selection tool, I'll select the collage thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. Now, for this document, I'm using the font basene. If you have not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used in this class and where to get them. Simply click on the base New link, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. If we press W on the keyboard to toggle between normal and preview mode, in normal mode, we can see all the frame boxes creating this composition. If we look closely, each frame has a different color, representing which layer it currently resides on. In the layers panel, we have three layers, one for type, one for elements, and one for base. Now, these are quite busy collages with lots of visual elements, so the layers panel has been set up this way to make it easy to organize and manage the visual elements. Also, if we look carefully, we can see that some elements do not have bounding boxes. That is because these elements are not actually images. They are vector textures which have been pasted in, more on this later. Let's see how we can create a digital collage composition like this. To begin, I'm going to come up to file new and create a new document. Now for this document, we're not creating any particular publication. We're just going to create some artwork, so here it could be any size. To make it straightforward, I'll go for an A four page preset and I'll make sure the orientation is set to portrait. Now, I don't want facing pages, so I'll make sure this is unchecked. I'll set the pages to one and click Create, and my new document will open. Now before I start, I just want to get my center and middle horizontal lines. One quick and simple tip to do this. Come up to the pages panel and double click on the parent page. I'll drag a frame from the top left down to the bottom right of the canvas area. I'll press command R on Mac or Control R on PC to toggle on the rulers. And with my bounding box selected, I'll be able to drag from the top down and place a guide in the middle of my page, and I'll also be able to drag from the left and place another guide in the middle of my page. Once happy, I'll just delete the frame, double click on the page and the pages panel, and now we're back and we can easily see the guides. Another thing to do before we start is to set up our layers. So I'll come to the layers panel and I'll double click on my layer and I'll rename this to base. I'll click the plus icon to add a new layer and I'll call this elements. I'll click another layer and call this type. I'll make sure my layers are ordered correctly with the type at the top, elements in the middle and base at the bottom. Once I have my document set up, I can now start thinking about working with visual elements. The first element I'm going to work with are the images. Looking back at my final designs, regarding imagery, we can see that for each composition, there is a background solid shape with a gradient fill effect. And on top of this, we have a gray scale object with some surrounding shapes and textures. Let's start with the base layer and work our way up. To begin, I'll click on the base layer in the layers panel. I'll come over to the tools menu, click and hold on the frame to select an ellipse. Then I'll just come into the canvas area, click and drag down while holding Shift to create a perfectly scaled ellipse. I'll make it around two thirds of the size of the page. Upon release, I'll then move my frame to place to fit perfectly in the middle. To be specific, so you can follow along exactly. Up in the Control panel, I'll set the width to 15 5 millimeters and the height to 15 5 millimeters and position it in the center, like so. Now, if your units are not set to millimeters, come into your preferences, click on units and increments on the left and set your horizontal and vertical units to millimeters. Click Okay, and you should be able to set your value to millimeters. Nice. So in this instance, I'm not going to use a color fill but an image fill. Next, I'll come into the design Expo brand tool kit with the download folder open, click into Folder four project, into the design Expo folder, click into Folder one media kit and open the design Expo brand kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. On the brand tool kit, at a glance page, we can see that there are a series of gradients that we need to use. Back into the document with the frame selected, I'll press Command D on Mac or Control D on PC to place an image. I'll navigate into the downward folder, click into Folder four project, into the design Expo folder, click into Folder one media kit, click into the Assets folder into folder three graphic textures into the gradient folder and click to open the green PSD. Upon placing the image may appear large in the frame. Here I can press a scape to deselect the image inside the frame, click to select the frame, right click down to fit in and select fill frame proportionally. And that will reduce the image size inside the frame to fit the image to the width of the frame. Now, this is quite a luminous image. If it's looking pretty dull on your end, come up to Edit down to transparency blend space, and click on RGB. And if it's looking a bit pixelated, come up to view, down to display performance, and click on high quality. So that's the first element in the collage. Next, I'm going to start bringing the elements in on top. Before that, I'm just going to come over to the Layers panel and hit the lock icon on the base layer as to not accidentally select this. So looking back at my final designs, we can see that each design features a grayscale image with texture around it. So this time with the elements layer selected, I'll press Command D on Mac or Control D on PC to place an image. I'll navigate into the download folder, click into Folder four project, into the design Expo folder, click into folder one, media kit, click into the Assets folder, into folder four image treatment, into the Objects folder, and click to open the hand with pencil PSD. Click, I'll click and drag to drop in the image like so, and it will appear in my comp. What we've just placed into our composition is a transparent image. With the frame selected, I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail and the document will open up in Photoshop. So here we can see a grayscale image. But if we look in the Layers panel, we can see a number of layers creating this effect. If I toggle off the adjustment layers above, we can see that this image is actually a colored image. Applied to this, we have an ad noise smart filter, and if I toggle on the visibility of the base layer below, we can see a solid white background. So when working with digital art and collages, it can help to prepare your images effectively in this way. I like to cut all my pieces out before I start using them to give me maximum flexibility and allow them to blend in with other images. For now, I'll close and not save and come back into in design. So when developing digital collages, it can be very difficult to know where to place anything until all the elements are on the canvas. So now I've got the gray image. Next, I'll bring in some texture elements. To do this, I'm going to jump back into the brand toolkit. If we scroll down, we can see a texture page where we can see there are a few on offer. Here we have some linked texture documents and some that have been already pasted straight into in design, which we can grab quickly. So here we can do one of two things. We can either quickly grab a texture here or we can grab it from the original Illustrator document. For the sake of this video, I'll just show you where this texture came from. With the selection tool, I'll select the large dot texture frame. I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in Illustrator. So here is an illustrator document where I have created a grid texture of circles previously. If I press Command plus apostrophe on Mac or Control plus apostrophe on PC, we can toggle on and off the grid where you can see the structure I based this grid on. To create this, I simply set up a square grid in the background, which I have used to place down my circles to create a perfect grid texture. Now some of this I've already pasted into in design. But in this instance, I'll just take some dots from my texture here so you can see how easy it is. With a selection tool, I'll click and drag from the top left and select five across and five down. I'll copy back into Indesign. I'll just paste it in, move my mouse cursor over the bottom right, anchor point, press and hold shift, and click and drag in to scale down like so. Then if I click off to deselect the object and then click back on it, we can see that upon pasting in the texture, it's automatically created a group. With the direct selection tool, if we move our mouse cursor over the individual circles, we can see they are indeed individual vector shapes that can be edited individually. If we wanted, we could right click and group these. But for now, I'll leave them set to a group. Okay, so that's our first bit of texture in our in design comp. Next, I want to get in another texture. But this time, instead of circles, I want squares. So back into my brand kit, this time, I can select from one of the pre made sample textures over on the left here. If I click this, we can see it's already a group that's been pasted into the kit, like I just demonstrated. But just for you to know, over on the right here, if I click on the square medium texture, I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail. The document will open up an Illustrator. Now, I could either copy the texture from here back into in design like I did before, or I'll just close this one down, come back to my brand kit, and just select the squares here, which is exactly the same texture as that document we just saw in Illustrator. So I'll click my sample, here, the left, copy, and paste it into my new document. Again, I'll move my mouse cursor over the bottom, right hand anchor point, press and hold shift, and click and drag into scale down like so, and just move it down towards the bottom. So looking back at my finished design, we can see that the last visual elements to include are the single circle and square shapes. So I'll come into the tools menu, grab the square frame tool. Come and click and drag while holding Shift to draw a perfect square. Into the tools menu, I'll come down and click the default fill and stroke button to set the fill to transparent and the stroke to black. Stroke panel, I'll set the size to ten and make sure to click the aligned stroke to the inside. Next with the selection tool, I'll click and drag down while holding Alt to make a quick duplicate of my square. With it selected, I'll come up to object, down to convert shape, and I'll set this to an ellipse. Easy. So now I have some elements on my page. I can now start to think about the overall composition and how I'm going to arrange them. Next, I'm just going to start to position my elements. I'll increase the size of the gray image element. I'll move the textures around to interact with the image. I'll also click and drag on the textures while holding Alt to make a quick duplicate. And I'll do this for the circle and the square texture, so I have two examples of both. I'll move these around, scale them up and down to create some nice contrast. I can also duplicate one of the squares or circles, again, move them around and perhaps change one from a stroke to a fill, and I can also adjust the stroke size on one of the shapes until I have a rough layout like this. What we want to achieve here is an interesting looking composition where the elements create lots of movement and lots of dynamic layers. For now, I think this is looking pretty cool as a composition, but I now want to change the colors as I don't want to keep the shapes and textures set to black. Now we have an initial composition sorted. I'm going to start working with some color. So looking back at my final designs, you can see the color approach I took for my collage. Here I'm using the dark and light colors of the design Expo brand. So back to our document, come up to the top of the swatches panel, click the menu and come down and click on Load Swatches. Upon click, you can see a window up here, and here we can navigate to the download folder, into folder four project, into the design Expo folder, click into Folder one media kit, click into the Assets folder, into four to five color swatch, and click to open the Design Expo palette document. Upon click, we will now see the colors present in our Swatches panel in a folder. Nice. So now we have our swatches. Applying color is really easy. So first, I'll click the bottom left dot texture. Now, because these are essentially vector shapes, I can come to the tools menu, click on the fill color. I'll come into the swatches menu, click to set the fill color to fluro. While holding Shift, I'll click on the other dot and square textures. With the fill square selected, I'll set this to midnight. I'll select the solid square and set this to Solaro. I'll select the other objects, and with the stroke color selected, I'll set this to Fluro. And just like that, we've applied some color. Now we have some really interesting color dynamics, where the highlight colors stand out against the gray, and the textures look nice and clear against the background gradient. Nice. Now we could leave it there, but there is a little bit more we can do to manage our layers to add some more depth. Right now, all these layers exist in the order in which they were brought in. What we can do next is just shuffle the layer hierarchy so we can bring some elements to the front and push some of the elements back to create a little bit more dynamics in the layers. Now we can do this one of two ways. First, I'll click and select the gray image. With it selected, we can either right click come down to a range and choose from one of the options here or we can use some of the keyboard shortcut. So with the object selected, I'll press Command plus Shift plus closed square bracket on Mac, or Control plus Shift plus closed square bracket on PC, and this will enable you to bring a selected object to the front of the layer hierarchy. Next, I'll select the bottom left texture, and again, press Command plus Shift plus closed square bracket on Mac or Control plus Shift plus closed square bracket on PC. And this will again bring the texture to the front of the layer hierarchy. Next, I want to bring the circle stroke to the front. But this time with the selection tool, as I go to select it, the main gray image is now in the way. To easily click through images to select images below others, with the selection tool, we can press and hold Command on Mac or Control on PC, and we can click to Select. And as we click to Select, we can click through the layer hierarchy until we get to the object we want. Once I click through to select the circle stroke, again, I'll press Command plus Shift plus closed square bracket on Mac or Control plus Shift plus closed square bracket on PC. And this will bring the circle stroke to the front in the layer hierarchy. That's how easy it can be to tweak the layer hierarchy to shuffle the layers around to get a little bit more depth in your layers. Nice. So that's how we can create a simple collage composition and manage multiple images and textures in in design. Now, I could leave it there, but for this particular brand motif, we also have a text element. Looking back at the final designs, we can see that as part of the collage designs, there are some text elements to help distinguish the categories. In the final designs, we can see there are lots of categories from graphic design to product design, and we also have examples with speakers and attendees. So to complete the collage composition, we're just going to finish it off with the final text element. So with the selection tool, I'll click and drag over all the visual elements and press Command plus G on Mac or Control plus G on PC to group them. And for now, I'll just move them over to the left to create some space for the text element. To begin, I'll come over to the Layers panel. I'll click on the type layer. I'll come over to the tools menu, grab the text tool and click and drag across the top of the canvas and down a little to draw a text frame. For this frame, I'm just going to type in graphic and then straight after the word graphic, I'll press Enter to add a hard return, and I'll type in the word design. Now back into the brand toolkit, on the at a glance page, we can see that for the typeface, we will need to use Base Nu. I'll select the text, I'll set it to Base Nu, then click the drop down on the family and select super extended semi boold. This instance, I'll change the font size to 60 and hit the all caps button. If the text is too large for the frame, I'll pull it down to see it all. I'll select the word design into the tools manual, I'll hit the swap fill and stroke effect. I'll push the font size up to 70, change the font to super extended bold, set the stroke to 1.5, and with all the text selected, up in the control panel, I'll set the leading to 60. I'll select the word graphic, change the fill color to midnight, select the word design, change the stroke color to solaro. In the control panel, I'll make sure that the reference point is set to the top left. Then I'll press R to activate the rotation tool and click and drag near the bottom right corner point while holding Shift to snap to 90 degrees. I'll drag my text frame down and across to sit over on the right hand side. I'll double click on the left, middle anchor point, and that will snap the text frame to sit snug on the text. Lastly, I'd like to add a little bit more space between my letters, so I'll double click into my text frame to select all the text, and up in the control panel, I'll add 120 to the tracking, press escape to deselect the text, move my elements around so it feels a little more comfortable, and that completes the initial collage composition. Nice. Once you're happy with one layout, it's very easy to duplicate. I'll come into the pages panel, click the first page, right click and duplicate spread. Upon click, that will make it duplicate beneath my page. Next, I'll come over to the page panel. I'll click on the top menu, scroll down and currently, we can see a ti next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up next to my first page. When I see a line next to the page, I'll release and that will snap the page next to it, and you will also see the page be immediately next to the page in the work area. Next, I'll come into the tools panel. I'll click on the page tool, I'll click on page two, make sure objects move with page is checked up in the Control panel, and just drag it to the right, putting some space between the pages. Easy. So now we've essentially created a template we can change. Here, I can click into the texture frame, change graphic to fashion. I'll come into the layers panel, lock both the type and elements layer and analog the base layer. This will make it really easy for me to come and select my base grading circle. Now for this approach, I want a square instead of a circle to change this real easy. With the circle selected, I'll come up to object down to convert shape, come down and select rectangle. Come back into the Layers panel, lock the base layer and unlock the elements layer. I can click on the gray image with its selected press Command plus D on Mac or Control plus D on PC to place an image. I'll navigate into the downward folder, click into Folder four project, into the design Expo folder, click into Folder one media kit, click into the Assets folder, into folder four image treatment, into the Objects folder, and click to open the Mannequin PSD. Upon placing, the image will appear large in the frame. One quick tip here. If we double click on the bottom middle anchor point, this will then extend the frame to the content inside. Then I can press S on the keyboard to activate the scale tool. I'll place my mouse cursor around the bottom right anchor point. While holding Shift, I'll click and drag the scale image and frame down together. Then I'll press V to activate the selection tool I'll click on the bottom middle anchor point and pull this up to crop the image inside. Then I'll just position on the square below. And if I need to, I can use S again to activate the scale tool and scale up or down to get the correct size I want. And then I can click on the neighboring visual elements, reposition these, perhaps change the color of some of the elements. And just like that, I have a completely new composition created in half the time. So looking back at my file designs, we can see that for the categories, I have four designs, two of which appear to have a solid stroke effect in the background as opposed to the solid. Back into the main document, I'll come into the Pages panel and just click to add two pages. And these two pages will appear below my two pages above. In the pages panel, I'll click Page three and drag it up next to page two. I'll use the page tool to drag it across to the right to put some space between. I'll click on page four, drag it up next to page three and use the page two to click and drag to give it some space, and now I have four pages. Make this easy, I'll come into page one, make sure the layers are unlocked. I'll drag over with my selection tool to select all the elements. Press and hold alt and click and drag over to page three and carefully position in the center. Keep in mind by doing this, all the layer elements will still reside on their correct layers. I'll do the same for page two. With the selection tool, I'll click over all the elements on page two, click and drag right while holding Alt and duplicate them across and carefully position on page four. So now I have four pages with four digital collages. Just like earlier, I can come and change all the details. I'll click the lock icon on both the type and elements, and I'll toggle off the visibility. On page three, I'll come and select the circle base layer. I'll press Command plus C on Mac or Control plus C on PC. Then I'll press Command plus Alt plus Shift plus V on Mac or Control plus Shift plus Alt plus V on PC, and that will paste in place on top. I'll press A to activate the direct selection tool. I'll click into my new frame to select the image inside and press delete. Then I'll come to the tools menu, hit the fill color and set this to white. Up in the Control panel, I'll make sure that the reference is set to the middle. Then with the selection tool, I'll place my mouse cursor over the middle, right anchor and drag in while holding Alt and Shift, and that will scale down nicely. And upon release, I will mask away some of the background image to create what appears to be a thick stroke. I'll do the same process on the last page, copy and paste the square on top, remove the image inside, set the fill color to white, scale down, and then toggle back the visibility of the type and elements layers. Now, it's just a case of changing the text, changing the gray images inside, recomposing the elements, and now I have four unique brand motifs ready to use in future. And it doesn't have to end there. If we come back to the final designs, we can see that below there is another four compositions, but instead of the design categories, here we have speakers and attendees. If we wanted to go even further to create additional compositions, we could simply come into the pages panel, click on the first page, press and hold shift, and click on the fourth page, right click and duplicate, and now we have another four pages ready to change. By following the same process we just used, we can easily replace all the gray images, replace all the text, recompose the visual elements, and now we have lots of digital collage compositions we can use in future. Perfect. So that's how you can create digital collage compositions, manage a lot of visual elements, and quickly make permutations in in design. Now we have built up some brand artwork. We can now move on to create one of the most popular marketing documents one can create in in design. In the next video, we are going to look at how we can set up a poster in in design. So see you in the next video. 7. Create a Poster Design In Adobe InDesign: As part of a brand campaign for an exhibition event, a poster is crucial. Strategically placed in locations of high football, a poster can capture attention and communicate key details about an event at a glance. A poster can help build excitement, reach a wider audience, and reinforce a brand's identity through consistent use of visuals, colors, and messaging. A well designed poster can not only promote an event, but also set the tone, creating anticipation and build hype. In this tutorial, I'm going to show you how to create a dynamic poster from scratch, using some simple yet powerful tools in in design. We'll cover setting up a document, adding text, logos, and even add some design flare. So here I am in in design, and here is a poster document open that we are going to develop in this video. Now, this design is part of a series of branded marketing material we'll be creating on this course for a fictional design exhibition event. To create this poster in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design and in design and not leave anything unchecked. After this video, you'll be able to create a poster really easy in Adobe in design. So let's get into it. Now, the poster is one of the simplest document types you might create in in design. However, it can still include some of the key formatting features to set up. As I scroll down, you can see in this document, I have multiple poster designs. Currently, these are stacked on top of each other as individual pages. If we look at the pages panel, we can see the contents of this document and how many pages are contained. When creating a poster, it's common to work like this where you may focus on a few poster designs in one document. For this project, we're creating a poster for a fictional design expo. When designing for an exhibition event, it's likely that there will be lots of messaging and highlights to promote. So an event such as this would develop multiple different posters with different messages. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course, where we will be including some of the brand motif and color elements as part of the design. We'll also be using some of the design elements we have already developed previously on the course. If you want to take a look at this document and get all the assets and follow along, you can get access to this document from the course, download folder. This download folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. With the download folder open, click into Folder four project into the design Expo folder. Click into folder two event publication design and open the event design in design file. Is a document that contains all the publication designs we will be creating for this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we're going to look at the poster document. So with the selection tool, I'll click the Poster thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. Now for this document, I'm using the font base if you have not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used in this class and where to get them. Simply click on the base New Link, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. On the first page, we have a standard layout. We have a highly visual element in the middle of the poster with some text placed below. If we press W to toggle between preview and normal mode, in normal mode, we can see that there's quite a few things going on here behind the scenes. To help structure and align my elements, I have used a baseline grid and a four column grid which fits inside the margin grid around the inside. We look over in the Layers panel, we can see three layers, one for type, one for images, and one for base. Now, these are quite busy poster compositions with lots of visual elements. So the layers have been set up in this way to make it easy to organize and manage all the visual elements. And if we look in the character and Paragraph Styles panel, we have some styles here. On the second page, we have another poster design, but with a slightly different layout. The first poster promotes the event itself with visual themes of design and architecture, whereas the second page includes the same visual theme, but this time promoting a speaker and the subjects that may be on offer at the event. As we scroll down, we can see that there are some other posters with some alternative layouts featuring additional messaging. For this video, we're going to focus on poster one and two. So let's see how we can create a document like this. To begin, I'm going to come up to file new and create a new document. When creating a new document in design, you can choose from a range of presets. But for this poster, I'm going to go with an A one sheet. Right now, there is no template for this particular size. So instead of selecting any preset, I'm going to come straight over and type in my own properties. Set the units to millimeters, set the width to 594 mils, set the height to 841 millimeters. I'll make sure the orientation is set to portrate. Now, I don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to one. I'll click down on my bleed and slug and type in three mils, click Create, and my new document will open. So now if I press W on the keyboard to toggle between preview and normal mode, we can currently see our bleed around the outside of the canvas and our margin space around the inside. Looking back at my final poster design, if we press W, I can toggle between normal and preview mode. In normal mode, we can see the grid that I have used to structure the poster content. For this approach, I have gone for a four column grid to align things horizontally, and I've also used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this to millimeters for horizontal and vertical. If you're following along, I suggest you do the same so you can match what I'll be doing next. So back into my new document, I'm going to come over to the pages panel and double click on the parent page. And here, I'll come up to layout down to margins and columns, up will pop a menu. And here, I'm going to click on the preview box. For margins, I'm going to click on the lock icon to unlock. For the top and bottom, I'll set this to 25, and for left and right, I'll set this to 40. On this occasion, I want a little bit more margin on the left and right. As opposed to the top and bottom. In columns, I'm going to set this to four, and for the gutter space, I'm going to set this to 20 and click Okay. Now, as well as managing my content horizontally, I also want to manage it vertically. I'm now going to introduce a baseline grid to give me some structure to align my elements. To do this, I'll come up to layout, scroll down, and click Create guides. In the menu, I'll make sure to click to turn on preview. For rows, I'll type in 40. For the gutter, I'll set this to zero. Now, I've already got my column set, so I don't need to include anything here, so I'll set these both to zero. I'll make sure to hit the check mark for fit gutters to margins. I'll click Okay. And if I double click on a page in the pages panel, the grid will be applied to my page. Perfect. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. For this design, the main visual hook is going to be the image element in the center of the design. So for this approach, I'm going to start with the large background element in the middle of the poster design and then work my way outwards. So looking back at the final design, we can see that for the first poster, the main visual element will include this collage composition. The visual brand motif for this fictional design exhibition uses a combination of circle and square shape elements blended with cut out imagery and bold typography. Previous episode, we looked at how to create a range of digital collages in in design. For this poster, we're going to refer back to that document and use one of these textures as part of the poster design. So for this poster design, we are going to use a solid square background shape, which has a vibrant gradient texture inside. Before I start bringing in my visual elements, I'm going to do some housekeeping. Over in the layers panel, I'm going to double click on my default layer one, and I'll name this to base. I'll come to the tools menu and grab the rectangle frame tool. And the first thing I'm going to do is click on my left margin and drag down right while holding shift. I'll drag this over to touch the right margin, and that will form the basis of my square background. Next, I'll come into the design Expo brand toolkit with the download folder open, click into Folder four project, into the design Expo folder, click into Folder one media kit and open the design Expo Band kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. On the brand toolkit, at a glance page, we can see a gradient sample that we can use. And if we scroll down the document, we can find the page which contains all the gradients that we can sample. Now to get this gradient into our poster, we can do one of two things. I can either copy my sample from this brand toolkit and paste into my poster design, or I can add the texture manually. With the square frame selected, I'll press Command plus D on Mac or Control plus D on PC to place an image. I'll navigate to the download folder, into Folder four project, into the design Expo folder, click into Folder one media kit, click into the Assets folder, into folder three graphic textures, into the gradient folder and click to open the green PSD. Upon placing the image may appear larger in the frame. Here, I can press escape to deselect the image inside the frame. Click to select the frame, right click down to fitting and select fill frame proportionally. And that will reduce the image size inside the frame to fit the image to the width of the frame. Now, this is quite a luminous image. If it's looking pretty dull on your end, come up to Edit, down to transparency blend space, and click on RGB. And if it's looking a bit pixelated, come up to view, down to display performance, and click on high quality. With the selection tool, I'll click on the square and just drag it down to position in the center of the page. Easy. So before I bring in the main image elements, I'll just quickly get the logo in here. To make this easy, I'll jump into the brand toolkit, copy the logo, back into the document, into the layers panel, I'll create a new layer. I'll call this images and make sure it's above the base layer. For now I can hit the lock icon on the base layer. With the images layer selected, I'll paste the logo into my poster design, place it in the top left, and scale down to fit the height of two rows on the baseline grid. Next, I'll bring in the collage artwork. Back into the brand tool kit, if we scroll down to the brand artwork Star page, we can see we have links to collage samples. With the selection tool, I'll click the collage thumbnail. Now I'll either come to the Links panel and click Edit original, I'll hold Alt on the keyboard and double click on the Worksheet thumbnail and the document will open in its own tab. So here we have a series of collage samples we worked on in a previous episode. If you have not watched that episode and you're curious to learn how to create digital collages like these, you can jump back to the previous video. Or if not, you can just open this document from the download folder where you can continue to follow along. For this poster design, I'm going to use the collage composition over on the far right. Now, over in the Layers panel, I've organized this document into separate layers to make it easy to work with. In this instance, I'm not taking the type or the image in the background, but just the elements. So in the Layers panel, I'll toggle the visibility of the type and base layer off, and now I can just see the visual elements. With the selection tool, I'll click and drag over the elements, copy these, come into my poster design, make sure I'm on the images layer and paste. So right now these images are all separate, so I'll be sure to press Command plus G on Mac or Control plus Gm PC to group the objects together. Come up to the control panel, I'll make sure the reference point is set to the top left. I'll move the group over towards the top left. I'll press S to activate scale, move my mouse cursor down to the bottom right, trick and drag while holding Shift, and scale up like so. For now, I'll just leave it like this. I'm not going to worry too much right now about specifics. I'll finst this later. Now, looking back at my final poster design, as part of the center visual composition, we have some words. As part of the visual brand, there is a tagline future design. Back in the toolkit, if we scroll to the logo and lockups page, we can see there is a variety of ways the tagline is featured. For this poster design, I'm going to select the sample where future design is stacked on top of each other. I'll copy this and paste it into my poster design on the images layer. I'll place my cursor in the bottom right and click to rotate vertically while holding Shift to snap. I'll place it on the right side of the square, place my mouse cursor over the bottom left point and click and drag down while holding Shift to scale up perfectly, and I'll place this nice and snug in the square. Next, I'll double click to select the word design, and over in the stroke panel, I'll change this to 1.5. So with the element placed on the right, I can now see the space in which I need to work with on the left. So I'll do here is just scale up the gray element in the middle and recompose the texture elements in the colllage to fit nicely in the square space. Nice. Now, looking back at my final poster design, there are also the stroke lines that appear in the footer. These are here to add some structure to the composition of the bottom. If I toggle on normal mode, you can see that these are positioned nicely within the columns. Now, these are styled elements. So to make this easy, I'll jump back into the brand kit. I'll select one of the stroke samples, copy and paste it into my poster, scale up to fit across one column and position on the top of the second from the bottom row. Once I'm happy with this position with the selection tool, I'll click and drag it right while holding Shift and Alt. This will make a duplicate across in a straight line. I'll place this in the second column and release. I'll do this again, click on the second stroke, drag it while holding Alt and Shift, release this one in the third column, and one last time for the fourth column. With all the visual elements now in the poster, we can now move on to working with type. So to make it simple and straightforward, we'll start with the largest piece of text to the left under the visual above. In the final design, if we press W D toggle on normal mode, we can see that the header of the poster spans across two columns, fitting nicely under the main visual collage above. So I'll come into the design Expo brand kit content doc. This is a content doc that has been created to help you follow along with all the tutorials in this course to get hold of all the text. If you want to get hold of this content deck, click the links in the description or click the ink in the course PDF. So I'll come to the poster copy first page, and I'll select the head copy for poster one. Into the poster design, first, I'll come over to the layers panel, click to add a new layer. I'll name this layer type. I'll make sure that this layer is set to the top above the images layer. Before I bring in my text, I'm going to need to create some space in order to place it. So I'll unlock the base layer and with the selection tool, I'll click over all the elements in the middle layer. And my square on the base layer. In this instance, I'll drag it up so the top of the large square sits just below the fourth row in the baseline grid, and now I have enough space to work with below. For now, I'll lock the images layer and the base layer as to not accidentally select anything on this layer. So I'll come to the tools menu and click on the Type tool, and down at the bottom of the poster, I'll click and drag a type frame across two columns and down to give myself some space to work with, and I'll paste in my head a text. So back into the brand toolkit, on the font format guide page, we can see that for display headers, we want to use base new expanded medium. So I'll select all my text. Up in the Control panel, I'll change the fonta base Nu, click the dropdown on family and select expanded medium. I'll set the size to 84 and the leading to 105. Now, when working with type and Indesign, you want to be careful. So I'll come up to type, scroll down and click on Show hidden characters. Hidden characters in Adobe Indesign are non printable symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. Characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. Right now, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my mouse cursor at the end and press delete to get rid of that. This is just going to clean up my texture. So now we've defined some text properties. I'm going to make a quick star. So with the type selected, I'll jump into my Paragraph Style panel, click on the top right menu, click New Style, and I'll name this paragraph header. Click to apply Style to selection. Click Okay, and press Escape to deselect the text, and I'll drag the text frame down, allowing for two rows below the square box above, I'll come and double click on the bottom middle anchor point of my text frame, and that should snap the frame up to fit the text nicely. Okay, so next onto the paragraph of text. With the selection tool, I'll click and drag the new text frame right while holding Alt plus Shift to duplicate this text frame across. I'll come into the design Expo brand kit content doc. I'll select the paragraph copy for poster one. Back into my poster design, I'll come into my second type frame, which currently has a copy of the header text. With the all selected over in the Paragraph Style panel, I'll just click on Basic. This will then take away the formatting and put it back to the default, and I'll paste in my text. Easy. Looking back at the brand toolkit, looking at the paragraph formatting for large formats, we can see that for the paragraph titles, we will need to use Base New bold. And for the text, we should use base New expanded medium. Back in the poster design, I'll click the paragraph title. Up in the Control panel, I'll change the font to Base New, click the drop down on the font family and select bold. So this font is part of a big family, so it can be quite fiddly to find the right font. I'll select the copy for the paragraph text below. With it selected, I'll come over to the Tools panel and just click on the Eyedropper tool. I'll select the text above, and this will copy the formatting. Will make it easy for me to come back up to the control panel, click on the drop down for the font family, and now I can just select the right family I want to go with without having to find the font. And in this instance, I'll choose expanded medium. So I'll select all the copy and set the size to 28, then I'll select the title and change this to 38. I'll press escape to deselect my text, and with the frame selected down in the paragraph panel, I'll set the indent for the right side to 30 mils. So structurally, my type frame will fit nicely into two columns, but the type inside I feel is too wide. By applying the indent to this frame, this will reduce the paragraph width, making it more comfortable to read. Now, we can also see there is some hyphenation applied to this text. So I'll double click and select all the copy. Come to the Control panel, click on the paragraph icon on the far left. I'll just come over and deselect hyphenation, or I could do this down in the paragraph panel. Again, if we zoom into the paragraph text, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my mouse cursor at the end and press delete to get rid of that. This will again clean up my texture. Next, I'm going to come in and add some stars. So I'll begin by selecting the title copy above. Now, before I apply a style, I just want to create some space below the title. I'll come into the paragraph panel and add a ten mil to the space after property, and that's looking nice. I'll jump into my paragraph star panel, click on the top right menu, click New Star, and I'll name this paragraph title. Click to apply Star to selection and click Okay. Now, by pushing that text down, the text frame may now be too short to display all the text, and we might have some overset type here. I'll press a scape to deselect the text frame, and with the selection tool, I'll come and drag the text box down to reveal more of the text inside. Next, I'll select the paragraph copy below, and right now, I feel like it's looking a little cramped. So I'll come up to the Control panel and set the leading to 36. I'll jump into my Paragraph Style panel, click on the top right menu, click New Style, and I'll name this paragraph. Click to apply style to selection. Click Okay. And that's the formatting sorted for the poster paragraph. So to add the text for the footers is going to be pretty straightforward. Now we have set up some formatting above. Looking back at my final design, we can see that for the footer elements, we have these titles and subtitles. So with the selection tool, I'll click on my paragraph text frame, and I'll click and drag down while holding Alt to duplicate the text frame, and I'll place it down at the top of the first row from the bottom. I'll click back into my design Expo toolkit content doc. I'll copy the title for the footer one into my document, select the title and paste. Now, for some reason, you might see that the text will change. This happens with it selected, just come back into the paragraph styles and click back on the paragraph title style to apply. Back in the content dark, I'll copy the text below and paste this to replace the paragraph type. So right now that's way too big for my foot element. So what I'm going to do next is just format this text. So for the title, I'll select it. And up in the control panel, I'll set the font size to 22. And with it selected, I'll also click to set it to Acaps. I'll select the paragraph text below and set this to size 16. And right now there's quite a large space between the title above and the text below. So I'll come and select the title above, and down in the paragraph panel, I'll change the space below setting 10-2. The title text selected, if I look at the Paragraph Styles panel, we can see a plus next to the star. So I'll click on the top right menu for the paragraph style, click New Style, and I'll name this for a title. Now, it's also important to mention here that if I look on base on below, it may say based on paragraph header. Now, I don't want to base this style on anything else. I want a completely fresh starle. So I'll make sure to click this and select no Paragraph Style. Click to apply Style to selection and click Okay. Select the type below, click on the top right menu for Paragraph Style and click New Style, and I'll name this FUA paragraph. Again, make sure to base this on no Paragraph Style. Then click to apply Style to selection and click Okay. So I'll press Escape to deselect the text. With the selection tool, I'll select the text frame. Now down in the paragraph panel, we will see that we still have that 30 mil applied to the right int. Don't need that anymore. So I'll come and set this to zero. I'll come to the bottom of my text frame, double click the middle bottom anchor point, and that will snap the frame up to meet my text, and I'll click on the right middle anchor point and drag this in. Drag the footer down, so the bottom sits on the bottom margin baseline, and now we have one footer element in place. Easy. So with the selection tool, while holding Alt and Shift, I'll click on my first footer and drag right to make a quick duplicate, and I'll do this another two times until I get four footer elements at the bottom of my poster. Then I'll just jump back into the content doc, choose the footer title for each, jump back into the poster and paste them in, and replace the paragraph text. Easy. Now one last piece of text to include is a label up in the top right, which says coming soon. I'll click on my head a copy text frame, drag it up while holding Alt to make a copy, and I'll make sure to place the top right corner against the top right margin. Double click into the frame to select all the text. Into the paragraph style panel, I'll click on basic to set the style back to default. Now I can either come into the content deck and copy the label text or I can just type this in. I'll type in Register today back into my brand toolkit. For labels, the font is set to expanded medium, and we can also see a highlighted effect applied to the text. Back into the poster, I'll select the type. Up in the Control panel, I'll change the font to base new, click on the dropdown on the family and select expanded medium. I'll click the all caps button, change the font size to 35. I'll place my mouse cursor just before the word today and then press Shift plus Return to add a soft return. I'll press the scape to deselect the text, double click on the bottom right anchor point to snap the frame to the text, and I'll just position the text over on the right for now. Now if we come back to the brand kit, we can see that for the label type, we have a highlighted color effect. So I'll select the label text. Up in the Control panel, I'll click to line the text. Down in the character panel, I'll click on the top right menu and click on line Options. I'll click the preview button, push the weight up to 65, change the offset setting to minus ten, change the color to black for now, set the tint to 50%. Click Okay, and that's an easy way to add some highlighted effects to your text. So with the label text selected, into the paragraph stars panel, click on the top right menu, click New Style, and I'll name this label. Click to apply style to selection and click Okay, and that completes all the type elements for the first poster design. So at this point, when all of the text is in the document, I'd then like to start thinking about color. Looking back at my final poster designs, you can see the color approach I took. So if we look in the Swatches panel, we can see that we have all our brand colors present. When we pasted the collage elements and the stroke element into the poster earlier, it carried across the swatches. In this watches panel, we can now see all the colors that can be used in the poster, but we will need to be careful. Here we can also see some duplicates which can happen when you paste in elements with the same color multiple times from different documents. Here I'll come and click on a duplicate, right click, select delete and replace it with an existing color. Once I have my brand colors together, I can click the top one, press and hold Shift, select the bottom, click the folder icon to set these into their own folder group, and name the folder design Expo palette. Nice. Now I can come and select the text elements and change the colors individually. But now I've created some styles, it'll be easier to do it this way. So I'll come into the Paragraph Styles panel, double click on the paragraph style, come down to character color and change the color to midnight. I'll click on the preview button, and we will see the text change in the poster. I'll do the same for all the other paragraph styles, change the color for the type to midnight. Next, I'll click on the label style, and down on the underline options, I'll change the color from black to Solaro. Click Okay. And just like that, we have applied some color, and we now know that everything is neat and tidy with our stars. There is one last element I want to bring into this poster design, and that is a QR code. I'm going to place this in the bottom right corner next to the find out more footer element. Now, in design, we actually have a barcode generator. I'll come down to the bottom right of my poster design. Into the tools menu, I'll grab the frame tool and draw a box, up to object, down to generate QR code. Upon click, a box will open where we can type in our address. Into the content deck, I'll choose the web address, copy and paste it into the content area. Up in the color tab, I'll select midnight, click Okay, reposition, so it's flush with the bottom right margin space, and that completes the layout of our initial poster design. Now the true power of in design allows us to create and manage multiple content in one document. We just created one poster design, but looking back at my file designs, we can see that I have some additional layouts with other themes. What I'll do to finish off this tutorial is show you how you can duplicate the layout and make modifications easily. So once you're happy with one layout, it's very easy to duplicate. I'll come into the pages panel, click the first page, right click and duplicate the spread. Looking back at the file designs, we can see that the second design includes a different theme. This one is promoting a speaker at the event about a specific topic. Once we've established the foundational principles of our poster design, such as character and paragraph styles, making modifications is easy. So in this instance, I'll come and toggle off the visibility of the type and image layer. I'll select the square graphic, come up to object, down to convert shape, and I'll select to change this to an ellipse. Next, I'll toggle on the visibility of the images layer and lock the base layer. Selection tool, I'll select over all the visual elements and delete them. Into the brand tool kit. With the selection tool, I'll click the collage thumbnail. Now I'll either come to the Links pan and click Edit original, or I'll hold on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. I'll lock the base layer and unlock the elements layer. I'll copy the first composition on the second row. Into my new poster, I'll make sure to have the image layer selected, and I'll paste this in. I'll scale them up to fit within my margins. I'll recompose the visual elements so they are more balanced. And on this occasion, I'll click into the word design and change it to fashion, and I'll be sure to adjust the text frame. Now one further detail I want to add to this one. I'll come over to the Layers panel and toggle off the visibility of the type and images layer. I'll unlock the base layer, click the circle. I'll press Command plus C on Mac or Control plus C on PC to copy. Then I'll press Command plus Shift plus Alt plus on Mac or Control plus Shift plus Alt plus on PC to paste in place. With the direct selection tool, I'll click into the image and delete, set the fill color to white. Then click on the middle right anchor point and drag in while holding Shift plus Alt, and that will scale it down from the middle. I'll scale down to mask the circle behind to create what appears to be a thick, gradient stroke with the gradient texture, and then lock the base layer and toggle back on the type and images layer. Now, for this poster design, I want to make it a little more minimal. So I can come down and delete the first two footer elements. I'll jump into the content deck. For poster two, I'll select the header, copy, and paste this to replace the header. And I'll press a scape to deselect and use a selection tool to click and drag the frame down to reveal more of the text. So in this instance, we can see that there is some hyphenation occurring in the text. So I'll double click into the frame to select. Time down in the paragraph panel, I'll click to turn off hyphenation. And if we look over in the paragraph styles, we can see a plus icon next to the poster header style. In this instance, I'll right click on the Style and click Redefine Style, and that will update it. So in this poster layout, the header is larger and occupies its own space there in the bottom left, and we can still keep the two footer elements on the right. I'll copy the paragraph title from the content deck and paste. And if for some reason the text changes size, be sure to click back on the paragraph title style to reset. I'll copy the paragraph text from the content deck and paste this in. And just like that, we have a new poster design. Perfect. So before we close off the tutorial, there is one last thing that is quite important to keep in mind, and that is style management. In this video, we have created various styles for various text formatting. If we look in the Paragraph Styles panel, right now, we can see that we have a number of styles building up here. Now, we could just leave it as is and move on. But if we want to be really organized, we can manage these styles. Earlier in the course, when we focused on paragraph and character styles, we talked about organizing our styles into folders. This can just make the whole process and workflow of using in design and styles easier. Also, when we come to build more documents in future, it'll be good to have our styles organized so we can refer back to them and even use them in other documents. I'll come to the bottom of the Paragraph Styles panel, click to add a new folder. I'll call this headers and titles, and I'll move my poster head of paragraph title and foot a title into it. I'll create another folder, call this paragraph, and I'll move my paragraph and foot to paragraph styles into it. I'll create one last folder and call it label. I'll drag in my label style. I'll make sure my head of folder is on top, then the paragraph, then the label, and here we are creating a nice hierarchy of our styles. So once you're happy with your design and you want to export ready for print, you can either export the entire document or you can export individual pages. For this example, I just want to export the first poster. So when you're ready to export, simply come up to file and click on Export or press Command plus EO MAC or Control plus E&PC. I'll navigate to the project folder I saved previously in the course. Click into the published folder, select the PDF folder, I'll name the file design Expo poster one. And down in the format, I'll choose Adobe PDF for print. I'll click Save and Apple Pop another menu. Here, I'm going to make sure that for Adobe PDF preset, high quality print is selected. For pages, I'll select Range and type one. I'll make sure pages is selected. I'll make sure that view PDF after saving is checked. I'll come over to the left and click on Marks and 8. Create a Double Sided Flyer Design In Adobe InDesign: The double sided printed flyer is a compact, cost effective marketing tool that provides space for detailed information on both sides, making it perfect for promoting an exhibition event. As part of a brand campaign, a flyer allows you to engage your audience with key event details like dates, location, and highlights while showcasing your brand's visual and messaging. The double sided format offers more room for creative design and content, maximizing the impact of your promotion. The flyer is an important tool for driving awareness, distributing information effectively and reinforcing a brand's presence. In this tutorial, I'm going to show you how to design a professional flyer from scratch using some simple yet powerful tools in in design. We'll cover setting up your document, adding text, images, and even some design flare. So here I am in in design, and here is a flyer that we are going to develop in this video. This design is part of a series of branded marketing material we'll be creating on this course for a fictional design exhibition event. To create this flyer in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. To this video, you'll be able to create a flyer in Adobe Indesign super easy. So let's get into it. So up to this point in the course, we have created some fairly simple publications with light content. In previous videos, we created a business card, a letterhead, we generated digital artwork, and created a poster design. A flyer may also seem like a simple format. However, as flyers tend to include a lot of information, this is where things can start to get a bit more complex when dealing with and managing the format of lots of visual elements. The goal when creating a flyer is to manage all the content in a way that makes it clear and easy to comprehend, digest quickly and leave a lasting impression. As I scroll down, you can see I have three flyer versions with the front and back covers next to each other. Here, the structure of each flyer design is the same. However, in each version, there is a different cover artwork and messaging. If we look in the pages panel, we can see the contents of this document and how many pages are contained. When creating a flyer, it's common to work like this where you may focus on a few flyer designs in one document. For this project, we're creating a leaflet for a fictional design expo. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course, where we will be including some of the brand motif and color elements as part of the design. Also be using some of the design elements we have already developed previously in this course. If you want to take a look at this document and get all the assets and follow along, you can get access to this document from the course download folder. This download folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. With a download folder open, click into folder four project into the design Expo folder, click into folder two event publication design and open the event design in design file. This is a document that contains all the publication design we'll be creating for this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we are going to look at the flyer document. So with the selection tool, I'll select the flyer thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. Now, for this document, I'm using the font BSE NU. If you have not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course font page on the course PDF document. This is a list of all the fonts that are used in this class and where to get them. Simply click on the BasnUlink and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. On the first page, we have a fairly straightforward layout where it's mainly visual to give a good first impression. Here we have a strong header to capture the attention. At the bottom, we have date and location details, and we also have this little call out tab at the top. On the second page, things are a little busier where we are managing lots of visual information to give more details about the event itself. Here we have more text, images with a more complex layout. If I press W to toggle between preview and normal mode, in normal mode, we can see that there's quite a few things going on here behind the scenes. To help structure and align my elements, I have used a baseline grid and a four column grid which fits inside the margin grid around the inside. We look over in the Layers panel, we can see three layers, one for type, one for images, and one for base grid. So these flyers include a lot of visual elements, and the layers have been set up this way to make it easy to organize and manage them. And if we look at the character and Paragraph Styles panel, we have some styles here formatting our text, and we also have some in the Object Styles panel. So let's see how we can create a document like this. So to begin, I'm going to come up to file new and create a new document. Now, when creating a new document in design, you can choose from a range of presets. For this flyer, I'm going to go with an A five sheet, so I'll click the print tab and choose A five. Over in the parameters, I'll set the units to millimeters. I'll make sure the orientation is set to portrate. I don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to two. For the margin space, I'll check to analog the parameters across them all. I'll set the top to 10 millimeters, the bottom to 7 millimeters, left to 15, and right to 15. Click down on my bleeding slug and type in 3 millimeters for all parameters, click Create, and my new document will open. So looking back at my previous document, we can see that I have the pages next to each other. I've done this because I want to look at the letterhead pages side by side at a glance. So for ease of workflow, I like to put my pages next to each other. I'll come over to the pages panel. I'll click on the right top menu, scroll down, and currently, we can see a tick next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up and next to my first page. When I see a line next to the page, I'll release, and that will snap the page next to it. You will also see this page will be immediately next to the page in the work area. Next, I'll come into the tools panel. I'll click the page two, click on page two and just drag it to the right, putting some space between the pages. Great. So now if I press W on the keyboard to toggle between preview and normal mode, we can currently see our bleed line around the outside of the canvas and our margin space around the inside of the canvas. Looking back at my final flyer, if I press W, I can toggle between normal and preview mode. In normal mode, we can see the grid that I have used to structure the flyer content. For this approach, on page one, I have a single column, and on page two, I have gone for a four column grid to align things horizontally. Which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments. I'll set this 2 millimeters for horizontal and vertical. If you're following along, I suggest you do the same, so you can match what I'll be doing next. So back to my new document, I'm going to come over to the pages panel and double click on the parent page. First, I'm going to set up the baseline grid. To do this, I'll come up to layout, scroll down, and click Create Guides. In the menu, I'll make sure to click to turn on preview. For rows, I'll set the number to 40, and for the gutter, I'll set this to zero. I'll make sure to hit the check mark for fit gutters to margins. I'll click Okay. And if I double click on a page in the pages panel, the grid will be applied to the page. Perfect. Now for this document, I want to set up a different grid structure on the second page. To make this easy, I'll come into the pages panel, right click on my first parent page and duplicate. I'll double click into my new parent page, come up to layout, down to margins and columns. I'll set the columns to four and the gutter to ten. I'll click Okay. Then double click back onto my second page in the Pages panel. I'll right click on this page, click Apply Parent Pages. Top drop down, I'll select the second parent, click Okay, and now I have the column grid applied. Nice. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. Looking back at the final design, if I toggle off the visibility of the type and images layer, we can see that the overall design is structured in what appears to be a stroke base grid which is used to compartmentalize all the elements. Also, we have a large visual image on the cover and on the back. So for this approach, I'm going to start with the base grid structure and then work my way upwards. So to kick off any document, I'll always start with my layer structure. Come into my layers panel, double click on the current layer. And since I'm starting with my base layer, I'll call this base stroke grid. Now, looking back at the final design, you can see that there's quite a distinct star for this. On the cover, the grid comes in from the top and finishes at the bottom with space around. Back in my document, I'll grab the rectangle tool. I'm just going to start outside of my canvas at the top, and I'm going to make sure that I click roughly in the middle of this margin space on the left. I'll click and drag down to the bottom margin and then drag across and place in the middle of the space on the right. On release, I now have a simple box frame carefully positioned on my page. I'll just come over to the tools panel. I'll make sure the stroke is selected, and for now, I'll just come and set this to black with a stroke size of no 0.5. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outline there. Now, for this grade, I also want some horizontal lines. So I'll come over and grab the stroke tool from the menu, and I'll just start by clicking and dragging across while holding Shift to draw a straight line from one side of my box to the other. Again, I'll make sure the stroke is set to black and with a stroke size of no 0.5. The selection tool, I'll just drag the stroke while holding Shift down and place it at the top of the third row from the bottom. Now, I'm also going to need another one. So with the selection tool, I'm just going to drag it up while holding Alt plus Shift to make a quick duplicate. And for now, I'll just place this roughly in the middle. So with my base structure sorted on page, with this selection tool, I'll select it all and press and hold Alt plus Shift and drag it across from page one onto page two and make sure to place it in the exact same position. If I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outlines there. Now, for this grid composition on the second page, I'll click my middle stroke, place my mouse cursor in the bottom right and click to rotate while holding Shift to snap to 90 degrees and drag it down to align with the bottom stroke. I'll click the bottom stroke, drag up while holding Alt plus Shift to duplicate, click on the far right, and just drag it in. And now we have a horizontal stroke halfway across like so. So this lays down the base grid and the fundamental structure that I'm going to build on top. So now we've defined some properties for these stroke objects. I'm going to make a quick object style. First, I'll select one of the strokes. Then I'll jump into my Object Styles panel, click on the top right menu, click New Style. I'll name this base stroke. Click to apply Style to selection and click Okay. Then I'll select all the other strokes and apply the base stroke Object style. So now, if at any time after creating these strokes, I want to change the size or color, all I will have to do is simply change this one object style, and it will change them all automatically. Easy. So next, I'm going to bring in some of the image elements. So back to the first page, the main visual element here is going to be a collage motif. Now, this collage motif is part of the event brand style. In the previous video, we looked at how to create collage compositions like this. So next, I'm going to come into the brand tool kit, the download folder open, click into folder four project into the design Expo folder, click into folder one media kit and open the Expo brand kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. If we scroll down, we can see we have links to collage samples. With the selection tool, I'll select a collage thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. So here we have a series of collage samples we worked on in a previous episode. If you have not watched that episode and you're curious to learn how to create digital collages like this, you can jump back to the previous video. Or, if not, you can just open this document from the download folder where you can follow along. For the first version of the flyer, I'm going to use the collage sample on the first page. Over in the Layers panel, I've organized this document into separate layers to make it easy to work with. In this instance, I'm not taking the type elements. So in the Layers panel, I'll make sure to toggle off the visibility of the type layer, and with the selection tool, I'll click and drag over the elements, copy these, come into my flyer. I'll come over to the Layers panel, click to add a new layer, I'll call this images and make sure it's at the top. Lock the base grid layer and paste the collage on top on the first page. Be sure to right click to group the items, and for now, I'll press S to activate scale, click and drag from the bottom right up while holding Shift to scale the group and place at the bottom. I'm not going to worry too much about the composition of this right now. Right now, I just want this in my document ready to work with later. Now, you may notice that upon pasting the image into the document, the colors may look a little desaturated. To resolve this, you can come up to Edit down to Transparency blend and set this to RGB. With the main image placed on the page, I can now look at getting the top image onto the second page. Looking back at the final design, we can see that this takes up just a half of the height of the page. I'll come into the tools panel and grab the rectangle tool and I'll just drag from the top bleed line inside my base grid and drag down to the right inside my stroke. Now it doesn't have to be specific. I'll draw out the shape like so and into this frame, I'm going to place an image. So back into the toolkit, if we scroll to the image treatment page, we can see a variety of image samples with particular color treatment supplied. For the back cover of the flyer, we are going to use one of these gradient map samples. Now I can either place the image manually into the flyer or copy and paste a sample from this document. Here is a cheeky tip. I'll select the image sample from the brand tool kit, copy and jump back into my flyer doc. I'll paste it into the composition. With the direct selection tool, we can click to select the image inside the frame. Again, I'll copy the image by pressing Command plus C on Mac or Control plus C on PC. I'll press Escape to deselect, select the image frame and delete. I'll select my new frame on page two that I want the image to go inside. I'll come up to edit, select, paste into, and the image will appear in the frame. Next, I'll right click on the frame. Down to fitting. I'll select Fit frame proportionally, and that is a really useful technique of getting images from one frame into another. But if you don't have a situation like this where you're sampling images from other documents, you can just place the image in manually. I'll click into the image with the direct selection tool and delete the image. With the rectangle selected, I'll press Command plus D on Mac or Control plus D on PC to place an image. I'll navigate to the download folder into folder four project, into the design Expo folder, click into folder one media kit, into the assets folder, into the image treatment folder, into the gradient map folder and open the Design Expo GM event 003 image. The image will be placed inside. With the direct selection tool, I can click on the image in the frame, and here we can see the bounding box representing the image inside the frame. I'll click on the middle right anchor and while holding Shift plus Alt, I'll click and drag to scale the image down or up to fit within the frame nicely. Easy. Now, if you're curious to see how this image is made, with the selection tool, I'll select the image frame. I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in Photoshop. If we look in the Layers panel, we can see that to create this effect, we have a gradient map layer set on top of a colored image below. And if we toggle off the visibility of the gradient map layer, we can see the original image. For now, I'll close this and come back to the flyer. So the last image on the flyer are the featured speakers. Looking at the final design, there are four key speakers. So back into the toolkit, if we scroll down further, we can see a speakers page, which includes a variety of precomposed graphic compositions of speaker mag shots with shapes behind them. Each one of these samples is a small group of layer element. In the background, we have a shape with a stroke, and on top is an image of a person's profile cut out. So while holding Shift, I'll select four of the speakers, copy and paste them into my new document, press S to activate scale, place my mouse cursor towards the bottom right and drag up while holding Shift to scale them down, and I'll place them over on the right. Again, I'm not going to worry too much about positioning these right now. This will come later. Again, if you're curious about these images, the direct selection tool, if you click on one of the images, and while holding Alt, double click on the image, these will open in Photoshop. Where you can see these are just Photoshop documents that have been prepared earlier. Here we have some layers and some adjustment layers and masks to cut them out. So right now, we have all the key images in the document, and they are fairly loosely placed. Next, we can start to work with text, which will then define the space and layout where we can finalize how we place the images. To make it simple and straightforward, we'll start with the largest piece of text on the first page. This time, I'll come into the design Expo content deck. This is a content deck that has been created to help you follow along with all the tutorials in this course to get hold of all the text. If you want to get ahold of this content deck, check the link in the description or click the link in the course PDF. So I'll come to the page for flyer version one. I'll select all the text for the head to my fly design, I'll come over to the layers panel, click and add a new layer, I'll name this layer type. I'll make sure this layer is set to the top above the images layer. And for now, I'll lock the images layer as to not accidentally select anything on this layer. I'll come to the tools menu and click on the Type tool. On the first page, I'll click and drag a type frame from the top margin across to the right and down around a third of the page, like so to give myself some space to work with, and I'll paste in the text. Into the design Expo brand toolkit, if we scroll to the type format guide page, we can see that for display headers, we want to use BasnUEpanded medium. So I'll select all my text. Up in the control panel, I'll change the font to base Nu, click the drop down on the family and select expanded medium. I'll set the size to 33 and set the leading to 38. And I'll press Escape to deselect the text and drag down my text frame if I need to. So before we go any further, we can see that there is some hyphenation occurring on my text. Double click and select all the text, and down into the paragraph panel, I'll check the box at the bottom to toggle off hyphenation. Easy. So now we've defined some text properties. I'm going to make a quick Paragraph star. I'll jump into the paragraph star panel, click on the top right menu, click New Style, and I'll name this header. Click to apply style to selection and click Okay. Now, when working with typing in design, you want to be careful. So I'll come up to type, scroll down and click on Show hidden characters. Hidden characters in in design are non printable symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. So right now, I can see there is a paragraph brick at the end of my text. I don't want this, so I'll place my mouse cursor at the end and press delete to get rid of that. This is just going to clean up my texture. Nice. So looking back at my final design, we can see that we have some additional formatting here. Looking at the brand toolkit, on the sample page, we can see that for headlines used in large format, a two font format approach can be used to create additional visual intrigue. This can add emphasis to the second line and add to the distinct visual aesthetic. So the first line is set in expanded medium, and the second line is set in expanded bold in all caps with a stroke effect applied. So I'll select the second line of text. I'll set the font to expanded, bold. In the tools menu, I'll click the swap fill and stroke. This will apply the stroke to the type. I'll hit the all caps button up in the Control panel and set the stroke size to 0.5. Now, over in the paragraph stars panel, we will now see a plus icon next to the style we just created. What I need to do now is create a new starle. What we just did there was simply change the formatting of the characters. So in this instance, we will only need to create a character style. So with the text selected, I'll come into the character styles, create a new style and call this head line two. Click to apply style to selection, click Okay, press Escape to deselect the text, and with the selection tool, I'll click on the frame, double click on the middle bottom anchor point of the bounding box, and this should snap the frame up to fit the text perfectly. So with the headline text in place, that now defines the space in which this is going to take on the page. I'll come to the layers panel and unlock the base layer, click the stroke line below and place it under allowing for adequate space. And now we are starting to define our composition more decisively. So looking back at the file design, we can see at the bottom, we have some text that spans the width of the bottom frame. Back into my document with the type layer selected with the type tool, I'll click and drag a text frame to span the entire size of the bottom module. In the content doc, I'll select the date and location information come into our new frame and paste. Now, upon pasting the new text into the frame, you may or may not see that the text is particularly large. If you select all the text, make sure there is no paragraph style applied. If so, in the Paragraph Styles panel, click Basic Paragraph, and this will take away any styles applied. So right now, this is just a text dump from the content deck. But what I want to do here is apply a particular text format. I want this on two lines, and I want some additional characters. I'll place my mouse cursor in front of London. I'll press backspace and then enter for a hard return to create a line break. Then I'll bring Book now up to the same line as location and place a forward slash between location and Book now. I'll place the mouse cursor at the end and press delete a few times to remove the paragraph return. I'll press Escape to deselect the type, and I'll come up and hit the Align Center button. Click back into the type frame and select A, and up in the Control panel, I'll click the justify A line button. And that will expand the text across the frame like so. So that's good, but right now the text is butting right up to the left and right side of the base grid. I'll press Escape to deselect the text, I'll right click on the frame, come to textframe options. Hit the preview button. And for the inset spacing, I'll toggle off the lock icon and add four for the left and four for the right. Click Okay. I'll select all the type, set the font to base new expanded medium. I'll hit the caps button, set the font size to ten, set the leading to 12. With the text selected, I'll come into the character styles, create a new style and call this P one footer. Click to apply style to selection. Click Okay, press Escape to deselect the text, and that is sitting in the space comfortably just how I want it. The next piece of text I'm going to get in here is the little label that sits up in the top right corner of the flyer. Looking back at the file design, we can see that this has an interesting highlight effect applied. Now, we could create this from scratch or we could recycle from a previous document. In the previous video, we set up a poster design. In that episode, we learned how to format the text to create this highlight effect and apply a style. One of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to another. So instead of formatting this from scratch, I'm going to copy it. So I'll come back to the event design document we opened earlier. On the marketing collateral page, with the selection tool, I'll select a poster thumbnail. Now I'll either come up to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. Come and select the label in the top right with the highlighted color. I'll copy this, jump back into my flyer document and paste. Now upon pasting, this will be particularly big because we've just pasted from a very large poster design. Also, upon pasting this piece of text into our document, we will also paste in the paragraph style, which we set up previously in the poster. So what I can do here is come and double click into the label paragraph style. I'll change the character size to ten, the leading to 12. I'll come down to underline options, change the weight to 15, the offset to negative three, click Okay, and we can reduce the size of the text to fit our flyer more appropriately. In normal mode, with the selection tool, I'll double click on the bottom right anchor point to snap the frame up and I'll place the text nicely in the top right corner of my page in the margin space. Perfect. That now completes all the main text elements on the first page. Next, we can look at sorting the text for the second page. Starting with the header, I've already established this on the cover. With the selection tool, I'll click and drag this over into the second frame while holding Alt to make a duplicate. In the content deck, I'll select the header for the back page, come into the dock and paste it. In doing so, the format may be wrong. I'll select all the type and set the paragraph style to header. And now in this instance, the type is too large. So I'll reduce the size to 20 and set the leading to 28 and bring the text frame in to sort out the text ragging like so. Now, changing the type format, we've also overwritten that paragraph style. I'll come into the paragraph style panel, click on the top right menu, click New Style. I'll name this head back page. Now, be careful here to look below at the general setting. May say, based on the head line one style. Make sure to set this to none. I'll make sure to click the box to apply style to the selection, and click Okay. So now we have to find where the stroke line is on the cover page. Now I can adjust the background image frame to reflect this. So I'll click the image behind and adjust the frame to match. Nice. Okay, so let's now move on to the paragraph text. So looking at the file design, we can see that for our block of paragraph text, we lead with a title and then follow with a lighter weight for the body copy. So again, we could either set this up from scratch or copy a sample from some texts we have already set up. This is where it can get really fast when using in design. It may take a bit of time to set up one format initially, but then once we have it, it can then be easy to duplicate in future. So again, I'll come into the poster design, copy the block of paragraph text, come into my flyer and paste. And just like that, the text is large and the paragraph styles have been copied into the document as well. Now it's just a case of editing the styles to get the size correct for our flyer. So I'll press escape to make sure I deselect the text. In this instance, I'll pay close attention to the paragraph panel. Previously, in the poster, I added a right indent to this frame. For now, I want to take this off. So I'll come into the paragraph panel and change it 30-0. Click off the frame to deselect. I'll come into the Paragraph Styles panel. I'll double click on the paragraph title style. I'll set the size to 12, set the leading to 14. I'll also click on the indent and spacing and make sure that the right indent is also set to zero, and click Okay. Next, I'll double click on the paragraph style. I'll set the size to 7.5, set the leading to ten. I'll also click on the indent and spacing and make sure that the right indent is also zero and click Okay. And drag in the frame. Right now, we can see that it's a particularly large gap underneath the title. So I'll double click back into the paragraph title style, click back on the indentse and spacing and change the space after 10-3 and click Okay. So the formatting that was applied to this text worked really well in large format for a poster, but might not work quite as well for a smaller format here. So this time, I'll double click on the paragraph title style, change the font to semibold, click Okay. Double click on the paragraph style, change the font to wide, click Okay, and that is looking a little more suitable for the flyer here. Now, when working with paragraph styles, you want to pay very close attention to your hidden characters, as sometimes mistakes and errors can occur. For example, here at the end of the title, we can see the paragraph return is really large compared to the actual title size. This could be from the previous formatting we had which was applied to the large text. So we need to get rid of this. To resolve this, we can place our mouse cursor before the paragraph below, press delete to pull this up to the end of the first title. Then press Enter again to add a new hard return, and now we will see that the paragraph return is a lot smaller matching the text. This is just going to neutralize and clear up your text formatting, ensuring that there is no hidden errors in future. So all that's left to do now is come into the content deck, copy the title and paragraph copy, replace them in the flyer, and if the text exceeds the frame, I'll click to expand the frame down. Easy. So that was a good example of how we can recycle formatted text in in design. Looking back at the final design, we can see that below, we have a chunk of text that looks very much like the label text on the cover. So with the selection tool, I'll click on the label text on the cover and drag it into the second page while holding Alt to make a duplicate. I'll expand the text frame out, come into the content deck, copy the call out text, back into the document, I'll paste in my text. With it all selected, I'll toggle off hyphenation in the paragraph panel, remove the paragraph return at the end, drag in the frame to adjust the text ragging. Double click on the bottom middle anchor point to snap the frame to the text and position the frame like so within that module. Easy. So looking back at the file designs, we can see that there is some specific type formatting applied to the footer elements. And again, this is the same as what we did in the poster design. So back into the poster design, I'll come down and select the first footer type frame, copy this and paste it into my document on the type layer. Again, this text is large. However, the styles will be the same. So all we need to do is just reduce the size of the text. Time, I'll press S on the keyboard and click and drag in while holding Shift to scale it down and place it in the bottom module like so. I'll select the title text and change the size to eight. Then in the paragraph styles, I'll right click on the Style and click Redefined Star. If the plus icon is still there, I'll click Apply Style Clear overides for good measure. And that will update the star. I'll select the paragraph text and change the size to seven, and I'll also change the font to regular because right now it's a little too wide. In the paragraph styles, I'll right click on the Style and click Redefine Style. And if the plus icon is still there, I'll right click and apply Style and clear overides. Easy. Next, I want to get my text to sit nicely in the middle of this module. So I'll press escape to deselect the text. With this selection tool, I'll click on the type frame, set it at the top of the module, and click and drag the frame down to the baseline. Then up in the Control panel, I'll hit the aligned center button. So that's my first footer element in the flyer. Looking back at the file design, I need another two. So with this selection tool, I'll click on my first footer element and drag right while holding Alt to make a quick duplicate. And I'll do the same until I get a third one. And then back into the content doc, I'll just copy the headers for each and replace them. Keep in mind that as you paste in the titles, if the text changes size for whatever reason, just make sure to select the title, come back into the paragraph style, and hit that footer title style to reset it. I'll replace the paragraphs for each, and then I'll have three footer elements at the bottom. And for now, I'm just going to leave them where they are. Okay, so moving on to the speakers with a selection tool, I'll just click and drag the paragraph text from the left to the right while holding Alt plus Shift to duplicate across in a straight line. I can remove the paragraph text and replace the header with featured speakers. So that easily sorts the title there. And for the text under each mugshot, the formatting is going to be similar to the footer. So with the selection tool, I'll click and drag on a footer element up while holding Alt to make a quick duplicate, and I'll place it under the first speaker. The text frame selected, I'll come up to the Con 9. Create a Billboard Design In Adobe InDesign: The billboard is a large outdoor advertisement designed to capture attention from a distance, typically placed in high traffic areas. As part of a brand campaign to promote an exhibition event, a billboard is crucial because it offers massive visibility and can reach a wide audience quickly. Billboards size and prominent placement make it ideal for delivering bold, impactful messages that leave a lasting impression. A well designed billboard reinforces a brand, builds excitement for the event, and drives awareness, helping to attract more attendees. In this tutorial, I'm going to show you how to design a professional billboard from scratch, using the tools in Indesign. We'll cover setting up your document, adding text, images, and even some design flare. So here I am in in design, and here is a billboard document we are going to develop in this video. This is part of a series of branded marketing material we'll be creating on this course for a fictional design exhibition event. To create this billboard in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to create a professional billboard in Adobe in design super easy. So let's get into it. So the billboard is one of the largest formats you will create in design. When we think of billboards, there are a variety of different sizes and dimensions you can create. Depending on which advertisement agency you're working with and the position of where it might be placed, you could create a tall billboard, a rectangle billboard, a wide billboard, or ultra wide billboard. Typically, when designing a billboard, you will first need to talk with the client or agency to get the right dimensions. Now, when working with ultra large formats in in design, keep in mind you don't have to create the canvas error to the exact size. If we did that, then we would end up with a huge file that could seriously slow down our computer. So what we can do is make a suitable document size to scale, make sure our images are of high quality, and when we export a PDF file with vector text and good quality images, a printer will blow up the exported file and print to the full dimension. A common rule that is applied is to supply artwork at 10% of the full size at 300 DPI. For example, if we had a billboard that was 6 meters by 3 meters, instead of creating an in design document 600 centimeters wide and 300 centimeters tall, which would be huge, we can create a document 10% of that, which would be 60 centimeters by 30 centimeters. Alternatively, if we take a 24 foot by 12 foot billboard, in in design, we could set 1 "/ft, where we could create a 24 inch by 12 inch document. Working with text is not a problem. As you know this is going to be vector when exported, so it'll be sharp no matter what the size. However, you will need to be careful with your images. You will need to pay close attention to using good quality images that when exported as raster when blown up, the quality will be suitable. Typically, I'll work with my images 150-300 DPI, which will ensure good quality. But remember, if you're doing a proper print job, it's advised to talk with your printer so you can prepare your images to the correct resolutions. So for this example, we're working with a common billboard dimension. As I scroll down, you can see in this document, I have multiple billboard designs. Currently, these are stacked on top of each other as individual pages. If we look in the pages panel, we can see the contents of this document and how many pages are contained. Creating a billboard, it's common to work like this where you may focus on a few billboard designs in one document. For this project, we're creating a billboard for a fictional design expo. When designing for an exhibition event, it's likely there will be lots of messaging and highlights to promote. So an event such as this would develop multiple different billboards with different messages. Look and feel, we're going to take reference from the brand media kit that is included as part of this course. We will be including some of the brand motif and color elements as part of the design. We'll also be using some of the design elements we have already developed previously in this course. If you want to take a look at this document and get all the assets and follow along, you can get access to this document from the course download folder. This download folder comes with multiple projects, and a ton of assets and resources we'll be using in this course. You can find the link to acquire the folder from the description. The download folder open, click into Folder four project into the design Expo folder, click into folder two event publication design and open the event design in design file. This is a document that contains all the publication designs we will be creating for this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we are going to look at the Billboard document. So with the selection tool, I'll click the Billboard thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. Now, for this document, I'm using the font BSE Nu. If you've not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used in this course and where to get them. Simply click on the BSENUink and this will take you straight to where you can download it. Simply close this document, install the font, open it back up again, and you should be able to follow along just fine. On the first page, we have a fairly straightforward layout, where it's mainly visual to give a good first impression. Here we have a strong header and a visual element to capture the attention. Towards the bottom, we have a logo, some additional text about the event and a footer row. If I press W to toggle between preview and normal mode, in normal mode, we can see that there's quite a few things going on here behind the scenes. To help structure and align my elements, I have used a baseline grid and a six column grid, which fits inside the margin grid around the inside. If we look over in the Layers panel, we can see three layers, one for type, one for images, and one for base grid. These billboards include a lot of visual elements. So the layers have been set up in this way to make it easy to organize and manage them. And if we look over in the character and Paragraph Styles panel, we have some styles here formatting our text, and we also have some styles in the Object Styles panel. So let's see how we can create a document like this. To begin, I'm going to come up to file new and create a new document. For the billboard, the actual size is 6 meters by 3 meters. So here we'll generate a custom size. Now, what we're going to do here is create a document that's 10% of that. Remember, when it comes to creating an ultra large format, we don't have to set up the canvas size to the exact amount. So I'll change the units to centimeters. For the width, I'll set this to 60. For the height, I'll set this to 30. I'll make sure the orientation is set to landscape. Don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to one for the margin space. I'll click to unlock the parameters across them all. I'll set the top to 1.5 centimeters, the bottom to 1.5 centimeters, left to 3 centimeters and right to 3 centimeters. I'll click down on my bleed and slug and set this to zero, click Create, and my new document will open. So now if I press W on the keyboard to toggle between preview and normal mode, we can see our margin space around the inside of the canvas. Looking back at my final billboard, if I press W, I can toggle between normal and preview mode, and in normal mode, we can see the grid that I have used to structure the billboard content. This approach, I have gone for a six column grid to align things horizontally, and I've also used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this to millimeters for horizontal and vertical. If you're following along, I suggested to do the same so you can match what we are going to do next. Document, I'm going to come over to the Pages Panel and double click on the parent page. First, I'm going to set up the columns. To do this, I'll come up to layout, then down and click on margins and columns. I'll set the columns to six and the gutter to 15. I'll click Okay. Next, to set up the baseline grid. To do this, I'll come up to layout, scroll down and click Create guides. In the menu, I'll make sure to click to turn on preview. For rose I'll set the number to 40, and for the gutter, I'll set this to zero. I'll make sure to hit the check mark for fit gutters to margins. I'll click Okay. And if I double click on a page in the pages panel, the grid will be applied to the page. Perfect. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. Looking back at my final design, if I toggle off the visibility of the type and images layer, we can see that the overall design is structured in what appears to be a stroke base grid, which is used to compartmentalize all the elements. We also have a large visual image on the right hand side. So for this approach, I'm going to start with the base grid structure and then work my way upwards. So to kick off any document, I'll always start with my layer structure. Come into the lays panel, double click on the current layer, and since I'm starting with my base layer, I'll call this base stroke grid. Now, looking back at my file design, we can see that there's quite a distinct style for this. The grid comes in from the top and finishes at the bottom with space around. Back in my document, I'll grab the rectangle tool. I'm just going to start outside of my canvas at the top, and I'm going to make sure that I click roughly in the middle of this margin space on the left. I'll click and drag down to my bottom margin and then across again to the middle of the margin space on the right. Upon release, I now have a simple box frame carefully positioned on my page. I'll just come over to the tools panel. I'll make sure the stroke is selected, and for now, I'll just come and set this to black with a stroke size of one. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outline there. Now for this grid, I also want a horizontal line. I'll come over and grab the stroke tool from the menu, and I'll just start by clicking and dragging across while holding Shift to draw a straight line from one side of my box to the other. Again, I'll make sure the stroke is set to black with the size of one. With the selection tool, I'll drag the stroke while holding Shift down and place it at the top of the third row from the bottom. I'm also going to need another one. So with the selection tool, I'll just drag it up while holding Alt plus Shift to make a quick duplicate. I'll just place this roughly in the middle, click on the right and drag in about halfway. Place my mouse cursor in the bottom right. When I see the rotate mouse cursor, I'll click and drag while holding Shift to snap to 90 degrees, and I'll place it in the middle like so. One more time with the selection tool, I'll just drag the bottom one up again while holding Alt plus shift to make a quick duplicate. I'll place this roughly in the middle, click on the right and drag it halfway to meet my center line, and I'll just place this around two thirds of the way down for now. This lays down the base grid and the foundational structure that I'm going to build on top. So now we've defined some properties for these stroke objects, I'm going to make a quick object style. So first, I'll select one of the strokes, then I'll jump into my object style panel, click on the top right menu, click New Style, and I'll name this base stroke. Click to apply Style DSelection and click Okay. Then I'll select all the other strokes and apply the base stroke object style. So if at any time after creating these strokes, I want to change the size or color, all I have to do is simply change this one object style, and it will change them all automatically. Easy. Next, I'm going to bring in some of the image elements. So looking back at the final design, we can see that for the first billboard, the main visual element will include this collage composition and some bold text next to it. Now, this collage motif is part of the event brand style. In the previous video, we looked at how to create collage compositions like this. So next I'm going to come into the brand toolkit. With the download folder open, click into Folder four project, into the design Expo folder, click into Folder one media kit, and open the design Expo brand kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. You scroll down to the brand artwork style page, we can see we have links to collage samples. With this selection tool, I'll select the collage thumbnail. Now, I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. So here we have a series of collage samples we worked on in a previous episode. If you have not watched that episode and you are curious to learn how to create digital collages like this, you can jump back to the previous video. Or, if not, you can just open this document from the download folder where you can follow along. For the first Billboard, I'm going to use the collage sample on the last page. Or in the Layers panel, I've organized this document into separate layers to make it easy to work with. So in the Layers panel, I'll make sure all layers are unlocked. With the selection tool, I'll click and drag over all the elements. Copy these, come into my billboard document. I'll come over to the Layers panel. Click to add a new layer. I'll call this images, and make sure it's at the top. Lock the base grid layer and paste the collage onto the new layer. For now, I'll just click and drag them over to the right and place them in the module space. I'm not going to worry too much about the composition of this right now. Right now, I just want this in my document ready to work with later. You may notice that upon pasting the image into the document, the colors may look a bit desaturated. To resolve this, you can come up to edit down to transparency blend and set this to RGB. Next, I'm going to place in the logo, and to make this easy, I'll jump into the brand toolkit. So back into the brand toolkit. On the brand toolkit, at a glance page, we can see a sample of the logo. I'll click to select this, copy, and back into the document. I'll paste the logo into the document. I'll come up to the top left in the Control panel and set the reference point to the top left. I'll drag the logo down and across to set on the edge of the margin. I'll press S to activate the scale tool, place my mouse cursor in the bottom right and click and drag while holding Shift and place inside one column like so. Nice. Now looking back at my final billboard design, there is also a stroke line that appears above the paragraph text on the right. If I toggle on Noma mode, you can see that this is positioned nicely within the column. So to make this easy, I'll jump back into my brand tool kit. I'll select one of the stroke samples from the stroke sample page, copy and paste into my billboard, scale up to fit across one column. But now we have a slight problem. If we look closely at the gutter space behind, we can see that the space on the left is more than the space on the right by this middle stroke. If we want to align everything perfectly within this module, we're going to have to address the column grids in the background. To do this is easy. If we double click back onto the parent page, come up to layout and hit margins and columns, here I'm going to make an adjustment to the right margin. Here I'm going to type in 45. Now, this is a little bit unconventional, but for this unique instance, this is going to work perfectly. I'll click Okay. Click back on the page in our pages panel, and we will now see that the margin space within this module is perfect. This isn't a common practice in in design, but keep in mind that sometimes when you're creating bespoke compositions like this, where we have a stroke grid in the background, sometimes you might have to tinker and tweak your guides and column values to get the result you want. So I'll come and resize the logo and the stroke to fit within the new column widths, and that will complete all the image elements. So with all the visual elements, now in the Billboard, we can move on to working with type. To begin, I'll start with the largest piece of text to the left. So looking at the final design, we can see that for the header, we have a certain star. Now we could create this from scratch or we could recycle from a previous document. In the previous video, we set up a flyer design. In that episode, we learned how to format the text to create this exact header effect and apply character and paragraph styles. One of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to another. Instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. So I'll come back to the event design document we opened earlier. On the marketing collateral page. With the selection tool, I'll select the flyer thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open in its own tab. I'll come and select the header type in the top left. I'll copy this, jump back into my billboard document. First, I'll come over into the layers panel and add a new layer and call this type, and I'll make sure this layer is set on top. I'll paste and then place it over on the left hand side. Now, upon pasting, this will appear small because we're just pasting from a smaller document. Also, upon pasting this piece of text in our document, we will also see in the paragraph styles a folder with paragraph styles inside. So now to resize the text for the billboard. So with the selection tool, I'll grab the bottom right anchor point of the text box and drag it out to fill the module space. I'll make sure nothing is selected. Come into the Paragraph Styles panel and double click on the head of style in the header and titles folder. I'll come to the basic CRA formatting settings. I'll set the size to 68 and the leading to 75, click Okay, and the text will resize. Now, if the frame is too small, I might have to click again on the bottom right and drag out until I can see the text fit in the frame. Keep in mind that all of this text is assigned to this one paragraph style here. And the second line is defined by this arc style. With the second line selected, if I click none in the character panel, we will see the formatting remove. And if I click back on it, it will return. All this character style is doing is applying the stroke and all caps effect. The size and leading is defined by the paragraph style. But now I will have to tweak the size of that stroke because it looks a little small. So with the bottom line selected, I'll come into the stroke panel, set the size to one, then come into my Character Styles panel, right click on the Style and click Redefine Style, then double click on the bottom middle anchor point to snap the frame to fit the text. Easy. So just like that, I was able to bring in some formatted text and quickly change it to suit a new document. And I did that really quickly. So that saved us a lot of time. Now, in this instance, I'm thinking the leading between the second line might be a bit much. So I'll come and select the second line of my header, press and hold Alt on the keyboard, and press up a few times, and that will tweak my leading and balance the text nicely. So I'll press W to toggle between normal and preview mode. In normal mode, I'll drag my type to the top left against the margin and neatly place it just under the second robe from the top. Easy. So once we have our formatted text in the document, now it's just a simple case of replacing the text. Next, I'll come into the design expo content deck. This is a content deck that has been created to help you follow along with all the tutorials in the course to get hold of all the text. If you want to get hold of this content deck, click the link in the description or click the link in the course PDF. So I'll come to the page for Billboard one. I'll select the first line in the head of copy into my Billboard design, select the top line and paste back into the deck, select the second line, copy and replace. So with the headline text in place, that now defines the space in which this is going to take up on the left side. Come to the layers panel and unlock the base layer, click the stroke line below and place it under allowing for adequate space. I'll align it to one of the baselines, and now we are starting to define our composition more decisively. Excellent. Now, you may be wondering, why didn't you show me how to format that text? After all, this is a video tutorial, right? Well, the point of this was to show you that in design can be very flexible when working with type. Yes, we can format type from scratch, but this can be quite bitty, and it can often take some time to do so. Once you've set up some text and applied paragraph styles, it can then be very easy and time saving to recycle formatted text. The example here is to show you how easy this can be. As you create multiple documents, even if it's a document with a completely different style, you can copy and paste style text from one document to another as a base and simply change the properties. In the previous video, I went into depth on how to format this text. So instead of going through all that again, I simply recycled it here. If you've not seen that video and you're interested, simply jump back to that video and you can learn more. So looking back at the final design, we can see that the next piece of text is one that sits next to the logo. Again, we could set this up from scratch or recycle from another document. So just like before, I'll jump back into my flyer document. This time, I'll select the header on the second page, copy and paste into my document, and we'll also copy in the paragraph style that goes with it, super fast, right? So I'll drag it down into the second column, and with the selection tool, adjust the text frame to the column width, and I'll come into the content deck, select the paragraph text, back into in design, select the text and paste to replace. In normal mode, I'll drag my text frame and place it on my second column just under the fourth row from the top underneath the middle stroke here. Next, I can grab the logo and drag this up to align to the top as well. Likewise, for the stroke on the right. And now we have our three items aligned nicely in that module. If I feel the text ragging is not balanced in the text frame, I'll select the new text frame, coming to the paragraph panel and add a five millimeter indent to the right, and that should sort out the text ragging inside. Easy. So next, I want some paragraph text in the third column to sit underneath the stroke. Here's another technique to do this real quick. So I'll drag my subtitle across while holding All to make a quick duplicate. I'll double click into the frame and select all the type. Up in the control panel, I'll set the font to 12. I'll set the leading to 17. I'll hit the drop down for the font family and change this to medium. I'll set the right indent down in the paragraph panel back to zero. I'll come into the Paragraph Style panel, click on the top right menu, click New Style, and I'll name this paragraph. Be careful here to look below at the general setting. It may say based on a different style here. I'll make sure to set this to none. Click the box to apply style to selection. Click Okay. I'll come into the content deck, copy the paragraph, back into in design. I'll replace the text, press Escape to deselect and double click on the bottom middle anchor point, and that will snap the frame to the text inside. Perfect. Looking back at the final design, we can see at the bottom, we have some text going across the bottom of the billboard. Again, we could set this up from scratch, but you guessed it. We're going to recycle. I'll jump back into my flyer document, copy the footer text, copy and paste into my document. I'll place it in the bottom left in the bottom module space and then click and drag the text frame to fill the space. I'll place my mouse cursor after the word London and press delete to remove that paragraph break, and this will put it back onto one line. I'll add a hyphen and press space bar, set the font to 18. I'll select the text, book now, type in tickets available now. I'll come into the Paragraph Styles panel, right click on the Paragraph footer Style and select redefined style and that's looking okay. However, now it's looking too tight on the left and right. I'll click on the textbox, right click and select textFrame options. Right now, the left and right are set to four. I'll just push this up to ten for left and right. Click Okay. I'll click into the text, select the hyphen between 2025 and London, change this to a forward slash, and that's looking nice in that space there. The last piece of text I'm going to get in here is the little label that sits up on the top right next to the header. Looking back at the final design, we can see that this has an interesting highlight effect applied. I'll jump back into my flyer document, select the label, copy and paste it into my document, and we'll also paste in the paragraph style that goes with it. Text rim selected up in the Control panel in the top left, I'll make sure that the reference point is set to top left. I'll press S on the keyboard to activate the scale tool, click and drag while holding Shift to scale it up so the text goes across two rows of the baseline grid below. Then I'll place it on the margin on the right and align it to the head on the left, and I'll come into the paragraph style, right, click on the label style and select redefined Style. Nice. So now we're starting to get somewhere with this billboard design. At this point, when all the text is in the document, I then like to start thinking about color. Looking back at my final design, you can see the color approach I took. So if we look at this watches panel, we can see that we have all our brand colors present, and most of the colors are already applied to the text. When we pasted the collage elements and the text from the previous documents earlier, it also carried across the swatches. In this watches panel, we can now see all the colors that we can use, but we will need to be careful. Here we can also see some duplicates, which can happen when you paste in elements with the same color multiple times. Here I'll come and select on a duplicate, right click, select delete and replace it with an existing color. And I'll do this for as many colors are duplicates. Once I have all my brand colors together, I can click on the top one, press and hold Shift, select the bottom, click the folder icon to set these into their own folder group, and I'll name the folder design Expo palette. Now, one detail I need to address, and this is the strokes. Right now, they are set to black. So I'll come into the object Styles panel, double click on the base stroke style, and I'll change the stroke color to ultravio. N. Now, looking back at the final design, we can see that for part of the design, we have a solid block of color at the bottom. First, I'll toggle off the visibility of the text layer. On the base layer, I'll grab the frame tool and drag a frame to the size of the module at the bottom, and I'll set the fill color to Solaro. Right click down to a range and center back and toggle the visibility back for the type and images layer. So now everything is in the document, all the text is defined. Everything is as it should be. What I can do now is just take a couple of minutes to fine tune the visual artwork on the right. Here I'll change the size and scale to fit this graphic image in the module better. I'll click into all the elements and change the size and scale until I have something like this. There is one last element I want to bring into this billboard design, and that is a QR code. And I'm going to place this in a colored box as part of the collage. Again, I can grab this from the brand toolkit. I'll select it from the visual element page, paste it on the right, create a colored box, place it on top, and scale and position like so. And that completes the layout of an initial billboard. Perfect. So once you're happy with one layout, it's very easy to duplicate. So I'll come into the pages panel, click on the page, right click and duplicate the spread. Looking back at the final designs, we can see that the second version includes a different header and collage image. So in this instance, I'll unlock the image layer. I'll delete the collage. I'll open the collage document, copy and paste in another composition and position and scale. Come into the content deck for Billboard Version two, copy all the text and replace all the text in the second spread. In this instance, I might have to come and tweak some of the text to redefine the text dragging. Here I can add line bricks when necessary. And just like that, we now have two versions of the Billboard. Using this process, we could make as many versions as we like. Perfect. So before we close off this tutorial, there is one last thing that is quite important to keep in mind, and that is style management. In this video, we only created one style, and the rest were pasted in from other documents. If we look in the Paragraph Styles panel, we can see that we already have a folder structure in here for the header and titles, paragraphs and label, which was established in the previous document. So again, another awesome reason why you should organize your styles in folders. Now, the style I created earlier was for the paragraph, so I'll drag that into the paragraph folder, and here we're creating a clear and organized hierarchy of our stars. E. So once you're happy with your design and you want to export ready for print, you can either export the entire document or you can export individual pages. For this example, I want to export them all. So when you're ready to export, simply come up to file and click on Export or press Command plus E on MAC or Control plus Eon PC. I'll navigate to the project folder I saved previously in the course, click into the published folder, select the PDF folder. I'll name the file design Expo Billboard one and two. Down in the format, I'll choose Adobe PDF for print. I'll click Save and Apple Pop another menu. So here I'm going to make sure that for the Adobe PDF preset, high quality print is selected. For pages, I'll select all. I'll make sure pages is selected. I'll make sure that view PDF after saving is checked, and then click Export in design will do its thing, an Apple Pop Acrobat Reader. I'll zoom out a little and click the Pages tab, and here we can see we have a multiple page PDF doc with all the pages. This is now ready to send off to the printer. Perfect. So that's how you can create a billboard design in in design and incorporate styles and easily duplicate your artwork. So that completes another document in in design. Let's now move on to the next publication design exercise. So see you in the next video. 10. Create Static Social Media Posts In Adobe InDesign v2: Static two D visual posts are a powerful tool in brand marketing, offering a simple yet impactful way to promote events across social media platforms. Static posts allow you to capture attention with striking imagery and concise messaging, making them ideal for showcasing key event details such as dates, location, and highlights. Static social media posts are an excellent way to maximize visual impact. Utilizing design elements like typography, color, and imagery to create memorable posts that resonate with an audience. In this tutorial, I'm going to show you how to design static social media posts from scratch using some simple yet powerful tools in in design. We'll cover setting up your document, adding text, images, and even add some design flare. So here I am in in design, and here are some static social media posts we are going to develop in this video. Now, this design is part of a series of branded marketing we'll be creating on this course for a fictional design exhibition event. To create static social media posts in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to create social media posts in Adobe Indesign super easy. So let's get into it. So up until this point, we have been creating designs for print. Now, in design is not only a powerful tool for creating print publications, but also digital publications. And when it comes to digital marketing, in design can be a very powerful tool for creating static social media posts. Now, static social media posts are often frames which are paired with a caption. The goal of the static post is to initially catch the attention to entice one to read the supporting message. A good static post will be simple, bold and eye catching. Now, as of making this video, there are a wide range of post dimensions for a variety of social media platforms. Some are square, some are landscape, and some are portrait. Here is a document example of some social media posts for two specific sizes. When creating static social media posts in in design, it's common to work like this where you may focus on a few post designs in one document. Design offers the perfect workflow environment to work on multiple posts in one document, which can make it easy to manage all the visual elements across a campaign. For this project, we're creating some static social media posts for a fictional design expo. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course, where we will be including some of the brand motif, color elements, and photography as part of the designs. Also be using some of the design elements we have already developed previously in this course. If you want to take a look at this document and get all the assets and follow along, you can get access to this document from the course Download folder. This download folder comes with multiple projects and a ton of assets and resources we'll be using in this course. You can find the link to acquire the folder from the description. With the download folder open, click into Folder four project into the design Expo folder, click into folder two event publication design, and open the event design in design file. This is a document that contains all of the publication designs we'll be creating on this course. If we scroll down to the marketing collateral page, we can see a variety of documents. For this video, we're going to look at the static social media document. With the selection tool I'll select the static social media thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the Workshee thumbnail and the document will open in its own tab. Now for this document, I'm using the font base New. If you've not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used in this class and where to get them. Simply click the base New Link, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, you should be able to follow along just fine. In this document, I have two rows of static social media posts. On the top row we have some social posts for Instagram using the 1080 by 13 50 dimension, and below, I have some posts for LinkedIn using the 1,200 by 627 dimension. So in this document, we have multiple posts with two different canvasizers. This is one of the benefits of in design where you can be very flexible within a document. In this document, each post is treated separately as its own post containing five posts with a variety of media approaches utilizing the brand's look and feel. If I press W to toggle between preview and normal mode, as simple as this format may initially appear, in normal mode, we can see that there's quite a few things going on behind the scenes. To help structure and align my elements, I have used a baseline grid which fits inside the margin space around the inside. This document, I also have a crop layer. As of making this video, the Instagram wall feed on mobile shows images at a aspect ratio of three, four, whereas the posts themselves need to have an aspect ratio of 45. So a post on the wall is slightly cropped in from the side. If you want to design a post to look ideal for the wall, you will need to account for this crop that currently happens. So here I have a crop margin which I can toggle on and off. So I can design in this space, knowing that if it looks good in this space, it will look good on the Instagram wall. So if we look over in the Lays panel, we can see five layers, one for crop, one for type, one for texture, one for stroke grid, and one for base images. These static posts include a lot of visual elements, so the layers have been set up this way to make it easy to organize and manage them. And if we look at the character and paragraph Styles panel, we have some styles here formatting our text, and we also have some in the Object Styles panel. So let's see how we can create a document like this. To begin, I'm going to come up to file new and create a new document. Now, in creating a new document in design, you can choose from a range of presets. But for social media posts, it's a bespoke size. Instead of selecting a preset, I'm going to come straight over and type in my own properties. To kick off the document, I'm going to initially set this up to create a 1080 by 13 50 post for Instagram. This is a common post dimension for Instagram, which looks great in the feed. So in this instance, we will go with the portrait approach. So I'll set the units to pixels, set the width to 1080, the height to 13 50. I don't want facing pages, so I'll make sure this is checked. I'll set the pages to two, for now I'll set the margin to 50 pixels, click Create, and my new document will open. So looking back at my previous document, we can see that I have the pages next to each other. I've done this because I like to organize certain posts in a row. When creating static social media, you can work on a lot of posts, and the document can soon build up. I like to work with my posts in rows so I can see more posts at a glance. Also, if I want to include different canvas sizes, it can be easier to manage them in rows. So for ease of workflow, I like to put my pages next to each other. I'll come over to the page panel. I'll click on the right top menu, scroll down, and currently, we can see a tick next to allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up next to my first page. When I see the line next to the page, I'll release, and that will snap the page next to it. And you will also see this page be immediately next to the page in the work area. Next, I'll come into the Tools panel. I'll click the page tool. I'll click on page two and just drag it to the right, putting some space between the pages. So looking back at my final social media posts, if I press W, I can toggle between normal and preview mode. Normal mode, we can see the grid I have used to structure the content. For this approach, I have a single column, and I've used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this to pixels for horizontal and vertical. If you're following along, I'd suggest you do the same so you can match what I'll be doing next. Back to my document, I'll come over to the pages panel and double click on the parent page. First, I'll come up to layout and click Margins and columns. Right now, the document is set with a 50 pixel margin around the inside. Here I'm going to click to unlock the link, set the left and right to 125 pixels, click Okay, and now we have a large margin on the left and right. Now you may be wondering why I have set it up like this, but don't worry, you'll see why shortly. Next, I'll come back up to layout, scroll down and click Create Guides. In the menu, I'll make sure to click to turn on preview. For rows, I'll set the number to 40, and for the gutter, I'll set this to zero. I'll make sure to hit the checkmark for fit gutters to margins. I'll click Okay, and if I click on a page in the pages panel, the grid will be applied to the page. Perfect. So once I have my document set up, I can now start thinking about working with visual elements. But before that, I will want to set up a crop margin. So as of making this video, the Instagram grid wall on mobile currently crops into images at an aspect ratio of three, four. So what it effectively does is crop off the sides of a post ever so slightly. So if you're planning on a very specific design like I am here, you will want to account for this. Here in design, I can create a crop margin to be sure. And to set this up is fairly easy. So I'll come and select the rectangle frame tool, then simply click once on my Canvas area. In the values, I'll type in 1080 for width and 13 50 pixels to match the canvas area, click Okay and set the color to Magenta. Again, I'll select the rectangle frame tool, click once on my Canvas area, and this time, I'll type in 1012 for width and 13 50 pixels to match the area of the Instagram wall feed. Click Okay and set the color to black. Then with the selection tool, I'll select them both. Up in the Control panel, I'll hit the align horizontal center and align to vertical center and place them both in the canvas area like so. So the black area represents the aspect ratio of the Instagram wall feed, and the magenta represents the post. With them both selected, I'll come up to window down to object and layout, across to activate the Pathfinder panel, and with them both selected, I'll click on Exclude overlap. And now we will be left with the side margin. So now I can see the white space which I'll have to design in which will look good on the Instagram wallfeed. To finish this step, I'll come over to the Layers panel. Double click on the layer and call this crop. I'll also click to make sure that the print layer box is unchecked. Click Okay. Double click back on a page in the pages panel, and now we will have the grid and crop margin set to each page. As you press W on the keyboard to toggle between normal and preview mode, we will only see the crop area in normal mode. And to finish, I'll hit the lock icon to lock the layer going forward. Nice. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. Looking back at the final design, I can toggle off the visibility of the type, texture and base images layer, and we can see the overall design is structured in what appears to be a stroke grid which is used to compartmentalize the elements. If I toggle back on the base images layer, we can see the variety of image elements across the posts. I toggle back on the texture layer, we can see additional visual elements. And if I toggle back on the type layer, we can see how those elements work on top. So this is a very specific design approach for this particular brands look and feel. Here, I'm going to have to be really careful in order to make sure that this works well on an Instagram post to the right dimension. So for this approach, I'm going to start with the base grid structure and then work my way upwards. Again, I'll come into my layers panel. Click to add a new layer at the bottom of my layers panel. Since I'm starting with my stroke layer, I'll call this stroke grid and move it to the bottom. Now, looking back at the final design, you can see there's quite a distinct style for this. The grid comes in from the top and finishes at the bottom with space around. Back in my document, I'll grab the rectangle tool, and I'm just going to start outside of my canvas at the top, and I'm going to make sure that I click roughly in the middle between the margin space on the right and the crop area on the left. I'll click and drag down to my bottom margin and then across again in the middle of the space on the right. Upon release, I now have a simple box frame carefully positioned on my page. I'll just come over to the tools panel. I'll make sure the stroke is selected. And for now, I'll just come and set this to black with the stroke size of one. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outline there. Now for this grid, I also want some horizontal lines. So I'll come over and grab the stroke tool from the menu, and I'll just start by clicking and dragging across while holding Shift to draw a straight line from one side of my box to the other. Again, I'll make sure the stroke is set to black with the size of one. With the selection tool, I'll just drag the stroke while holding Shift down and place it at the top of the fourth row from the bottom. I'm also going to need another one. So with the selection tool, I'll just drag it up while holding Alt plus Shift to make a quick duplicate. For now, I'll just place this roughly two thirds of the way up, and this lays down the base grid and the fundamental structure that I'm going to build on top. So now we've defined some properties for these stroke objects. I'm going to make a quick object style. So first, I'll select one of the strokes, then I'll jump into my object style panel, click on the top right menu, click New Style, and I'll name this base stroke. Click to apply stroke to selection, click Okay, then I'll select all the other strokes and apply the base stroke object style. So if at any time after creating these strokes, I want to change the color or size, all I have to do is simply change this one object style, and it will change them all automatically. Easy. So next, we can start to work with text, which will then define the space and layout where we can finalize how we place the images. Looking back at the final design, we can see that for the design approach, there is a headline that sits in the top left in each post consistently and below this, there is an image element. To begin, we will start with the headline text. Now I'll come into the design expo content deck. This is a content deck that has been created to help you follow along with all the tutorials in the course to get hold of all the text. If you were to get hold of this content deck, click the link in the description or click the link in the course PDF. I'll come to the page for the social media static posts. I'll select the head copy for post one. Into my document, I'll come over to the Layers panel, click to add a new layer. I'll name this type. I'll make sure this layer is set above the stroke grid layer for now, I'll lock the stroke grid layer so as not to accidentally select anything on this layer. I'll come to the tools menu and click on the Type tool. On the first page, I'll click and drag a type frame from the top margin across to the right and down around a third of the page, like so, to give myself some space to work with, and I'll paste in the text. Next, I'll come into the Design Expo brand toolkit. With downward folder open, click into Folder four project into the Design Expo folder, click into Folder one media kit and open the Expo brand kit in Design file. This is a brand kit document that includes all the style references we are going to include in our publication design. If we scroll to the format guide page, we can see that for display headers, we want to use base New expanded medium. So I'll select the text. Up in the Control panel, I'll change the font to base New. Click the dropdown on the family and select expanded medium. I'll set the size to 65, set the leading to 70, I'll press escape to deselect the text and drag in the text frame to apply more comfortable text ragging and down if I need to, and then double click on the bottom middle anchor point to snap the frame up to fit the text. So now we've defined some properties. I'm going to make a quick paragraph style. With the text selected, I'll jump into my paragraph style panel, click on the top right menu, click New Style, and I'll name this header. Click to apply style to selection and click Okay. Now, when working with Type and Indesign, you want to be careful. I'll come up to type, scroll down and click on Show Hidden characters. Hidden characters in Adobe Indesign are printing symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding structure and flow of your text, but are invisible by default when working in a document. So right now, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my mouse cursor at the end and press delete to remove it. Now my text is nice and clean. So now I have the head type in a good position. I can now come and unlock the base stroke layer and drag the horizontal stroke up to sit comfortably under the type. What I want to aim for is to get about the same amount of space above the text as below the text. So looking back at my file design, we can also see I have this label type with a highlight effect applied. Now we could create this from scratch or we could recycle from a previous document. In the previous video, we set up a poster design. In that episode, we learned how to format the text to create this exact label and apply the highlight effect. Now, one of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to another. So instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. So I'll come back to the event design document we opened earlier. On the marketing collateral page with the selection tool, I'll select the poster thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail and the document will open in its own tab. I'll come and select the label type in the top right. I'll copy this, jump back into my social post document. I'll make sure the type layer is selected. I'll paste and place it below in the module space, aligned near the top against the left margin. Into the content deck, I can see for this label, I need to change this to save the date, so I'll copy this, paste it in and add a line break after save so it reads across two lines like so, easy. So looking back at my final document, on the first post, the last piece of text is the date that sits in the bottom module space. I'll come into the content deck, select the date information for post one, back into the document. I'll come to the tools menu and click on the Type tool, click and drag a type frame from the top left to the bottom right to fill the bottom module space, and I'll paste in the text. I'll set the fontabse Nu. From the family, I'll select base Nu expanded. Set the size to 48. I'll click to align the type to Align center. I'll push out the tracking so the type fits perfectly inside that module space below to around 12 40. I'll press escape to deselect text, and with the frame selected, I'll click to align the text center in the frame vertically, and that completes all the type elements for the first media post. So now I have all the text in my post. I can start working with image looking back at the final design, for post one, we can see I have a logo mark in the top right, a gradient map image in the module space below the header, and a color block under the phototype. To begin, I'll start with the logo mark symbol. And to make this easy, I'll jump into the brand toolkit. To back into the brand toolkit, if we scroll to the logo page, we can see a sample of the logo mark. So I'll click to select this, copy, and back into the document. I'll first come over to the Layers panel, create a new layer and call this base images. I'll make sure to place the layer at the bottom. Paste the logo into the document, place it at the top right of the margin. And because it's a vector group, I'll place my mouse cursor in the bottom left and click and drag while holding Shift and scale the logo mark to fit three rows in the baseline grid. Easy. So next, I'm going to place an image into the module space below. With the base images layer selected, I'll come into the tools panel and grab the rectangle tool and I'll just drag from the top left to the bottom right of the module space. I'll draw out the shape of the module space, and into this frame, I'm going to place an image. So back into the toolkit, if we scroll to the image treatment page, we can see a variety of image samples with particular color treatments applied. For the first social media post, we are going to use one of these gradient map samples. Now I can either place the image manually into my social media post or copy and paste a sample from this document. So here's a cheeky tip I'll select the image sample from the brand toolkit. I'll copy and jump back into my document. To make it easy, I'll first lock the type and stroke grid layer and paste the image onto the base image layer. With a direct selection tool, we can click to select the image inside the frame. I'll copy the image by pressing Command plus C on Mac or Control plus C on PC. Then I'll press Escape, select the image frame and delete. I'll select the new frame that I want the image to go inside. I'll come up to edit, select Paste into, and the image will appear in the frame. Next, I'll right click on the frame down to fit in, I'll select fill frame proportionally, and that is a really useful technique for getting images from one frame into another. If you don't have a situation like this where you're sampling images from other documents, you can just place the image in manually. So I'll click into the image with Dereck Selection tool and delete the image with the rectangle selected, I'll press Command plus D on Mac or Control plus D on PC to place an image. I'll navigate into the Download folder into folder four project, into the design Expo folder, click into Folder one media kit into the assets folder, into the image treatment folder, into the gradient map folder and open the Design Expo GM event 003 PSD. And the image will be placed inside. With the direct selection tool, I can click on the image in the frame, and here we can see the bounding box representing the image inside the frame. I'll click on the middle right anchor, and while holding Shift plus Alt, I'll click and drag to scale the image down or up to fit within the frame. Nice. Now, this is a luminous image. If it's looking pretty dull, your end, come up to Edit, down to transparency Blendspace and click RGB. Now, if you're curious to see how this image is made with the selection tool, I'll click on the image frame. I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail and the document will open up in Photoshop. We look in the Layers panel, we can see that to create this effect, I have a gradient map layer set on top of a colored image below. And if we toggle off the visibility of the gradient map layer, we can see the original image. For now, I'll close this and come back to the social media post. So the last visual element on this post is the solid block of color below. So with the base images layer selected, I'll come to the tools menu and grab the rectangle tool. Come over and click and drag to draw a shape to fill the bottom module space. I'll set this to black with a tint of 10%, and that completes the image elements in my first post. Now looking back at the file designs, we can see that on top of the image layer, I'm also using some texture samples from the brand kit as part of the visual brand aesthetic. So again, I'll jump into the brand toolkit and scroll to the texture samples page. Here I'll grab the square grid sample from the document over on the left, copy, and back into my document, I'll come and create a new layer. I'll name this texture, make sure it's placed just above the grid layer, paste in the texture, place my mouse cursor in the bottom right and drag while holding Shift to scale up and position like so on top of the background image. So once all my elements are in a composition, I then like to start thinking about color. Now if we look in the Swatches panel, we can see that we have some of the brand colors copied over from some of the elements that we pasted into the document earlier. Now back into the brand toolkit, I could copy and paste the colors from the brand at glance page, but to make it even easier, you can import a colored swatch. So back into our document, come to the top of the Swatches panel, click the menu and come down and click on Load Swatches. Upon click, you will see a window up here and navigate to the download folder, clicking to folder four project, into the design Expo folder, click into Folder one media kit, into the Assets folder, into folder five color, and click to open the Design Expo palette document. On click, we will now see the colors present in our swatch panel in a folder, but we will need to be careful. Here we can also see some duplicates which can happen when you paste in elements with the same color multiple times. Here I'll come and select on the duplicates, right click and select delete and replace them with the new colors. I may need to quickly rename some of the swatches to clean this up here. Nice. I could come and select the text elements and the stroke elements and change the colors individually, but now I've created some styles, it'll be easier to change the color there. I'll come into the Paragraph Styles panel, double click on the header style I created earlier and change the color to midnight. Once done, I'll press W to enter into preview mode and we can see the type has changed. Next, I'll come into the Object Styles panel, double click on the base stroke style and change the stroke color to Altravio. I'll select the foot to type at the bottom and set this to midnight. I'll lock the type layer and select the color block at the bottom. I'll set this to Solaro and set the tint to 100%. And lastly, I'll select the texture sample, change the fill color to midnight, and this now completes the first social media post. So once you're happy with one layout, it's very easy to duplicate and make modifications. This is the true power of in design. Before we move on and see how easy it is to make additional posts, I first have to deal with repetitive elements. If we look back at the file design, we can see that for our five posts, we have a consistent grid, type, and logo structure. So to help manage repetitive elements, I'm going to use parent pages. So right now in the pages panel, if we look at the top, we have one parent page with a prefix, A, which is currently applied to each page below. So I'll come to my first post page. I'll toggle off the visibility of every layer but the grid layer and the crop layer. I'll unlock the base grid stroke layer, select only the outside stroke and the top horizontal stroke. I'll press Command plus on Mac or Control plus on PC to cut. I'll come up and double click on parent page A. I'll paste the visual elements on the stroke grid layer and position them correctly. And if I double click on page one in the Layers panel, we can see that the strokes are now back and now also on the second page. Nice. Next, I'll toggle off the stroke grid and toggle on the type layer. I'll select all the type elements apart from the foot to text. I'll press Command plus X on Mac or Control plus X on PC to cut. I'll come up and double click on par and page A. I'll paste the text elements on the type layer and position them correctly. And if I double click on page one in the pages panel, we can see that the text is now back and again on the second page. Next, I'll toggle off the text and toggle on the base images layer. I'll select the logo mark. I'll press Command plus X on Mac or Control plus X on PC to cut. Double click on parent page A, paste the logo element on the base images layer, position it correctly. Double click on page one in the pages panel, toggle back the visibility of all the layers, and now everything is back in place and we have our essential elements on the parent page. Perfect. So now we have our first post complete and our repetitive elements set on the parent pages. We can now look to create additional posts. So looking back at the final designs, we can see that for post two, we have a slightly different approach. This time, instead of using a gradient map image and the date, we are using one of the brand motif collages. So back into the document, the first thing we can do is edit the header. So right now, the header in post two is uneditable because it is currently set in the pages panel. But here we are going to override the text elements. So I'll jump into the brand content doc, select the header for post two, back in the document, while holding Command plus Shift on MAC or Control plus Shift on PC, I'll click on the header text, and this will override the parent page element, and now this text frame will become editable on this page. Now we can double click into the text frame and paste in the new text. Nice. On this occasion, I'll pull out the text frame right to allow the type to carry across three lines. Next, I'll press and hold Command plus Shift on Mac or Control plus Shift on PC again and this time, click on the horizontal stroke line to override the parent page element, and click to drag this up to place under the text more comfortably. On this occasion, I'll press and hold Command plus Shift on Mac or Control plus Shift on PC again. Click on the label to override the parent page element and click and drag it down to the bottom right. So now I have edited the type and repositioned the label, I can now bring in a collage sample to place in this space. Into the brand tool kit, if we scroll down to the brand artwork style page, we can see we have links to collage samples. With the selection tool, I'll select the collage thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. So here we have a series of collage samples we worked on in a previous episode. If you have not watched that episode and you're curious to learn how to create digital collages like these, you can jump back to the previous video. Or, if not, you can just open this document from the download folder where you can follow along. For the second post design, I'm going to use the first collage composition on the second row. Over in the Layers panel, I've organized this document into separate layers to make it easy to work with. In this instance, I'm taking everything but the type. So in the layers panel, I'll toggle the visibility of the type layer off, and now I can just see the visual elements. With a selection tool, I'll click and drag over the elements, copy these, come back into my document, make sure I'm on the base images layer and paste. And I'll take a few minutes to reposition the elements inside the module space like so until I have something that looks like this, and that completes the second social media post. Now before I move on to the next post, I just want to change the color of the label highlight on this post. Now, to do this is really easy. So right now, this label formatting is being defined by a paragraph style, but in this case, we only want to change the highlight color. So in this instance, it would be wise to use a character style. So I'll come and select the text in the label. Down in the character panel, I'll click the top right menu and click on underline Options. In this instance, I'll change the highlight to ultravio and set the tint to 40% and click Okay. Next, I'll come into the Character Styles panel and hit the top right menu and click New Style. I'll name this Altravio. Make sure to apply style to selection and click Okay. Now, in the Character Styles panel, I have an option to simply change the color of the highlighted effect. For example, if the text is selected, if I come and click on none, the highlight effect will go back to the default as set by the paragraph style. And if I click back on the ultra Vo character style, it will set it to the new color. Nice. So now we have a document with two posts. Let's look to mix some more. Now, once you have a document set up like this, making more posts is easy. So I'll come into the pages panel, make sure the last page is selected, and at the bottom of the pages panel, I'll click to add three additional pages. Upon creating three new pages, you will see inside, we also have the repetitive elements from the parent pages. Next, I'll come into the pages panel, grab page three and drag it up next to page two. Use the page tool to put some space between. Drag page four and drag it up next to page three. Use the page tool to place some space between posts three and four. Grab page five, drag it up next to page four, and use the page tool to put some space between. Using this technique, I could create as many posts as I want. But for this example, I'm just going to continue with five posts for now. So looking back at the file design, we can see that post three is similar to post one, but uses a full color image with additional texture objects on top. So to begin, I'll come into the content deck and copy the head for post three back into our document using the same technique as earlier, I'll press and hold Command plus Shift on Mac or Control plus Shift on PC. Click on the text frame to override the parent page element, double click into the text frame and paste it in the new text. Here I'll adjust the text frame to control the text ragging. Then I'll click into the text and place a soft return after hands on and remove the paragraph return at the end of the text until I have a layout like this. Next, I'll bring in an image to make this easy and make sure all the layers are locked apart from the base image layer. The first post, I'll select the image. Then click and drag across while pressing Alt to make it duplicate and place it in the module space below and expand the frame to fit the space. Next, I'll press A to activate the direct selection tool. Click on the image to select it and press Command plus D on Mac or Control plus D on PC to place in an image. I'll navigate into the download folder into folder four project into the design Expo folder. Click into Folder one media kit and into the Assets folder. The photography folder, into the Engage folder and open the Design Expo workshop 002 JPEG, and the image will be replaced inside. 11. Create a Social Media Carousel Post Design In Adobe InDesign 5: Carousel posts are an exceptional tool in brand marketing, offering a dynamic and engaging way to present more information while maintaining a strong visual presence. With Carousel posts, you can guide your followers through a story, sharing key moments and visuals in a sequence that builds interest. This format is perfect for delivering more comprehensive information without overwhelming your audience, ensuring each slide has a clear impactful message. Combining imagery and information content, carousel posts are an effective way to drive engagement and leave a lasting impression on your audience. In this tutorial, I'm going to show you how you can harness the power of in design to create seamless carousel posts quick and easy and export them super fast to upload to social media platforms with no fuss. We'll cover setting up your document, adding text, images, and even add some design flare. So here I am in in design, and here are some carousel posts we are going to develop in this video. This design is part of a series of branded marketing we'll be creating on this course for a fictional design exhibition event. To create carousel posts in in design, we're going to cover the following key steps. This is a methodical process that will ensure we create quality design in in design and not leave anything unchecked. After this video, you'll be able to create carousel posts very easily. So let's get into it. So unlike the static social media posts that will only include one frame, the carousel social media post will always include multiple frames and can be 2-10 frames, depending on which platform you're looking to upload to. The goal of the carousel post is to present a lot more visual information than the static post over multiple frames to tell more of a story or present a larger message. Now, as of making this video, there are a wide range of post dimensions for various social media platforms. Some are square, some are landscape, and some are portrait. Here is a document example of some carousel social media posts for Instagram set to a canvas size of 1080 by 13 50. When creating Carousel social media posts in design, it's common to work like this where you may focus on a few carousel post designs in one document. In Design offers the perfect workflow environment to work on multiple posts in one document, which can make it easy to manage all the visual elements across a campaign. And when you have everything set up, it's really easy to edit, duplicate and export them off in seconds. This project, we're creating some carousel social media posts for a fictional design expo. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course, where we will be including some of the brand motif, color elements, and photography as part of the designs. We'll also be using some of the design elements we have already developed previously in the course. If you want to take a look at this document and get all the assets to follow along, you can get access to this document from the course download folder. Download folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. With the download folder open, click into Folder four project into the design Expo folder. Click into folder two event publication Design and open the event design in design file. This is a document that contains all the publication designs we will be creating on this course. If we scroll down to the marketing collateral page, we can see a variety of documents. This video, we are going to look at the Carousel social media document. So with the selection tool, I'll select the Carousel Social Media thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. Now, for this document, I'm using the font BSE New. If you have not already downloaded all the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course fonts page on the course PDF document. This is a list of all the fonts that are used on this course and where to get them. Simply click on the BSE NU link, and this will take you straight to where you can download it. Close this document, install the fonts, open it back up again, and you should be able to follow along just fine. So in this document, I have four carousel social media posts. And for each example, I have looked at the carousel post across four frames. Each posture consists of four separate pages seamlessly placed together, so the design can be placed across the canvas and then exported out as individual frames to upload to social platforms. These carousel posts would work perfectly for Instagram. If we press W to toggle between preview and normal mode, as simple as this format may initially appear in normal mode, we can see that there is quite a few things going on behind the scenes. To help structure and align my elements, I have used a two column grid on each page with a baseline grid which fits inside the margin space around the inside. In this document, I also have a crop layer as of making this video, the Instagram wall feed on mobile shows images at a aspect ratio of 3-4, whereas the posts themselves need to have an aspect ratio of four to five. So the first frame of the carousel post on the Instagram wall is slightly cropped in from the side. If you want to design a post to look ideal for the Instagram wall, you will need to account for this crop that currently happens. Here I have a crop margin which I can toggle on and off, so I can design in this space, knowing that if it looks good in this space, it will look good on the Instagram wall. If we look over in the Layers panel, we can see five layers, one for crop, one for type, one for texture, one for stroke grid, and one for base images. These carousel posts include a lot of visual elements. So the layers have been set up this way to make it easy to organize and manage them. And if we look at the character and Paragraph Styles panel, we have some styles here formatting our text, and we also have some in the Object Styles panel. So let's see how we can create a document like this. So to begin, I'm going to come up to file new and create a new document. Now, when creating a new document in in design, you can choose from a range of presets, but for a carousel social media post, it's a bespoke size. Instead of selecting any preset, I'm going to come straight over and type in my own properties. To kick off this document, I'm going to initially set this up to create a 1080 by 13 50 carousel post for Instagram. This is a common post dimension for Instagram, which looks great in the feed. So in this instance, we will go with the portrait approach. So I'll set the units to pixels, set the width to 1080, and the height to 13 50. I don't want facing pages, so I'll make sure this is unchecked. I'll set the pages to four. For now, I'll set the margin space around the inside to 100 pixels, click Create, and my new document will open. So looking back at my previous document, we can see that I have the pages seamlessly next to each other. So even though the carousel post is a seamless canvas, it's actually separated into individual frames, which will make it easier to export them off as individual frames later. Now by default, when creating pages in in design, they will always be treated separately and placed under each other. First, I'll need to address them to make sure they sit next to each other. I'll come over to the pages panel, click on the top right menu, scroll down, and currently, we can see a tick next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up next to my first page. When I see a line next to the page, I'll release and that will snap the page next to it. And you'll also see the page will be immediately next to the page in the work area. Next, I'll come to page three and just drag it up next to page two, drag page four up next to page three, and now we have a seamless canvas area of four. Now, if I wanted to create a longer carousel post, I could just keep adding pages by hitting the ad button and dragging them up. But in this instance, I just want to go with a four page carousel post. So now if I press W to toggle between preview and normal mode, we can see our margin space are on the inside of each page. Great. So looking back at my final social media posts, if I press W, I can toggle between normal and preview mode. In normal mode, we can see the grid I have used to structure the content. This approach, I have a two column grid, and I have used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this to pixels for horizontal and vertical. If you're following along, I suggest to do the same so you can match what I'll be doing next. So back in my new document, I'll come over to the pages panel and double click on the parent page. So right now, it's currently only one page. By default, when you set up a document in in design, you'll also get a parent page with one page. This can be easily changed by coming over to the parent page in the pages panel. Right click and click on parent Options. When the menu appears, I'll simply type in four at the bottom. Click Okay, and now my parent page will be turned into a parent spread, which will match my document spread. Keep in mind, if I set up a carousel post for five or ten pages, I would have to adjust the parent page spread to match. Okay, so first, I'll come and click the first parent page. I'll come up to layer and click Margin and Columns. Right now, the document is set to 100 pixel margin. I run the inside. Here I'm going to click to unlock the link, set the left and right to 125 pixels. I'll set the columns to two, set the gutter to zero, and click Okay. Next, I'll click on the second page in my parent page spread. Press and hold shift and select the last page to select the last three. I'll come up to layout and click margins and columns. Right now, the document is set with 100 pixel margin around the inside. For now, I won't change this. I'll set the columns to two and set the gutter to zero. Click Okay. And now we have our margins set to the parent page spread, where the first page has a slightly different margin on the left and right than the other pages. You may be wondering why I've set it up like this, but don't worry, you'll see why shortly. So next, I'll click on the first page in the parent page spread, press and hold Shift and select the last page to select them all. I'll come back up to layout, scroll down and click Create Guides. In the menu, I'll make sure to click to turn on preview. For's I'll set the number to 40, and for Gutter, I'll set this to zero. I'll make sure to hit the check mark for fit Gutters to margins. I'll click Okay, and if I double click on a page in the pages panel, the grid will be applied to the parent page spread. Nice. So once I have my document set up, I can now start thinking about working with visual elements. But before that, I will want to set up a crop margin. So as of making this video, the Instagram grid wall on mobile currently crops into images at an aspect ratio of three to four. What it effectively does is crop off the sides of a post ever so slightly. If you're planning on a very specific design like I am here, you will want to account for this on the first frame. And to set this up is fairly easy. So I'll double click into my parent page spread and focus on the first page. I'll come and select the rectangle frame tool, then simply click once on my Canvas area. In the values, I'll type in 1080 for width and 13 50 pixels for height to match the canvas area. Click Okay and set the color to magenta. Again, I'll select the rectangle frame tool. Click once on my Canvas area, and this time, I'll type in 1012 for width. And 13 50 for height to match the area of the Instagram wall feed. Click Okay and set the color to black. Then with the selection tool, I'll select them both. Up in the control panel, I'll hit the align horizontal center and align to vertical center and place them both in the canvas area on the first page like so. So the black area represents the aspect ratio of the Instagram wall feed, and the magenta represents the post feed. With them both selected, I'll come to Window, down to object and layout, across to activate the Pathfinder panel, and with them both selected, I'll click on Exclude overlap. And now we will be left with the side margin. So now I can see the white space which I'll have to design in that will look good on the Instagram wall feed. To finish this step, I'll come over to the layers panel. I'll double click on the layer and call this crop. I'll also click to make sure that the print layer box is unchecked. Click Okay. Double click back onto a page in the pages panel, and now we will have the crop margin applied to the first page. As we press W on the keyboard to toggle between normal and preview mode, we will only see the crop area in normal mode. And to finish, I'll hit the lock icon to lock the layer going forward. Nice. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. Looking back at the file design, if I toggle off the visibility of the type, texture and base images layer, we can see that the overall design is structured in what appears to be a stroke base grid, which is used to compartmentalize the elements. I toggle back on the base images layer, we can see the variety of image elements across the posts. If I toggle back on the texture layer, we can see additional visual elements, and if I toggle back on the type layer, we can see how those elements work on top. This is a very specific design approach for this particular brand's look and feel. Here, I'm going to have to be really careful in order to make sure that this works well on an Instagram post to the right dimension. So for this approach, I'm going to start with the base grid structure and then work my way upwards. To begin, I'll come into my layers panel. Click to add a new layer at the bottom of the layers panel. Since I'm starting with my stroke layer, I'll call this stroke grid and move it to the bottom. Now, looking back at the final design, you can see that there's quite a distinct style for this. The modules are contained in a box that runs around the inside of the full canvas area. And the lines that come down fit nicely in the margin space in each page. So back in my documents, I'll grab the rectangle tool. I'm just going to start in the top left, and I'm going to make sure that I click roughly in the middle of this margin space between the margin space on the right and the crop area on the left. I'll click and drag down to the bottom right margin on the last page. Upon release, I now have a simple box frame carefully positioned on my page between the margin spaces. I'll just come over to the tools panel. I'll make sure the stroke is selected, and for now, I'll just come and set this to black with a stroke size of one. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outline there. Now, for this grid, I also want some horizontal and vertical lines. I'll come over and grab the stroke tool from the menu, and I'll just start by clicking and dragging on the first page on the far right, down inside the margin space while holding Shift to draw a straight line down from top to bottom, inside the box frame. Again, I'll make sure the stroke is set to black with the size of one. Next, I'll make a horizontal stroke. I'll start by clicking and dragging across about one third of the way down while holding Shift to draw a straight line from one side of my box to the other to meet my new stroke. Again, I'll make sure the stroke is set to black with the size of one. For now, I'll leave it like that, and this lays down the base grid and the fundamental structure that I'm going to build on top. So now we've defined some properties for these stroke objects. I'm going to make a quick ObjectStyle. So first, I'll select one of the strokes. Then I'll jump into the Object style panel, click on the top right menu, click New Style. I'll name this base stroke. Click to apply Style to selection and click Okay. Then I'll select all the other strokes and apply the base stroke object style. So if at any time after creating these strokes, I want to change the size or color, all I'll have to do is simply change this one object style, and it will change them all automatically. Easy. So next, I can start to work with text, which will then define the space and layout where we can finalize how we place the images. Looking back at the file design, we can see that for the first frame on the first carousel post, we have a specific type format. In the previous video, we set up a flyer design. In that episode, we learned how to format the text to create this exact header effect and apply character and paragraph styles. Now, one of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to another. So instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. So I'll come back to the event design document. On the marketing collateral page, with the selection tool, I'll select the flyer thumbnail. Now, I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. Come and select the header type in the top left. I'll copy this, jump back into my document. I'll come over to the layers panel and create a new layer. I'll call this type, make sure it's set to the top, just under the crop layer, paste in my tech sample, and drag it to a line to the top left of the inside margin. So right now, the type is too small for my document. With the selection tool, I'll grab the bottom right anchor point of the textbox and drag it out. I'll make sure nothing is selected. Come into the Paragraph Styles panel and double click on the header style in the header and titles folder. This is a style that was just brought in from another document. I'll come to the basic character formatting settings, set the size to 65 and the leading to 70. Click Okay, and the text will resize. Now, if the frame is too small, I might have to click again on the bottom right and drag out until I can see the text in the frame. Keep in mind that all this text is assigned to this one paragraph style here, and the second line is defined by this character style. With the second line selected, if I click none in the character panel, we will see the formatting remove. And if I click back on the head or line two style, it will return. All this character style is doing is applying the stroke and the all caps effect. The size and leading is defined by the paragraph star, but now I will have to tweak the size of that stroke because it's looking a little small. So with the bottom line selected, I'll come into the stroke panel, set the size to one, then come over into my character Styles panel, right click on the Style and click Redefined Star. So with my tech sample in place, I'm now going to change it. To do this, I'll come into the design Expo content deck. This is a content deck that has been created to help you follow along with all the tutorials in this course to get hold of all the text. If you want to get hold of this content deck, click the link in the description or click the link in the course PDF. So I'll come to the page for the Carousel social media posts, select the top line for post one, jump back into my Idsign doc, change it, back into the content deck, select line two, copy, and back in my document, update the text. On this occasion, I'm going to pull the text box right out to allow the text to flow across four lines like so. Then double click on the bottom middle anchor point to snap the frame to fit the text. Nice. So now I have the head type in a good position. I can now select the stroke layer beneath and drag up to sit comfortably under the type. What I want to aim for here is to get the same amount of space above the type as below, which will now define the image space below. So looking back at the final design, we can see I have this label type with a highlight effect applied. Now, we could create this from scratch or we could recycle from a previous document. Previous video, we set up a poster design. In that episode, we learned how to format the type to create this exact label and apply the highlight effect. So instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. I'll come back to the event design document we opened earlier on the marketing collateral page with the selection tool, I'll select the poster thumbnail. Now I'll either come to the Links panel and click Edit original, I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. I'll come and select the label type in the top right. I'll copy this, jump back into my document. I'll make sure the type layer is selected, I'll paste, and I'll place it below in the module space in the bottom left. Easy. So looking back at the file design, for page two, I can see that there is just a simple block of text. Now that we have some text in our design, creating this is going to be very straightforward. So back in my document, I'll click to select the header on page one, Press and hold Alt and drag into the next page to make a quick duplicate. On this occasion, I'll press W to enter into normal mode where I can see my guides and column grids in the background. Here I'll place my text frame in the center and expand left and right to fit the size of my margin space. And I'll just put my text box roughly in the middle like so. Next, I'll come into the content deck. Select a copy for page two, back into my document, I'll select all and paste. And what that will do is it will take the formatting from the top line and remove the formatting from the second line. And because I've already created a paragraph style for the header, it will maintain the same font and size. For this page, I want to keep the text consistent, so I won't need to change any of the formatting. Now when working with typing in design, you'll want to be careful. So I'll come to type, scroll down and click on Show hidden characters. Now, hidden characters in Adobe in design are non printing symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. Right now, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my mouse cursor at the end and remove this and this will clean up my text. Also place the mouse cursor in front of this second paragraph and press Enter once to add a paragraph brick. Next, I'll press Escape to deselect. Come up to the Control panel. Here I'll click to Align center vertically. Then I'll right click on the text frame, come into the text frame options. For this frame, I'll come down to inset spacing, and with the lock icon set for all the settings to be the same, I'll set the top to 40 pixels, press shift, and this will apply 40 pixels to the top, bottom, left and right. I'll click Okay, and that's my text frame sorted on page two for now. So moving on to the next page, again, with the selection tool, I'll click on my text frame on page two and drag it to the right while holding Alt to make equip duplicate. And I'll place it on the third page in the center of the frame like so. And I'll use the selection tool to drag the text frame to fit the entire space of the margin. Now, on this occasion, I'm going to apply a different type format. So I'll select all the texts come into the paragraph panel, click on Basic, and that will strip away the formatting from my text. So now it's back to the default format. I'll come into the content deck, select the text for page three, copy that, jump back into my document and paste. I'll click into the text and remove the paragraph break from the end to just clean this up. Then I'll select all the text, set the font size to 40, up in the control panel. Hit the aligned center vertical button, change the font to base new, hit the drop down in the font family and change this to wide. Next, I'll select the top number, change the font to expanded medium, and push the font up to 100. Then down in the paragraph panel, I'll set the space after the 25 pixels. With the type selected, I'll come over into the Paragraph stars panel, click the top right menu and click New Style. I'll name this number stat. Make sure to apply Style to selection and click Okay. Then I'll come and select the next number start below. Click on the number Stat Paragraph Style to apply it, click on the bottom number Stat and click on the Paragraph Style to apply it. Next, I'll select the text under the first number stat. Come down to the paragraph panel, set the space after to 80 pixels. Come into the Paragraph Styles panel, click on the top right menu and click New Style. I'll call this one Title Stat. Click to apply Style to selection and click Okay. Then select the next Title stat below, apply the star, select the last title Stat. Click to apply the star. And now I have a nice composition of type in this frame with stats nicely formatted set to some paragraph styles. Easy. So looking back at the final design, on page four, regarding text, we have the label repeated, a block of text below, and some highlighted text at the base. So back into my document, I'll click on the label on page one, press and hold Alt and drag over to the last page to make a quick duplicate, and I'll place to align to the top right of the page. Click on the header on page one, press and hold Alt and drag over into the last page to make a quick duplicate and align it to the left margin. I'll jump back into the content deck, select the text for page four, jump back into my document, select all and paste to replace. I'll place my mouse cursor at the end of the copy and just delete the paragraph break at the end and place the mouse cursor before tickets available now, and press Enter to add a paragraph break to get some space between. I'll press Escape to deselect the text frame, and I may also have to click back into the text and add a soft return. Next, I'll press and hold Alt and make another copy of the label text down below. Jump back into the content deck, select the base text, jump back into my document, select all and paste to replace. I'll press escape to deselect the text. Here I'll drag out the text frame to reveal more of the text. In this instance, I'll place my mouse at the end to remove the paragraph break. And in this instance, I'll control the text ragging. So I'll place my mouse cursor before the word exhilrating. I'll press Shift plus Enter to add a soft return. I'll place my mouse cursor after the word experience, press Shift plus Enter to add a soft return. I'll press Escape to deselect the text. Double click on the bottom middle anchor point to snap up to fit the text. I'll just position it towards the bottom, and that completes all the main texts that will be on each frame. Now, another common feature that works in carousel posts is the folio. Looking back at the file designs, we can see that across the bottom of pages 2 to four, we have these small pieces of text in the footer. For those who might not be familiar, this is often referred to as the folio. This is just the name given to small elements of text that can exist in the footer of a page set to a small font size. These can exist in carousel posts, much like they would in a print document like a magazine to remind people of the context of what they are looking at, and it can also be used to help navigate through a carousel post. Ultimately adding to a comprehensive user experience. In this instance, on page two, three, and four, in the bottom left, we have the title of the Design Expo event. On the right, we have a little navigation symbol to encourage people to scroll through the Carousel post. And on the last page, in the bottom right, we have a web address. So to finish the type for the carousel post, we will add the folio. To make this really easy, I'll come to page one and click and drag the label across while holding to make a duplicate. I'll place my text frame in the bottom left of the page. I'll click into the frame to select all the text. I'll come into the Paragraph Styles panel and click on Basic Paragraph. This will remove the formatting and set it back to the default. I'll jump into the content deck, copy the folio text sample one. Back into my document, I'll select all and paste. I'll be sure to remove the paragraph break at the end. I'll set the font to base new. In the font family dropdown, I'll set this to wide. In the control panel, I'll set the font size to 18. I'll press escape to deselect the text. With the selection tool, I'll carefully pull out the frame. Up in the control panel, I'll click to align the text to the bottom of the frame and place my text neatly in the bottom left like so, and double click on the top middle anchor to snap the frame to fit the text. Now I've created a new text format. With the text selected, I'll come over to the Paragraph Styles panel, click the top right menu, click New Style. I'll call this style folio. Click to apply Star to selection, and click Okay. Next, I'll click and drag my folio element right while holding Alt plus Shift to drag across in a straight line, and I'll place this one in the bottom left on page three. I'll do the same again, press and hold Alt plus shift and drag across to make it duplicate and place in the bottom left of page four. And I'll do this one last time to place one in the bottom right corner of page four. I'll jump into the content deck, copy the folio text sample two. Back into my document, I'll select all and paste. I'll be sure to remove the paragraph break at the end and pull out the frame to fit the text. I'll double click into the text frame to select A, and up in the Control panel, I'll click to line to the right. I'll click Escape to deselect my text, carefully position my base text on page four on top of the folio element to place it comfortably. And that now completes all the text elements in my first carousel post example. Nice. So now I have all the text in my carousel post. I can start to work with images. Looking back at my final posts, for post one, on page one, I have a logo mark in the top right, a collage composition in the module space below. In the bottom right, we have a little navigation symbol. Across page two and three, there is a seamless image in the background. And on the last page, there is the logo in the top left and a stroke element below this. So to begin, I'll start with the logo mark symbol. And to make this easy, I'll jump into the brand toolkit. So with the download folder open, click into Folder four project into the design Expo folder, click into Folder one media kit and open the design Expo Band kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. If we scroll to the logo page, we can see a sample of the logo mark. So I'll click to select this, copy, and back into the document. I'll first come over to the Layers panel, create a new layer and call this base images, and I'll make sure to place this layer at the bottom. Paste the logo into the document, place it at the top right of the margin on page one. And because it's a vector group, I'll place my mouse cursor in the bottom left and click and drag while holding Shift and scale the logo to fit 2.5 rows on the baseline grid. Easy. So next, I'm going to place the image into the module space below. Looking back at the final design, the image for this page will be one of the collage compositions we created earlier in the course. Into the brand tool kit, if we scroll down to the brand artworksty page, we can see we have links to collage samples. With the selection tool, I'll select the collage thumbnail. Now I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the worksheet thumbnail and the document will open up in its own tab. Here we have a series of collage samples we worked on in a previous episode. If you have not watched that episode and you're curious to learn how to create digital collages like these, you can jump back to the previous video. Or if not, you can just open this document from the download folder where you can follow along. For the first post design, I'm going to use the first collage composition over in the Lays panel, I've organized this document into separate layers to make it easy to work with. In this instance, I'm taking everything but the type. So in the as panel, I'll toggle the visibility of the type layer off, and now I can just see the visual elements. With the selection tool, I'll click and drag over the elements, copy these, come into my social post design, make sure I'm on the base images layer and paste. So when pasting in, you may see the elements appear a little desaturated. If we come up to edit, scroll down, click on transparency Blend space, if we set this to RGB, we will now see the image colors as intended. Now I'll take a few minutes to reposition the elements inside the module space like so until I have something that looks like this. So the next image element on this page is a small navigation symbol placed in the bottom right of the page. As mentioned earlier, a common feature on a carousel post is a folio element which can help encourage people to scroll through the post. Unlike static social media, which only consists of one frame, a carousel post will consist of multiple. So it can help to give users a visual cue to entice them to scroll through a carousel post. So back into the Bankit document, I'll scroll down to the icons and stroke page. And here I have some samples of some navigation icons. I'll select the bottom right icon, jump back into the document, paste in the icon, place it in the bottom right, press activate the scale tool and click and drag while holding Shift to scale down and fit to the height of two rows in my baseline grid. With my first navigation symbol placed with the selection tool, I click and drag right while holding Alt plus Shift and release on the far right side of page two to make it duplicate. And I'll do this once again to place on page three. And now I have three symbols in the bottom right on the first three pages. Looking back at the file design, the next image is a gradient map image which covers across pages 2 and 3 seamlessly. So with the base images layer selected, I'll come into the tools panel and grab the rectangle tool and I'll just drag from the top left on page two between the margin space and drag down to the bottom right in the middle of the margin space on page three. Into the frame, I'm going to place an image. So back into the toolkit, if we scroll to the image treatment page, we can see a variety of image samples with particular color treatment supplied. For the first social media post, we are going to use one of these gradient map samples. Now, I could either place the image manually into my social media post or copy and paste a sample from this document. So here's a quick tip. I'll select the image sample from the brand toolkit. I'll copy and jump back into my social media post. To make it easy, I'll first lock the type and 12. Create a Trifold Pamphlet Design In Adobe InDesign: The trifold double sided pamphlet is a compact, foldable print piece that offers multiple panels for organizing detailed information. As part of event print design collateral, this format can be essential for helping attendees navigate an event and stay informed about schedules, locations, and key highlights. The trifold format allows you to clearly present a lot of information in an easy to read organized layout while still maintaining a portable pocket sized format. This is important because it enhances the intendee experience, ensuring they can easily access the event's essential details and enjoy a smooth, informed visit. In this tutorial, I'm going to show you how to design event floor plan map from scratch using some simple yet powerful tools in in design. We'll cover setting up your document, adding text, visual elements, and even adding some design flare. So here I am in in design, and here is an event floor plan map open that we are going to develop in this video. Now, this design is part of a series of branded stationery we'll be creating on this course for a fictional design exhibition event. To create this trifold pamphlet in in design, we're going to cover the following key steps. Now, this is a methodical process that will ensure we create quality design and not leave anything uncheck. After this video, you'll be able to create an event floor plan map in Adobe in design super easy. So let's get into it. So up to this point on the course, we have created some fairly straightforward publications. In previous videos, we created a business card, a letterhead, a poster, a flyer, and some social media posts to name a few. Now, the trifold pamphlet is where things can start to get a little more challenging because not only are we dealing with a double sided print, but now multiple spreads, folds, and the order in which content is laid out. The goal when creating a pamphlet is to manage all the content in a way that makes it clear and easy to comprehend. And present information in a strategic order to help a reader digest information quickly. As I scroll down, you can see I have a pamphlet with side one on the top and side two below. If we look in the pages panel, we can see the contents of this document and how many pages are contained. For this project, we're creating a pamphlet for a fictional design expo event, which will include information attendees will need to be aware of to navigate the day. For the look and feel, we're going to take reference from the brand media kit that is included as part of this course. We will be including some of the brand motif and color elements as part of the design. We'll also be using some of the design elements we have already developed previously in the course. If you want to take a look at this document and get all the assets and follow along, you can get access to this document from the course download folder. This download folder comes with multiple projects and a ton of assets and resources we will be using in this course. You can find the link to acquire the folder from the description. With the download folder open, click into folder four project into the Design Expo folder. Click into folder two event publication design and open the event design in design file. This is a document that contains all the publication designs we'll be creating for this course. If we scroll down to the event stationary page, we can see a variety of documents. For this video, we are going to look at the pamphlet document. So with the selection tool, I'll select the pamphlet thumbnail, and I'll either come to the Links panel and click Edit original, or I'll hold Alt on the keyboard and double click on the Worksheet thumbnail, and the document will open up in its own tab. Now, for this document, I'm using the font base New. If you have not already downloaded the fonts for this course, this is a free font that you can acquire online. To get this font, I would recommend you check out the course PDF fonts page on the course PDF document. This is a list of all the fonts that are used in this course and where to get them. Simply click on the base New link, and this will take you straight to where you can download it. Simply close this document, install the fonts, open it back up again, and you should be able to follow along just fine. So when we start to develop publications with multiple spreads, we need to give some thought as to how everything is going to be laid out so it will be presented in a clear way when printed and folded. On the first spread, we have a fairly complex layout with lots of visual information. And on the second spread, we have another fairly complex layout with a map and various text elements. In this instance, the cover page is on the far right of the first spread and the back page is next to it in the middle on the left. This is because of the unique way in which the pamphlet will be printed and folded. If we quickly look at the numbering of the pages in theory, we can see it initially looks odd, however, makes sense when folded. When the pamphlet is presented, it will be the front page that will be seen first, the third page on the first spread. When the first page opens, it will reveal the next page, the first page on the second spread. Then the eye will move across to see the next page, the first page on the first spread. Then when the user opens up the next page, they will see the full inside spread. If they close the pamphlet and turn over, they will see the back page, the middle page on the first spread. So when working on a print publication that has multiple folds, one has to be careful of where the content is placed on the spreads to create an effective flow. Another thing to be careful when working on documents like this in in design are your pages and your spreads. If we look over in the Pages panel, we can see that even though this document is a double sided print, it actually consists of six individual pages, and the pages have been placed next to each other to create two spreads of three pages. So instead of creating one seamless canvas size, I've created one spread with multiple pages. This is really important when working on documents like this. Using individual pages will allow you to treat each page individually to apply its own grid system, margin space, and also when you export, you will be able to get all the correct crop marks which will help the printer fold the document. So if I press W to toggle between preview and normal mode, in normal mode, we can see that there is quite a few things going on behind the scenes. If I toggle off the visibility of all the layers, we can see the grid structure. To help structure and align my elements, I have used a six column grid on the first page and a two column grid on pages 2 and 3. Remember, using individual pages will allow you to set a column grid for each page separately and apply specific margins. If I toggle back on the visibility of the layers, we can see I have also used a baseline grid which fits inside the margin grid around the inside. If we look over in the layers panel, we can see four layers, one for type, one for base grid, and one for base images. This pamphlet includes a lot of visual elements, so the layers have been set up in this way to make it easy to organize and manage. And if we look at the character and Paragraph Styles panel, we have some styles here formatting or text, and we also have some in the Object Styles panel. So let's see how we can create a document like this. To begin, I'm going to come up to File New and create a new document. Now, when creating a new document in in design, you can choose from a range of presets. For this pamphlet, it's going to be folded down to the size of A five. So in this instance, I'm going to go with an A five sheet. I'll click the print tab and choose A five. Over in the parameters, I'll set the units to millimeters. I'll make sure the orientation is set to portrait. I don't want facing pages, so I'll make sure this is unchecked. I'm going to set the pages to three. For the margin space, I'll click to lock the parameters across them all. I'll set the top to 14 mill, and that should set the rest to 14. I'll click down on my bleeding slug, type in three mils for all parameters, click Create, and my document will open. Looking back at my previous document, we can see that I have the pages seamlessly next to each other. Now, by default, when creating pages in in design, they will always be treated separately and placed under each other. First, I'll need to address them to make them sit next to each other. So I'll come over to the Pages panel. I'll click on the top right menu, scroll down, and currently, we can see a tick next to Allow document pages to shuffle. I'll click this to remove the tick. Then in the pages panel, I'll click on my second page and just drag it up next to my first page. When I see a line next to the page, I'll release, and that will snap the page next to it. And you will also see this page will be immediately next to the page in the work area. Next, I'll come to page three, drag it up next to page two, and now we have a seamless canvas area on three pages. Now, for this document, I'll lead a second spread for the other side of the document. So with my initial three pages setup, I'll come to the pages panel, click on the first page, press and hold Shift to select page three. Right click, click on duplicate spread. And now we have our spread for the front and inside. And if I press W on the keyboard to toggle on preview normal mode, we can see our margin space around the inside of each page and the bleed line around the outside of the pages. Great. Looking back at my final pamphlet, if I press W, I can toggle between normal and preview mode. In normal mode, we can see the grid that I have used to structure the pamphlet content. For this approach, on page one, I have six columns, and on page two and three, I have gone for a two column grid. I've also used a baseline grid which will allow me to align things vertically. So now I'm going to come into my in design preferences, click on units and increments, and I'll set this to millimeters for horizontal and vertical. If you're following along, I suggested you the same so you can match what I will be doing next. Back in my new document, I'll come over to the Pages Panel and double click on the parent page. So right now, it's currently set to only one page. By default, when you set up a document in design, you will also get a parent page with one page. But this can be easily changed by coming over to the parent page in the Pages panel. Right click and click on parent Options. When the menu appears, I'll simply type in three at the bottom. Click Okay, and now my parent page will match the Canvas spread area. Okay, so first, I'll come and click the first parent page to just select the first one. I'll come up to Lut and click Margins and columns. I'll set the columns to six and set the gutter to zero and click Okay. Next, I'll click on page two in the parent pages and click page three while holding Shift to select them both. I'll come back up to Layout and click Margins and columns. I'll set the columns to two and set the gutter to zero and click Okay. Back into the parent pages, I'll click page one, press and hold Shift and click the third page. I'll come back up to layout and scroll down and click Create Guides. In the menu, I'll make sure to click to turn on the preview. For os I'll first set the gutter to zero, and I'll set the number to 40. I'll make sure to hit the checkmark for fit gutters to margins. I'll click Okay, and if I double click on a page in the pages panel, the grid will be applied to both spreads. Perfect. So once I have my document set up, I can now start thinking about working with visual elements. Now, depending on the nature of a design, this can influence whether you start working with type or image. Looking back at the final design, if I toggle off the visibility of the type and images layer, we can see that the overall design is structured in what appears to be a stroke base grid, which is used to compartmentalize all the elements. So for this approach, I'm going to start with the base grid structure and then work my way upwards. So to kick off any document, I'll always start with my layer structure. I'll come into the layers panel, double click on the current layer. And since I'm starting with my base layer, I'll call this base stroke grid. Now, looking back at the final design, you can see that there's quite a distinct star for this. On the first spread, the grid comes in from the top left of the first page and finishes on the bottom right of the third page with space around. And inside, there are lots of vertical and horizontal strokes on each page. Back in my document, I'll grab the rectangle tool. I'm going to start outside of my canvas at the top left of the first page. I'm going to make sure that I click roughly in the middle of this margin space on the left. I'll click and drag down and then across into the third page, again in the middle of the margin space on the bottom, on the right. On release, I now have a simple box frame carefully positioned on my spread. I'll come over to the tools panel. I'll make sure the stroke is selected, and for now, I'll just come and set this to black with the stroke size of 0.5. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outlined there. Now, for this grid, I also want some vertical lines. So I'll come over and grab the stroke tool from the menu, and I'll just start by clicking and dragging down while holding Shift to draw a straight line from the top left side of my first page inside the margin space. Again, I'll make sure the stroke is set to black with the size of 0.5. With a selection tool, I'll drag the stroke while holding Shift plus Alt across and place one in the margin space on the left on page two. I'll drag another to place in the margin space on the left on page two, and then a last one across in the margin space on the left on page one. Now for this grid, I need some horizontal lines. I'll grab the stroke tool from the menu, and I'll just start by clicking and dragging across while holding Shift to draw a straight line from one side of my box to the other on page one. I'll make sure the stroke is set to black with the size of 0.5. With the selection tool, I'll just drag the stroke while holding Shift down and place it at the bottom of the second row from the bottom. Now, I'm also going to need another one. So with the selection tool, I'll just drag it up while holding Alt plus Shift to make a quick duplicate. And for now, I'll just place this roughly in the middle. So I could go on and make more for the other pages, but for now, I'll just keep these. And if I press W on the keyboard to toggle between normal and preview mode, we can see my stroke outlines there. So this lays down the base grid and the fundamental structure that I'm going to build on top. Now we've defined some properties for these stroke objects, I'm going to make a quick object style. So first, I'll select one of the strokes, then I'll jump into my object style panel, click on the top right menu, click New Style. I'll name this base stroke. Click to apply Style to selection and click Okay. Then I'll select all the other strokes and apply the base stroke ObjectStyle. So if at any time after creating these strokes, I want to change the size or color, all I will have to do is simply change this one object style, and it will change them all automatically. Easy. So looking back at my final pamphlet design, we can see that overall, this is a fairly text heavy document. We do have images, but they generally work around the structure of the type. So next, I'm going to look at working with Type to lay down all the type elements, which then later we can bring in all the images. So to make it simple and straightforward, we'll start with the largest piece of text, which in this case, is on the cover page on page three of the spread. Looking back at my final design, we can see that on the cover page, we have a specific type format. Now, in a previous video, we set up a flyer design. In that episode, we learned how to format the text to create this exact header effect and apply character and paragraph styles. One of the awesome things about setting up character and paragraph styles is that these can be copied and pasted from one document to another. So instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. So I'll come back to the event design document on the market in collateral page. With the selection tool, I'll select the flyer thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. I'll come and select the head of type in the top left. I'll copy this, jump back into my pamphlet documents. I'll come over to the layers panel and create a new layer. I'll call this type, make sure it's set to the top, paste in my text sample, drag it to a line to the top left of my inside margin on page three. And now the text is placed in the document. And if we look over in the paragraph and character styles, you can see we've also carried these across. Nice. So the text is looking great, but right now it's a little too large for this page. So I'll come into the paragraph stars panel and double click on the header style in the header and titles folder. I'll come to the basic character formatting settings, set the size to 33 and the leading to 34. Click Okay, and the text will resize. Keep in mind that all of this text is assigned to this one paragraph style here, and the second line is defined by this character style. The second line selected, if I click none in the Character Styles panel, we will see the formatting removed. And if I click back on the head of line two style, it will return. All this character style is doing is applying the stroke and the all caps effect. The size and leading is defined by the paragraph style. So with my text sample in place, I'm now going to change it. To do this, I'll come into the design expo content deck. This is a content deck that has been created to help you follow along with all the tutorials in this course, to get hold of all the text. If you want to get hold of this content deck, click the link in the description or click the link in the course PDF. So I'll come down to the page for the floor plan pamphlet, select the top line for the header, jump back into my in design dock and change it. And on this occasion, the second line is the same. So for now, I'll leave it as it is. With my header now on my cover page, with the selection tool, I can now come and select the horizontal stroke below, and I can drag this up and place it comfortably underneath the text. What I'm aiming for here is to place the stroke below with the same amount of space above the header. I'll align the stroke to one of the baseline rows, and now I have to find the module space below. So looking back at the file design, we can see at the bottom of the page, we have some texts grown across the bottom. Again, we could set this up from scratch, but to save time, we're going to recycle. I'll jump back into my fly document, copy the foot to text, and paste into my document on the type layer. I'll place in the bottom module space and then click and drag the text frame to fill the space. I'll jump into my content deck, copy the foot to text. Back into my document, I'll select all and paste. Now, when working with typing in design, you'll want to be careful, so I'll come up to type, scroll down and click on show hidden characters. Now hidden characters in Adobe in design are non printing symbols that represent formatting elements in your text, such as spaces, paragraph breaks, tabs, and line breaks. These characters are essential for understanding the structure and flow of your text, but are invisible by default when working in a document. So right now, I can see there is a paragraph break at the end of my text. I don't want this, so I'll place my cursor at the end and press delete to get rid of that. This is just going to clean up my texture. Now, upon pasting in the FUTA text, we will also see in the Paragraph Styles panel, we will have carried across the foot to paragraph style. On this occasion, the text is larger than I want for this document. So with the text selected, I'll come up to the character panel, set the size to eight points, set the tracking to 300. I'll come into the Paragraph Style panel, right click on my Footer Style and click Redefine Style. Easy. So now I have my text elements. On the first page, I can move onto the other page. To continue, I'm going to look at the first page in the spread and work my way across back to the cover page. So looking back at the file design, for the first spread, we can see we have a straightforward title in the top left. So to make it easy, I'll click on my header text on page three. And while holding Alt and Shift, I'll click and drag left and place on the first page in the top left margin space, and upon release, I will have duplicated that header. I'll jump into the content deck, copy the title text for page one, back into my document, I'll select all and paste, and I'll be sure to remove the paragraph break at the end. So right now, this text is a lot larger than I'd like it to be. So I'll select the text, and up in the control panel, I'll set the size to 18 and the leading to 22. Now, over in the paragraph stars panel, we will see a plus icon next to the heading star. Just created some new formatting. So I'll come up to the top right menu in the Paragraph Styles panel and click New Style. I'll name this style title. Be sure to set the based on to no paragraph. Make sure apply style to selection is checked. I'll click Okay, and then add a soft return and change the text frame size to fit my text. Easy. Looking back at the final design, on the first page under the title, we have a table on the left hand side listing the speaker lineup. And to the right side of this, we have some mugshots of some of the standout speakers of the day. If I press W to enter into normal mode, we can see how I have structured this layout. With the table taking up four columns, we can see how I have structured this layout, with the table taking up four columns on the left and the mugshots taking up two columns on the right. So back into my document, I'll prepare the space for my table on the left. With the selection tool, I'll click on the stroke on page one on the right. And while holding Alt plus Shift, I'll click and drag to the left and places stroke at the start of the fifth column. This will set the space on the left for my table and the space on the right for my mugshots. Now I've got my title in the top left. I can also bring in a horizontal stroke. With the selection tool, I'll click and drag a horizontal stroke from the third page over into the first page, and I'll just place it under the title like so that will now create two modules on the top, one on the left, and one on the right. To create my table, first, I'll make sure nothing is selected, and in the Paragraph Styles panel, I'll make sure I do not have any star selected at all, and I'll click on Basic. Come over to the tools menu, grab my type tool, and with the type layer selected, I'll click and drag from the top left of my module space across and down to fit into the space on the left. Upon release, I'll come up to table and click Insert Table. Upon click, a manual appear, for the rows, I'll set this to 11. For columns, I'll set this to four and click Okay. By default, when creating a table, you will see a grid with the strokes on the side and top. Next, I'll jump into the content deck, click on the button for the table, and this will reveal a link below. If we click on this, it will open up a Google Sheet dock. Here I can click and drag from the top left cell to select all, I'll copy, and back into my document, I'll select all the frames and paste. With it all still selected, up in the Control panel, I'll set the font to eight, and now we can see the contents of my table in my document, and I'll press Escape to deselect the text and the table. Nice. With the default formatting applied to my type, next, I'll need to format the type and the table sells. Next, I'll come into the Design Expo brand toolkit. With the download folder open, click into folder four project, into the Design Expo folder, into Folder one media kit, and open the Expo brand kit in design file. This is a brand kit document that includes all the style references we are going to include in our publication design. Scrolling down to the second format guide for the type, we can see the formatting instructions for the table. Here we have a solid stroke between the rows with particular fonts applied to the header and the names. So in my document, I'll click to select all the frames with the text inside. Up in the control panel, I'll set the font to base New, and in the drop down, I'll set the font to wide. I'll set the size of the font to seven, and with all the text selected, I'll come down into the paragraph panel and make sure to click off hyphenation. Right now, each cell in this table is the exact same size. What I want to do here is toggle the width of some of the columns to allow some of the content to fit more comfortably. So first, I'll come into the second column place my mouse cursor over the edge of the second column, and when my mouse cursor changes, I'll click and drag out. I'll place my mouse cursor over the end of the third column and drag in again for the fourth column, and a little for the first column until I can fit my table in the left space. And I'll make sure the table fits perfectly inside edge to edge. So next, I'll come up to the control panel and click to align the text into the center of each cell. Then I'll come over and adjust the row height of each row. I'll push this up to 11. And as I do this, you will see the space in the rows change. Okay, so next we're going to address the strokes. So with everything selected up in the Control panel, if we look closely, we will see a diagram that represents the selection of the current strokes. What I'll do here is carefully come and click on every stroke, both horizontal and vertical until it's all blue. Then I'll come over to the stroke size, set this to zero, and we will see all the strokes have disappeared. Next, I'll come back to the stroke diagram and be careful to click on all the blue to set it all back to black to deselect. And then just click on the top, middle, and bottom stroke. Once the top, middle, and bottom stroke is set to blue, I'll come over to the stroke size, set this to 0.5, and we will see all the strokes between the rows will reappear. If I press escape to deselect the text and the table, if I've done this correctly, I will now see my table sitting nicely in that space, where the strokes between the rows are now sitting seamlessly connected to the left and right grid space. If you find that you can still see some space on the left or the right of your table, you can simply double click back into the table, place your mouse cursor over the edge of one of the columns, and you can click and drag to adjust the width of the overall table to fit more snugly in that space. Nice. So now we have the space sorted now to address the fonts. So I'll begin by clicking and dragging down over all the names. Up in the control panel, I'll change the font from wide to semi bold. I'll click and drag to select the header section. Up in the control panel, I'll change the font from wide to semi bold and set the font size to nine. Finally, I'll select down on the last column. In this unique instance, because this is a slim column and looks a little awkward there, aligned to the left, I'll also come up and set the type to align center. Lastly, I can click into the text cells and add some soft line bricks to make the text read nicely in the rows. I'll press escape to deselect the table and text. Double click on the bottom middle anchor point to snap the frame to the contents, and that sorts the table. Nice. Looking back at the final design, below the table, we have a piece of type with a highlight effect applied. Now, we could create this from scratch, or you guessed it, we could recycle from a previous document. In the previous video, we set up a poster design in that episode, we learned how to format the text to create this exact label and apply the highlight effect. So instead of formatting this from scratch, I'm going to grab a sample we prepared earlier. So I'll come back to the event design document we opened earlier on the marketing collateral page. With the selection tool, I'll select the poster thumbnail. Now I'll either come to the Links panel and click Edit original or I'll hold Alt on the keyboard and double click on the worksheet thumbnail, and the document will open up in its own tab. Come and select the label type in the top right. I'll copy this, jump back into my document. I'll make sure the type layer is selected, and I'll paste. Now, upon pasting, the text appears particularly large. This is because I just copied and pasted some text from a very large poster design into a pamphlet that's a lot smaller. So with the text frame selected, I'll drag it over and place into the space below the table and click and drag to set the text frame to fill the space below. Next, I'll jump into the content deck, copy the highlight text for page one. B into my document, I'll select all and paste and press Escape to deselect the text and click off to deselect the frame. Right now, the text is very large within that TextFrame. With nothing selected, I'll come over into the Paragraph Styles panel. I'll double click on the label style, come across into basic character and formats, set the size to 13 and the leading to 15. Next, I'll click on underline options, set the weight to 20, the offset to minus five. Click Okay. Double click into the text frame and remove the paragraph break at the end of the paragraph. Escape to deselect the type. Come up to the Control panel, click to align the text to the center of the frame vertically, right click on the frame, select text frame options, and lastly, add a seven mill only to the left indent space. Click Okay. And that places the highlight text nicely in that space. However, right now, I think the text flows too far across the frame. So with the frame selected, I'll come down into the paragraphs panel and click to add a ten mil right indent. And now that fits perfectly in that space. Nice. So looking back at the final design, the next piece of text follows on after the title in the module space in the top, right. So back in the document, I'll grab the type tool and come and click and drag to draw a text box from the top left of the margin space down to the right to fill the module space. Now, I'll come into the Paragraph Styles panel and make sure I have no style selected. I'll click on Basic. I'll jump into the content deck, copy this subtitle text for page one. Back into my document, I'll click into the frame and paste, remove the paragraph break at the end and press Escape to deselect the text. Next, I'll right click on the frame, select text frame options and add a seven mil only to the left indent space. Click Okay. Double click into the text and select all. Select the eyedropper tool, click on the head of text to clone the formatting. Then up in the Control panel, I'll set the size to nine, the leading to 12. Come into the Power graph stars panel, click on the top right menu, select new star. I'll name this subtitle. Make sure to set base on to none. Click Okay. Then down in the Power graph panel, I'll set the right indent space to ten mills, and that will fit my text nicely in that space. Looking back at the final design, we can see that there is some formatting applied to that top piece of text. So back into my document, I'll select all the text into the paragraph panel. I'll set the space between paragraphs to two, and that will put some space between the top line and the text below. I'll come into the Paragraph Styles panel, right click on the subtitle style and redefined style. I'll come up and select day one, and for this, I'll set the font expanded semi boold. Now, in this instance, I'm not going to create a paragraph style. I'm simply going to create a character style. I'll come over to the Character Styles panel, hit the top right menu, click Create New. I'll name this Expanded semi boold and click Okay. Press Escape to deselect the text, and that sort the subtitle. So next comes the profile text for the mugshots. Again, we could create this from scratch, but we already have a sample we created earlier in the flyer. So I'll jump back into the flyer and select the first frame with some profile text inside. I'll copy this, jump back into my pamphlet document, and with the text layer selected, I'll paste. Now, on this occasion, I'll place my frame right up against the inside stroke, and I'll drag the text frame right to fill the width of the column space. I'll right click on the text frame, select text frame options, and only add a seven mill left inset space. Click Okay. And while holding Shift plus Alt, I'll click a drag down to duplicate below. I'll do this one last time to create a third one. And for now, I'll just place my frames inside the space, like so. It's not until later when I bring in the image elements, I'm going to know where to place these. So for now, I'll just leave them here, jump back into the content deck, select the name and profile details for the two other profiles. Back in my document, I'll update these and just leave the text like it is for now. Now, in this instance, the paragraph text of these profiles is looking a little small. So over into the Paragraph Styles panel, we can see a profile paragraph style that has been brought in. I'll double click on this, set the font size to seven, the leading to nine. Click Okay. I'll double click on the profile header, set this to nine, click Okay, and now the profile text is looking good. So now moving on to the back page, we can see we have a lot more text samples, some of which we've already prepared. Here I can click on the text on page one, press and hold Alt and drag across while holding Shift to duplicate that across in a straight line, release in the top left, jump back into the content deck, select the content for the title, back into my document, select all and paste, and I'll be sure to remove the paragraph break at the bottom. My title placed on the back page. With this selection tool, I'll make sure the base stroke layer is unlocked. I'll lock the type layer, click on the horizontal stroke on page one, and while holding Alt plus Shift, I'll drag across to the right to make a duplicate and place on the back page like so. Next, I'll click on the new horizontal stroke, and while holding Alt plus Shift, I'll drag down and place it on the top of the second row from the bottom to line up with the stroke on the cover page. This now defines the space in which I can work with the next type elements below. So next I'm going to lock the base stroke layer, and with the type layer unlocked, I'll come over to the tools panel and click the Type tool. I'll make sure in the Paragraph Styles panel, I have no style selected, so I'll click on Basic Paragraph to set this to default. I'll click to draw a text frame from the top left across to the end of the first column. Upon release, I will have a text frame. This selection tool, I'll press and hold Alt plus shift and drag down to duplicate the text frame immediately below, placing the top of the text frame to the bottom of the text frame above. I'll do this one more time while holding Alt plus Shift. I'll click and drag down a text frame and place this directly underneath the second text frame where the top of my third text frame touches the bottom of the second text frame. With a selection tool, I'll click and drag over all three of my text frames, 13. SECTION 2: Closing: So this brings us to the end of this publication design journey. I hope you have enjoyed it, and most importantly, you have gained some valuable knowledge to harness your creativity, to create dynamic layout design in Adobe in design. I hope by now, you have some solid experience in creating layout designs from scratch for both print and digital to take you further to craft more publication designs in Adobe in design. As you have seen in this class, in design is truly a powerful program. In this class, we covered a lot, but there is still so much to learn about in design. If you enjoy this class, be sure to follow as there will be more like this coming in future, where we will explore other aspects of in design. So until next time, thank you for joining me in this epic creative adventure, unleash your creativity, and I'll see you in the next class.