Postcard Design and Layout with Affinity Publisher | Nick Terry | Skillshare

Playback Speed


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Postcard Design and Layout with Affinity Publisher

teacher avatar Nick Terry, Graphic Designer

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

14 Lessons (55m)
    • 1. Introduction to Postcard Layout in Affinity Publisher

      0:49
    • 2. Storyboard Overview in Affinity Publisher

      1:50
    • 3. New Document Setup in Affinity Publisher

      3:00
    • 4. Baseline Grid Setup in Affinity Publisher

      4:28
    • 5. Color Swatches Setup in Affinity Publisher

      3:10
    • 6. Photograph Frames in Affinity Publisher

      4:58
    • 7. Photograph and Graphic Placement in Affinity Publisher

      7:21
    • 8. Paragraph and Character Styles in Affinity Publisher

      5:31
    • 9. Text Placement in Affinity Publisher

      6:35
    • 10. Box Overlay Placement in Affinity Publisher

      6:02
    • 11. Finishing Touches in Affinity Publisher

      7:11
    • 12. Export Postcard in Affinity Publisher

      3:09
    • 13. Class Project

      0:23
    • 14. Thank You

      0:18
  • --
  • 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.

93

Students

2

Projects

About This Class

This course is targeted towards individuals or teams that are new (or fairly new) to Affinity Publisher. Through the session, you will learn the fundamentals postcard layout including understanding document setup, setting up grids, working with typography, utilizing and customizing color, controlling text and graphic frames all while completing two variations of a postcard layout. One that is intended for direct mailing, and the other for distribution at a tradeshow or convention.

After completing the course students will have all the fundamentals needed to tackle any postcard project.

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.

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.

Transcripts

