Intro to Affinity Publisher on iPad: Designing a Mood Board

1. Intro : Hello and welcome to this course on Affinity Publisher on the iPad. My name is Ben Nielsen and I'll be your instructor for this course. I'm immediate design educator with over seven years of experience teaching creative software both in-person and online. This is an introductory course to help you learn the ins and outs of working with the feed publisher on the iPad. In this course, we're going to cover all of the basics that you need to know to work with Affinity Publisher, we're going to cover things like how the interface of a fun new publishers setup, how to use gestures on the iPad for things like undoing and redoing an accessing the quick menu, we're going to go into all of the different things that you can add into your document, like placing photos and putting text and using shapes. We're also going to go over how you export that document into a format that you can actually use somewhere. And we're going to do all of this while we complete the project of making a mood board using Affinity Publisher, there's just a couple of things you need for this course. You're going to need, of course, to have an iPad and you're going need to have Affinity Publisher installed on the iPad. You will need a license for Affinity Publisher. Now that could be a trial license or it could be a license that you've paid for. But you're going to actually need to be able to utilize the app, of course, in order to complete the project. Some optional things that you don't need but might be nice, would be something like the Apple pencil and a keyboard case for your iPad. That can be Apple smart keyboard or their magic keyboard. Or it could be a third party keyboard from somewhere, play Logitech or any place really, that just makes your typing a little bit easier and you can use the shortcuts from the keyboard instead from the screen, but none of that is necessary. The only thing is you must have to complete the course or the iPad. And if any publisher on the iPad, I hope you're as excited as I am. Let's go ahead and dive in and start learning about Affinity Publisher on the iPad. In the next video, we'll talk about the project that you will complete during this course. For now, I would love it if you go ahead and jump over to the discussion tab, introduce yourself and whether or not you've used an app like Affinity Publisher before, that will just help me get to know you all as students as we're going along on this journey of learning, Affinity Publisher. 2. Project : Project for this course is to create a moodboard using a faint published on the iPad. Don't worry if you're a little confused about what a mood board is right now, because we're going to talk about that in this course. And if you follow along with what I'm doing, you will be able to complete every task that's required for creating the mood board. There are a few requirements that you will need to have that I'm going go over now. The first one is that you will need to add at least three images to your moodboard. And at least one of those images should come from the stock studio and Affinity Publisher. Don't worry if you don't know how to do that right now because we're going to go over it in the course. The second requirement is that you also need to have blocks of texts on your mood board, and that text should use at least two different fonts. The third requirement is that you add your color palette to your moodboard using shapes with fills and strokes. This will allow you to show how shapes really work in Affinity Publisher. Lastly, you're going to export your project as a JPEG and then upload it into the project section for this course. And that's it. This project shouldn't be too hard or take too much time and just make sure that you follow along with each video and you will have no trouble completing it. Completing projects really helps you learn. So please do take the time to actually do it and upload it because one of the best ways to learn is to do something and then to receive feedback on that thing that you've done. So I'll be there giving feedback on all of the projects that you submit here in this course. I'm so excited to see what you're able to produce. Now let's go ahead and dive in and start learning about Affinity Publisher. 3. Setting up the Document: Okay, so here we are in Affinity Publisher and when we open it up, we're going to find a number of options here. The purpose of this video is to learn about how we can set up our document. That is obviously a really critical first step. We're going to take several videos here before we actually get into work of building our project, we're going to take several videos to just learn the tools and the concepts here. And if any publisher, and the first thing that we need to do is know how to set up a document. Here you'll find a number of different options when you first open Affinity Publisher life Docs is up here at the top. You can see that currently I don't have anything here, but this is the area where there are documents that you are currently working on, meaning that they've been saved in the Affinity Publisher app on the iPad, but they haven't necessarily been saved to the iPad file system or to an external disk. We're going to talk more about saving in another video. But just know that just because something appears here in the live docs doesn't necessarily mean that it has actually been saved. It can just be held in the Affinity Publisher is temporary memory and just be aware that saving documents and working with files is one of the trickier part of using Affinity Publisher on the iPad and iPad apps in general, the next button that we have here is New Document. We're going go into that in just a moment, so don't worry about that right now. The next one that we have is open. So this is the one that's going to allow us to actually access the file system on our iPad. Here you can see it opens up the downloads folder right now. But if we open up the sidebar, we have the option to get to any place on our iPads. So this is how you would actually open up another Affinity Publisher file. Say we were bringing it from the desktop or we had saved it out to the iPad or external file system, we could access that from here. Then we have this little line dividing and below that line, we find several more options which are templates, samples, and help templates. This is going to open up something similar to what opened it, but this is going to be to open up a template file, which means that when you open up the template, it's going to open as a new document and not editing that template file itself. We won't be getting into templates in this course, so you don't really have to worry about that next you have samples. Samples gives you a bunch of different affinity documents that they have provided for you. When you open these, you have to download them and then they will open up. They can be large because there are a lot of images and texts and stuff going on in them. But this is a good way to just kind of go and see what other people have created and what's possible. In Affinity Publisher, we won't be using any of these sample projects in this course, but it might be good to look through as you're familiarizing yourself with Affinity Publisher. Lastly, we have this Help button helpful that you look through the documentation on Affinity Publisher. This is great if you ever feel lost because there is a search function up here so you can search for the things that you need to find. For some reason, the logo here, it's not showing up correctly though, so I don't know why that is. Okay. We just hit X to leave that. You have the account this has your account info along with any assets that you've gotten from the affinity store. So you can see I have a number of assets here that have just come free with different affinity purchases over the years and a few things that I've bought from the affinity store myself. And then we have preferences. Preferences is going to take you into all of the settings for Affinity Publisher. There are a lot of them, but most of them are well set up for beginners, so we aren't going to dive into them in this class. Okay, let's hit Done there and then let's backtrack to the New button. Now, when you look at the new button, before you tap it, you can see that there's actually a little chevron in the bottom right corner of this button. Fellow Chevron or arrow is always going to mean that you can hold down for more options. So if I hold down on New, I'll get a little quick menu here. I want you to know about that, but we don't need to worry about it right now. We're just going to go ahead and just tap the New button. And this gives us all of the options for setting up a brand new document. This dialogue has a lot going on in it, and I don't want you to worry about everything right now because that can be overwhelming and it's not necessary for what we're going do here. We just want to get familiar with the basics. Along the left-hand side, you're going to see Document Presets. These are divided into categories like print and web, Press ready photo, different devices and architectural difference between these two categories at the top, print and press ready is just that the print category sets up the document with a color space for home and office printers. And the press ready sets it up to be ready for a professional press. Basically, this is the difference between RGB and CMYK color profiles, but we don't really have to worry about that because we're just going to be creating a image that will probably be shown digitally. We are unlikely to be printing this out for this class. We're just going to choose from the French section, even though we won't be printing this out, this is the easiest one for us to work with. So we're just going to choose letter. We want this to be in landscapes. So you wanna make sure you tap the landscape button at the top you can see there's one button for portrait, one for landscape. I find this interface item to be particularly confusing because the one that is not highlighted is the one that is selected. So it's more like a button is pressed down, I guess when it's the dark gray, almost black, then it's selected. When it's the light gray, it's not selected. So currently we are in landscape and we can confirm that by looking at our dimensions over on the right, where 11 " is the width and 8.5 " is the page height. You can also see over here on the right side that we have lots of different options. If you need to customize the size, you could do it here by tapping on the width or the height and inputting your dimensions. You can also change the document units right here. I have it set to inches, but you could change that to millimeters or centimeters if you're more comfortable working in those units, you can also change it to digital units like pixels or printing units like points and picas. I'm just going to leave mine on inches for now. And then up here in the top right corner, I'm going to make sure that I turn off the facing pages toggle. Facing pages are for something like a magazine or a book so that the pages will face each other and you can work across spreads. We don't need that for this and that's why I'm turning that off. Going live the number of pages set to one. If you were doing a document where you knew they were going to be more pages, you can go ahead and tap on that and put in however many you need it. We can also add pages at anytime though, so it's not a big deal if we need to add pages in later, I'm going leave the color settings alone. You don't need to worry about those. Now, at the top you can see you can tap for margins and bleed and you can get more options to deal with the margins and the bleed on the page. In this case, we don't need either. So I'm gonna go ahead and turn them off with the toggle. Then I'm just going to go ahead and click, Okay, and this will create our new document for us. And that's it. That's how you set up your document in Affinity Publisher. In the next video, we're going go over the interface that we have here and Affinity Publisher. 4. Interface Tour: Alright, now that we have our documents set up, it's time for us to familiarize ourselves with the interface here. And if any publisher on the iPad. Now, if you've used any of the affinity programs on desktop or iPad before this interface is going to look familiar to you, it will also look familiar if you're used to using any maybe Adobe programs or other kinds of creative programs because it's set up very similarly. But let's just take a look around so we all know where we are and what we're calling everything as we go through the course. The first thing and one of the most important here is this menu bar along the top. There's some really important things up here, and they change from time to time because there's actually multiple sections which you can see divided by these little lines. The first one is the persona's. So when you tap on this Affinity Publisher icon, you actually have the persona's where you can get to designer and photo as well if you own them. Now this is just an Affinity Publisher course, so we aren't going to be using the designer or photo persona is in this course, but they are super, super useful to have if you own all three programs on the iPad. Next, we have our document menu, which is three little bars, a hamburger menu as they call it. And when we hit that, we're going to get a lot of art document options. We're not going to go through them all right now, but that's where they are. Then we have the three dots, which is the Edit menu. So this can be a little bit obscured because there's three lines and three dots and it can be hard to remember what's what, but just tap up here and see and you'll get used to it eventually. This has a lot of the things that you might get from right-clicking in a desktop program or something like that. There's a lot of different options here. Then we have a bunch of different contextual options. So we're not going go into all of these buttons in the other sections right now because they change over time depending on what tool you have selected. So right now you can see we're on the move tool and we have a option that looks very similar to the move tool right here, where we can get the options just for that tool. So this section will change over time. So we're not going to go into all of them. On the right-hand side though, there are some important features. So here we have our Zoom options to get this, you actually have to tap on the right-hand side and then you get your word Zoom options. So if you're ever lost or don't know where you are in the document. You can always come here and you can always hit zoom to fit, to bring the document back to fitting on the screen. Then we have our View Options. This button here will toggle the preview mode off and on. Now you can't see anything right now, but we'll use this throughout the course to see what our document would look like when it prints. Basically turning preview mode on it gets rid of all of the different frames and handles and things as well as columns, margins. I kinda stuff that can clutter up the document when you want to see what it will look like when printed. There are some options here. If you hit the little chevron on the right, there are some different options for what you can and cannot see. And then the last icon here is the snapping options. This allows things to snap together and to let publisher give you some guidelines as you are placing things for alignment on the page. This is very, very useful to have on most of the time, but if you need to turn it off, you just come here and tap that. There are some other options that you can get to by hitting the little chevron. And lastly, in this one, there's the little interface Hide button, which will just take away all of the interface elements so you can just see the document. So that's the top bar. The only thing that I didn't mention there is the little button with the arrow that will take you back to the home screen. The left-hand side are all of our tools. These tools are the way that we accomplish things in Affinity Publisher there, the way that we add content or manipulate pieces of content, we're going to use some of these, but not all of them in this course, but we'll go over the ones that we need to know for this class. There's a lot of them, so we won't try and tackle every single one on the right-hand side. Instead of tools, we have what are called the studio panels. So when you tap these things, they will open up different things where you can deal with the detailed work. So e.g. here's color, Here's texts. Those are both panels that we're going to work with in this class, but we won't work with every single panel. There are more panels though than are actually shown here, and those can be found under the three dot menu in this toolbar. So you can see that there are other things that you can access as needed here, but they don't have little icons and show up on the side. Panels are where you do a lot of the work of changing the details of different pieces of content. Another thing that we need to talk about are some of the interface elements that change over time or that you only access when you need them. So e.g. if you have something like the Pen tool selected, you will get a slider option on the left-hand side. This slider option determined what the width of the Pen tool will be as you are drawing with it. These little options can appear as needed depending on the tool or the objects that you have selected. Another thing to note is that at the very bottom of the toolbar on the left, you're going to find a little circle inside of a circle. When you tap on that, you are going to get what's called the modifier. We'll, this is very useful if you don't have a keyboard attached to your iPad because it gives you the option to access a lot of the modifier keys, shift, Option, control, and command. So when you tap this, you see those buttons up here. You just tap and drag to select the modifier that you want. Now, if you want to keep the modifier on, you just tap and drag and go pass the button. And it will actually select that until you tell it not to. So then you can go ahead and tap it. So in this case, I would have shifted on and it would stay on until I tap it to turn it off. If you want to move this modifier key around, all you need to do is tap and hold on it without dragging. And when it does the little pulsing, you can drag it around into whatever location on the screen you want it to be. So I might want it on the right-hand side because I'm left-handed and I met wanted to use that. Well, I'm using the Apple pencil and my left hand or something like that. Turn the Modifier button off, just hit the button in the toolbar again. Now there are a couple of other things that you'll want to note. I'm actually going to draw an object down here, just a rectangle so that you can see how we use some of the gestures here. So gestures are things that you can do with your fingers to cause certain actions to happen. So e.g. if I want to undo, I just tap with two fingers on the screen. When I do that, what I just did is undone and that rectangle disappears. If I want to redo something after I've undone it, I just tap with three fingers and the rectangle reappears to zoom in, you're just going to spread two fingers apart. To zoom out, you're going to pinch two fingers together. That's how you can easily zoom in and out. If you want to pan around a document when you're zoomed in, you're going to hold two fingers on the screen and just drag them so that you can pan around. If you want to quickly get the color picker tool. You just hold down on the screen and you'll get this little circle with a pixel in the middle that shows you what color you are selecting. There's also a useful Quick Actions menu that is very similar to the Edit menu or what might happen when you right-click in a desktop program. In order to do that, you just hold down on the screen for a second and then let go and it will appear. So you can see there's a bunch of different quick options here. Another way to access that if you don't want to hold, is to take three fingers and swipe down on the screen. There are other gestures that are specific to tools, but we'll talk about those when we get to the actual tools. The last thing to note about the interface is that there's this little question mark button on the bottom right, and that is your Help button that will show you what almost everything on the screen means. It will show you what the tools are called, what the panels are called, that kind of thing. The only exception is if you have a panel open and you're wondering what's there, when you hold down on the question mark, the panel actually disappears and you can't see what the things in the panel means. But other than that, it's pretty useful. They will be tools, specific information found along the bottom of the screen, which can be quite helpful. Okay, that's it for the interface here in Affinity Publisher. 5. Saving Your Work: Okay, As I mentioned previously, while using if any publisher on the iPad, It's very important to save your work so that you don't lose it. The first thing that you want to make sure that you do before you leave to work in another app or something like that is to make sure that you hit that back button in the top left corner. Nothing has actually saved even into Affinity Publisher is kind of internal storage until you do that for some reason, it doesn't auto save it. And if you leave the document and then you go out, use another app. And because your iPad doesn't have enough RAM, it's ejected from memory, then you will actually lose the work that you did there. So I'm just doing this too. Save you some heartache down the road. Just make sure before you leave the app, you tap that back button. Another thing that I've found happened when you leave the app is that the app can then try to update. If the app has received an update and you have auto updates turned on on your iPad. It will automatically update that and not have saved the work that you've done in the document unless you've left the document. So just be aware of that, make sure that you leave the document. Go here to the home screen, and then it will be saved into the live Docs area. And then you can at least get back to it. But that's not actually saving it. So we got to know a couple of other things. When a document is here in the live Docs area, it needs to be saved somewhere onto the iPad. Again, this can be a little confusing, but you want to make sure that you do this by tapping on the little hamburger menu up here and clicking Save or Save As when you click Save, this is going to give you the option to choose the file name for it. So let's just call this one test and all of these RAF pub files. And then you can choose whether to keep a safe history or not by turning this on or off. Now I don't think I need to keep that on for this and then hit Save. So when that has happened, you didn't get to choose a location on your iPad. If you have external storage connected like a hard drive, a thumb drive, or a memory card. You can choose that from the list on the left for right now I'm just going to go ahead and choose on my iPad. Then I'm going to save it into my Affinity Publisher. So then I can just click Save in the top right and the document will actually be saved. And you can see the name has changed there as well. Now you can also save while you are working on the document, once you've actually saved it to a location. And so that's basically how you're going to make sure that your document is actually saved someplace that you can access it later. And the nice thing is when you come here and you click Save, it will then saved in the location where you put it, instead of just saving it here in the live ducks kind of staging area. If you want to close a document, you're going to hit this button right here. And then it's going to say, are you sure you want to close this document if you haven't saved it, let you know that you'll lose unsaved changes. And then if you wanted to open it again, it wouldn't be here in the live docs. You would actually need to go to the Open Menu and choose it from the storage where you've saved it. I'm not going close this right now, so I'm gonna go ahead and click Cancel. And that's basically what you need to know. Again, just be careful about making sure that you have left the documents so that your changes are actually saved into working memory and that you come here and save your document to the iPad or external storage regularly. 6. Move Tool: Okay, Now that we know a little bit about the interface and how to work with our documents. Let's go ahead and let's start learning some tools. The first tool that we're going to learn is the move tool. This is the top tool on the toolbar and it's kinda the default tool. It's what you'll use so much of the time when you're in Affinity Publisher. So this tool basically allows you to select objects and de-select objects. So right now I'm selected on this rectangle, but if I want to deselect it, I will just tap somewhere else on the screen. So then it is de-selected. So this is kind of the basics of the move tool is you tap on an object and then to move it, you just hold and drag on it. You can move it around the screen. Now I am noticing there's a little bit of artifact. Sometimes when I move there'll be these lines I get left on the screen for a little bit. I think that has to do maybe with the processing power of my particular iPad or something like that. Those don't remain and they don't export, so don't worry about that if you see it. Now, there's a few things to note with the move tool because you will use it a lot. The first one is that there are some different options in the toolbar. And if we just hold down help, we can see what those options are. In the middle of the screen, you can see there's Move options arranged transform, alignment, geometry, and selection target. So these are just useful options to have. We're not going go into all of them right now, but we will use some of them when we're actually doing the project of this course. So just know those are the options that come up when you are using the Move tool. And then of course those change if you're on a different tool, say I choose this tool right below it, there's no tool. Those options are going to change. Something good to note where if you're on another 21 and get to the move tool is if you have a keyboard, you just need to hit V on your keyboard and that will change to the Move tool V for move, because I think V looks kinda like an arrow. I think that's why that got started. That's very common keyboard shortcut in most of these programs. When you're using the move tool, you do have some gestures available to you, e.g. if I'm using the Move tool and I want to move my object around if I want to hold it in alignment in the same line that it was before, I just hold one finger on the keyboard. And now you can see that yellow line appears that holds it in alignment on stem different angles so I can pull it down and get to a 45-degree angle or 90 degree angle. But I can't go off just anywhere I want. It will hold it in line and that is a very, very useful. Another thing with gestures is if you want to duplicate that object, you can hold two fingers on the screen and then drag it. Make sure that you let go with your finger that is holding the object before you let go with your fingers on the screen. Otherwise, they will not duplicate. If you want to duplicate and hold in alignment, you're just going to hold three fingers on the screen. With three fingers on the screen. You can see that I can hold it in alignment and I can duplicate it. And when I let go, I now have a duplicate. Most of those options can also be done by using your modifier wheel. So if I hit the modifier wheel and I'm going to drag it to the other side of the screen since I'm left-handed. But if I have the modifier, we'll here, I have shift option available to me that's going to hold it in alignment just like one finger did. But if I want to actually duplicate it, I can go down to option and I can duplicate like that. If I want to always hold it in alignment, I can go ahead and drag past Shift and then I don't have to keep my finger there. Shift is just on until I turn it off. So the modifier wheel can be very useful in a situation like this. Another thing to note is that you can of course access the quick menu while you are using the move tool. So just hold down on the screen and you'll get this quick menu option. You have things like copy and cut and paste. You can also duplicate from here. Now, one thing that I'm going to do is delete some of these. I don't think that I need all of these rectangles. Now let's talk a little bit about using the Move tool to resize things. So if you tap on it and you want to re-size it, you're going to use the little handles in the corners or the sides. If you use the corner, you can resize in both directions at the same time. And if you want the proportion to stay the same, hold one finger on the screen. So that's how you can re-size in proportion. Now, if you use just the sides, you can just go in the horizontal or vertical directions. If you want to rotate, you can use the handle at the top. So the one that's sticking out, just tap on that and you can rotate to keep this in 15 degree increments. Hold one on the screen. If you want to re-size from the center, hold two fingers on the screen while resizing. If you want to keep those in proportion while going from the center, hold three fingers on the screen. The four fingers will allow you to rotate from the corner while you are resizing. I'll undo that with two finger tap. Similarly, of course we can use the modifier. We'll to do some of this resizing. So if we have shift, we can resize and proportion. If we take shifts off, we can resize any way we want. If we go to command, we can re-size from the center. And we might want to set command so that we can also hold down Shift and re-size from this center proportionally. This modifier we'll can take a little bit of getting used to, but it's really useful to have, especially if you don't have a keyboard. So that's the basics of the move tool. You can see it's going to be a really useful tool. It's going to be one that you're going to use constantly. Cell makes sure that you get familiar with it. 7. Text Tools: Alright, now we know how to use the Move tool. We're going to go ahead and talk about the texts tools here in Affinity Publisher on the iPad, there are two texts tools. You can find them on the left-hand side, one looks like a T and one like an a. The T is what we call the frame text tool. So you can see that you get options along the top similar to what you might be used to seeing in Microsoft, Word, font and different decoration options and font size. And so there's a lot of different things that you can do straight from here. And if you need to see more options, you can just take your finger and swipe to scroll along them. So there are a few more things like bullet points and stuff like that over there. Now the frame text tool, when you click and drag it out, is going to drag out a text frame like you would expect. So this is basically going to set how far your text can go if you are typing like I am here and you reach the end of a line, it will jump to the next line. This is going to be in contrast to the next text tool that we're going to talk about, the Artistic Text tool. Now, obviously, I have my keyboard connected, so I'm able to type on my keyboard. But if you don't have a keyboard connected or if you need the on-screen keyboard, you can hit this little keyboard button down at the bottom, you can see you have a special toolbar that has appeared here. And you can tap this and say Show keyboard. Of course, if you don't have a keyboard connected, this will just appear automatically and then you can type there, do all of your text work. I do recommend if you're going to be typing a lot, that you have some kind of a keyboard. I'm using the Magic Keyboard, but there's also the Smart keyboard from Apple. And there are a lot of different Bluetooth keyboards that are available as well. Any of those will work. There's this little button here that is on the left side of the toolbar. And that when you open it up, gives you a bunch of different important options like symbols, your brakes, that kind of thing. You can scroll through this. And so you can see there's a lot of different things that you might need here that are found under this menu. Now we won't really probably need these for our project. I just thought it'd be good for you to know that and then you can switch back to your regular ABC keyboard. I'm going to drop the keyboard down here. So that is the Text Frame Tool. And important thing to note is that if we resize this by dragging from one of the handles, we can do that with the text tool or with the move tool that this texts will reflow, but it won't change the actual size of the text. To do that, we would need to go change our font size. Now that's in contrast to the next tool, which is the Artistic Text tool. When we tap on that one, the a, we're going to have a lot of the same options that we had before. But when we drag out, we're not going to get a box. We're going to drag out the point size of the texts that we want. So say we wanted our text to be about this big. We're just going to go there. And now when we type, It's just going to expand the textbox with us. And it's going to keep going even if it goes off of the actual page. Then if we resize this, let's just grab the Move tool and resize it. You can see that we re-size the actual font size rather than the size of the text box and just reflow the text. Let me just maneuver that a little bit here. So that's the difference between the Artistic Text tool and the frame text tool. And that's two different ways that you can add text and you'll use them for different purposes as you go along. 8. Pen Tool: Okay, we've learned about moving things around and we've learned about adding texts. So now we're going to go ahead and learn a little bit about the Pen tool. We're not going go into a ton of detail on the Pen tool because we're not going to need to draw really complex things for our project. And it's really more used in Affinity Designer, but it is going to be important if we want to add lines. So the Pen tool, it looks like a fountain pen down here. When you tap on it, you can see you have the little slider like we mentioned before, which can be used to adjust the actual point size of it. Let's go ahead and set this to something that you can see around five is good. And then to actually draw with it, we can just tap on the screen to drop a point. So that is a point if you haven't worked with vector before, vector drawing works by points and curves. And so when we actually tap again, we're going to drop another point and it's going draw a line between that. You do not need to drag on the screen. That is not how the pen tool works. So if I tap and drag, It's not going to work. What it's actually going to do is lay down another point and give me what's called a Bezier handle. The Bezier handle determines how much curve there is there. That's what tapping and dragging does. Now I know that the pen tool can be a little bit intimidating and confusing at the beginning. So feel free to take some time to practice with this. If it's something that you think you're going to need, like I said, for this project, we really won't need it more than drawing lines. Let me just undo this and show you what you need to do in order to draw a straight line. So say I wanted a straight line down here underneath the square root. So I'm going to drop a point here and then I'm going to use my modifier wheel to actually go up to shift. And that's going to, let me draw a straight line. So now my line is straight instead of being slightly off. And then of course, I can use my move tool to move this line around and make it bigger or smaller. I wanted to edit the individual points here. I would need to get my node tool, but that's not something that we'll need to do in this course, but that's how you can tap on these individual points and edit them. If you need to change anything about your line, you can do that here in the Stroke panel. So the Stroke panel here has different options for either being solid or dashed or brush. So you have some different options there. And it also has an advanced thing to change the caps and the joints and the arrowheads of your object. You can also adjust the width here. So we added 4.6, and if you want it to be exact, you can tap on the width and put in exactly. So if I wanted to be five and that's how you would use the pen tool to be able to create some lines. 9. Shape Tools: Okay, so now we know how to use the pen tool to draw lines. And we could, of course, use the pen tool to draw things like squares and rectangles and circles and things like that. But we don't need to do that because we have the shape tool. So when we tap on the Shape tool, it's a rectangle to start out with. But if we tap on it again, remember we have the little chevron so we can get more by tapping and holding. You can see there are a plethora of shapes available to you. These shapes can be really useful in different kinds of designs. For this class, we're really just going to use rectangles, maybe rounded rectangles, ellipses, but simple shapes we probably won't get into the more complex shapes like stars, square stars, crescents and COGS like we're just not going to really need those for creating the mood board. Let's just talk a little bit about how the shape tools work. You've already seen me use the rectangle before. Let's start with the rounded rectangle. The rounded rectangle allows you to draw out a rectangle with rounded corners. Of course, the same keyboard shortcuts are modifier keys are going to apply to this. So if I just hold one finger on the screen, it's going to allow me to keep it in proportion. Two fingers is going go from the center. Three fingers is going go from the center in proportion. The same way if you use the modifier keys for shift and command. So let's go ahead and just drag this out. You can see there's a couple of things going on here. There is a fill, which is the dark gray, and a stroke which is the black. And this is because we'd already set dark gray on our last rectangle and we'd set black has a stroke on our line. So if we go to our color panel, you can see that we have two options here. There is a dark gray fill and a black stroke. To change either of those. I can just swipe up on them to get rid of them so I can swipe up on the fill and then I will have nothing there. And then I can swipe up on the stroke and then it will have nothing there. Okay, I'm going to undo that just so we can see this. Again. I want to change the color. I can do that from the color wheel depending on which one I have selected. So that's the stroke. If I want to change the fill, I just tap on the fill and then I can change the fill. Now we're going to talk more about color in another video, so don't worry too much about it now I'm just going to undo that, but that's how you adjust those. So the fill is the stuff inside of the shape and the stroke is the actual outline of the shape. Let's close up the color panel. Another thing to note about working with shapes is that sometime shapes will have these little orange handles. So you can see it right here. This handle is for rounding the rectangles. So I can go all the way down almost to a circle. I can come all the way out to a very sharp square, so I can just drag on that. And different shapes will have different orange handles for adjusting different properties. So whenever you see an orange handle, it's worth just experimenting with it to see what it does. You can also see there are few options in the menu bar. So if we hit the help, we can see what these special options are. There's the absolute size option, the matched corner adoption, and the convert to curves option. If we tap absolute size, what we're going to get the actual thing in inches. If we turn that off, you can see we get radius in percentage. So inches for if we want it in absolute size on the page and turn that off if we want to see it in percentage of roundness, you can see we have this match corners option. So if we turn that match corners option off, that's going to allow us to independently change the corners. And you can see we now have orange handles on each one. So say we want just one sharp corner, we can do that. Now you also have this option to do a predetermined set. So there's round, straight, round, inverse cut-out and none. So you can just change these depending on how you want the change in the curvature to happen. Or you can say that matched the corners now and we can change all of them at the same time. So we could use this to get different types of shapes. The last option here is convert to curves. When we tap that, it's actually going to bake in whatever we've done. So we no longer have the orange handles. We now have points that we can modify. And you can see that it actually switched us to the node tool when we did that because we're going to need the node tool to modify those points. So that's how you actually bake the appearance of what you're looking at. You want to make sure that you have this shape the way you want it in that you don't want access to those special orange handles anymore when you do that. Okay, So that's a little bit about shapes. You can of course do a lot more. Like I said, there are a whole bunch of different shapes here and they are going to have different options. But that's more complicated than we're going get into in this class. We're basically going to deal with rectangles, rounded rectangles, and ellipses in this class because those are the most useful when you're dealing with a mood board. 10. Picture Frames: Okay, Now we've done shapes and our next set of tools is very similar to shapes are two options immediately following the shape tool. One is a rectangle with an X through it, and one is a circle with an x threat. So these are actually the picture frame tools, if we tap on them, will be able to draw out a picture frame. This is going to be very, very similar to what we did with the shapes because we can do the same things with our modifier keys or our gestures. We can keep them in proportion and go from the center, keep them in proportion from the center, move them around. There's a lot of different options that we can do here. I'm just going to do a proportional one, so I get up square here. And you can tell this as a frame because it has an X through it, but you can also see that it has a stroke applied to it. Now a lot of times you won't want to stroke applied to it. So let's go to the stroke setting and let's just drag that down to zero. We don't necessarily want a stroke on our frame, although it might be useful to add one n If we want to set it off. So what's the point of a picture frame instead of a shape? The picture frame is actually where you would insert a picture, which we'll get to in a minute. But for right now, we're just talking about the tools. So there's two options for the frames. You can either do the rectangle or you can do the ellipse. And they have the same basic options. So why would this be important to you? Well, we'll get to this in another video, but when you are setting up a layout design, you may not have the pictures and you may want to put in place holders, or you may want to control the way the picture is work. And so you're going to actually use the frame tool. The way you control the way the pictures work is by coming up here into the contextual toolbar. And you can see that there are some options up here. This one where it says Max right now, we'll talk more about this when we place images, but this determines how a picture fits inside of the frame. And we'll talk more about how we fit them in in the next video as we talk about actually placing images in the document. 11. Placing Images: Okay, so now that we know how to add image frames, now we need to know how to actually add images. The one that looks like a little picture is called The Place tool. When you click Place, you get the option to place from files or place from photos. I have a photo stored in my photos app that I want. So let's tap that and we're going go recently added and choose this cherry picture. It says that it's loaded it up, but you can't see it. Why can't you see it? Because you actually need to click and drag it out if you want to place it. So to place it, I can just click and drag out. If I want to just place it on the screen by itself. Now, if I want to put it in one of my frames, then I will undo that and I'll click Place again, choose my photo. And then I will tap on one of my frame. So let's say I want to put it in my circle frame. I'll just tap on that and it automatically is in the circle frame. And this is where we can then look at those fitting options because I've placed it in the frame. There are some other options for what I can do, but I need to switch back to my frame tool in order to do this. So I'll switch to my circle frame tool and then where it says Max, I have these different options. I can choose max fit or Min fit, which will then make the whole image appear within the frame, as opposed to the max fit, which made the full frame gets filled. And then there's stretch which will make it not be proportional, which is not really what we want. So let's go back to men fit. And then there is no fit, which will just place the image at its normal size. We also have the options to clear the fill, which would clear any colored fill that we'd put on the frame, but we don't have one. And then we have the option to size to the content. So the size of the content option is the opposite. It makes the frame conform the size of the image. So you can see that now our frame is elongated. Let's undo that. So those are just some options you have when placing images. There's another thing you can do, which is to use your move tool to select your frame ahead of time and then go to Place and then choose place from photos. And then when you put it in, it will automatically put it in the frame. You don't have to click on the frame, then you can do that a couple of different ways. There is one more way to get images in, and this is one that you'll use a lot for the mood board, so we'll look at it here. And that is to do a multi-task with your Safari so that you can actually find just some inspirational images. So I've just googled cherries here, and this is where I got this image from. But if I wanted another one, I could always bring that into my document by just tapping and dragging it. So for mood boards, it doesn't really matter about the copyright. You're just looking for inspiration. You're not going to be selling your mood board. So let's just pull in some inspiration here. Let me just tap and drag on this image and bring it into my affinity document. Now you can see because I was on the frame, it automatically refilled that frame with this image. Now, if I go back to Affinity and I kept off with my move tool, then I'm going to be able to bring in an image on its own. So I'll tap on this three cherry one, bring that in. Now, where did it go? It didn't seem to have gone anywhere, right? So let me close slide over here and you can see, I now have this place option here where you can actually see the image, but it hasn't gone in yet. So with that selected, I can go ahead and just tap and it will place that image at its current resolution. There are just some different ways to bring in images. We're going to deal more with this as we get into making the actual mood board. 12. Layers: Alright, now that we have learned a bunch of these different tools and we have a lot going on or document here. Now it's the perfect time for us to start learning about layers in Affinity Publisher. So let's go ahead and look at these layers. We're going do that by opening up our layers panel from our studios on the right-hand side, this looks like some squares stacked on top of each other. So let's go ahead and hit that. And you can see that this shows us every layer that we have here within our document. Now, our layers are stacked on top of each other in the order that we put them out. So don't worry about this base layer which is called master a. We're not worried about that right now because we're not working with master pages this course, because that's a more advanced topic and not something that we need for the mood board. But as far as the rest of these go, you can see there are different types of layers present and they have little icons on the left-hand side to indicate to you what they are. So our picture layer up here of the cherries, so that's just a picture layer, has a little like almost a profile icon on it to show you that it's a picture. And you can see that the name of this is weirdly the name of some file that we downloaded from the internet because we just dragged it out here. So we might need to change that once we get into the later details. But you can also see that down here, this one is called picture frame, and there's a little X icon next to it, which we know means frame from before this little arrow. If we drop that down, actually shows us there's our photo as well. So that's our actual picture. It's contained within this frame for the shapes, you can see that those are called curves. That's because they're vector and they have this little vector symbol next to them. Then texts, you can see there's two different types of texts like we talked about before. A means that that's an artistic texts layer. And t means that that is going to be a text frame layer. Then you can see that we have some options for shapes. So the ones that we haven't baked in the appearance that are still shapes. We have rectangles here. We even have one rectangle that somehow got left out here from something else, which brings us to the next point, which is you can delete layers, is just the trash can right here. When we tap that, we can get rid of that rectangle that we didn't even realize that we had. So you can see, you can kind of build up a lot of things here. Now, one thing to note is that layer's stack on top of each other. So if I grab my curve here and I move it over, you can see it is actually behind this picture frame layer. If I wanted it to be on top, I would just tap and drag it up above that one. So now it stacks on top. So it's really important to understand how your layers are stacking and to use this panel to manage your layers. One thing that can be really useful is of course, to name your layers like we were talking about before. So this doesn't make any sense. So let's go ahead and name it. We're going to do that by tapping on our three dot menu. And that then gives us a lot of different layer options, one of which is the name. When we tap on the name, we can rename this to dark cherries. Click Okay, and now we have a name. There's some other things that we can handle here in the Layer menu. We can handle the opacity, so we can actually make it more transparent or less, and we can handle the blend mode. We're not going to worry about blend modes right now. That's a topic that goes beyond the scope of this class, but then we have the visible option. So that's important because if we tap that, we can actually make that layer not appear anymore, but we can bring it back by tapping visible, we can lock it. Locking will make it so I can't actually do anything with it. I can't drag, I can't resize, can't do anything as long as it's locked. We can unlock it and then we can be able to resize it and things like that. Again, if we want to only see that layer, we can tap the Solo button. Soloing will take all of the other layers away. Visually, they're still there in reality, but visually it will take them away and allow us to just see that layer that can be really useful when you have a lot of layers going on and you just need to work with one of them. The rest of these options we're not going to worry about. There are beyond the scope of this course here, but let's go back to our layers. Next to delete, you can see we have a little folder option that's going to allow us to make a group. So if I wanted to group two layers together, Let's put this right here, and then we want to group them. We'll select both of them by swiping over them and then hitting group. Now we've grouped these two objects together. You can see they now show as a folder. If we twirl them down with the arrow, we can see what's in that group. Groups can also be named. So we could come in here and we could give that group a name so we know what it is and things can be merged. So if we wanted to form this into one layer, not a group, we could hit this merge button here. We don't have to worry about all of these options here now, but that's what that button is for. If we ever want a new layer, we can just hit plus and we can choose vector layer or an empty group. Normally though you won't need to add layers with a plus, you will just add layers by adding objects with the tools like we did before. There's a couple of other options here in the Layers panel. This one here will allow you to condense it down so that you can keep it off to the side so that it doesn't take up so much space. The other option is this hamburger menu here. And you have things like select all. You have your lock and unlock options here if you don't want to go into the layer specific menu, hide and show and that kind of thing. And then there's a couple of these that are important. The first one is Show Group thumbnails. If we tap that, then you can see that instead of having that folder, we actually have a picture of what that group is. I find that way more useful. I don't know why they actually use the Folder icon for most things because it's more useful to actually see what you're working with. Edit all layers allows you to edit any layer, not just the one you're selected on and then the checkerboard background when that's turned on, we have checkerboard backgrounds to anything that's transparent. If we turn that off, we just have blackish dark gray background. So anything that's transparent, so it's harder to see where our transplant layers are. So depends on what you like. You can turn that on or off. The pin allows us to keep this layer pinned and it won't close it when we're moving around on the screen. If we unpin that, then it will close it when we move stuff around on-screen. That's the basics of it. Layers, really important concept. This is how you can arrange things and put them together. So make sure that you are familiar with the layers going forward. 13. Color Theme: What are the important things when you're doing a design is to follow a color theme or a color palette because you really want to make sure that you aren't just choosing colors randomly. So we already know in this color panel here, which is opened up by hitting the little color drop icon, we can select colors by scrolling around on the color wheel. And there are different options as well. You can do HSL sliders or RGB sliders depend on what you like to work with. You've got some different options here. You can view the heck sliders, which will allow you to actually put in the hex code directly. There are a bunch of different ways to get color palettes or themes. E.g. you might get a color palette directly from your client, in which case you'll just want to take those hex codes or RGB codes or whatever you've got and put them in directly here. What we're going to learn right now is how to pull colors from an inspirational image to make your color theme in case you didn't get a color theme from your client or something like that. In order to do this, we're actually going to use the swatches. So that's the very bottom option in the color panel. And you can see that this gives us a bunch of different color options. And if we tap where it says colors, we can select actually different types of pallets. So there are a bunch of pan tone pallets that are already in here. And then there's the colors, the gradients, and the grace. But what we want to do is actually we want to make our own palette. So I'm going to do that. We're going to tap the hamburger menu and we're going to choose Add application palette. And we're just going call this cherry because we're going to pull it from our cherry image. Click, Okay, now we have our tray palette, but as you can see, there's nothing in here right now. So the only way to add colors to your palette is to come up here to the hamburger menu and choose add current fill to palette. Now our current fill is blue. We don't want that, so we want to actually select colors from the cherry generally with a palette for a design project, you want to have somewhere 3-5 colors to work with. Although for something like a logo, you might coach he just two colors. We're going to use this little eyedropper tool here to go ahead and select. So just tap and drag. And then you can come out here and you can see there's a lot of different reds on this cheery image that we could pull from. So I'm going go for a brighter red. So I'm going to come down here and choose one of these. And the reason that you might want to select colors from an image is if you're using that image, you can get really nice repetition and tie in when you use color palette from the image. So I am not in love with that red. So I'm going to try again and maybe go for something a little bit darker here. Okay, That one I like a lot better. Now before I add the current fill to palette, I need to make it the current fill. So I'm going to tap where the eye dropper drop is, just the color and that will put it in the fill selected on something. Let me undo that. Make sure I'm not selected on anything. Now I will tap that to make it the fill and then tap add current fill to palette. Now there's a little bit of a bug here where it will show the recent colors instead, just go back to cherry pick. That's just a bug in the software. And now you can see we have that red color. Now let's go ahead and tap on our eyedropper again and let's go get one of our greens. And I'm going to go for a bit of a lighter green there, tap the color drop to make that our fill and then add current fill to palette. Again, that bug takes us to recent colors, but we wanna be on cherry so we can see what we have. The last thing I want is to get a brown. Now, there's no brown in this image. So I'm going to use the other image to pull from to get a brown color here. Not quite what I wanted. So I'm going to go a little bit darker and make that the Fill, add current fill to palette, back to cherry. So now we have this cherry color palette that we can work from. And we didn't just choose these colors randomly, they came from the image. So they're going to all work well together. There are lots of other ways to make different color palettes. And there are also lots of color palettes that you can find online through different websites. So just make sure you're using something that's not just randomly picked colors and something that works for the brand or the project that you are doing. 14. Mood Boards: So as we stated previously, the project for this course is to create a moodboard using Affinity Publisher on the iPad. Now I remember the first time I was ever asked to create a mood board. I didn't really know what When was the person who is asking me for it. They didn't seem to really know exactly either. So I know that it can be a little confusing when you're first jumping into design and learning about mood boards. Now I want to set your mind at ease. The purpose of this project is not for you to learn everything about mood boards. It's for you to learn the basics of Affinity Publisher on the iPad, we're using moodboards as a way to get there. So for our purposes, we're dealing with a simple definition. A moodboard is a place for you to store inspiration for a design that you're doing. Basically it's aimed at another project. It's not a project unto itself. And this works really well for us because a mood board essentially ends up being a collage or a hodgepodge of different design elements. And so doing a moodboard provides us with a lot of opportunity to practice the things that we've been learning in Affinity Publisher, we're going need to insert things like photos and text and have different kinds of fonts. And we're going to use shapes to all these different tools that we've learned will be able to come together to create the mood board. So it's a great opportunity to really get in and practice those things and learn how they work in Affinity Publisher. So it's good to remember that a moodboard is not an end in itself. It needs to be aiming towards something else. So for me, I'm going to be creating a mood board in preparation for a logo design project I need to do for a YouTube channel. This YouTube channel has to do with cooking and homemaking, and it's called Meghan Cherry. I'm going to be using the mood board I create here in order to design a logo for this channel. So I want to keep that in mind as I'm searching for inspiration. Now sometimes the client will have already given you some basic parameters. Maybe they have some fonts that they always use, or a color palette that is specific to their brand. So if you do have that, a good place to start, put those things on your mood board first, and then go ahead and start adding some of the inspiration that you find on the internet or other places. Now again, the point of this class is not for you to become an expert on mood boards. The point of this class is for you to practice the skills in Affinity Publisher that we've been learning. So make sure that you are doing that. I remember the project description is listed here in the course so you can make sure that you meet all of the requirements for that as you go through making your mood board. And then one thing to note about mood boards is you don't want to end up spending so much time on them that you don't have enough time to do the actual project that they were meant to facilitate. That'd be kind of a silly positioned to find yourself in. So don't get so caught up in finding inspiration that you never get to the actual project. Now it's also good to consider who your mood board is for. Where's it going to be shown? If it's just for you as you're designing, then you can basically just keep it as simple as you want it to be, just so that you get the inspiration and the ideas that you need. If it's a mood board that the clients requested and you need to show it to them to give them some direction for where you're heading. Well, then you need to make sure that you spruce it up a little bit so that it looks presentable when you show it to them. Okay, That's about all you need to understand about mood boards before we dive in and start doing this project. Again, if you have any questions, be sure to ask me down in the discussion. 15. Wireframe: Now that we've learned a lot of the basic tools and functions that are found in Affinity Publisher. It's time for us to actually start working towards our mood board. And the way that we're going to do this is to make a new document and to start out by wireframing. So let's go ahead and click New. And just like before, I'm going to use letter and I'm going to turn off facing pages and under margins and bleed. I'm going to turn off my margins. Then I'm going to go ahead and click Okay, just to get this basic size. This is a useful size because it constrains you to not being able to put everything in the world on your mood board, but gives you enough space to be able to really develop your concept. Now, when you're starting out designing and faint publisher, wireframing is one of the best things that you can do if you've never heard of a wireframe before, it's essentially just a mock-up of the layout that you want. It's a way to experiment with different layouts without putting in all the time and effort that you would put in if you are using actual content. So we won't use real pictures and we won't use text here. We're just basically going to use the frames that we've been learning about. Wireframing is a really important step on layout projects because it helps you to save time later when you are creating the actual design. Sometimes people will be tempted to skip wireframing, but you really don't want to do that. You really want to take the time upfront to wireframe so that you can get your layout concepts out there. Then when you actually go to make the project, it will be a lot simpler. This is true for mood boards or for magazines or books or four posters, anything that you're doing, wireframing is a really important and useful step. Okay, so for wireframing, we basically only need a couple of our tools that we've learned here. We're going to start out with probably our image frame tool. So whether we're going to use rectangular or circle frames, I'm going to start out with a rectangular frame and I'm just going to try and like peace out what I would want to have in my mood board. So I really think that I would start with a basic probably rectangular naught square image up here in the corner that would have some inspiration to it. I think I might actually want to have kind of a profile picture that would be a circle that I would just put up in the corner here. And that I would use to actually put in a picture maybe of the client or the client's business or something like that. Something that will reference mean back to the actual client that I am working for, just as a little profile picture. And then of course, I am going to want to have some text. So I think actually I'll move this and feel free to move things around as you go. I'm going to go ahead and move this down a little bit. Because I'm going to put at some artistic text up at the top. And that will just give me a name for the project so we don't need real text here. I'm just going to put project name here right now, but it gives us an idea for what size we want it to have here. You can see the little snapping happens there as we move things around, we get different things. And that's again because that magnetic snapping option in the right-hand corner is turned on. So another thing that I know I'm going to put is a textbox with just some of the core values and beliefs of the client that we're going to be making this project for. So I'm going to take the Text Frame Tool and I'm going to drag that out here and put that there. Now, one of the things that's really useful with a text frame towards you can add in filler text because I don't want to come in here and do what I did before where I just typed a bunch of things that doesn't look like real text and it doesn't give you a good idea for what the texts will look like. So just hold down to get the menu and then click insert filler text. So this is just gonna be some filler text. But why it's better than just typing out is one, it saves you time. And two, it actually looks like real text flowing through there. So let's just say this looks like there's a couple of paragraphs. Remember when you are wireframing, you are going for getting your concepts out and really not focused on the actual contents. So I'm not going to try and type any real content in there, okay? One thing that I also know that I'm going to want, in addition to some pictures, is going to be some color swatches. So I'm going to go ahead and drag out these rectangles and I'm going to use those to just fill with my color swatches. I think that can go up at the top here. And we want those to be squared. So I'm pulling down one finger on the screen and then I just want to duplicate those so that I have several of them. So let's go ahead and come down here. I think I'm going to add a little bit of a stroke. A quick way to add stroke is just a swipe up on the stroke icon on the right. You don't actually have to open the panel. You can just swipe up and give it a little bit of a stroke. They're not a duplicate. I'm going to hold two fingers on the screen and drag over. I just want to snap those together. You can see the green line lets them snap, like Go. Another one. I'll probably have three or four colors in my color theme. So I'm just going to go ahead and do that. And that's where my color thing would go. The rest of this is probably going to be inspirational photographs. I know that I'm going to work on a logo here. So I'm going to want several inspirational logo ideas. So let me go ahead and section this off by doing a rectangle down here. And then I'm going to put in several just circular texts frames within this rectangle. Then I'll just switch to my move tool and duplicate that by clicking and dragging. Of course I want to hold it in alignment, so I'll use three fingers here. And then if we come up here and we hit Duplicate again, it's going to do the same thing over again from the Edit menu. And that's really useful because it does the same action over again in relation to where you are now. So you can see that instead of doing it right over the top and it did them in the correct space. Now I want select all of them by just tapping and dragging over them and then positioning them correctly at the center. Now I'll go ahead and hold down two fingers to just duplicate that. So now we have that lined up. That's where I could put some inspirational logos, and that's not exactly where I want it. So again, this is all about the layout, so I'll just tap and drag over there. And I think we'll just drag that over to where we kind of get it too snap in place. If it's not snapping where you want it to you. Sometimes it's useful to tap on the objects you want to snap to, then select over the top of the objects you want to snap with. And then it will normally say, okay, that object's important. I'll reference that object for snapping. So there you go. We can snap it right there. And then I want a couple of other just inspirational pictures of something similar over on the side. So I'm going to do another rectangle and duplicate it. So things are not exactly where I want them to be. So I just rearrange them a little bit here. And you want to do several iterations of different mood board options. So let's go ahead. We'll just duplicate this page. That's the easiest way to iterate. Go to the pages panel here and the icon that has two pages on it, that's the duplicate button. So let's duplicate that. And now we have a whole nother set to work with here and we can just rearrange the items. We can add new items. So one thing that I want to try is turning this here and its side. And I'm going to hold Shift to keep my rotation in proportion. Then I'll just drag this group over here and saying group makes me think that this might actually be useful as a group. So let's go to the Layers panel and hit R group icon so that we can move those together all at once. Now I'm going to drag these image frames back over here. Those two line up. And of course the wireframe doesn't send anything in stone. It's just working with some concepts here. So I could, again, this kind of like re, orient everything vertically here. But I can make this color option a lot more prominent. And there may be a scenario where I actually want you to have two different color options. So I could duplicate that over. And then I'll have two sets of boxes and be ready for that. Now, you wouldn't want to do a few different iterations on this mood board. So just keep doing what we've been doing. Duplicate your page and do another iteration. So for this one, I'm going to go ahead and I want the text to all be grouped together. So I think that the text will probably be more like that. Then I'll have these pictures here, and then I'll have my color palette here. Each color palette could be in relation to a picture. So we can try putting those next to the pictures that they come from. So again, remember I said the move tool is going to be important, is just a lot of rearranging that you do in layout work like this. Okay, so now we have a few different options for different ways we could create our mood board. So that is basically the way that you're going to do wireframing. Again, it can be quick and dirty. It doesn't need to be perfect. You're just getting these ideas out. And then we'll use these ideas to construct our actual mood board. So go ahead and make your wireframe. I know that sometimes it can be tempting to just skip this step because you want to get to what you consider the actual real work of making the project. But it's really important that you don't skip the wireframing steps. So please go ahead and make the wireframe and feel free to share some of your wireframe options in the discussion tab so that we can all see the different layouts people are considering. 16. Making the Mood Board: Alright, now that we have our wireframes done, we've learned how to use the different tools available to us and feed publisher. It's time to actually go ahead and make our mood board. And so what we're going to do is we're going to work off of one of our wireframes. So this first wireframe is the one that I've decided to work with. I like the way that it works and how it's laid out best. And so I'm going to go ahead and just duplicate this page. And we're going to work off of the top one here. So that way we have a backup if we need to get back to our original, having the wireframe is really helpful because now basically all we need to do is dump in the other pieces that we have here. So the first thing that I'm going to do here is just go ahead and name this project so we know that this is for the megan Sherry YouTube. So with that, of course, this is artistic texts so I can resize it. But I could also move my boxes around. So there's just a lot of maneuvering care, but let's go ahead and select our boxes. And I'm just going to move them over. That's where I'm going to put the color palette. So I just might need to adjust where things are slightly in my wireframe. That's okay. The next thing that I want is a picture of the person that I'm working on here. So I've got this circular one here for that. And I'm just going to pull this out from the side here. And here I have the YouTube channel. So we're just going to go ahead and we're going to grab that photo. We're going pull it in. So that's just using slide over for multitasking. Now we have her picture here, and then we can go ahead and we can add in some of the other pieces of inspiration that we want here. So that was slide over. But for doing the colors, I actually want to bring in a picture that the client sent to me. So I'm going to go ahead and tap off of here. And I won't need this to be in a frame, so I'm not going to have any frame selected while I go to the place from place to place from photos. And I'm just going to go ahead and grab this picture. Now, when I do that, it hasn't been placed anywhere because all I want is to be able to grab the colors from it. So I'm just going to go click and drag out. I'm going to use that to grab the colors. You can see there are five colors here, but these two reds are very, very similar. The top, so I think I'll just need one of them. And I'm going to do a four color color palette here. And I'm going go ahead and drag this out. Let's go ahead and get that first red, and we'll fill this with that. Now, remember, we can also go ahead and we can actually add this into our cherry color swatches here. Now these first ones were just ones that we used as the example. So we won't be using those in the actual project. So let's go ahead and make a new application palette. We're just going to call this cherry YouTube click. Okay, and then add current fill to palette. Let's go ahead and grab another one here. Okay, so now we have them all set up. We have them all in our color palette so we can use them later as well. And next, I'm just going go ahead and get rid of this image here because we don't need that anymore. So again, tap and hold to bring up the menu and delete. Next, let's go ahead and let's get a stock image that inspires us. So that's where I'm going to put here. This is kind of a homemaking kitchen channel. So I think we will go to the stock photo library. If we just go down to the images here, these are going to come from Pixabay, but we also can select from Pexels. And we're gonna go ahead and put in kitchen. See what we get here. This is just to give us a little brand inspiration. Kinda like this one. Let's click and drag that one out. See how that goes. From our Layers panel. If it's not going in, we can just go ahead and place it in the picture frame. We put it on top there. Will just adjust it with the move tool here, get that place there. Okay, next we want to deal with some of this text. So I have a few of the core values that this brand is using. So I'm going to go ahead and come in here and I'm going to just type out some of these values because that will help us as we're designing for this brand if we think about what the values of the brand are. Now I want to go ahead and get a bulleted list. So we're going to go into our text here and we're going to choose bulleted list. Now, this is not artistic texts, and so I'm going to have to actually select it. And remember I'm using a keyboard just to make things a little bit easier. And then I can go ahead and raise my font value here. Now my font is currently an aerial, but it doesn't have to stay that way. I can change that later. Continuing to think about texts, I want to think about the texts that they would want in their logo and some of their other branding things. So I'm going to go ahead and grab this frame here. And I'm going to bring in a couple of images of fonts that I know the brands likes. I'm working to bring fonts onto a mood board. I like to find someplace where the font has some kind of card where that font has been used, rather than just typing out some text and the font, because I don't always have the font actually available to me on the device where I'm doing the mood board, I might just go ahead and drag in a couple of these. So you can see here this KG pineapple delight font. I have a couple of different image options here from fonts.net. And so I can just drag those in. And then if I decide to go with that font in anything I'm doing, then I can go ahead and get that font purchased for use in a commercial project. So let's go ahead and let's just grab this one of the flower and let's bring that in here. We'll just adjust its placement here. So that's the first one. And then I'm gonna go ahead and bring in the second one that they sent me. You can always find these font cards, but a lot of times you can add your images may not always match exactly what you had before, so you may need to just work with them a little bit here. Let's go back in here. Let's grab this image much, just go ahead and shrink that down. Let's go ahead and take the line off of that frame. So that's not sticking out. Oddly. We've got a pretty good mood board grouped together here. Lastly, I want to bring in some inspirational images into this logo section. So first, let's go ahead and add a background to this rectangular shape that we've put in here. I'll just go ahead and choose the Fill and bring in that color then on these. So I'm going to bring these in once again from the Internet, just doing a quick search on similar types of brands to the client. So I just searched YouTube mom channels and I can search some other things as well, but we're just going to bring in a few things here. We're just going to pull these, I've just set this search to images. And we'll just pull in a few of these from the internet, grab it, drag it, drop it in. This just gives you some different ideas about what other people in the space are doing. And you can always switch this. And we're just taking these four pieces of inspiration. They are not necessarily things that we will use. We're definitely not going to just copy them. We're just looking at some different ideas of things that have been done and make sure that we've selected on the frame before we bring it in. I'm just going to drop each of those in. That gives us something to work with. It gives us something we can talk to the client about. And you can spend a lot of time working on these different pieces. But we're not necessarily going to spend all that time today because we don't want you to have to watch me look at this the entire time. But this is how you would go about crafting the mood board. So I'm going to go ahead and just delete a couple of these frames because I didn't know how many I would need when I started. And then we're going go ahead and we're just going to turn this into a three block one, shrink this down a little bit. There we go. Now as you're looking at this, this is one that I'm probably going to work with the client on. So I'm going to want to move a few things around, tidy it up a little bit. I think we're going to want to add a background and a border to it. So we can select one and then we can actually use our layer panel and just swipe over the rectangle to select both of them. And then we can actually use our alignment options and from our move tool to align center and align middle. So now those are all nicely sync up there. Now we may want to change the colors that we have here. So let's go ahead and select this and let's change our texts to read and just see what that looks like. A lot of this is experimentation. Yeah, So I think the darker red looks good on the blue background there. And then let's try making a background for the entire board and see how that looks. And then I'd like to add a border to this. So let's go ahead to our stroke and let's make our widths bigger. We're going go into advanced here and we're going to set this to align to the inside so that our stroke is coming into the inside. And then make sure we have a stroke selected under color and under recent colors. Let's go ahead and put in our red. Okay, So one thing that we might want to do then is go ahead and change some of our other borders to read because we want them to match. So I'm going to go ahead and just change some of these to read, make them more of the same size. Okay, So this would be a good start and we can see what it would look like when it prints by hitting the little windshield wiper up there. And it looks like it would be a pretty good start. Now we could do more to this for sure. We could go ahead and we could clean it up some more, especially before we go and present it to the client. But if we're just using this ourselves, this would be perfect. Time to stop and actually get on with the actual project where now the next step in all of this is to go ahead and finish up your moodboard. And then we're going to talk about exporting it as a JPEG, which is what you'll be able to use to submit your project. 17. Installing Fonts: Alright, One thing that would make this a little bit more helpful if we could actually use some of these fonts here that we've put the images and four, but we might want to use those in some of the texts that we have on screen. So let's go ahead and learn how to install a font into Affinity Publisher. First of all, we're going to go ahead and just get the font. So let's go ahead and download this font from F fonts.net. And one of the things that we need to make sure is what the license is going to be here. We're not going to be using this in anything commercial yet, because the client will need to sign off on that so we can use the free one for now. But if we're going to go ahead and actually use font in one of our paid-for products, then we're going to need to make sure that we have the proper license. So let's download this and the iPads going to download that. Now, it's going to download it into the Downloads folder. And we need to then make sure that we unzip it and install it. So let's go over to our files. Are files we're going to go to downloads and we're going to find that font. So here's the font and it's a zip. So we just need to click tap it to end zip it. And here are our fonts. The one that we actually want is the T, T F font. Now, back in Affinity Publisher, we actually need to hop out of our document and go into our preferences. Our preferences, we're going go to the area called Fonts, and then we're going to go ahead and hit the Cloud because that means import font. I don't know why it's not called import font, but that's what it is. Then we're gonna go back to our downloads and we're going to find this file again. From this file, we're going to use the T, T F to install it. Then we're going to go ahead and click Done. Now back in our document, we're going to go ahead and we're going to change this to the pineapple font. So let's go here to our text and tap Ariel. And then I'm just going to search pineapple rather than looking through everything and there it is. And that is how we can go ahead and add in a font and then use it in our mood board. 18. Exporting : Okay, The last thing that we need to do now is go ahead and export this as a JPEG so that we can share our project. So the way that we're going to export is we're going to come up to the File menu and we're going to choose Export and enter this export screen. There's a bunch of different things that we can select. But for this project, we're going keep it simple. We want to make sure that this is a jpeg, and we want to make sure that it's named something that we can actually use. So this is called Cherry mood board because that's what the file was named. That's going to be fine for this, but if you want to change it, you can just tap on it and you'd be able to change it. You can see jpeg best quality. And what you want to look for is how big this file is going to come out. So you can see here at the bottom, it's going to come to 4.27 mb. Now that's because it's going to export all pages. You see this where it says area. We want to tap that and we want to use current page because we only want to do the current page that we're on. We don't want all of our wireframes to come through. We don't really need to worry about any of the rest of this. If we want to lower our file size, we're just going to drag on quality down. You can see if I go down to 90, I get below a megabyte. So I think I can go to about 95 and that's 1.37 mb. I think that's gonna be fine. Check the preview button down here where this will actually show you what it's going to look like. You can see that that would be if you were at 100%, but that's quite large. Let's go ahead and click Close. And I think we are ready to go click, Okay, if you want to export it, and then it's going to say, where do you want to export it to? We want to export it to on my iPad. I'm just going to save it into the Affinity Publisher one for now, you might have a file folder for the client and then you click Move. I don't know why it's moved instead of save or export, but it is moved. And now that file is going to be exported and it is ready to go. We can go ahead and share that in our project. So remember that you should upload it into the body of the project and then you'll be good to go. 19. Next Steps: Thank you so much for watching this course and intro to Affinity Publisher on the iPad at creating mood boards, I really hope that you've enjoyed this course and that you've learned a lot about Affinity Publisher through it. Now you might be wondering what the next steps are. Well, the next step if you haven't already, is to complete your project, make sure that you complete your mood board and then share it with me. Remember that here on Skillshare, you can drop that in the project section for this course and make sure that you're uploading that JPEG image file into the body section of the project. Because if you just upload it into the thumbnail section, I won't actually be able to see the whole thing. Again, I really hope that you've enjoyed this course, and I would really appreciate if you went ahead and left a review of it that really helps others to be able to find this course. And if you found it useful, I'm sure others will as well. Thanks so much for watching and I will see you in the next course.