Design a Social Media Post Template Using Affinity Designer on the iPad | Jenny Veguilla-Lezan | Skillshare

Playback Speed


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

Design a Social Media Post Template Using Affinity Designer on the iPad

teacher avatar Jenny Veguilla-Lezan, Latinx Designer & Illustrator

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

7 Lessons (46m)
    • 1. Course Introduction

      3:49
    • 2. Layout Design Tips

      3:28
    • 3. Setting Up Your File

      1:40
    • 4. Designing Your Template: Part 1

      17:11
    • 5. Designing Your Template: Part 2

      16:32
    • 6. Exporting Your Files

      2:34
    • 7. Course Outro

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

105

Students

--

Projects

About This Class

Class Description

Creating a strong social media presence is an incredibly important aspect of creative businesses today. If you are a creative business owner or have any kind of online social media presence, then you know just how important it can be to have beautiful strong and clear graphics to establish yourself on social media. What makes things a little more difficult is that each platform has their own rules as to what size your graphics need to be.  Instagram’s default is square, but they also have instagram stories which is tall and Facebook loves horizontal images and Pinterest graphics will perform best if they are taller than they are wide. The easiest way I have found to keep up with it all is to create templates for each platform and use those templates to help me plan out post themes, color schemes and content. In this months class, I am going to show you the process I use to create social media post templates in Affinity designer right on your ipad. 

Hello everyone! If this your first class with me, welcome! If you are a returning student, welcome back! I am Jen and I will be guiding you through this creative course. I’m a freelance graphic designer, illustrator and educator based out of the midwest and I run Bella + Sophia Creative studio. If you want to learn more about me, you can visit me online at: www.bellasophiacreative.com and you can check out my youtube channel: The Freelance Life. There, you will get a behind the scenes view of the work I do as a creative freelancer and educator  as well as access to a huge library of additional free tutorials relating to art, design and illustration. I am a huge advocate for sharing knowledge in accessible ways and I have found online courses and places like Youtube are great places for this and help me to connect to a diverse group of people looking to learn and grow. 

What the class is about and what you will learn

In today’s class, we are going to be learning about and designing social media templates in Affinity designer on our ipad that we can use over and over again to plan  and organize our social media content. For this course in particular we will focus on designing instagram posts in square format, but you can update the size to fit your needs. For some of you, it may make sense to create several different social media templates for each type of post you publish.  Before we jump into the technical aspects of working in the affinity designer ipad app, we will go over design tips that will help make your posts strong and keep your process streamlined. Then, we will get into the nitty gritty of creating in Affinity Designer. We will go over setting up our files, creating guidelines, the importance of working in layers, and the different tools available in the software.

I am excited to create something great with you today. Let’s get started!

Meet Your Teacher

Teacher Profile Image

Jenny Veguilla-Lezan

Latinx Designer & Illustrator