1. Introduction to Postcard Layout in Affinity Publisher: I would like to welcome you to postcard design and layout with affinity Publisher. My name is Nick Terry. I've been a graphic designer for 20 years, specializing in print layout and design. Throughout this course, I will provide you with my process for creating two variations of a postcard design for a wedding photographer. One will be created with the intent pre direct mailing piece together with the intention of being an item that could be distributed at trade shows and conventions. We will evaluate a storyboard, mock up, create or to document and establish our document and baseline grid. We will create paragraph in character styles, the style with our color swatches, please photograph in text and so much more more than export our projects, which is press ready to send to our printer. Let's get started and Creator postcard designs an affinity publisher. 2. Storyboard Overview in Affinity Publisher: before we jump into affinity publisher with our new documents set up, I want to take a moment to go over the storyboard mock up I provided for you in the class resources border throughout this course. We referring to this diagram. As I go through in place to various elements of the layout, we're gonna be creating a seven inch by five inch postcard layout for your wedding photographer. With that being said, this layout can be adapted to a personal portfolio or for an artisan that might be wanting to showcase different types of work. I'm gonna be creating two variations of the same design. The first is going to serve as a direct mail piece, and the second is gonna be an option where they can hang out at a trade show or in events with more information on the backside. Right now, we're looking at the front of one of the cards, and any time you see a solid blue Phil, that's gonna be a representation of the graphical element or did photograph we're gonna insert into the layout. The second page is going to service the back side of one of the cards where the Grey area represents an area where we cannot put any graphics or text because it's reserved for the post office in their purposes. The third will be a variation of the front of the card, where we have a place for some or images and text, and the fourth page will serve as the backside of the variation card, where we can put him or information about the company and the services they provide. Throughout this course, I will be using stock for tired me that I'm not allowed to distribute throughout this course I do recommend is you go through the course, you insert your own personal portfolio items or your own photography. I will show you how you can play stock photography through the affinity publisher studio interface placeholder images. While you're trying to gather your assets for your own unique needs, let's get started with our new documents, set up an affinity publisher 3. New Document Setup in Affinity Publisher: we are now ready to start our new documents set up for a seven inch by five inch postcard before you get started. With your documents set up, I recommend you check with your print provider to get to specifications they require for the safe margin, the bleed and the document trim size so that when you're setting up your project, your meeting, their unique specifications to start our project only go underneath the file menu. Select new and by default, I'm under the print preset tack, and the seven inch by five inch size is not available by default. So I'm gonna scroll down, and just to ensure that we're starting on the same page on the select U. S. Letter since I'm based in the United States coming over to the layout tab, I'm gonna go ahead and click on the page with and change that to be seven for seven inches in the pay. Try to five the DP I. We want to leave set at 300. Since this is intended for printing purposes, the orientation in the units of measure we can leave as is, and the image placement policy. If you're not familiar with that that basically refers to how the images air placed inside of your document. If you prefer the embed method that's going bed the photographs inside of your document, which could increase your file size. However, if you're working on this by yourself and you're not collaborating with other artists, there would be no other reason to not use the embedded method. The link method is an option that allows you to link the photographs inside of your document. It lowers your file size, but at the same time, if you are collaborating with another designer, using the resource is manager. You can quickly package your file and send it to them, and they'll have the same photographs that you placed inside of your document while they're working on their part of the project. For now, I believe this unembedded for the number of pages only select four pages. Since we're using two variations of the same card. As we continue down, I'm going to uncheck facing pages. Since this is not a publication or a book style layout, it's just a front back design. I'm gonna change the color format to be see him like a eight and scrolling down for the margins. I want to make sure that I go ahead and talk along uniform margins, though it's type in 0.25 for 1/4 of an inch. And by tackling that on that ensures that all of them will go to the same unit of measure and the same for the bleed for my specifications. It's an eighth of an inch or point of 1 to 5, and we'll enter that now. If you're gonna be doing this project quite often or doing a seven inch by five inch layout , I do recommend you come up here and go and clicking the plus button that will add it to your my presets panel for quick reference in the later or future project. I'm gonna go ahead and scroll back down, make sure everything looks OK, and now we can say it create and we have our new documents set up. We have our four pages, and in the next video we'll get our document grid and our baseline grid set up for postcards 4. Baseline Grid Setup in Affinity Publisher: we are now ready to set up our document grid and our base Languid are postcard layouts to set up our grades. I'm gonna come up to the master pages and the pages studio panel. None of the double click on Master Page A. Any time I'm setting up a baseline grid or a document grid, I prefer to set those up on the master pages as it allows me to apply those layouts to any page of my document quickly and easily. With our master page selected, I'm not going to go up to the view menu. It's like show baseline grid in this show. Obviously angry dialog box on the check mark used Basil, Ingrid and I want to start it relative to the top margin. And the main reason for that is your baseline. Greatest mainly for aligning your body text of your document and all of your important Texas contained within the margin. So I prefer to start mine relative to the top margin. My grid spacing is gonna be based on a 12 point leading value, so I type in 12 points on a lower the capacity of the color slightly so it's not quite as obtrusive. While I'm working on the layout and by default, your display threshold may say 70%. I have mine said it 100%. And what that means is, in order to see the baseline grid, I have to be zoomed in to at least 100% or more for it to show up. If we look up here in my zoom level, you'll see him in 167.2. Which is why my greatest showing If you're not seeing your baseline, great. Currently, it may be because you're not zoomed in far enough in your document relative to your display threshold, I'm not gonna click the close button. Anyone else set up our rows and columns? I'm gonna go on anything. View Menu, Select the guides manager in the guise major box. I'm gonna select to have a five column layout with four rows. I want to change the gunner spacing to be a 12 point to correspond with my baseline grid. The style I have selected is the filled style with the light gray background, which is what is showing here on our document. It may be hard to see on the screen cast, but I don't want to be very intrusive on working on my layout. And now I can say close. And now, based on the storyboard mock up I provided to you in the class Resource is for her. I knew Page for the layout shifts from a five column layout to a four column layout, so I'm going to create a new master page by coming to the Master Pages tab and the pages paint on it. Selecting Add Master the main McMaster page be. You can also type in any name you want, so I can also leave it Master Page being just say four column just for identifying purposes . And it will automatically pick up all the dimensions relative to your document in terms of the margins and the dimensions. So go and say OK, and now we have to master pages up here who have double click on Master Page be. And now we're gonna modify the guys manager on this. Once I want to go back into the guy's manager and change it from five columns to four columns and close it, and now we have our four column layout, so we have a five column on Master Page A in a four column on master page, Be in Our last step is gonna be to apply. Match your page, be to page four of our document, and the easiest way to do that is you can click and drag until you see Page for highlighted and drop it on there. But if you're working on a multi page document that could be quite cumbersome to try to drag through several pages, so I prefer just to right click on the page in this case Page four. Click on Apply a Master. Don't choose Master. Be from the drop down menu. Do you want to replace in the existing master gets on the page in this case, Master Page A and see OK, and now when I double click on page four units, we have the four column layout and he find column layout is on all of the other pages. We will now go up to your file and see your document. And in the next video, we'll get ready to set up our color swatches in our swatches studio panel 5. Color Swatches Setup in Affinity Publisher: Now that we have our document grid and our baseline grid set up, you're now ready to add in our swatches to our swatches studio panel. And currently, I'm looking at page one of our document. And any time I add color swatches to a project I like to use the rectangle picture frame tool to add in those color swatches. So I'm gonna come over to my tool panel, only grabbed a picture frame rectangle tool, and to draw the frame, you just left, click and drag out of shape. And for this particular project, it's gonna be pretty lean on color swatches. I'm going to be using three possible color swatches. And now that we have are three frames drawing. I want to come over to my swatches studio panel. If you don't see this, watch a studio panel go underneath the view menu, go to studio and make sure swatches his track marks. Now, there were in the panel. I would like to come up to the motion More options icon or what I refer to as the hamburger icon. And right here we have the option to add a document. Palace only click on add document palette and we have our unnamed pallor ready to go. I'm not gonna come over to our first picture frame and click on that. Come back over to the swatches panel and double click on this case on me. Fill icon, the one behind it. This the outline of the circle is the stroke color. I'm just gonna double click on the fill color, which, in my case, has the line going through a currently and with our color chooser now open, I want to change it from the hue mode to the seem like a sliders mode. And the only thing this modifies here is what has shown and displayed in the left side of this panel. The other options are always presented to you over here on the right. So our first color on enter is going to be an 85% black close that I'm gonna click on these second frame double click back on the Phil. I would like to have a 100 percent black, and lastly, we'll double click young at in a pure white color. So zeros for all the color values. So now that we have our color swatches on our document. We now have to get them added to our swatches studio panel. And to do that, I'm going to click on the first color salt we created. And next to the drop down menu year, we have the option to add the current feel to the palate. So when you click on that and our first color is now added, I'll repeat the process for the 2nd 1 and repeat the same process for the third color another. We have all of our colors added. I can now delete these off of our page, since I just use them to get our color palettes initially set up and I'll come back over to you Show Menu Icon. I want to rename this palette salary, name this photography postcard and say OK, and now, with our color swatches ready to go, we're ready to move on to the next step of the process, which is going to be adding in our frames. For all of the photography used in the project, 6. Photograph Frames in Affinity Publisher: we are now ready to begin inserting the placeholders for a graphical elements in our photographs. And I want to draw your attention back to the storyboard mock up I provided to you in the class. Resource is for currently we're looking at page one, which is gonna be a representation of one of the front designs of the card. Anytime you see a solid blue color, that's gonna be a representation of geographical element or a photograph. Anytime you see a green color, that's gonna be representation where some typography will be placed. Page two, you will be the reverse side of the first layout, which is gonna be reserved for the post office or direct mailing piece in any area where we cannot put any graphical element or typography has filled in solid gray. And this is based on the specifications for my printer here in the United States Years may very based on where you're located at page three is gonna be the variation of the front of the car design, and page four will be the variation of the second layout for the back of the card, where we have some more text elements and some more graphics throughout the next couple of videos. I will be referencing this layout when placing these various elements. You're welcome to follow along with the one I provided to you More place row graphical elements while you're following along. Throughout the placement of these items were using stock photography that I'm not able to distribute with the course. However, when we get to this last page of the layout, I will show you in this spot. How do you answer some stock photography has provided to us in the studio stock photography panel when I will minimize this and get it out of the way. And we're now ready to get started with placing our rectangle picture frame Olders Now, going through this video for the initial step, I'm only gonna be placing the rectangles themselves. I'm not gonna be placing the actual photographs yet. I will be doing that in the second part of this video. So to begin, I wanna double click and make sure I'm on page one. And when a reference page one of our storyboard mock up and now began placing the various graphical elements. The 1st 1 I'd rather you picture frame rectangle tool. And I know I haven't image to spans the entire background. Some to draw that out first with this tool still selected. I know I haven't item up here. That's gonna be a representation of a logo we're gonna place. I then have three circles here that are represented, and I'm still going to use the rectangle tool for those. The graphics themselves are circles, so I can still use squares to place him. And when I hold down my shift key, I'm able to draw a perfect square soldier all our first square and get that align to the center. Well, then, do you copy and paste a couple of times to repeat this? You can also hold down the shift and all key and click and dragged down the shape and do an exact duplicate of those moving through the process. Only good on the page. Two of our layout, you know, page to you. I know. I just have one graphical element on the back that leads off the left side of the page, so we'll put that element there. Look down to page three of our layout and we have a couple graphic elements here the first being up here along the top bro and partially got into the second. I'm now going to duplicate this and bring it down to the bottom. Since it's the exact size as one on top and for our last one, I'm gonna go and collect and span it across these three columns and all the Rose going down to the fourth page of our layout. This is the four column way out. I'm now going to place our first graphical element, which is a square appear in Column two. And since the other ones are exactly the same in these other columns, I'm going to just go and copy and paste that by holding down shipped in alta at the same time. I will go and dragged is into position, and same thing up here will duplicate that one. And if you're not comfortable doing the old and shifts drag method, you can also just do a command see or control see and a command, see or controlled with a pace it or go up to your menu and you add it copy and had a peace that way as well. On the left side, on the ground my picture frame tool of the Ellipse. Yeah, I know. I have a circle item. Pretty graphic. So, no, hold down the shift key once again to draw our circle and get that placed and slide that over into position. And now, with our graphical frames placed, we're ready to move on to the next step of the process, which is going to be to actually add in the photographs we're gonna use into this layout. 7. Photograph and Graphic Placement in Affinity Publisher: we are not ready to start inserting are photography or portfolio pieces into the layout we created in our previous video. And I want to make mention that the photography I'm gonna be inserting I'm not able to distribute with this course. However, there are three icons and if make logo that I have provided to you that you are able to use for placement purposes If you don't have your portfolio pieces ready, I will show you how to insert stock photography from the stock photography studio Pain. Oh, that's available to you, an affinity publisher. In order to play some stock photography, I'm gonna come over to the stock studio pain over here on the left. If you don't see the stock panel, get to your view menu, go to studio and make sure stock is check marked in the stock panel. You get used from three different supplier for some stock photography. He will have to check mark that you understand their terms and conditions. If you haven't already read those terms and conditions, please make sure you do so. And in this case, since we're creating a wedding photographer card, I'm just gonna go and type in wedding and press enter, and we get a bunch of different options presented to us. And any time you want to apply his talk photo into your project, for example, of the school, and it's like this 1st 1 I'll click on it and drag it over to the layout. And as soon as I get over top of the frame I'm wanting, you'll notice that the frame starts to highlight a particular magenta color. And then I could just release the mouse and the image will load in and also show you the credit of the artist who created this photograph. I'm going close out of that, and you can repeat that process through the placement of these photos. If you don't already have your photography ready to go or your portfolio pieces. So I'm gonna go ahead and undo that with a couple controls. These commands ease, and now I'm gonna be in placing in my graphical elements. I'm just gonna come back over here to the pages panel, and there's a couple of different ways you can insert photography or portfolio pieces into publisher, and the first is like flicking on the placement icon tool. I'll click on that and you can navigate to the folder that contained your portfolio pieces . In this case, I have these items here and you. Three pdf Icons are the ones I'll be providing to you at samples you can work with as they're just generic icons and same with the concept logo. It's just a fictitious logo that I created for replacement purposes. You would, of course, want to use your own logo if you have that ready to go. So I'm gonna go ahead and click on my first image here and click open, and now we get the placement cursor where you'll see what I ever over top of these different frames. It's just me what that picture will look like when police within their. So I'm just gonna go in, place this into the background, and we have our first image place. Now, if you need to scale the image up or move it, you can, of course, scale the image using a slider on the bottom, and you can also come up to the picture itself. You know that as we get four arrows, you can also then slide the image left to right within the frame that's available to you up here at the top. You have your properties for your placement options, and you're fitting options. I typically recommend you do it from the anchor point in the middle. When you click on that, you'll notice it gets to be a larger square versus the other ones that you can choose how you want it to fit again. Scale to maximum fit, scale to minimum fit or stretch to fit. I recommend you don't do that stretch to fit, as when you notice it actually stretches his image to fit more vertically, which then distorts our photographs. I'm gonna choose scale to maximum fit and go ahead and click done. So you do have the displacement options available to you. So with our first image place, I'm not gonna go ahead and do file place, which is another way you can select a photograph. And the icon over here on the toolbar is just a short cut to get to the same menu. I want to make sure I can see all my available options and now only go and click on all three of these icons at once. I'm gonna hold down my control key to select all three of those while clicking applique on open. And now we have our placement images tab here. So we have all three of these images loaded, and as I scroll over top of very sections, we can go in place those items. So in this case, I want the engagement. Want to be first? So go and police that there I have slept on the second icon I want in this case I wanted to be a wedding. So I will click on the wedding over here in the placement images tab in place. That and lastly, we have our last image for Icahn police. That there. So you'll see. You can load up multiple images at once by selecting multiple files. And you they would then get the placement tap to select which ones you want to place. Oh, Then click back on our placement image tool. I'll go and get the concept logo. I will go in place that I would come up here to my fitting options for properties. In this case, I want to scale to minimum fit to make sure that fits within the area that is selected. Make sure it's still from the middle. It's a done, and any time you're looking and working on your preview, if the grid bothers you or the rows and columns feels bother, you come up to the top and click on preview mode, and then you can see what the image will look like when it's actually placed and ready for printing. Seeking just title that option often on. I'll leave it on for now and will continue through our layout. What's going to get my placement tool select image to for this one continuing down through our layout? Get the placement school and I'll get these images here. And depending on the size of the images, that may take a while to little them in a place that one he can play someone and police are last one. Now, on this one, I want to go ahead and move that up a little bit, so that sign is more into focus. And once again, I can toggle my preview mode to see how that is actually gonna look when it's printed and coming down to our last page here. I want to go up to file places time just to show you an ultra and method for selecting your files. Get old documents. You know how long it's like these next three and we'll go ahead and place those anti position in any of these images. I can go and scale this one up, for instance, to bring the couple Warren to focus in this last one. This would be a representation of the profile picture of the photographer. So I'm gonna come over here to my stock panel I was gonna tape in profile, and now with our images, always go and select his first image here and drag it over, get that into position and scaling back up. We have all of our photography in place, and now we're ready to move on to the next part of the video, which is gonna be starting to place some of our typography 8. Paragraph and Character Styles in Affinity Publisher: before we get started with creating our character and paragraph styles, I want to draw your attention to page four of the layout, and I realized from the previous video I left out the background image off a page for So I added in that image. And once I added that image in, I then reordered the layer to put it as the bottom part of the layer. So it shows in the background and drop it. Or you can also use the application bar and move the image to the back or to the front, depending on how your reordering the position of your photographs, I then change the opacity of the layer by clicking on the layer in the image and making it active and changing the capacity to 50%. Our next step is not gonna be to start adding our paragraph styles and our character styles . And to do that, I'm gonna come up here to page one. You know, I'm gonna come over to my textiles panel any time I'm setting up paragraph in textiles. I typically like to remove all of the ones that affinity provided with me by default. You're welcome to leave these in here if you like to work through them and utilize now. But I prefer to keep my textiles as queen as possible. So I only have in there what I'm actually using. So to delete the ones I'm not using when they come up here to our show more options I qambar, I would select to delete Oh, on your styles. And when I do that, it removes all the styles from our textiles boxes we hadn't created one were used any yet. So now I'm gonna come down to the bottom of the panel and choose create paragraph style. And I'm only gonna set up some basic properties that are associated with this. I'll go and leave this his body default, and I'll just work through some of the basic properties. Let it come down to the character tab. And I want to change the font to be source Sands Pro. I want the font size to be a 10 point. They're continuing down. I want the text Phil to be for work swatches panel and I wanted to be the dark gray color. So select that and continuing down to the spacing option, I do want it to be centered and continuing down and they go to the baseline grid. Do you want to make sure a lying to baseline grid is check marked? For now, with all of those options selected, I'll go and say, OK, and then we have our body default, and I will continue to create my next paragraph style. So I click on the creep paragraph style bun with this style selected because I want my next tile to still be based upon the current style that we have created. So I click on the new paragraph. If I come up to the style option, you don't now see, because we had this highlighted to start with, it's gonna base it off of the body default so I might call this one features. And in this case, when they come down to the fun area, I do want to change the font size. In this case, I want to make it a 9.5. I still wanted to be bold or not bold. Excuse me? Still wanted to be the same colors. We're not gonna have to change the color and decorations, and I do you still want it to be lying to the baseline grid. I'll see you. OK, the next item I'm gonna set up, I'll come back and click on the body default style, creating your paragraph, Hopefully this one category header. And on this one, I'm going to change the farm weights to be semi board and everything else can stay exactly the same and say OK, and now I'll go and create a character style by default. So I click on the icon to creating your character style. I was gonna call this one board Oh, come down to the far Wait. I'm just gonna change us to be bored over to the color and decorations just to ensure that it doesn't have a fill assigned to it. I'll go and click on the you know, style for the character style. So it's not based on any current style. Click on the create new style like on or call this one metallic. And in this case, I'm gonna come down to the color and decorations. Excuse me. I'll come down to where it says I talic, and make sure that is check marked and then say OK. And now, with our styles currently set up in the next video, we will begin adding in our typography into our layout 9. Text Placement in Affinity Publisher: we are now ready to add in our typographical elements into our postcard layout. I would like to draw your attention to the storyboard mock up provided to you in the course resource is border it right now. I want to go and double click on page one and we're going to roll out our first text frame by going up in selecting the frame textual and across columns two and three, I'm gonna draw our first text frame and type in our first service, which in this case, I was gonna be engagement. Now, if for some reason your text doesn't look like this, it may look like this by default. And that's because in your textiles frame, you may have, you know, style applied. So I'm gonna make sure I have the body default style applied to get the formatting I want. And now I'm gonna replicate this frame two more times to go underneath the other two icons . To quickly do that, I'm gonna hold down my shift in all key and dragged down the frame can drag that frame down again. You can also go up to edit copy and at it paste, then just drag the text frame to where you needed to be. I'm not gonna double click on our second text frame type in wedding and double click on our third tax frame. Type in reception. Continuing down are laid out on a double click on page two Get our free and text tool again drawing our text frame And this time I'm gonna put in. But company medium the company address in the city state hands it. Now, In this particular instance, I don't want to return address to be centered. So I'm gonna go and highlight what I just typed come up to the application bar, and with our options, she's a lying left. I want to come back over to our textiles panel and she's create Pero Vaz style. I'm not gonna call this one a return address. Do you want to change the font size? Let's make this a little bit smaller to a 9.5 and shoes OK, and now, with our return address formatted, I would like to go and at a character style of bold to the company name. So going click on the bold character style we'll get onto Page three and in the initial storyboard mock up. I did have some typographical elements in this space. This one out change to be the company logo. So insert that into a future video. I'm gonna continue down the page four page four. We have four columns of text spanning the artist and the different category sections we are offering. I want to come back up and get my frame textual. Then we draw out our first text frame, have its panel like home to and on the type in category header on its face down and typing price and space down again with the energy or return key type in category detail, which could be details about what this package includes. I'm now gonna go and highlight the category detail. Copy it and its pace that several times over to serve as a list of features. Now, continuing through our text frame, I'm gonna highlight the category header and she's the category and repair about style. I'm gonna highlight the category details and select the features paragraph style. In our previous video, we did not set up one for the price. So go and do that. Now I'm gonna highlight the price text Come up to our application bar type in Lehto. These would ever find you. What? I'm gonna change the weight to be late. I'm gonna change the size to be 36 point. And with those changes made, I'm gonna come back over to my paragraph styles. I'm gonna click on create paragraph style. I would like to call this one price. Now, before we get out of the paragraphs, I'll box when grand move this over to the side. I want to come down to the spacing option in the spacing option. I would like to go and change the speaks before to be 12 points and change the space after two b 12 points to give the price a little bit of breathing room. I'm not gonna say OK. And now we have our category lists made so that quickly replicate this by holding down the shift and all key help with this in position at the top of the third column. How now duplicated again, 43rd or fourth column. And based on the layout, I know I have to move these down a little bit, so I'm gonna go ahead and I like those and just drag them down in our Leo. And the nice thing about working with a baseline grid is any time you have text that's crossed the line like this, and columns you'll notice at the text resides on the same baseline, which makes the readability much smoother and easier for the user. The next item we have to set up is gonna be our artist information. So I'm gonna go and get my text frame tool again, Draut or text frame that goes across column one. And this time I'm gonna type in the artist name. How go and speeds down a couple times How come up to the text area inches insert filler text to represent the body copy now for the artist name. I can go and use the category header since I want that to be formatted exactly the same. And for the features, it's the same situation. I can double click on our filler text and she's features since I would want to biography to all be centered. And with our text now in place, we're ready to move on to the next step of the process, which is going to be adding in some backdrop shadows the leaves behind the tax so it's more easily read 10. Box Overlay Placement in Affinity Publisher: after evaluating the layout we've created so far with placing our photographs, our typography in our logo. I've come to realize that certain elements, such as a logo on page one and the typography on page one and Page four are not easily seen . And that's primarily because we have an image in the background that's making the contrast . Hard to read those items and see them. So the remedy that we're gonna put an overlay over top of the image backgrounds to make these items easier to see Right now, I'm on page one of my document. If you're not on page one, simply double click on page one in your pages panel. I want to come over to my tool bar, and I'm gonna select the rectangle tool. If you don't see the rectangle tool to simply left licking, hold and see all of the tools and shape out, and you have available to you and select the rectangle tool option. I'm then going to make sure I am not in preview mode so I can see my document grid right now. If you're in preview mode, you're not able to see your document grid, so I'm gonna switch out of that. And with directing O Toole, I'm now going to draw a rectangle that spans Columns two and three of our layout and release the mouse. With our rectangles still selected, I'm gonna make sure, in the properties of the application bar that it does not have a stroke applied, which is indicated by the cross going through the stroke icon. You wanted to have a white Phil going over to our layers panel. I'm now gonna change the opacity of it with the rectangle still selected. Drop that down to 85% in it enter, and that's going to allow some of the photograph in the background to still show through the rectangle. I'm not going to reposition this, and there's a couple of different ways you can do that in the Layers panel. You can drag and drop it by left clicking and holding on dragging across, and as I'm dragging down, you'll see a blue horizontal line going across the layers panel. Once I get right above the background photo, I can release the mouse, and now if I go back in the preview mode, this makes the readability much better. I'm now going to go down to page four of our document by double clicking on it. And we have the same situation here where we have a background image but the Texas still difficult to read. I'm gonna go back over and get my rectangle tool. I want to switch out of previa moan so I can see my document grid. I'm gonna go and droll our first rectangle across. Now, if you're looking at the storyboard mock up I provided to you, you may notice that there is a triangle shape that's attached to the rectangle. So let me to go back over to my shape tools and I'm not gonna choose the triangle. I'm just going to draw a triangle shape. Now, in this particular instance, I want to make sure that the triangle is perfectly horizontally aligned to the rectangle. And with the triangle still selected, I'm not gonna hold down my shift key and click on the rectangle. So I look at my lingers panel, you'll notice that I have both of them highlighted, which means they're both selected. I'm not gonna go back over and right click on those items. You'll see the option for geometry if you're familiar with in design, this is known as the Pathfinder option. Infinity publisher. It's a geometry future. So I'm gonna go and click on add. And now those two shapes are combined into one. So now the other way we can reposition items is using the application bar up here at the top and with the items still selected, I'm not gonna choose the option to move back one until it gets into the position I want, which is behind the text. As I click that button you will notice to curb it moved from the very top down here to the bottle. And now what? They're still selected. I'm gonna hold down my shift inoki and just simply drag over the duplicate of that and do the same process over a year for the second column. Only on this one I have to transform this one. So I'm gonna come into my transform panel. I'm gonna make sure I click on the center anchor points. I want to rotate. Based on that, I'm gonna type in 180 degrees. I'm going to enter. And now it flipped it upside down. So now I can go ahead and click on that and reposition that up towards the top where I want it to be. We now have to do the same approach with our artist. So I'm gonna go over and duplicate that and have that same ball equality to the artist. Call him. Know what? The artist columns still selected. I'm gonna make sure I have the rectangle selected for the artist. And we're gonna do the same thing with the opacity. I'm gonna lower the opacity down to 85% which wasn't going to allow some of that background image to still show through talk. Click on this one. Change it to 85 being click on our last one here. And if for some reason you click on it and you realize you got the text instead of the shape, you know, so click on in the layers palette or just re collect to make sure you're selecting the shape held in chains that to be 85% as well. So now if I go back to preview Moon, this text is now much easier to read. I'll continue to scroll up and just kind of give it a spot. Jack and now in our next video, we'll get ready to start putting some of the finishing touches on our document. 11. Finishing Touches in Affinity Publisher: we are now ready to put the finishing touches on her postcard layout. Currently, I'm looking at page one, which is the front side of the direct mailing piece. And I've decided I want to make this a promotional mailing, so I'm gonna add a promotion to page one, which is the front side of the card. Only a double click on page one of our pages panel to make sure that's the page of the selected. I'm gonna go over to our toolbar and get the artistic text tool. And with the artistic text tool, I'm not gonna click and drag to get the approximate font size I want. Release the mouse and type and save with our text still selected, I'm now going to go up to the properties of the text. Let's use brush to get it. Script fought in countries, whatever thought you want. And I'm just gonna reposition that slightly. I've also decided I wanted to have some color to this. I want to have some of the color from the flowers in the background so I could do that by adding a new color swatch or swatches panel like we've done in a previous video. Only this time I'm just gonna go ahead. That's like my color picker tool. And what the funds still selected hover over part of the image that I want a sample from and click. And now the area that I clicked on changes the font color to be that color. I'm happy with that current selection, so I'll get back on my move, tool up, duplicate this by owning downshift in Ault and dragging now double click and had the promotion of 25%. Any time you re positioning important text elements, you want to make sure if you are currently in preview mode that you get back out of preview mode so you can see the margins that you're working with, I'm gonna reposition the percentage to be in the lower right corner. I'm not gonna click on the save and coming up to the top right corner, only that drag it down to scale it to be a little bit smaller. So it's not quite as prominent as the actual promotion, and I'm gonna rotate that slightly and move it slightly down. And now, with our promotion in place, I can toggle back out of previa moan and we have the front of our card now set. Moving on the page two, I decided I want to add that same pain color to everything that's bold inside of this document. So because we could took the time in a previous video to set up character styles and paragraph styles, I cannot come over to our textiles panel. Double click on the bold textile. I want to change the color in this case to be that same pink and say OK, continuing down the page three, we've decided in this area instead of having having text, we want to have the logo display. So I'm gonna get back into preview moan grand, my picture frame rectangle tool and drag along our place order for the logo. And now, with that in place, let's select my place image tool. It's like my logo. And just like we did in a previous video, I now need to have it scaled to fit within this frame, so I'm gonna come up underneath my fitting options and shoes scale to minimum fit from the center anchor point continuing on to Page four, I decided after evaluating this page are like the category headers to also be the same paint color on a double click on the category header Come to color and decorations. Select that same pink color. Thanks. Like Okay then. I've also decided after looking at this text, the text is getting awfully close to the size of the box. It's behind it. So I'm now gonna double click on the future style, come down to the spacing option. And now I want Teoh for the left in dance, nine points and for the right and nine points and select. Okay. And now you notice the taxes No longer going right up against the side of the spox. I've also decided, after looking at this, that we need to add in the pricing information. So I'm gonna go and type in for this one example of $250 on this one type in the price of $1000. And on this one, I'll take in the price of $750. I would like to have the dollar sign be superscript So I'm gonna highlight the dollar sign . I'm gonna click on the style for no style initially our textiles and I'm gonna add a character style and in this case, I'm gonna come down to the position and transform option superscript or sub script. How would it change that to be superscript? So now I can come over to the next one that's like, superscript and select superscript again. Now I notice I forgot to rename that style as you notice it's that style by default. So to keep everything organized, I'm gonna double click on that and just saying Change this this a superscript and say OK, no need to reposition the artist photo slightly down have also decided on these photographs . I would like to have the border of light to them. So the way I could do that is by clicking on the image coming up to the stroke option. I would like to change that to be with what is going type in two points and then I'll change the color over our swatches panel to be the same recent color we had used before. No, apply that to the other ones. So have accidents. Drug panel that in two points that is going to remember the last setting we had used. So we have to do is come up here and keep typing in to That's gonna remember that same attribute we added earlier. And we now have two stroke applied. Well, in this particular instance because the image was so like in the background, I didn't realize that triangle was actually cutting into her photograph. Now you could leave it like that. If you preferring like that style. How does going position this up? Some sorry pictures not being cropped into. And I will switch back to the preview moan. Our document is now set and ready to go in. The next video will now get our document ready for export. 12. Export Postcard in Affinity Publisher: we are now ready to get our documents sent off to the printer. And prior to doing this last step, you want to make sure that you go back out of preview mode. If you're currently in preview mode and carefully go through your document and make sure everything that needs to be contained within the margins has done so correctly, anything that needs to bleed off the page is appropriately touching the bleed lines of your document. I want to go and double click back on page one. We're going to go up to the file menu and shoes export in the Export Settings Dialog box. You have a wide variety of options for different output methods. We're going to concentrate on the pdf option and the PDF presets. You do have options for various settings for a pdf. I do recommend you check with your current provider to see if there's a particular method they prefer. Otherwise, I'm just gonna choose Press ready. PdF. I want to make sure my resolution is head of 300 and if you do have lied on your document, it's important to make sure that you have the include bleed check mark I do want to preview this after the export is complete in depending on if you're exporting all of the pages at once, or just a couple of the pages hater choose all pages begin to use the current page, breaking them down into the pages box. And, for example, type in one comment to If you were only doing the direct mailing piece, I'm gonna go and leave it at all pages. For now. I want to talk down. The more options future. Any more options Future. Let's scroll down a little bit. I do want to make sure it is set to the seem like a color space. If there were spot colors in this design, I want to make sure it does honor the spot colors. I do want to over print the black. I also want to make sure that the include Lee is check mark now, anything. You're sending this off to a printer. More often than not, they may not require any of the printer marks. You can check mark that if you want Teoh and include the crop marks, the registration marks, the color bars and the page information. I'm going to go and toggle off the color bars and the page information and the registration marks. Just so when we export this, you can see that the bleed is a properly and appropriately assigned during export. I do want to embed all the fonts I'll go and close out of this, and then we're ready to click the export button. That's gonna ask you where you would like to see if your file depending on your file size and may do it quickly. Where may take a minute or two, you four to process also depending on the speed of your computer. I went out drag over what are exported. Pdf. Looks like they'll see. We have the lead appropriately set up as here of the crop marks. So this is the part that we get cut off. It's going down the page to everything is looking OK. This part of the image here will get cut off, which is what we wanted. Page three. Nothing is getting cut off as nothing bleeds off of the page, which is the intended purpose. In our last page. We have the background Phil getting cut off appropriately, he represented full please layout once you're content and you proof and everything and make sure it's OK. You would then be ready to send this off to the printer or print it at your own home if you're using your own personal printer. 13. Class Project: for the class project. I would like you to create your own promotional or direct mailing postcards, set up a new two page document and utilizing the skills you've learned in this course as some of your amazing our work and our photographs to your layout, along with some text to complete your unique postcard design. I look forward to seeing the project you posed in the project gallery. 14. Thank You: thank you for taking my course on postcard layout and design with affinity. Publisher continue to build upon the skills you've learned in this course to make more creative postcard and promotional car designs. Please leave a comment and discussion forum, and I replied to any questions or comments as quickly as possible. Thank you.