Creating a Trifold Brochure In Affinity Publisher | Nick Terry | Skillshare

Creating a Trifold Brochure In Affinity Publisher

Nick Terry, Graphic Designer

Creating a Trifold Brochure In Affinity Publisher

Nick Terry, Graphic Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Lessons (1h 45m)
    • 1. 01 Welcome to Creating a Trifold Brochure Featuring a Menu

      0:48
    • 2. 02 Storyboard in Affinity Publisher

      1:37
    • 3. 03 New Document Setup and Pages Setup In Affinity Publisher

      3:53
    • 4. 04 Baseline Grids and Folding Guides Setup In Affinity Publisher

      7:10
    • 5. 05 Importing Our Color Palette

      7:41
    • 6. 06 Paragraph Styles Part I Base Style

      6:58
    • 7. 07 Paragraph Styles Part II Body Copy Styles

      4:04
    • 8. 08 Paragraph Styles Part III Body Copy Decoration Styles

      4:35
    • 9. 09 Paragraph Styles Part 4 Headers and Subheader Styles in Affinity Publisher

      5:34
    • 10. 10 Paragraph Styles Menu Item Style

      5:47
    • 11. 11 Paragraph Styles Menu Item Description Style In Affinity Publisher

      5:57
    • 12. 12 Paragraph Styles Menu Pricing Style in Affinity Publisher

      8:53
    • 13. 13 Character Style Creation in Affinity Publisher

      3:55
    • 14. 14 Photograph Placeholder Frames in Affinity Publisher

      9:16
    • 15. 15 Inserting and Scaling Photographs In Affinity Publisher

      5:29
    • 16. 16 Typography Implementing Our Styles In Affinity Publisher

      18:12
    • 17. 17 Export PDF for Production in Affinity Publisher

      3:54
    • 18. 18 Class Project in Affinity Publisher

      0:32
    • 19. 19 Thank You

      0:21
  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels
  • Beg/Int level
  • Int/Adv level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

24

Students

1

Project

About This Class

Welcome to creating a Trifold Brochure featuring a menu in Affinity Publisher. Throughout this course, you will learn skills that are needed to create your first trifold brochure. We will set up a new document, create guides for our folds, set up a baseline grid, and establish a variety of paragraph and character styles. We will also create 3 variations of menu styles so you can choose which one works best for you.

We will insert photographs, import our color palette and get our brochure ready for press production with PDF export. Let's get started today and build a brochure.

Chapters:

  • Welcome to Creating a Trifold Brochure Featuring a Menu
  • Storyboard Review
  • New Document and Pages Setup
  • Baseline Grid and Folding Guide Setup
  • Importing Our Color Palette
  • Paragraph Styles Part I Defining Our Base Style
  • Paragraph Styles Part II Body Copy Styles
  • Paragraph Styles Part III Body Copy Decoration Styles
  • Paragraph Styles Part IV Main Header and Subheader Styles
  • Paragraph Styles Menu Item Style
  • Paragraph Styles Menu Item Description Style
  • Paragraph Styles Menu Item Pricing Style
  • Character Style Creation
  • Photograph Placeholder Frames
  • Inserting and Scaling Photographs
  • Typography Implementing Our Styles
  • Export for PDF Production
  • Class Project
  • Thank You

Meet Your Teacher

Teacher Profile Image

Nick Terry

Graphic Designer

Teacher

Nick has a Master’s Degree in Multimedia Technology and has been teaching Visual Communications Media and Technology Graphic Design at North Central State College and the Central Ohio Technical College since 2010. His classes include Adobe Photoshop, Adobe Premiere, Adobe InDesign and Affinity Publisher. A graphic designer for the past 20 years, his portfolio can be seen at www.talldesignguy.com

See full profile

Class Ratings

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Your creative journey starts here.

  • Unlimited access to every class
  • Supportive online creative community
  • Learn offline with Skillshare’s app

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.

phone

Transcripts