Teacher

 I am a Chicago-born Latinxer (I'm a proud Puerto Rican and Mexican American) millennial, an educator, and a freelance creative with experience in graphic design, digital media, illustration and surface pattern design. I am also a mother of two  who is in on a mission to reach all the creative goals I've set for myself while trying my best to be a positive influence on the world.

I have 10+ years of experience in the fashion and creative marketing industry in both the corporate world and teaching as a professor in Higher Education. I am working on building course offerings that bring people a new perspective and opportunity to take your design and art to a new level.  I am pushing for continued growth, running... 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. Course Introduction: Creating a strong social media presence is an incredibly important aspect of creative businesses today. If you are a creative business owner or have any kind of online social media presence, then you know how important it can be to have beautiful, strong, and clear graphics to establish yourself on social media. What makes things a little more difficult is that each platform has their own rules as to what size your graphics need to be. Instagram's default to square, but they also have Instagram Stories, which is tall and Facebook loves horizontal images and Pinterest graphics will perform best if they are taller than they are wide. The easiest way I've found to keep up with it all is to basically create templates for each platform and use those templates to help me plan-out post themes, color themes, and content. In this month's class, I'm going to show you the process that I use to create social media posts templates and Affinity Designer right on your iPad. Hi everyone. If this is your first class with me, welcome, and if you're a returning student, welcome back. I'm Jen and I will be guiding you through this creative course. I'm a freelance graphic designer, illustrator, and educator based out of the Midwest and a run Bella and Sophia Creative Studio. If you want to learn more about me, you can visit me online at www.bellasofiastudio.com and you can also check out my YouTube channel, "The Freelance Life". There you will get a behind-the-scenes view of the work that I do as a creative freelancer and educator, as well as access to a huge library of additional free tutorials relating to art design and illustration. I'm a huge advocate for sharing knowledge and accessible ways and I found that online courses and places like YouTube are really great for this and helped me to connect to a really diverse group of people who are looking to learn and grow. So what is this class about and what are you are going to learn? In today's class, we are going to be learning about end-designing social media templates in Affinity Designer on our iPad that we can use over and over again to plan and organize our social media content. For this course in particular, we will be focusing on designing Instagram posts in square format, but you can update the size to fit your needs. For some of you though, it might make sense to create several different social media templates for each type of post that you publish. Before we jump into the technical aspects of working in the Affinity Designer iPad app, we will go over design tips that will help make your post strong and keep your process streamlined. Then we're going to get into creating in Affinity Designer. We will go over setting up your files, creating guidelines, the importance of working in layers, and the different tools that are available in the software for you to use. So when it comes to the class, the tools that you'll need are an iPad with an Apple pencil and the Affinity Designer app. You can download it at Affinity.Serif.com. For the class project, we're going to be creating a series of Instagram posts in Affinity Designer. You can adjust to your needs but for the ease of use in the class, we're going to create a set of three Instagram posts in square format that can be used as templates for future work. The post are going to be broken down into the following format, the first post will include a basic post, the second will be a featured work post, and the third will be at three-slide graphic that's like an informational post relating to you or your work. When you're done with your posts, you can export them as JPEG files and load them to Instagram, and share screenshot of your profile as your class project for the course project gallery. But if you prefer not to share your social media page, it's totally fine. You can also take just a screencap of your Affinity Designer screen as you're working when you finalize all of your posts. You can share that to the course project gallery as well. I'm really excited to create something great with you today. Let's get started. 2. Layout Design Tips: Before you start creating your social media templates in Affinity Designer, you need to first design the overall layout of your images. Basically, I like to just mockup my post as I create them in the app. This just helps so that I can see what works best together as they are posted. What is nice is that you can move around your artboards really easily by clicking on them and dragging them to where you would like them to be in the workspace using your Apple pencil. Your graphics need to be designed in a way that can accommodate different information, photos, and tax, while still having really interesting design elements that are also cohesive and carried between each graphic and just in all, showcase your brand. The key to this is balancing your creative elements that often change with the elements that are always the same, like branding within your social media template. Here are a few things that you should consider when creating your social media template in Affinity Designer. Keep them simple, because these graphics need to be versatile, I like to keep them simple. But just because something is simple, doesn't mean it's not well-designed, or that it doesn't pack a creative punch. Stick to only a couple of design elements, and use those consistently throughout your posts, whether that's colors, graphics, or line elements. Next, utilize your brand colors. To keep each pose fresh and updated, try sticking to your brand colors. Most companies or brands like to use one to two colors, or sometimes two or three. You can utilize these colors within your graphics and then you can rotate them out every single time you create a new social media graphic. This is a really great way to keep everything simple while still allowing space to create variety. Next, I always suggest including a small branded element. This helps to ensure that your content that is re-shared helps to build a brand recognition. Make sure the graphic is specific to you and your brand. You can include a small logo, a sub mark, icon, business name, or a website URL. All of this helps to create consistency within your design work, and brand recognition to your social media channels. Next, I suggest rotating your backgrounds. It helps to create visual interest if your social media templates make use of both an image background or a solid color background. This is another way to keep the overall design consistent while making each graphic interesting and different from one another. The next thing I would suggest is using consistent fonts. The fonts that you're using for your social media graphics should be the same fonts that you use for your branding. I always like to stick to no more than two or three fonts. They should stay consistent throughout each graphic and in the overall layout of your design. This keeps the design effective, efficient, and it really helps to increase brand recognition. This also helps to keep your graphics looking cohesive. I also suggest utilizing guides and grids. Having guides set up in your workspace really help with the design process overall. some guides I utilize include things like bounding boxes that I need to keep my text inside of, guidelines where I know tax will need to be, or for imagery, placeholders, and graphics for elements like logos or arrows to remind people to swipe across when viewing. Essentially, if there are certain areas that you need an element to stay within, you'll want to set up a few guides within your design. That's it for tips to keep in mind when designing. Let's jump into actually creating within the Affinity Designer app on our iPad. 3. Setting Up Your File: What we want to do is just jump right into Affinity Designer right-clicking on the app on your iPad. It's going to launch the Affinity Designer interface and we're going to set up a new file. You may have things already in this gallery view, or if you've never used the app before, there may be nothing in there, or I may use this a lot for work, so I have past projects. In the upper right-hand corner, we're going to hit the plus sign and we're going to set up a new document. We're going to select this first little option here, it says new document. Then what we want to do is set up a file that is 2,000 pixels by 2,000 pixels at 300 DPI. What we'll want to do is update our measurements from points, and then we're going to scroll down to pixels, and then we're going to tap where it says dimensions here. Then we are going to select the width and we're going to update it to 2,000. Then we're going to tap on the height and do the same thing and update it to 2,000. Then I'm going to change my DPI to 300, just because I like having a bigger file size because apps like Instagram do tend to press down your files. Next, what we want to do is go down to this bottom options here, we want to select, create Artboard because we're going to utilize the Artboard functions in our file setup. Then you can hit Okay. 4. Designing Your Template: Part 1: Now, this is what your file look like. You'll have your first artboard. Before we do anything with this, let's set up the rest of our artboards. In our project, we're going to do three slides. One is just going to be a basic slide, the second is going to be another basic slide, and the third one though is going to be one of those slides that you can actually swipe through. We're going to have three slides total for that. What we'll need to do is then set up six artboards. To do that, with your artboard selected, you'll see it's outlined in blue. That's how you know it's selected. We'll want to go into our Document menu. It's that little page with a dog-eared corner. You're going to scroll down to artboards and then you'll see this little pop-up at the bottom. What you want to select for your preset is just document, which basically means that it's going to duplicate whatever your current document dimensions are, and then you're going to select insert artboard. You're going to do this six times. After I've done that, I'm going to tap out of it by just selecting my Move tool. Then I'm going to take my Apple Pencil and I'm going to select over three of those artboards. You'll see that they're selected because they're outlined in blue. Then I'm just going to drag those artboards underneath my first set just so that it's easier for me to work with this and see it all on my screen here. Now that we have our artboard set up, we can begin to work on our layout. You can take two fingers and spread them apart to zoom in and then pinch them in to zoom out. I want us to just work on one file for right now. If you ever want to get rid of any of the outside like toolbars and things like that, you can hit that little square in the upper right-hand corner and it'll pull everything out. If you tap on it again, it'll pull everything in. This is an intermediate class so I'm not going to go through every single aspect of our toolbars here and our studios, but I will give you a little tip here. In the lower right-hand side is a question mark and it will give you the name of all of your tools, and all of your menus, and all of your studios. I have some other really helpful classes that go through the studios and the menus in great detail. I'll make sure to link them in the description. First, what we want to do is come up with some concepts. I have an idea of what I want to do already. I want to utilize a combination of both images as well as texts. I like the idea of utilizing slides, like this slide function in Instagram just to create something that's really visually interesting. The biggest tip I would like to share to get started is keep our layout simple. We're going to be utilizing just a combo of imagery, texts, and shapes for this. Let's get started on this first one. What I want to do is have color on the right-hand side with an image on top that'll pop and then texts on the left-hand side. On the left-hand side toolbar here, what you can do is select your Rectangle tool, and then you can go into the right-hand side studio here and select your color studio and you can update your colors. I'm going to update my color using the color wheel. I'm going to select soft purple and then I'm going to select that little stroke, the stroke for my color, and I'm going to turn it off. To do that, you can just select this little circle with a blue line through it and it'll remove your stroke and then I'm going to pull my base color to the front again. Once I've selected my color, I can take my pencil and my Apple Pencil and just create a shape over the right-hand side, and then I can just resize it by pulling in these arms and the different sides of shape. Once I've done that, what I want to do is go back to my Shape tool and create another shape, and I'm going to layer that on top of my original rectangle here. This is going to be the shape that I'm going to use for my picture. I'm going to update the color just so that I know that I'm going to play something in there, so it's just like for placement only. Then I want to add some text here. I'm going to add a large number to call out the name of the video that I'm going to basically promote using this post. I'm going to go to the left-hand side and I'm going to select my Artistic Text tool, which is towards the bottom, and then I'm just going to go into my whitespace here and drag it out. Then at the bottom, what you'll notice is that there's a little circle with a pen in it. If you click on that, it'll pull up your keyboard functions and you can just select the keyboard and it'll pull up your keyboard and you can type in whatever you want. I'm going to type in 10. Then you could also double-tap to select that 10 and you can go down to the lower menu here and you'll see additional options pop up, where you can select different fonts to work with and it'll update those fonts. For this text here at the top, I want it to be bold so I think I'm going to utilize Oswald. I'm going to select the medium version of this. Then I want to give myself a dividing line between this text and the text that I'm going to have underneath it. I'm going to utilize my Pen tool. What you'll see at the bottom here is that you'll get your options as well. What you'll want to do is tap from Pen tool to Line tool and then I'm going to update the width to be about 1.5 to start with. I'm going to change my color from nothing to dark, dark gray. Then I want to make sure use fill is turned off. Then I want to make sure there's no fill in my color options as well. I'm going to select my fill. I'm going to select that white circle at the blue line through it and then I'm going to select my stroke. Then I'm going to zoom in to where I want to create my line to give you a straight line and then you can use your Move tool to modify where you've placed it so that it's right underneath. I want to make it so that the line is about the width of the number 10. Now, what I'm going to do is go back into my Type tool here. Instead of the Artistic Text tool, I'm going to hold it down and I'm going to select Frame tool. I'm going to create a frame that goes right underneath and we're going to place type in here. I'm going to update this to say top 10 tips in Affinity Designer for graphic designers. What I want to do is also update this font as well to whatever it is that I'm going to want, then I'm going to go back into my menu options here and I'm going to decrease the size from about 12 to eight. Then I'm going to select my keyboard options. Tap the keyboard, and then you can move it around by just tapping on it and moving it on your screen. Then I'm going to update it. I don't like how the designers portion of graphic designers is by itself on this last line, so I'm just going to take my Apple Pencil and I'm going to basically resize my frame so that it's just three lines. Then what I'll do is select everything. Then what I want to do instead of having it left align is I'm going to go to my options on the bottom here, my paragraph options and I'm just going to select center align. Then I can go into my Move tool here and then I can just move this so that it's nice and centered underneath, which could also do is go to the lower left-hand side and select the little option that looks like a magnet. It'll help to wine different elements up with each other. You'll see like this little green line pop up here, that means it's centered. You can also utilize grids. In your document settings, if you tap on them all the way at the bottom, you'll see something that says grids, guides and you can set up a grid or you can set up guides. I'm going to tap on Guides and I'm going to select Show Guides. Then what you'll do is to add horizontal or vertical guides, you'll just select Add Horizontal and Add Vertical. Then what you can do is move these guides. To keep things in line with one another depending on the requirements of your layout, whatever you're setting up. This is just a really simple way to keep things organized. Then once you've added those guides, you can lock your guides so that they don't go away as you're working. Now you can select your Move tool. Select all of your type here in your text here and move it so that it's in the center of your guides. You can also resize things. Then if you don't want those guides anymore, you can just go back into your document menu and then select guides and then turn off guides. By clicking Show Guides, click on it so that it's grayed out and it's no longer blue. Now that we've placed everything, if you want it to move things around, you can just utilize your Move tool. Select all of the elements that you want using your Apple Pencil and then you can move things around. Say you wanted to lock things in place so that they don't move. You can just select them. Then you can go into your layer studio here, and then select the three-dot menu, and then you can select Lock, and it'll lock those elements in place. Let's place our image. So let's go into our Document menu, we're going to select Place Image, and then we're going to import it from photos, and then you're going to go into your recent photos, I'm going to select this image here with the desk. Then in order to place it, you just have to drag your Apple pencil across your board here. Then obviously, this takes up half of the space, so what we want to do is go into our layers studio here, you can get out of your layer options by hitting the back button. We want to utilize that rectangle, so essentially, we're going to crop that image into that rectangle. To do that, we're going to find that image in our layers, and then what we're going to do is drag it, and then basically place it right on top of that rectangle layer, and it'll basically crop it into that shape. Now what we want do is add the rest of our elements. I'm going to select the 10, and then I'm going to go to my color studio, and I'm just going to select from my recent colors, and I'm going to make sure that my actual fill is selected, and then I'll tap that recent color. Then we can go back into our text tool, hold it down and we're going to select our frame text tool again. We're going to create another frame that will go underneath, and basically, this is going to be more detail about what this video is. Now what I want do is select all of that text, and instead of having it left aligned, I'm going to have it right aligned so it aligns with the image here. I'm going to go to my lower menu options here for my paragraph, and I'm going to select Right align, and you'll see it nudges it to the right. Then what we want to do is select our move tool, and then just move it a little bit away from the image so that we have some space here. I want people to be drawn to this area, so I'm going to add a little element like an arrow here, so I'm going to go to my vector brush tool, and I'm just going to draw a little arrow here, using my vector paintbrush. Then I'm going to select all of those elements using my move tool, I'm just going to highlight all of those, and then what I want to do is group these together, so I'm going to go into my layers studio here. Then at the top, there's something that looks like a little puzzle piece. If you select that, it'll group all of those three elements together, and then I can rotate and orientate this how I want. Then what we'll want to do is add a call to action. I like to do that towards the bottom here, just something that reminds people where they can go to check this out. I'll add, watch my latest video, and then link in bio just so that they know where to look. I'm going to utilize both the arrow and the Oswald again, so I'm going to select this number 10, and I'm going to duplicate it. I'm going to go into my Edit menu, the little three dot menu up top, I'm going to select Duplicate, and then I'm just going to drag this down, and then I'm going to highlight it, and I'm going to resize this. I'm going to change the color from this purple to that dark charcoal color that we've been utilizing for the rest of this, and then I'm going to update the text. Then I'm going to select my move tool, and I'm going to move this down just a bit, and over to the right. I think I'm going to make this a little bit smaller as well, and then I'm going to take that line that I created up top here, I'm going to select it, and then I'm going to go to my Edit menu again, I'm going to select Duplicate, and I'm going to select that line, and drag it down. Then I'm going to take my type from here, of detailed portion, I'm going to select it, and I'm going to go to my Edit menu again, that three dot menu, select Duplicate, drag it down, and then I'm going to update it so that it says link in bio. I'm going to change it so that it's not right aligned, but so that it's left aligned. Then I'm just going to resize my bounding box, I'm going to move this text to the bottom. That's our first layout. One last thing that I would suggest you add is some form of branding, so if you have a logo or anything like that, that's a great tool to utilize. I'm going to add my logo, and I'm just going to add it right here in the bottom right-hand corner of the image, so I'm going to go to my Document menu, I'm going to select Place Image, I'm going to import it from photos, and then I should have it in my recent photos, and then again, just to place it, you just have to drag it. My logo currently is a black color, so what we can do though to help that pop-out is update it to white. We can add a layer FX, so with that element still selected, I'm going to go into my FX Studio. It looks like a little F and X. Then what I want to do is select color overlay, so I'm going to toggle this on so that it turns blue, and then I'm going to tap on it, and at the bottom you'll see you have some options that pop up. What we want to do is turn our blend mode to just normal, and then we want to update the color by tapping on that color, and then I'm just going to dry it to white, and then you see it automatically recolors this for me. Then I can just select my move tool here, and then I can move this towards the bottom, and it doesn't need to be huge, I'm going to make it relatively small, but just somewhere so that you have your branding there, and any of your posts that are re-shared can be linked back to you. That color FX is a really simple way to do this. Keep in mind though that the file has to be a PNG, so for example, this is a PNG with a transparent background, so it only colors where there is pixels. There's just the black, and then a transparent background, it'll color over the black, but if this was up here, say, a JPEG with a white background, it would color over the whole entire image because the full image has pixels. Just keep that in mind as you're utilizing something like the color FX as you're working with things like this. That is our first layout, it's done. Well, now let's move on to our second layout. 5. Designing Your Template: Part 2: I like to do accommodation of both colored backgrounds and imagery and then sometimes just full-on image for the background. That's what we're going to do with this layout here, we're just going to place an image into our artboard here. Let's go into our Document menu, select Place Image, Import from Photos, and then let's select an image. I think I'm going to use this to place the image. All you have to do is drag your image and then you can place it into your artboard. I think I'm going to resize it so that it fits nicely into the layout, and that gives me space right here to add text. I'm going to reuse some of these elements. It's really nice you can reuse the elements that you've already created. In this case, I'm going to reuse the title and the number and the line here, so I'm just going to select my Move tool, a little white arrow. I'm going to highlight those two elements by dragging my pencil over it. Then I'm going to go into my Edit menu and I'm going to select "Copy". Then I'm going to tap into my new artboard here, and then I'm going to go into that edit Menu again and select "Paste". Then I can move this around where I'd like on this layout. I'm going to update this from 10 to 5, and then I'm going to update the title to say The Power of the Elements of Design. The idea is to utilize visual hierarchy to pull your eye towards certain areas within your layout. In this case, the number 5 is going to be basically, it could be like the 5th post in the series or five tips or five ideas that relate to the power of design, but something it's bold enough to draw your eye to that upper corner and then you'll read the title that's underneath it. I also like the idea of adding some creative border, so I'm going to utilize my rectangle tool again. This time instead of having a fill, I'm going to have a stroke and I'm going to turn off my fill, and then I'm just going to create a rectangle that goes around the border of this image. Then I'm going to increase the stroke width, so it's just slightly bigger, so we can see, and then I'm going to tap out of it, select my move tool and we get this nice border that draws your eye in. Then I'm going to select this call to action here. Then I'm going to go into my Edit menu, I'm going to select "Copy". Then I'm going to tap into this artboard here. Then I'm going to go into my Edit menu and select "Paste". Then I'm just going to move this to the right-hand side. What I want to do is make sure all of these elements are aligned to the right, so the easiest way to do that is select all of it. Then I'm going to go into my alignment function, so if we go on the right-hand studio, if we select our transformed studio, towards the bottom, you'll see something called Alignment Options. When you tap on that, you'll be able to select your different alignment options so you can align horizontally, vertically, distribute vertically, distribute horizontally. I'm just going to align horizontally to the right and everything will move to the right-hand side here. Instead of having it say watch the latest video, I'm going to update it to say read the latest because maybe I have a blog and I want to send people to the website. Whatever you need, you can just make it work for you. Then I'm going to resize my line here. Then what I think I'll do is add a little Call to Action arrow, so I'm going to go into my rectangle tool here, if I hold it down though, you'll see all of these other options pop up and I'm going to select a triangle. Then making sure that rectangle tool or making sure the triangle tool is selected, I can just create a triangle using my Apple Pencil. Then you'll see you have these little arms that you can utilize to rotate, so I'm going to take that and rotate it to the right to 90 degrees. Then I'm going to resize it just a bit. Then I'm going to select my move arrow tool. I'm going to move it over here. These triangles have the same dark, charcoal color that I'm going for, so what we can do is just go into Color Studio here, and we can select an element that is that color, and then we can select the swatches panel at the very bottom here. If you want to add a specific color so you don't lose it, you can select this little hamburger menu and select add current fill to palette, and it will add it to your palette so you always have the option to select it, and then everything will be updated to what you need it to be. Again, keeping in mind your color's themes, your color stories, your brand colors, you want to make sure everything is consistent and cohesive. Once everything is updated, you can start to see how everything flows and works together because the color stories are the same, the visual imagery is the same, the typefaces and fonts you're using work well together and are the same, and then you get these nice pieces that work together. Now, let's work on our final layout. It'll be this as a cover page and then these three will be the informational slides that will slide through. This is going to be about three creative design tips that we would share, so the idea of keeping it simple, utilizing cohesive colors, and keeping in mind the visual hierarchy, and having a bit of information on it. Let's start with our layout. Again, we're utilizing the same element here, it makes life so much easier because I can just copy and paste one to make it the first time you can reuse it over and over again. I'm going to update my artboard background to a very, very light gray. It almost looks like it's disappearing into my background, but that's okay because we're going to add an image on top of it. In this case, I'm going to add an image that fills up about three-quarters of the left-hand side, so I'm going to select my rectangle tool, and I'm going to create a rectangle on that side where I want this image. Then I'm going to go into my Document menu, select File, Place Image, and then Import from Photos, and then find my last image that I want to utilize and then drag it to place it. I'm going to make it so that it's just slightly bigger than that rectangle, and then we are going to crop it into the black rectangle that we created. So I'm going to select that photo on my layers and then I'm going to drag it so that it goes right on top of my rectangle layer and it'll crop it in. Once I've done that, I'm going to select my title and the number again, I'm going to go into my Edit menu, select "Copy", and then tap into my artboard. Then I'm going to go back into my Edit menu and select "Paste". Then I'm going to update this from five to three because it's going to be three tips that we're sharing here, and then I'm going to update the title to say Three Creative Design Tips. I'm also going to go back and copy that logo from my first one, I'm going to go into the Edit menu, hit "Copy", and then go into my artboard that we just finished up, select it and then go into my Edit menu and select "Paste". Then I'm going to pull it so that it's in the upper left-hand corner. We want to make sure that again, you have some branding that will pull your visuals back to you and your handle. I'm going to select the read the latest link in bio on that second layout that we created, and I'm going to go to my three-dot menu, my Edit menu, and I'm going to select "Copy". Then I'm going to go back into this new artboard here and then go to my three-dot menu and select "Paste". I'm going to update this to say swipe left so that they know to swipe left to read through the rest of the carousel, so I'm going to select my keyboard here, and then I'll update my information here. Then I'm going to change the link in bio to say to read more. If you find that your text goes down when you want it to go all the way across, just go to your Move Tool and then pull out your frame and it'll be able to fit more. Then I'm going to take that arrow and move it to the left-hand side, and I'm going to change the direction of it and I'm going to increase the size. This is the call to action to get people to swipe to read. After I've done that, I'm going to go back to my logo here. I'm going to select it, I'm going to hit "Copy". Go back into my artboard here, go to my three-dot menu, select "Paste". Then because this is such a light background, I'm going to change the color of the overlay from white to that charcoal gray. I'm going to select my FX Studio. Select "Color Overlay". You want to make sure that your actual logo is selected. You'll know it's selected because it's outlined in blue. Then you're going to tap on where it says Color Overlay. You'll get your little pop-up at the bottom and then you'll want to update it to that charcoal gray. If you tap on your color here, you can select your eye tool and then you can go to anywhere on your screen and select that color. Then basically keep holding it down and then you can select the area that you want to eye drop from and it will update your color here. Now that I've done that, I'm going to pull that logo to the lower left-hand side here. I'm going to go into my layers, find that image, and then swipe right over my logo image here so that they're both selected. Then I'm going to go into my Transform studio, select my alignment options, and then I want to align them horizontally to the left. That way, everything is all lined up and spaced evenly. That is our title page for the rotating carousel. Now what we want to do is add our three tips. I'm going to take the number 3 here and I'm going to copy it and then I'm going to paste it into the rest of these artboards. I'm going to paste it here and then move it to the left and then do the same thing for the rest of these. I'm going to paste them. Because I have magnetics on, you can see already that these are going to stay in line and you'll see these little red lines popup because they're keeping them in line in terms of alignment. I'm going to go ahead and I'm going to paste one last one here, keeping in mind the placement, making sure it's aligned with the rest of these. Then I'm going to update the background of each of these artboards. This first one, I'm going to have it be that purple that we were using, this second one, I'm going to include a new color, like a teal, and then this last one I'm going to have be that same gray as our title page. Then I'm going to update the color of the numbers. I'm going to go into my layers if I'm having any issue finding where these are, I'm going to select my type tool, I'm going to double-click and then I'm going to update my color to white. Same with the next artboard, double-click the number, making sure my type tool is selected. Then I'll double-click inside of the number and then click on my color studio and then pull everything to white. Double-click in the number, and then I'm going to update it. Instead of this light color, I'm going to do that dark charcoal gray just so that it's easy to read. Then I'm going to update this to be 1, 2, and 3 because these are the three tips that I'm going to be sharing. I'll go to my type tool, double-click inside of the number, select my keyboard, go to my numbers, and then update them to be 1, 2, and 3. Now, I'm going to keep this really simple. I'm just going to do one or two-line texts. Keep it simple is going to be the first one, cohesive colors is going to be a second, and visual hierarchy is going to be my third. What I'm going to do is take my titles here, I'm going to select one, I'm going to copy it, and then I'm going to go back down here into my next artboard, and then I'm going to paste it, and then I'm going to increase the size of this by selecting everything within my type box here. Then I'm going to go down to my Options. I'm just going to increase the size of this. I think 33 will be good. Then I'm going to resize my frame here. The first one is going to be keep it simple. I'm going to select the text and then I'm going to select my keyboard here. Then I'm going to update it to say in all caps. If you want to get all caps, you can just double-click your shift key on your keyboard here and it will give you a little line underneath the arrow. That's how you know you are in all caps. Then I'm going to type keep it simple. Then what I want to do is have it pop out from the background. I'm going to use my rectangle shape tool to help it pop out from the background. I'm going to change the color of my fill to be just a basic white. Then I'm going to create a rectangle, it's highlighted, and then I'm going to drag that rectangle in my layers studio here, and I'm going to drag it underneath the text that says keep it simple. Then I'm going to resize it. Then I'm going to select keep it simple by double-clicking and highlighting it. I'm going to change the color of it from that dark charcoal to the purple so it gives it this nice stamped effect. I'm going to do that for this. Then what I want to do is add information on what this means. I'm going to select the swipe left to read more as the basis of this information bit. I'm going to select everything using my Apple Pencil and then I'm going to go into my Edit menu select "Copy", and then I'm going to go into my artboard down here, go into my Edit menu, select "Paste", and then I'm going to increase the size of all of this. Then I'm going to delete the line and the bold text. I'm just going to use the text that's in that Arvo font that I have here. I'm going to add my paragraph of information here. Once I've created these ones, I can reuse this. I can select these elements and then I can copy them and paste them for the rest of the additional spreads within this carousel. Then you can update the text in the lower right-hand corner as you need. 6. Exporting Your Files: That is the layout. Now what we'll want to do is export these. It's actually really simple and I love how quick I can make exporting out of Affinity Designer. What we're going to do is we're going to Export persona. In this upper left-hand side, you'll see that there are three little panels. We are currently in the Designer persona. The next one is the Pixel persona, and then there's the Export persona. It will allow us to export multiple elements all at once. You see these are ready on my artboard. What I'm going to do is show you how to create them as slices. On the left-hand side, when we're in our Export persona, we're going to select our Arrow tool, which is our selection tool. We're going to take our Apple Pencil and select over all of our boards. Once you selected, we're going to go to our right-hand side and we're going to go to our Layers studio here. We're going to select the Layer studio at the top, we're going to see something that says Create Slice. Basically, it's going to create a slice out of each of these artboards. If we go back into our Slice menu, which is that little box cutter option at the top on the right-hand side, you'll see all of artboards have been created as a slice. What we'll want to do is select all of these. You'll click on your first one and then click on your second one by dragging right. Then your third, your fourth, your fifth, and your sixth. You'll know they're all selected because they're highlighted in gray. Then you can select Export All. Then you'll want to select a specific folder on your work system here. I'm just going to select my class project folder and hit "Done". It'll export all of those files at one time. You don't have to do it one by one. You could, if you wanted to, we could go back into the Affinity Designer persona. What you could do is just select your artboard and then go to your document menu and select Export. Then you can select PNG, JPEG, whatever file format you want, and then export them one by one. But I just find that slices, exporting it as slices is just much quicker. Then what you'll want to do is exit out of this document. Double-check to see if your files have exported properly. All of our files have exported to the document menu. Then you can just basically select these and share them. 7. Course Outro: Thanks for showing up, learning and creating something great with me today. I really hope that you found this course helpful and that you're more comfortable using Affinity Designer on your iPad to design your own social media post template. Before I let you go though, please don't forget to submit your final project deliverables to the class project gallery. I'm looking forward to seeing everyone's social media posts and I can offer feedback or answer questions. If this is the first class that you've seen of mine and you want to learn more about me and my work, you can visit me online at www.bellasophiacreativecreative.com. You can also check out more of my courses relating to the design and creative industries right in my teacher profile. I will be sure to leave links for some classes that relate to this one in the class description below. Thank you so much for watching and creating with me today. I'll see you in the next one. Bye.