1. 01 Welcome to Creating a Trifold Brochure Featuring a Menu: Greetings, my name is Nick Terry and I would like to welcome you to creating and designing a tri-fold brochure in men U inifinity publisher, relatives course I will challenge you with creating a new document, importing color swatches, setting up custom for guides, and spending a lot of time and owning our skills and creating paragraph character styles make inputting our final body copy much easier. Design as we all know as the fluid subject in which we have spent a lot of time planning. But you need to be flexible to account for change. Oh, I've hypothetical client change requests. If formatting that's we will need to insert new paragraph styles we didn't initially planned for. We will insert our photographs and get our document ready for professional print production. Let's get started today and build our brochure with affinity publisher. 2. 02 Storyboard in Affinity Publisher: I'd like to welcome you to the storyboard review for the winery menu we're going to be creating in this course. For those of you that may have taken part in some of my previous workshops and classes. I like to go over the storyboard for what we will be creating in this course. Right now we're looking at a PDF that I supplied to you in the class resource's folder. You'll be able to find that in the class resource's folder, in the storyboard folder, and open up the PDF. I have also included the affinity file that you can open up to see how these align to the baseline grid and the document grid will be setting up when we start getting into the creation of the document. To review what we are looking at. I've included the crop marks and bleed on this file. In anything that you see in green will be a representation of where some topography elements will go. Anything that's highlighted in a blue color will be where a photograph or a graphical element will be placed. I also put in some background fills for areas where I plan on putting in background colors. And for the light grey colors, they may not show up too well on this screencast, but there is a light gray and the background of this panel over here. And when I go to the second page of the PDF, will be able to notice a couple of more areas where there is a background fill. So more places for photographs or other graphical elements in some topography. So I'll be referencing this throughout this course on recruiting this menu and going through and creating our styles as well as our layout. And let's get started with our new document creation. 3. 03 New Document Setup and Pages Setup In Affinity Publisher: We are now ready to create our new document for our tri-fold menu. To begin right now looking at the welcome screen from affinity publisher, if you had this disabled, which I'll go ahead and close this narrow, didn't go under the File menu and select new. And to ensure that we're all starting on the same document settings right now being my presets. And we're gonna go over to the print panel. And I'm going to scroll down and find the letter for the US 8.5 by 11 inches over in our settings for a studio panel. Since our dimensions already set up properly, I'm going to continue to scroll down. This is intended for print purposes. I'm going to leave the resolution at 300. Let me, I'm going to change the orientation to be landscape versus portrait. So now our width is 11 inches and our height is 8.5 inches. Scrolling down, I want to have two pages in this documents, so I'm going to put two I'm going to uncheck marked facing pages since this is not a publication layout. Continuing down through R Studio panel, I'm going to change the color format to be CMYK for print output. And if you have a specific color profile that you need to target, you can't change it in this dropdown menu. The default for us web coded is fine for my printer, but I'm gonna leave that as it is. Scrolling down, we have the margins option. I'm going to click on uniform margins. And then the left one, I'm going to type in 0.25. And with our uniform margins linked, it'll automatically update the other margins to match accordingly. It in a document bleed, I'm going to point in 0.1 to five or 1 eighth of an inch bleed, which is the requirement for my printer. And we can scroll back up to the top of the studio panel and click on the custom plus button to add a preset. I'm going to right-click on the unnamed preset. Choose Rename. And I'm going to call this trifold US letter and say OK. And now we can click on create to create our document. Over here in our pages panel, we have our two pages and we have our one master page. Now if your master pages or toggled down by default is click on the arrow next to master pages to show the master pages. And now we're going to actually rename this by clicking on it. And I'm just gonna call this one exterior. We're gonna make a new master page by clicking on the Add master button. And I'm gonna call this one master be interior. Say Okay. Now we're gonna add one more master. And I'm gonna call this one style guide and say OK. Now our last step is to go and Repeat File menu to Save As. And I'm going to navigate, in this case to my desktop. Find my folder. Here, maybe you my location and save our document. And type in the filename, and click on save. In the next video, we'll begin setting up our guidelines and miming our panels. So get ready to start on our layout. 4. 04 Baseline Grids and Folding Guides Setup In Affinity Publisher: Welcome back. We're now ready to begin the next step of our design process. We're just setting up our baseline grid and our folding guides for our brochure. Early I'm on master page a. Now I'd like to now set up my baseline grid. In order to do that, I'm gonna go in the view menu and go to Show baseline grid manager. In the baseline grid Manager Studio panel. By default, your show baseline grids maybe unchecked. You wanna make sure you check mark this. And now we're going to implement to use the baseline grid. I would like to change their relative to from top of spread. We have top of margin. As a grid spacing to be 12. You can also change the color of your baseline grid by clicking on the color swatch. I'm gonna make this a slightly darker blue and lower the opacity. So it's not so intrusive. We're going now close out of this panel and we'll see that the baseline grid has been applied to all of our master pages. Are next step is going to be to implement a folding guides for our brochure. Or like to draw your attention to the website where I'll be getting affording guide dimensions right now among universal printing.com, whichever print provider you choose to go with, they should be able to provide you with this information on their website or via their customer service to ensure that you're setting your document up correctly. I would like to draw your attention to GE and half by 11 letter size Rocher that we're gonna be creating. And we'll see our panel sizes or 3.6253.68753.6875. And when we get ready to create the inside of the brochure, what remember that this will actually become a right. So lift will become right and right will become left. So we have to invert these numbers in and we'll walk through that process together. So all setting these up, I will be rounding them for use of use purposes. And we'll go ahead and minimize this and get back in the publisher. So in our first unit of measure was at 3.63. So we're wondering if you view menu, choose the guides manager. And I want to draw your attention to the vertical guides. By clicking on add new vertical guide. It's going to place our first guide writing them vertical center of our documents. So it's bringing it a 5.5 inches. And we're gonna change this to be 3.63 and hit enter. And you'll notice that the guide locks into position. Our next step is going to be done, sort of our second one. So we'll reference back to the website again. And we'll see this is 3.69. We're going to implement another one by clicking on the new guy. We're 3.63 plus 3.69. And that's going to put our second guide into position. Now the next thing I like to do is go in and add some safety guides on the left and right of these folds to ensure that if there's an image or some texts and I don't want to get cognitive fold, but I have those guides to go by. So the next step we're going to create a new guide. I'm gonna type in 3.63, since that's our first guide. And I'm going to do minus 0.25. That's gonna give us a quarter of an inch 14 compensation away from the folder. I'm going to make another guy. I've been 3.630 this I don't wanna do plus wanting to five. And that's going to add another one to the right of our folder. We create another guy and do 7.3 to minus 0.25. That's gonna put another guy over a year on the ray. And lastly, we'll do 7.32 plus 0.25. And we assume we have received the guides in place. Now the reason I chose 0.25 is our outer safety margins are also 0.25. So that's going to ensure that I have equal space on these panels from the outside margin to where the fault occurs on the actual brochure. I'm not going to get out to master page B. And now we have to invert these numbers a little bit. We're gonna go back up to our View menu. Go to the guides manager. And the first number we're going to type in, please, our vertical guy. Remember 3.69. That's going to be first. We're gonna make a new guy and do 7.3. And this is going to be our second guy, or the right panel. Now once again, I would like to add a left and a right safety margin for both of these folds. I'm gonna go ahead and click on my ad new guide button will do 3.69 minus 0.25. We have 3.4 for y at another gun. And do 3.69 plus 0.25. And continuing on, we know we have 7.3 minus 0.25. And lastly, we have 7.3 plus 0.25. And that's gonna give us our last of 7.63. Now on these ones, I had these prerecorded just to speed up the process. But once again, you would reference the website and make sure you write down those numbers accordingly. We will minimize this. I'm going to close out of this panel. One thing I didn't want to draw your attention to before we close out and continue on to our next step. Then we're going to go back in. Your guy, his manager. And one of the new features of affinity 1.9 is the ability to change the safety margin color. I'm going to click on the color swatch. And typically when I'm working with safety margins, I prefer to have that set as a green color. However, if there's a project that I'm working on that uses a solid green background. Phil, I would change this on a project by project basis, by typically associate green with a safety margin. I'll go ahead and close out of this. And now that we have our guide setup, we can now apply raster page B to page two by dragging it down. And then when we double-click, we'll be able to notice when we go between our two pages that the guides change ever so slightly represent the outside of the brochure. And the inside of the brochure. 5. 05 Importing Our Color Palette: Welcome back. We're now ready to start the next step of our design process. And that's going to be inserting our color swatches into our project. In the class resource's folder, I have provided you with a color palette that we're going to insert and the publisher to have those colors populated for you. While in this video, I will demonstrate how to insert your own color if you choose to do so. You'll also be able to just import these so that we're ready to go and move on to the next lesson. Right now we're looking at master page a. And I eventually want to get down here to master page C, which is going to be our style guide. This is where I'm going to be putting all of our paragraph styles, character styles, and also these color swatches that we're gonna be using in this project. Though we, I can quickly reference them later on this style guide menu. Right now we're on master page a, and there is one other guide I want to add. So right now we're looking at the guys from master pages. I'm going to go underneath the View menu. Go to guides Manager. And for now I want to look at this first one right here at 3.38, which is this guy right here. And the main reason for that is when I get ready to create my menu, I'm going to be creating it based on paragraph styles. And I know for certain that I'm going to be placing that on this particular panel or the folding facing panel. So I wanna make sure I have this measurement and mind of 3.38. So now I'm going to go down here to master page C. What whenever you could view menu guides manager and insert our first vertical guide at 3.38. And just put that one into position and asks you only want that. I'm really concerned about when I started setting up my Menu styles for this particular project. Now we're ready to import the colors we want to use in this project. So I'm going to go over here to our swatches panel. I'm going to click on the Show More Options button. Scroll down here to the bottom where it says import palette. I want to choose Import palette is going to give you the option to import it as an application palette or as a document palette. I recommend importing it as a document palette. And application palette will make sure that it's available for every new project you create it, it's going to be loaded every time you start a new project. So this is a specific project. I want this to be only relevant to this particular document. So I'm going to choose as document palette. And now we can navigate to our palette is. So in the class resource's folder, you're going to have a color palette. And here's the winery menu palette. So I'm going to click on that. And now I can click on open. So here are the available colours that I'll be using in this particular project. Now I also want to draw your attention to the lower left-hand corner of the US. Real skew the white triangle. And that's because I have all of these setup as global colors. Meaning that if you want to change any of these, you just double-click on it. A PE teacher color using the CMYK sliders and any design element that uses these colors, whether it's typography or background fills, will be automatically updated throughout the entire document. So I recommend using global colors on every project. It just makes it much easier. If you do have to go through an update colors for a client or for your own personal projects, versus going through individually and having to change every element on a page that might contain that color. So to get our colors into our document, I'm going to go over here to our tool palette, and I'm going to get our rectangle tool and just drag out the basic square. And now we can go ahead and duplicate this several times over. So I'm just gonna hold down Shift and Alt key. You can also do command or control V to paste on. And I know I have six colors in here, so I'm just gonna go ahead and put through our six colors. And I'm going to highlight them all. And I'm gonna go to the align future. I wanna go ahead and distribute evenly and click Apply. And now we can just go through and add our individual colors here for each one. So I'll click on our third option. Or fourth, 1, fifth 1, and lastly, our sixth color. Now we have all of our colors here represented that we'll be using in our project. Now if you do want to add your own colors to this palette, you are welcome to do so. And for those of you that may not be familiar with how to add colors and publisher. I'm going to go ahead and duplicate this real quick and just drag down this nu square two. So I have to work with and I'm going to go up here while we're in our swatches Studio panel. And I'm going to double-click on the fill color. So this first solid circle IR is the fill color. The circle outline is what's known as the stroke color. So I want to make sure I'm just choosing my fill color. And now let's say I wanted to add in a purple color. So I'll go ahead and get my slider. We went over here to purple. And somewhere in near looks nice. So here's our color values right here. Once we're happy with our color, I might tweak this a little bit by maybe you answering him and entering 0, so you can still fine tune your color selection once you have it. Cuz close. And now you'll see we have our purple color up here. Now to add this into our color palette, you would click on this Add Current fill to palette. And when I do that, you'll see our new color shows up down here. Now by default, you'll also notice that it does not have its small white triangle in the lower left-hand corner. And that's because currently this is not set up to be a global color. Now if I right click on that, you'll see you then gives me the option to make a copy editor Fill. Or in this case, I want to make a global color so I can click on Make global color. We have our purple color swatch here that has now set up as global like. And then we go over here, click on R square that we've just created previously. And choose to add that purple color into our palate. Now, I don't actually want this particular color in our project. However, I did want to show you how you can add new colors if you wanted to do so. So I'm actually going to go Anders, delete this square out a year. And now we'll go back over here to our colour panel. I'm going to right-click on that and I'm going to choose Delete color. It's going to ask you if you for sure want to delete this color. It's not undoable, so I'll go ahead and say yes. And now we remove that swatch, just create it so you can add or remove swatches as you please. And as you go along. Now, traditionally when I'm working on a project for a client, instead of leaving these centers just default generic color values. I would go ahead and right-click in here, and I will remain the global color with the actual name. So this might be light gray or dark gray or black, or brand color like brand yellow or brand Orange for example. That way there have a little bit more personal touch. So just some generic color value numbers that are currently showing right now. So once we have our colors in place, I can go up and save our document, and we're then ready to move on to the next step of our design process. 6. 06 Paragraph Styles Part I Base Style: Welcome back. We are now ready to start the next step of our design process, which is entering our paragraph styles for our tri-fold brochure. And I've broken this down into several different smaller segments, mainly because if this is your first time working with paragraph styles, that can be overwhelming to see all of the different options that are presented to us while creating them. I do recommend getting familiar with them and comfortable with them. As when you're working on longer documents. In particular, it can save you a vast amount of time if a client comes back to you saying they want their subheaders change or the entire body copy change. You can quickly do that globally through paragraph styles. Whereas if you didn't utilize paragraph styles and you did all your editing locally, you'd have to go through on a one-by-one basis to change all of those, which as you can see, it can be quite time consuming if it's a longer document. Right now we're looking at our Textile studio panel over here on the right. And I'm on the master page C, which is our style guide for this document. And we're gonna start by creating our main based style that all of our other paragraph styles will be created and based upon. Now by default, textiles, piano, you'll see publisher gives us a lot of default options available to us to style the topography of our document. And these are really great at this is your first time working with paragraph style to get familiar with how these styles are achieved. So I do recommend going through them to see how the designer set these up to achieve the various styling results. But anytime I'm creating a new document, I prefer to start with my Textile studio panel empty. So that mainly I can ensure that all of the styles I create are mine. That they're going to be used in my document. And I don't have a bunch of styles in here by default, but I mean not utilized at all and it just clutters up my textiles panel. If you don't see your textiles panel, go underneath the View menu. Go to Studio. And mixture textiles is checkmark. So right now to get rid of all of these styles in here, I'm going to click on the Show more options of the textiles panel. And I want to delete unused styles. And now since we haven't used any topography in our project, yeah, it removes all the styling out of this panel. Now if we had, for example, use one of those tiles or base style by default, then that's I would still be remaining here. But since we didn't use anything for fresh and ready to go with a clean panel. We're gonna go to the bottom of the studio panel and click on Create paragraph style. And Melian kinda worked through our various styles. Now by default, hears me say style up here. When you're creating a new style. And we'll work through these individually on a one-by-one basis as we create these good, if you look at all of these, uh, once, that's where it can be a little bit overwhelming to see all of the styling options, we have to ensure that we're all starting on the same point. Once again, I'm highlighting MY style up here at the top. Now I'm not going to go ahead and create our first style, which I call base. And the main reason for that is my big style is what I base all of my other styles upon. So this is going to be very basic setup for some basic topography that we can then expand upon when building our other styles. So scrolling down our menu here, I want to look at some other options. The first one is our fonts. Now your font family may be different by default and maybe set the Ariel or Times New Roman. I'm gonna go ahead and set mine to Georgia, which had already is typically remembers the last font you may have used in a project so that it appears varies. That is why. So I'm going to have mindset to Georgia, the font traits. This is going to show us what different font weights we have for this particular font. I want to set the regular, but I also want to set the font size and Mike used to be 9. Now yours may say 12.014 by default. So I'm gonna go ahead and toggle this down and then you can select whichever font-size you want. I'm choosing 9 in my particular case. Coming down to color and decorations. You may have a marketing year where it's just a slash going through it. I'm going to click on that. I'm going to go to our swatches. And in our winery menu, if you don't have your winery menu selected, you can click on the drop-down menu and choose winery menu. And I want to select, in this case, 00095 color swatch. And that's going to ensure that this is our base fill that we're starting with. The main one we're going to worry about for this video is going to be the Paragraph section. When I click on paragraph, you'll see we have the option for a letting value and our alignment. Now for the alignment, I want this set to left, which is the default setting. In the letting value. I want to choose exactly for this. And the reason for that is I don't want to have auto letting applied. Since we have our baseline grids it up and 12 increments. I want to ensure that the letting value is by default set to exactly 12 points. Now space after maybe set to 0 by default for you. When we first set these up, you wanna make sure this is set to 12 in this particular case. And we can change this on an individual basis moving forward. But for default, body copy and base style, I want to make sure this is set at 12. And scrolling down our options here, I want to make sure that baseline grid is checkmark. Solar vortex will snap and aligned to our baseline grid we have created. And scrolling down to decorations. I wanna make sure I disabled decorations for now. We will enable these on some future styles will be creating in this course. But for the base style, I want them to be deactivated. And now with our first style and our first base created, we can now click on OK. And over here in our textiles piano, you'll see we now have our bass style applied. So if I was to come over here and get our typing tool, click on that. And I'm just going to drag out a basic textbox here. And now I'm going to go up to text or to insert filler text. And you may be thinking when we do that, well, why is it not snapping through our grid and why is a double-space? And that's because if we look at our styles over here, you'll notice that the note style is applied to a currently built by click on unselected. And now if I click on our base style, we now see are based ala set up properly where our text is now 9 and a snapping through our baseline grid. In our next video, we'll get ready to move on to the next step of our paragraph styles, which is going to be our body copy. 7. 07 Paragraph Styles Part II Body Copy Styles: Welcome back. We are now ready to pick up where we left off in the last video with creating our base style. And build upon that and start building our basic body copy for our left, center, and right alignment. Right now I'm still on master page C of our menu. And I want to go ahead and start creating our new paragraph styles for our basic body copy. Sorry, now we have our base copy over a year in our textiles panel. I'm going to make sure that is highlighted. And I'm going to click on the Create new paragraph style button. When I do that, I'm gonna make sure I'm highlighted on style up here. And I want to draw your attention to the based on style, based on style. And next tile will be featuring the next style in upcoming videos for the menu. What the based on style. The main reason that I started with highlighting the base copy and create a new paragraph style is that's going to automatically makes sure that this style is based on RPC style. And the main benefit of that as if I had to globally change from Georgia to maybe a different font. I can just change the base style and every style that is based upon the B's will be updated as well. Where you go and change this first filename to be body, Papi, left align. And we'll begin working through our options. Now the main options we're going to be working with in here is going to be our spacing options. Now are speaking options. I want to go up to the alignment and make sure this is just to left alive. And I want to make sure the space after it is set to 12 at which it is. And that's because our base style is currently set to those as well. And what these options set, I can now click on OK. And our body copy left align this creative. Once again, I'm gonna click on the base style, click on new paragraph. And we'll come up here and highlight style again to make sure once again, it's based on the base style. I'm going to call this one body copy, center align. And the main thing I want to make sure that changes is of course, the center alignment options. And now with that change, I can go ahead and click on OK. Or repeat the same process by clicking on base style again. The concrete paragraph style. I'm going to call this body copy right aligned. And you can come up here to style just to make sure that once again it is selected on base which it is. And by default, if you're wondering why you create new paragraph styles and the blue highlighted option changes. This can remember which section you are on by default when you created your last tile, which we were on spacing. And that's why spacing is highlighted. So now for the alignment only, go ahead and change this to write alignment. And are going to go ahead and click on OK. And now we have our basic body copy styles created for rehab, center align, left align and right-align. And you may also notice over here where it kinda gives you a preview of what that topography looks like for that style, as well as the alignment of that text within the style. Now I can go over here and just to kind of give this a test, I'm going to duplicate this by just holding down shift and alt. I'm dragging down. And now I can go ahead and change this particular style by just clicking on the paragraph. You'll notice right there it changes to center alignment, goes back to left alignment, and now goes to right alignment. So that's a quick way you can check to see if your paragraph styles are indeed formatted correctly after you create them. Now you can duplicate this over several times and have each one represented. But since this is just a base body copy, I'm not going to do that in this case. I'll go ahead and delete that out of here. And then we'll be ready to move on to the next step of our processors, which is going to be creating more paragraph styles. 8. 08 Paragraph Styles Part III Body Copy Decoration Styles: Welcome back. We're now ready to start the next step of our design process, which is going to be building upon our paragraph styles we created in the last lesson. In particular, I'm going to be setting up paragraph styles that we're including underline for the left align and right aligned body copy styles. The right. Now we're on master page C of our document. And I'm just gonna go ahead and copy and paste or duplicate this by only mount shift and all. Really new textbox here to work with with this selected. I'm gonna go ahead and change this to be body copy left align. And we'll begin building this new paragraph style with the body copy left align now selected. I'm going to click on new paragraph style. And coming back on AP style menu. We go ahead and change this to be body copy left align, decoration. Now you can get more specific as far as putting an underlying in the description if you prefer. And I do want this based on body copy left align. So the main style we're changing in this particular case is going to be the decorations option. Let me go ahead and position this Hanoi out of our way just a little bit. And it's going to be hard to notice here because the textbox is highlighted. When I start activating the underlying decoration, you'll notice the underlying start forming at the bottom of this frame. When I go ahead and click on Enable, the decoration I want to implement is going to be the bottom underlying. I'm going to click on that. And now you can see here we have our underlying showing at the bottom of our body copy. Now in this particular case, since this is left aligned, the way I want to style this is actually how this indented a little bit from the right. And we have the option to do it from the text based on the column or based on indents. I'm going to leave this set to text. And now for the right, I'm just gonna go ahead and type in point 3.3.3. Now the reason for that is I already have that predetermined, but you can't go and, and of course use your up and down arrows that way or to start with the larger value if you prefer to. When we go and type in point 3.3.3. And when I do that, and you'll see that this brought in from the right hand side that underscore a little bit for some more styling. Now I also want to change the bottom alignment of this. I don't want this to be right up underneath this. Well, in order to change that, I'm now going to decrease the value of this u negative 0.169, which is basically almost equal to all points of letting. Now you can also modify the morning, bring that up a little bit, which I'll do now. Who negative 0.14, where it's sitting right on that baseline grid. And we have our first tile, your creative. So now I can go ahead and click on OK. And you'll notice over here in our style panel, we have the underlying, now creative. And we want to duplicate this first style again and bring it down. I'm gonna go ahead and select the body copy right align option. I'm going to click on create a new paragraph style. And then changes from one to b decoration. And we'll begin building once again just from the decorations panel, since this is the only property I'm really changing. Well, I'll move this out of the way once again, will enable our decorations, enable the underlying. And this time we're going to modify the left property. So in modifying the left property, there's going to be the same value here, 0.333 in the same thing for the bottom of negative 0.14. And now when we do that, we'll see we have these two different styles created here for the left align and write a line of our body copy. And if you choose to have this line, v's insight even more, you would just change the value of the left in dense option or the right in that option to make that line not quite as long. And he's telling your personal preferences. And now we'll go ahead and click OK. And now we have the next two styles, creating or document. 9. 09 Paragraph Styles Part 4 Headers and Subheader Styles in Affinity Publisher: Welcome back. We're now ready to start the next step of the design process. And that's going to be building our paragraph styles for our main header in our subheaders. Early I M on master page C, which is our style guide for this document. And I have our textiles panel put up over here on the right. We create our first tile is going to be the main header. And right now I have based selected. I'm gonna go ahead and click on no style because we're going to be introducing a new type face to the document. And I want to make sure it's not based on our base style of Georgia. So it no style selected. I'm going to click on the CRI paragraph style button. And what style selected up here at the top. I'm now going to type in main header. I want it to be based on no style, which is why we selected no style from the star. Going down to our fonts menu, I want us to be set to Playfair display. Well, toggle that down. You're Playfair display. And once again, these fonts were predetermined during the planning process. If you don't have Playfair display, you're welcome to download that for free off the internet. Or if you are a member of Creative Cloud, you can also download it from the font of the Creative Cloud options for the font traits, I want to change this to be regular. And for the font size on what is to be set to 48. Going down the color and decorations, I went to ensure that the colors are using our winery menu options. And I have 00095 selected. Continuing down through our options, I'm gonna go to our spacing. I want the alignment to be left. I want to change the letting through exactly what I want this to be 48. The main reason for that is if our font or our letters go and break into two lines, this is going to ensure that we have space and at high enough letting value to accommodate that. And also our baseline grid is based on the 12 letting value. And 48 is easily divisible by 12, I'm gonna go down to space after typing 12-point. And now with these properties set, I can go ahead and click on OK. And our main header here is now selected. Will I go over here to our Text Frame tool? Regard our textbox. Alright, sorry typing. I'm gonna go ahead and reset the bees. And I'll say mean header and I will just text box selected. I'll click on our main header style. Here we can see it's showing us we intended. The next style I'm going to create is going to be our subheaders. And in this case, I do want this initially based on the base font. And that's because they're going to be based on the Georgia typeface. But we're gonna highlight B's. Click on create new paragraph. And back on the youth, the Style menu option. I'm gonna change this to sub-header. Align left based on bases. Okay? And we bound to our font properties. I want to change the font size to be 12. We're then gonna go on to our Capitals option and change our capitals to be all caps. First spacing, I want to ensure that our space after it's still set to 12, which it is. And now with these properties said, we can now go ahead and click on OK. And our first sub-header is now created. I'm going to click on sub-header Align Left. Click on Create paragraph style. I'm going to rename this one. Very hostile. Align center. Began to have this based on a line left, which was fine. Main one we have to change now is underneath the spacing option where I wanna change this to now be center alignment. And we'll say, Okay, I'll now click on some header alliance center, breed a new paragraph style. I'm going to change this to align, right? And now a spacing, I'm going to change the spacing alignment to be right as well. And I'll click okay, coming go running to get our base option. Reset our base if we need to, get our Type Tool. And I'm now going to drag a text frame. And I'm gonna go ahead and change this to be. So again, make sure we're all on the base default. I'm going to call this one sub-header. Align left. And now we'll go ahead and apply that paragraph style. So I'll go down here and a final line left. And the train is appropriately or critically duplicate that by only non Alton shift and dragging it. I'm gonna change this one to be aligned center. And I'll click on me align center paragraph style. That's one showing as it should. And I'll duplicate this again. And changes to align right? And select that style. Now all of our subheaders are lining up appropriately, styled correctly. And now we're ready to move on to the next step of our design process, which is going to be creating our Menu styles. 10. 10 Paragraph Styles Menu Item Style: Welcome back. We're now ready to start with the next step of our design process, which is going to be introducing the Menu styles were our winery menu. And in this section, I'm going to break these down into three styling videos. The first is going to be the actual menu items styling. The second is going to be the menu item description. And the third is going to be the pricing option. And for each one of these, I'm going to show you three different variations you can implement. Now later on when you get through with this course, you're welcome to delete the ones you won't use or you can keep them all in file to mix up your layout for future printings if you choose to do so, I prefer to show you a couple of different ways to format it, then you can find out which way works best for you. Here's also the way of formatting menus by using the table. Now I typically don't use tables and formatting menus. I find it easier to use paragraph styles when I'm creating them. Very now we're looking at our textiles panel and I'm still on the master page C, which was our style guide. And we're going to create our first menu item style. We're going to get my text box. And with the base style selected, I'm gonna go ahead and drag out our first textbox. And I'm gonna snap it to this first guy in a previous video, we have set up this guide mainly as a place holder and a representation of how wide our menu item will be. Now if you're placing your menu somewhere else on this layout, you may want to align it accordingly and follow your unique measurements for where you're placing it that on your menu. Now currently, when I created this textbox, You may notice it's showing me Playfair display from our header demo in the previous section. What I would like to do is now reset this style from bees. And to do that is click on the reset formatting option to get it back to the base style formatting, we're now going to click on create new paragraph style. And we're going to create our first menu item. I'm going to call menu item option one, where the name is option one, option two, and option three. So they're easier for you to identify in your textiles panel, starting with the first tile, I do want to screen it based on the base style, which is why we started with that. For the fonts, I don't want there to be a traders in the font is still going to be based on a 9.5. However, I do want to wait to change to be bored in this case. So I'm gonna go and change up the board, working down through our options. The next item we're gonna look at, there's going to be our spacing option. Now for the spacing, remember that b style had a space after of 12. So I'm gonna go ahead and change this to 0 because this is a menu. I want this to stay as compact as possible. However, you are welcome to come back in later and add this piece back in if that meets more of your unique needs. Set that to 0. And I'm going to say, okay, this is menu item one. So now with menu item option one, I can go ahead and type in menu item option one. Yeah, I'm not going to duplicate this and we've got to make this texture him a little bit larger. So we're going to see some of the various styles we're going to be implementing later. And I'm going to copy this down by holding down Shift and Alt and drag it down. And now we'll begin our second styling. So with the main item option selected. And we click on create new paragraph style. And now we're going to introduce our next tile, which is going to have a tab element introduced into it. What's going to go ahead and say, okay for now, and leave this like this with our menu item here. I'm gonna go ahead and change this to see a new item, option two. And I get to see and hear that the width of this panel is 3.103 inches. So now I can keep that in mind when setting up our tab. Though with our textbox to you're still selected. I'm going to double-click on menu item option two. And in this case we're willing to go down to the tab section. And then the tabs I'm going to click on add a new tab. Now will just to be located at 3.13. I'm going to change our toggle menu to have it from a left align to a right-align. And now I can say, okay, now, if I hit my tap GM here, you'll see your tabs over to the far right. And I can enter in a price if I wanted to. And now would be our second menu item option. I'm now going to duplicate this down again. Want to go back to Menu Item option one. That's going to change the formatting here. I'm just gonna go ahead and type in IR menu item option three. And now with menu item option one as the main starting point. And when we go ahead and click on Query paragraph style, we have menu item option three up here, and that's only because it's picking up and following the chain we currently have going. I'm basing this on menu item option one simply because this one does not have a tab involved with it. And then one day I'm going to change in this one is the capitals are going to highlight capitals. And I'm gonna change this to be all caps. And now with the all caps said, I'll go ahead and say OK. And now we have the first of our menu formatting done with our menu items. In the second one, we will begin styling the description of these menu items. 11. 11 Paragraph Styles Menu Item Description Style In Affinity Publisher: Welcome back. We're now ready to begin the next step of our design process, which is to include the paragraph style for the menu item descriptions. Early I'm on master page C, which was the styles for our document. And I had the Textile studio paying. I'll put up over here on the right. We begin. I want to go ahead and double-click and menu item option one. Make it active. And I'm going to hit the answer key to go down to remove Paragraph. Now with our text tool in here, I'm now going to go back into our textiles panel and go back to the big Style. The main reason for this is I want to base the description on the base paragraph style and not on the menu item options style. But to create our new paragraph, I'm gonna go ahead and click on free paragraph style. We're going to go ahead and call this menu item description option one. And we'll begin working with through this process. So it is based on the base style, which is what we want. And we're gonna go down here to the font properties. And in this case I want to change it to be italic. I'm going to click on that twice to put the check mark in the italics. We can notice down here that italic is on. Now if you are using a font and you don't have the italic typeface for this functionality would not work. So continuing down or bring them out to the spacing option, knowing that her a couple of options in your spacing. The first is going to be the left indent. Now in this case I want to indent this. Well points. So I'm gonna type in 12. That's going to correlate to 1.167 inches. And the first-line indent, I also want to be left sudden. It's going to automatically change that as well, 2.167 inches. Now the space after I want to click on that to make sure that is active. And I do want to make sure that that is set to 12 points and this will come in very handy when we started doing our next paragraph styles. So without property now set and go ahead and click on OK. And now when I begin typing in my item description, we'll notice that it flows and we have the italic typeface being applied. We now go and click off of that. And we'll continue on to menu item option two. Once again, the repeat the same process. And we're going to come after the price point. I'm gonna go ahead and click on the answer key. And in this case, I'm gonna go ahead and select my style as Menu Item Description option right here. Because we already have the base styles setup for when you just go out and continue to build off this initial style. For this now selected, we can go down and click on Query paragraph style. And in this case it's going to be menu item, option description to the Kubrick correlated. And then we're going to be one main change we're gonna do in this one, we're gonna come down to the spacing options. I have no change on these ones, however, on the right and dense we do want to change this because with the right index o. And to ensure that the description does not go underneath the pricing that we have here. So to ensure that we're gonna go ahead and type in 4848. And that's going to go ahead and change the right indent. And the last line out dense 2.667 or 48. And the main reason it changes both of these at the same time is because if this was running over and we did not have a line breaking here, it would still leave this line right here underneath a price point, which is what we don't want. So now that we have this styling setup, we can go ahead and click on OK. And now I'm just gonna go ahead and copy this up here, but you would add a copy. And going back down here, I'm not going to choose edit, paste without format. And the main reason for that is when I pasted without format is going to inherit the styles that are just set up. So I do Paste without format. You'll now see that we have our indent here in our description now ends and doesn't go underneath our pricing item right here. So continuing through our document, we're now going to go down to menu item option three. I'm going to double-click on that. Once again, hit enter on my keyboard. And for this item description, I'm going to scroll down. And I wanna get the Main Menu Item Description for option one because this one is not going to be indented. Who's going to right-click on that? And we create a new paragraph style for option three. And in this particular case, we can leave this one exactly the same. The only difference was I just wanted to live it said is option three. Keep it clear in our structure as we go through and do our next styles. Now go and say OK. Now once again, I can come up here and select this text. You a copy. Go down here and our text frame and edit, paste without format. It will, sorry, I didn't have all of our text selected, so let me go ahead and review that. Copy. You're down here, edit, paste without format. And it's following the exact same format only now we have the item description or option three. In our next lesson, we'll be ready to style the actual pricing guides for these various options. 12. 12 Paragraph Styles Menu Pricing Style in Affinity Publisher: Welcome back. We're now ready to start the last up of our menu set up, and that is to set the pricing structure for our menu items. In our previous videos, we set up the menu item paragraph style and the menu item description. And now we're going to format the pricing options. If we look at our pricing options currently, will notice a menu item set up number two already has the pricing structure built in. So we're not going to be doing one for this style, where we will be doing one for option one and option three early I'm on master page C, which is our style guide. And I have these textiles and it'll open up over here on the right. So to get started, I'm going to double-click. And our first item, I'm going to hit my Enter key. Now we'll see our menu item description option for option one is active, and I want to create a new paragraph style based upon that. I'm gonna go ahead and change our style name from description, racing and from option for you, option one. And in this particular instance, and work our way down to the species and category, I want to change the left indent, which right now it's set to 12 because it's based on this description. Well, I actually want to change this to be 36 so that it sets it more from the description. So when I click on that, they'll change it and you'll see our cursor jumps in a little bit further. And now we're going to go down to our tab stops option. Now in our tab stops while the option right here to add new tab stops. And we're gonna go ahead and click on that. And by default it puts it at 0.5 and that's because the default up here. So at the 0.5, we want to draw your attention down to the lower right panel where we see our width is still 3.13. I'm gonna change this to be 3.103. And I want to change this tab stop from being left to right. I want to change the leader by clicking on the drop down arrow and change it to this tab stop leader, which is the period. And know what those options said on a double-check quickly for the spacing option. Because after a set to 12, which is what we want. And then we're going to begin setting up some of our chaining styles together. So that way when we're going through our setting up our menu, we quickly keep our formatting and structure and keep moving through from one paragraph to the next and have the styles adjusted accordingly. But what I mean by that is underneath the Style menu will see the option here for next style, which I referenced in an earlier video. I now want to change this. After we're done entering our pricing, the next style that will be implemented, we'd be the menu item option one, which is the header for the particular item. With that now set, I can say, okay, now I can come in here and I can enter bottle. It might tab, you will see earlier popping the place and I'm going to put our price. Now in this instance, I want to do what's called a soft return. And what that means is it's not actually going to formulate a new paragraph, but it will give us a line break. So when I hold down the Shift key and press Enter. And you then enter glass. And do the same thing, answer our price. Now when I get ready to move on to my next item, The nice thing about setting up our next tile is when I do a hard return, right? Start typing. You'll see it carries on with our next tile automatically. I can continue roping those together to go through our entire menu. Now we do have to do some other formatting associated with this. The first is looking at your menu item option one. Let's go ahead and scroll down here. Find menu item option one. I'm going to double-click on that. Once again, just like we set up on our next style and wanted to come here and say Next style for this one is going to be Menu Item Description option one. And set that in there. Say OK. Now will come and find menu item description option one. Click on that. Next style is going to be the menu item pricing option one. And say, okay, so now we can go through, and every time we're entering our Menu, they'll automatically jumped to the appropriate paragraph style. Going down the menu item option three, I'm going to double-click on this option. Once again hit my Enter key. And with menu item option three, description active, click on create new paragraph. We're gonna rename this one your menu item pricing. Option three. And we'll continue working through these will go down to the spacing option. In this case, I'm not going to make any changes on the spacing itself. I will just check to make sure it's still 0.167, which it is. And it's 0.167 years. Well, and then we're going to go down to our tab stops. Now in this instance, we're gonna go ahead and add a tab stop. However, I'm going to have to tab stops. The format, this pricing structure. On answer my first tab stop at approximately 2.5 inches and have it aligned to the right. Now I am not going to insert a leader on this one, but you can put a liter in there if you want to lead up to that first-price. The second one I'll click on add a new one. And the reason why it jumped up to three inches from 2.5 is because you'll notice the default increment is 0.5, along with a reference. Once again, the 3.13 down here in the lower right. We're going to enter in 3.13. And once again, make sure we don't have a leader. What do you want to make sure that this is right aligned? Or go back into our spacing just to make sure that space after is still set at 12, which it is. And now I can say OK, and we just are entering in our pricing. But I could come in here and say glass. If the tab again and enter our second price. And following the same method and our item, and enter our price. And this is once again using the soft return, because if I hit the main return, right now you'll notice it's still doing this paragraph style of the item pricing. And in this case, I don't want that. Well, just like we did in the previous step up here under option one, we're going to double-click on menu item pricing. Option three. Go back under our style. You'll see where it says next style. We're going to change this to go back to Menu Item option three. And say OK. And now when I go down here and do a normal enter for a new paragraph, you'll see it picks up on the correct styling. Now here once again, it is not. For the reason why I'm going through this step is I want to demonstrate for you what happens if you don't have the next tile setup correctly? Let's go ahead and fix this option. So we know we have to correct menu item option three is header. So let's go to menu item option three. Double-click on it. And you'll see right here the next tile has not been set up. So we'll go ahead and change this next style to be Menu Item Description three. There, okay. Now we'll take a look at our menu item descriptions. And we'll make sure the same thing as set up your menu item. Next tile will be pricing option. And click OK. And now we have all of our pricing structure instead with our next tile setup, we can quickly go through and format and enter our menu for any option we may want. And I realize over here we have a lot of different pricing structures right now going on. But I wanted to show you various ways you can set up a menu and how to chain those together using the next tile command. You quickly format your menu and not have to constantly keep coming over here and selecting your paragraph style. 13. 13 Character Style Creation in Affinity Publisher: Welcome back. We're now ready to begin the next step of our design process, which is entering in our character styles. And character styles are very similar to paragraph style's only the effect single words or individual letters of words. So for example, let's say we have a document and there's 50 instances of a bold typeface in the document. And all of them are Colour. Greg, if the client was a comeback to you and say we want all those red bold words to now be blue. If you did it individually on a word-by-word basis and didn't music character style, then you would have to go into each one of those bold words and manually change the color to blue. Where if we set up a character style for bold, and we have the color set to blue. We can just go into the Character Style and all of those instances will automatically be updated. So once again, it's a matter of working efficiently. Very now we're looking at our textiles panel and we have no character styles and our document because when we first created our project, we had removed all existing paragraph and character styles that affinity publisher comes with by default. For the first time we're going to create is going to be a bolt style. So I'm gonna go down here, we'll see create a character style. And the main difference between these, as you see the paragraph icon for the paragraph style and a character or lowercase a that represents the character style. I'm going to click on the Character Style button. And now we will go ahead and name this bowl with our name now in place, and go down to the font properties. And in this case, the only thing I want to change as I want it to be bold, and that's the only property I'm going to change in here if we had highlighted text and that this process, it would automatically pick up the type we were using in any styling we were using an apply that as well to the character style, which was not what I want. Thereby creating our style from scratch using no style and having mill styles or text selected. We're gonna set our properties manually. So here we have the bolt style. I'm going to click OK. And now we'll see the Bold character style creative. I'm not going to create another character style. In this time underneath our style menu. I do want this to be based on the style of bold, because this is going to be white. And the main property we're going to change different in this one, we're going to go down to color and decorations. And I want the text fill to be white. So I'm gonna go ahead and click on wait, and say OK. And now we have our board white character style creative. So anytime we apply this to characters, they'll make the type, and it will also make the text white. I'm not going to click on no style again, because I want this character style based on no style. Or click on character style. Once again, it's based on no style. Now I'm just going to call this one who, what and where the god go down to color and decorations and change the text fill to be white. And say, OK. And now we have our three starter character styles of bold, bold, White, and White created. And you can always create more or less if you need to. However, when you're creating your character styles, it's important to note if you create it bold character style, you want to make sure that when you're applying that character style, that you do have the bold font face and fall wait for that particular font. If you do not have it, then it will not change it in your documents. So if you do apply a bold and it doesn't apply a bold effect, that means you don't have the bold typeface attribute for that font that you're using. 14. 14 Photograph Placeholder Frames in Affinity Publisher: Welcome back. We're now ready to start on the next phase of our design process. And that's entering in our picture frame place holders for all of our graphical elements in our design. And I'm sure you're all super excited that finally leave topography behind for a little bit and concentrate on something else other than character styles and paragraph styles. I can promise you we will be making a visit back to those. As anything in design is subject to change, that a client might come back to us and say they want to see a different style in our documents. So we will be coming back to paragraph styles in a future video. But for now, let's have some fun getting ready to place our graphical elements. I want to draw your attention back to the PDS storyboard mockup. And as a reminder, anything that's colored in blue, there's gonna be a placeholder for a graphical element. Either replace older free logo, the photograph, or an illustration. Right now we're on page one and I notice we have one here on the bottom and the middle back, then a couple here on the front panel. Let's jump back into affinity publisher. And for now I'm gonna go up here to master page a. And when we first started setting up our new document at the beginning of this course, I actually forgot to put in the rows will be utilizing. So let's go ahead and do that now before we start placing our graphical elements underneath the View menu. And once again among master page, I want to go to the guides manager. In the guides manager, I want to draw your attention over here to the row section underneath the column guides. And I want to change this to be seven rows. Now currently our gutter is set to point 3-3-3 or twenty-four point in our baseline grid of course, is 12 points. I want to change this to be 12. And we can also change the color. And if we wanna change the color owner leave mine on a dark gray so it's a little bit easier to see on the screen cast. And now we can go ahead and close out of this. I'm now gonna double-click on master page B and repeat the same process. And we wonder you view menu. Redound to the guides manager. Enter in seven rows and enter in 12 PT for 12 points or the gutter. And for those of you that may not be familiar with gutter terminology, better is the spacing between columns, or in this case also between rows. And the gutter spacing normally corresponds to the default letting value. And our default letting value we have set up for this document 12. So I'm gonna go ahead and close out of this. Double-click on page one. Now we're ready to begin placing some more graphical elements. I'm going to go over here to our tool panel and get our picture frame rectangle tool. With our tool now selected, I guess simply drag across in place in our first graphic frame. But here we'll see our first place holder is ready to go. Now one thing I do recommend when you're placing means as we go over here to our Layers panel, you'll see you just gives us a default picture. Frame generic layer name, player call this facing panel. Bottom. And now I at least know where this corresponds and what this layer represents versus just saying picture frame. And we get our picture frame tool again and draw our picture frame right here. And now on this one, I know the picture bleeds off of the page. You actually want to go ahead and click and drag. And once again, I'm gonna use my rows. Align this up, and go out to my bleed area and release the mouse. Now up here at the top, I'll notice that I didn't go out to the bleed line, sort of correct that I'm gonna give my selection tool and just drag that frame up to make sure it touches the blue line. On the same page we have background fills. Well, while we're getting ready to play, SAL, Let's go ahead and rename these. So I'm going to call this I'll go ahead and call this back photo. And now we're ready to start placing one of our background fills the first background, Phil, I'm gonna place, there's going to be very light gray. So I'm gonna get my rectangle tool. Once we gonna coming over to our guide here, and we go ahead and click and drag down. Now currently we have purple and near yours might be different color. I'm going to go over to my swatches Studio panel. Switch that to be the winery menu. And I'm gonna change this to be real light gray, which is our 00, 0-10. Now in our structure of our layers, we'll see that this is on the top of our photo, which was not what I want. I'm just going to click and hold and drag this layer down to the bottom right above the master layer. You'll notice when I'm dragging it, it's giving us a blue horizontal line. You want to have blue horizontal line to be going all the way across and not inside like that because that's going to be three nested inside of this photo frame, which was not what we want. We want it to be in its own layer. Underneath that. Don't I release the mouse is down here on the bottom. And now I can call this front panel background fill. Going back and looking at our storyboard. This back pain also has a dark black Phil associated with it. So I'm going to minimize this it back on our rectangle tool. And I know this one fills from fold to fold and believe to believe. And I want to really somehow, so I'm gonna set this to be what's called the rich black color, which is my cases 60403100. And go ahead and fill that rectangle with that color. Now continuing on through our layout, will once again reference our storyboard. On this top part I have an image that does not bleed off of the page. And the image that does bleed off the entire page, just like the back panel and the top and the bottom image. Let's minimize this. Let's double-click on page two now. And we can begin inserting some of these elements. Once again, I'm gonna give my picture frame tool. I'm going to click and drag out our first photo. Places right about there. And once again, I'm putting this at the quarter area of our design where this is the fold. But I don't want this image to go into the fold area. So I'm going to play sits right there. I'm going to click on that and rename this one interior leftOp. And the reason I put it into your left top is maybe I want to add a photo to the bottom later. Now I could just name that photo bottom. Now will continue over my picture frame tour and once again Dre out a frame that goes across these two marks. And lastly, with our rectangle, picture frame tools still selected. Bring a drag out a couple more picture frames here on the top and on the bottom. Because I go through and name these and you call this interior re, bottom width on this one. Interior array. We call now why call it future middle? And then what I would like to do is just zoom in and make sure everything is lined up with its coordinate as it's supposed to be. Make sure everything is snapping to those guides. And just kinda do a quick check on some of these elements that we placed. What kinda continuing through, double-click on the first page, and a zoom in using Command or Control plus, using my spacebar key, quickly navigate the document just to ensure elements are placed correctly. And also give a last check. And I can see I forgot to name this layer. We're going to call this one back. It'll fill. In this case. I know I want this one to be on the very bottom as well, so I'm just gonna go ahead and drag it down. And I'll see if I get into another layer, how that disappears. Like dragged down REG at that blue line going all the way across our layers. That's going to put it on its own layer down here at the bottom. And now I can take a zoom out and take a look at our work. And now we're ready to save our document and move on to the next step of our process, which is actually inserting our photographs. 15. 15 Inserting and Scaling Photographs In Affinity Publisher: Welcome back. We're now ready to begin the next step of our design process, which is actually inserting our photographs and other graphical elements. Right now currently looking at page one of our Leo. And I want to mention that for copyright reasons, I am not able to distribute the photographs that I'll be using in this demonstration. You're welcome to insert your own photographs that you have on your computer. You can also use the built-in stock Studio panel and publisher to navigate to an splash pixels or Pixabay and search vineyard or winery images. You find applicable images for this particular layout that I'm working on. Going back to our pages panel, I'm gonna click on our first image over here on the far left for the facing panel. And I'm gonna go up to file and choose place. Well, I've already navigated to where my photographs are located. You just need to navigate to where your photographs are located at if you're using your own photographs. And if for some reason you don't see any photographs in there and you know, you have photographs. Sometimes by default, this drop-down is selected two text files only. That happens to you. Just click on the drop-down menu and make sure you select all documents. For the first image I'm going to select is going to be the wine corks or a year on the far right. And I'm going to click on open. That's going to place an image in here. And now you'll see when I move this image around and you move it within that picture frame and kinda position and how I like. I can also scale the image up or down using the slider here underneath the image. When I'll go over to the back image, click on there. We repeat the same process. Where do you file place? I'm gonna select this image right here for wind, for select open. And now that image is in place and will repeat the same process for the front cover do File Place. And I want to navigate to where that is located at. I think I'm going to feature this photograph here on the cover. And now once again, I can scale this up if I want to make it more prominent. Notice repositioned as ever so slowly to the right. And now that element in place, now on the front, there is one element that I would like to add that I didn't account for the initial layout. And that's I want to put a logo down here on the bottom. So to do that, I'm gonna get my rectangle picture frame tool. And we're going to drag out another frame here along the bottom. I'm going to name this logo. I'm not going to go to File Place. And I'm going to navigate to a fictitious logo that I had created. And now it's still a little bit too large for this frames and I'm gonna go ahead and scale it down so you feel within the frame. You can also, when working with photographs, look on the frame, go underneath the properties menu. I'm going to position it to be in the center. Big insights it to either scale to maximum fill, the L2 minimum fill or stretched to fail. You normally do not want to do stretch to fill because that's actually going to distort your photograph. I'm going to scale to minimum fit. And it will position it accordingly based on the canvas size. Now this logo I could not supply to you either, but you're welcome to use your own logo or just insert another image to keep following along. Going down to the second page, will now insert our graphic over here on the top left. I'll do File Place. When we go back to my photographs folder. And in this particular instance, I'm going to select this photograph for a year for y and three. Open it up. And now I can kinda reposition this one as well if I want to. So in this case you get a little bit more of the hand pouring the wine. I'm going to pull it down in the frame. And in position it right around there. Were our mental frame is going to be full bleed on the top and on the bottom. Oh my do file place. Now when a feature this photograph right here for Y, and one can go and say open. Now this one, I'm gonna do the same method. I'm going to scale that up just a little bit. Then also position it off to the left. Because if you remember on our storyboard, Haida place here Y where I wanted to insert some text. And having this nice dark background here will work great for that. Now going over here to our far right panel, Rebeca up to File. I'm going to place our first element. And then we'll work down to our second element on the bottom right of your file. And now I would like to insert this image and play said in there. So now with all of our images in place, we're now ready to move on to the next step of our process, which is going to be bringing in some of our textiles. You add the topography, your layout. 16. 16 Typography Implementing Our Styles In Affinity Publisher: Welcome back. We're now ready to begin the next step of our design process, which is actually implementing the typographical elements into our layout. I wanna make the note that during this process I will be doing some copying and pasting, just speed up the video process. But it will also show you how you can implement the styles that we've spent so much time on sitting up in the beginning of the course. We want to draw your attention back to the storyboard. And anything that's green is going to be where we're going to have a typographical element. We have a couple of them on this page and this is the inside panels. We also typographical element in the middle right? And also one on the far right. Going to the outside panels. We're be typographical element here, which is going to be our menu. And we also have a new paragraph style we're going to set up up here for the top free future quote, as well as a title down here, has some contact information along the bottom. Now the one thing I noticed from our previous video is I forgot to make this picture larger on the inside, so we'll go ahead and do that now before we get started into our paragraph styles. And we want to minimize that. And we're on page two of our layout. And I'm just gonna go ahead and drag this frame larger or that photo. I'm now going to give my Frame Text Tool already on our third row down here and click and drag across from our outer margin. Is it guide? We are set up for compensation. And I'm gonna go ahead and reset our styles, base Style, window and type our house red wine selection. And now so I don't have to type out a bunch of other text. I'm going to go up only few texts menu. I'm going to choose Insert filler text. And with our insert filler text in place, I can now begin styling our topography. I'm going to highlight our first paragraph. Scroll down here to our sub-header, and align it to the left. And we're going to do the same thing for the body copy we inserted here. I'm going to highlight that. We all want to implement the decoration we have that we created earlier. Now, now click on there so that quickly, because we had already spent the time setting up our paragraph styles, we just are formatting our topography in our document. I'm gonna go ahead and shrink this up a little bit and I'm going to copy and paste this doing a command or control CMV. And drag this down. And I'm gonna go ahead and change this to say why you wind. And now I'm gonna go ahead and change the formatting of this as well by changing this to the Align Right option. And also changing our decoration to be aligned right option. So now we have our two typographical elements here in place. And going position knows. And then on the bottom here I would like to add a new paragraph style. But to do that, I'm going to once again get all my type tool. And the main reason for doing this is oftentimes when we're in the creative process, it's common for us to think of new ideas or the client may come back to us and maybe it us with an idea that we didn't initially planned for. We have to go back and revisit that and insert that particular style. Well now I'm gonna go ahead and reset our base copy. And I'm going to type in some filler text here. So right now I have is saying browse our shop online at our store.com. Now I'm going to highlight this text and we're going to begin formatting it. I'm going to click on three paragraph style. Once again, I want this based on our base style. And we don't want to call this shop continually bound to the font color. I want the color to be white. And ultimately very difficult to see here, but we'll fix that in a second. And now we're gonna go down here, your baseline grid. And I want to turn off aligned to baseline grid. Going down here to our decorations. I went to enable our decorations. I'm going to add a fill. And before I get to these settings here, we're gonna change our fill color to be black. So I'm gonna go ahead and get on our winery menu and choose black as our fill color. Now right now you'll notice that it's hugging right up against our text. And this is where we're gonna start adjusting those settings right here and our indent options. When we go ahead and highlight this and type in minus 0.083, redound to the top. Type in minus 13, minus 0.167. And for the bottom minus 0.09. And once again, I had these predetermined when I was doing this layout. So that's why I was able to go through those so quickly. But when you're initially doing this on your own, and you'll see what I increase or decreases values. That's where those values go up or down accordingly. You, while we're looking for, well, go and put that back up to 0.08. We have negative 0.08, negative 0.103, negative 0.167, and negative 0.09. And leaving these set too as they are where it's aligning to the text. And also the CAPM. And the bottom is going to the descends. And now that gives us breathing room around this particular text. Now I can click on OK. And now I can start moving this into position. Thereby zoom in. I can now go ahead and fine tune this and put it right up against our margins using our arrow keys. And that's why it turned off the baseline grid was to ensure that this was in the middle of this box and I can position it as I wanted to. That was our first new style we had to create. I'm now going to zoom out using Command or Control minus ML on ours middle panel. I know I want to have some text up here in the upper right. And we're going to give my Frame Text tool, drag L my frame, to once again go to the margin we have created, so it doesn't get into the fold of the document. We're gonna select our base style and I'll write here, you'll see it says base plus. That's an indication there's other styles were overrides going on. I'm gonna go ahead and reset that. And I'm just gonna do text, insert, filler text. And now we can begin styling this. Are going to highlight all of this body copy. In this case, I want this to be body copy align, right? Since we already had this, sew it up, we're going to set that parameter. And now lastly, we want to apply the character style of white, so it's easier to see. Now when I click off of that, here's our topography in place with the white text. And then you can increase or decreases as much as you want based on the topography you are putting into place. Over here on the far right. I know I want this to be formatted exactly like this over here. So for speed purposes, I'm just gonna go ahead and hold down Shift and Alt key and drag over a duplicate frame. And willing to get out of preview mode. Utilizing this to my grid, resizes texturing to fit accordingly. And now I can expand this based on whatever text I wanted to put in here. But I will go ahead and retype this header and type in our family tradition. And we'll see right here we have our document is set up and our typography was looking rather good. When Alice scroll up here to page one, or you can also double-click on page one. And this is where we want our menu to go. And now since we already did all the labor-intensive stuff of our paragraph styles, the menus really easy to implement, but you just have to choose which menu you wanna go with. For my demonstration purposes, I'm going to go ahead and choose menu item option one. Now I could do like I did earlier where I start typing stuff in applying the paragraph styles is needed. But for speed, I'm just gonna go ahead and copy this command or control C. Go down here to our page one without a preview mode. And I'm now going to copy in the menu. Now I know I want my menu to start right here. And I'm not going to completely populate this field with menu items, which just for demonstration purposes, I'll see menu item two. Over there, my anarchy. And we'll tell you this, this is our item description. I'll hit my Enter key again. And because we have our next style setup as we did in a previous video, this formatting becomes really quick to go through. Now when I hit her again, just as a reminder, I have to do a soft return here if I'm doing like a bottle or another sub future of this item. So I'll go ahead and do Shift Enter. And now I can put it in bottle and the price. And now when I'm ready to move on to my next item, I go in and do a regular Enter. And our styles continue on through our menu. But as you can see, it becomes a really quick process to go through. Winner in your pricing as long as you do the work ahead of time with setting up your paragraph styles. Now up here in the top left are like to implement one of our header elements. I'm going to go over here. I'll change up the header now. And I'm gonna type in selection. Now I could create a new paragraph style if I wanted to do align this to the right. For now, I'm just gonna go ahead and do a local override and do the aligned right up here in our Properties panel. And I'm gonna go ahead and reposition this down to the bottom. Now once again, you can create as many character styles in paragraph styles as you like. But for now I realize I wanna go ahead and do a kind of a variation of this header. So I'm gonna go ahead and copy this, paste it. And now I'm gonna go ahead and type in our wine. Now in this case, I actually want this to be smaller. When we go and wrinkles, font downside. Maybe to about 30. I do want this to align to the left. I realize on this part I'm doing a bunch of local overrides just for these couple of instances. But you're welcome to once again, once you create that, go ahead and make a new paragraph style to have built upon to continue on. Now the one last formatting and would like to do this sub-header. Go ahead down here. And our Transform panel, I'm going to type in minus 15. Would go ahead and have that always having a tile OK, look to it. So it's not a true italic face. However, it gives a desk slanted appearance, free, more elegant look. Now we have our wine selection. Continuing on. I'm gonna go ahead and copy and paste once again for speed purposes and bring them down into this area. And I'm going to type in a string. Now I forgot to put in warm years, I'll go and put in y heavy wine tasting. Now in this case, once again, I want to go ahead and change. These are email, I want the US to be white. That's why we set up our white character style in a previous lesson. And once again, change this color to white and give it a quick preview. And we would like to come over here and make a new paragraph style for this header. I'm going to get my type tool, drag all my text frame. And I'm going to go ahead and choose. Now the main header in reset that style. Now in this case, I want to go ahead and start creating this style by doing voted best destination. And now we could begin styling this text. And I'm gonna go ahead and create my new paragraph style here. I'll move this out of the way. Now I'm gonna just call this future. And we'll go ahead and change some font attributes. Now the font size, I want to have much smaller, right around a twenty-four point. We're going to go down the color and decorations. And in this case, I'm just gonna go ahead and make this one. Since this is the paragraph style I'm setting up continually bound to our spacing options. I want to change our letting value would be 24 points. And I also want to change our alignment. You center. The last touch I would like to add to this new paragraph style is a decoration, but wanted to enable my decoration. Making underlying. I'm gonna change the underlying color. Now I would like to go ahead and I'll set that minus 0.08. And that's going to bump it down to be right in line with our baseline grid here. And now with all of these properties set, I go ahead and say OK. And now we're ready to begin implementing the last part of our texts, which is just our contact information. I'm gonna give my text frame. Cool. I'm going to drag out my text frame. Once again, ensuring that I'm within my safe margins. When we go in and shrink up this text frame plus a little bit here so I can make this one larger. And now I'm gonna go ahead and click on our box in reset this to be the base style. I'll reset the formatting of just to be sure that everything is set to the default. And then we're gonna go ahead and do body copy aligned center. And we're gonna do is scroll down here to the bottom and choose our white character style. So now I can put in your address. Once again, I'm gonna do a soft return on that, which is Shift, Enter, enter or zipcode. And ours. And I'll go ahead and edit these hours here, become not quite as lead during the week. And lastly, space down again and put in our domain.com. And now we can begin stylizing this. So here, for example, I want this to be the sub-header center over it and click on that so it's a little bit larger. And now we're going to implement our bold wine styles from earlier that we created. Make certain texts elements stand out more. So now when I go out or preview mode, we can look at our text here. And now I can always reposition this based on how much text I have going here. Either more aligned into the center of the panel and just making sure everything was touching her safe guides through back to preview mode and look over our current work. Now you can always come back and add to your menu or choose a different menu. You're back to page two and we have all of our placeholder text in place and ready to go. In our next video will get us ready for PDF export. 17. 17 Export PDF for Production in Affinity Publisher: Welcome back. So now after all of your hard work through this course of putting together your own custom tri-fold brochure. Or even if you are following along with all of these examples here, we're now ready to get this ready for export for professional printing. Now the last thing I recommend before you send anything ought to be professionally printed is to ensure you thoroughly go through your document and look for any typographical errors, as well as any graphical placement airs. Where, for example, an image is supposed to bleed off the page, but you accidentally didn't have an extensive oblique line. But what do I mean by that? If I look at this first page of our document, your Leslie, when we were going through setting this up, I add the image stop right here on our document edge. Well, if I send this off to be printed, that is now going to bleed and it might lead to a small sliver of white. So what we would want to do is go ahead and extend that out to make sure it does in fact touch Heartbleed line and going through and making sure the same thing on all the others. You want to go through and check for any typographical errors you may have. And I also recommend zooming in as much as you need to. Make sure stuff is lined up accordingly. So right here I can notice, for example, I don't want you to have this over here to the right of margin. I'm gonna go ahead and move that over. And notice this isn't centered exactly, so I'm gonna go ahead and move that over as well. Known is going to continue through our document here by holding down the space bar key and also zooming in and take a look at some of our various elements and also checking the maturity of elements. It's not bleeding off the page is within our safety margins. Once I'm happy with the changes we've made and everything is ready to go. I'm not going to go up to File Save. And then we're going to go up to file and export our export dialog box spring and selected PDF option. Since most professional printers want you to upload a PDF, I'm gonna change my preset. Press ready. And I want to ensure that I have the belief checkmark to include on the document. I'm also gonna check mark to preview the export when it's complete. And we'll click on me more options button. While working through these main ones I want to draw your attention to are down here for the include printer marks. By default, this is unchecked and most professional printers do not want you to include these. They will actually do this on their own, but they do want to have the bleed on their file. Now for demonstration purposes, I'm gonna go ahead and check mark to include the bleed and the crop marks just so we can see that everything is set up properly. I am going to turn off the registration marks, the color bars in the page information, and just include the crop marks. I also want to draw your attention to the embed fonts option. Right now it's set to embed all fonts. However, I like to choose text as curves. Though any fonts we're using in our document are automatically converted to shapes. And we won't have any typographical errors with font loading issues. So now with those properties set, I can click on close. And I'm gonna go ahead and click on export. You'll never get to wherever you're putting your press production file. So I'm going to select a right here where I exploited one previously. And now I'll click on save. In this case, I do want to replace this document. Years would not say that if you don't have anything currently in there and it's going to go through an export, our document. What does export in? Here's our crop marks so we can see that our bleed was set up correctly on all of these parts of our document. And going down to page two, we'll see that the bleed files are set up here directly as well, where you kind of go through and carefully proof to make sure everything looks okay. But if it meets your satisfaction, you're then ready to take this file and upload it to the primp provider of your choice. 18. 18 Class Project in Affinity Publisher: Throughout this course, you are faced with challenges with creating paragraph styles, character styles, setting up new documents and baseline grids, custom fault and much more. I would like to see you put your new skills to the test and create your own custom tri-fold brochure for your own personal business or for a family or friend that's trying to promote a product that they are using. I look forward to seeing what you can create with your own designs and Euro creativity using the lessons that you learned in this course. 19. 19 Thank You: I would like to thank each and every one of you for participating in my online class and workshop with creating a tri-fold brochure and infinity publisher. I hope you are able to gain some valuable information that you can implement it into your next creative project. I look forward to seeing you again in my next session. Thank you and enjoy the rest of your day.