Elevate Your Business Social Media: Design an Aesthetic Instastory Template in Affinity Designer | Jenny Veguilla-Lezan | Skillshare

Playback Speed


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

Elevate Your Business Social Media: Design an Aesthetic Instastory Template in Affinity Designer

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

2 Lessons (56m)
    • 1. Class Intro

      1:44
    • 2. Designing the Template

      53:58
  • --
  • 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.

97

Students

--

Projects

About This Class

Hello everyone welcome to my latest skillshare class!

I’m Jen Lezan and I’ll be your teacher for this course. I’m a graphic designer, illustrator and educator based out of the midwest and I run Bella + Sophia Creative studio. 

ddaf41d7.jpg

I enjoy helping creatives and entrepreneurs up their design skills and elevate their brands using tools like the Affinity software. Social media is a vital tool for every creative as it allows you to establish a brand voice and visual presence online. A great way to showcase your skills and make the most of a branded account is to use instastories. While you can create instastories directly in Instagram, you can also make things a bit easier on yourself by using software like Affinity Designer to create a template that you can use over and over again and update as you need. 

62913bf3.jpg

What You Will Learn 

In this free class I will share a tutorial on how to design and create your own aesthetic instastory templates using Affinity Designer. This is a great way to create branded and stylish content on your instastory instagram feed that keeps your branded look front and center. I walk you through my entire process for creating the instastory templates I sell in my Creative Market shop.

Who This Class is For

This class is perfect for your if you are a small business working on really pushing forward your instagram game,  a content creator wanting to establish some efficient work flows or just a designer looking to offer social media design services for a client and wanting to learn how to use Affinity Designer to do so. It's a basic level class where I walk you through the program and help you situate yourself when it comes to the menus. I hope you find it helpful!

Tools You Will Need

Desktop computer

Affinity Designer software 

Instagram account

Learn More

If you'd like to learn more about me, check out my website at: www.bellasophiacreative.com - if you want to connect with me and show me your work on social media feel free to follow me on instagram @bellasophiacreative - Also, make sure to check out some of my other classes right here on Skillshare!

If you have any questions at all, please feel free to leave them in the class discussion forum. Don’t forget to add an image of your project to class project gallery. I can’t wait to see what you create! 

Thanks for watching!

-Jen

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 my indi... 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. Class Intro: Hi everyone and welcome back to the latest edition of the freelance life tutorials this week. And I wanted to do something that is a look simple, shouldn't take us too long to get through. But that I think will absolutely elevate your social media platform usage. Then terms of branding and ensuring that you have a nice cohesive look when it comes to things like instance stories. So this week we are going to be creating three simple Instagram story posts that you can utilize in your own insist stories. I'm gonna show you just a really simple layout style that's inspired by an incident stories set that I released recently. I'm creative market. We're basically going to be remaking the same exact thing. But we're going to update the color theme and we're going to change some of the photos. And I'm just going to take you through my process of creating these. And the goal is just to create these templates that you can use over and over again and update based on your post needs, based on whatever it is that you're working on. All you have to go in and do is update your Affinity Designer file. We will be working in Affinity Designer. So this lesson is a little bit more elevated than a basic lesson. I'm going to be assuming that you kind of comfortable with the menus and things like that. But I will go a little bit slower so that those who aren't necessarily used to the Affinity Designer interface can kinda keep up. 2. Designing the Template: I have all of the layout's kind of spread into this specific file, but their place on art boards. So this shows allows me to keep things a little bit more streamlined and it makes it easier to find everything. And what's nice is within these are boards. If you click on the little nesting arrows within the layers panel right here on the right, you'll see my arrow scroll down and you'll see layers. And then right here on the right I have all of my art boards as a layer, but then each of them is nested and that nes basically has a group of all of the different elements that make up this specific art board soul. In this case, this specific art board five has a layout for a podcast episode. So you'll see the little artistic abstract paint strokes. You'll see the image, and you'll see the podcast icon. And then you'll see the text areas for like the episode featuring the most creative lifestyle brands and then the listen now Menu button. So while these many buttons aren't necessarily functional, in Instagram stories, you can link out to specific web URLs and things like that. So the idea is that they would click on this and then it'll take on a to the outside link. So I think it's just easier and a little bit more organized to keep everything in one file versus having a ton of different files all housed in a zipped file or something like that. This just makes it easier. People might get worried that you can't export this as an individual file. That it'll export all the airports together. And yes, that is the case. But what you can do is instead of exporting the whole entire document, you can go into File and you can export a specific area. So in our case, each area is an art board. So if we wanted to export each of these individually for use on insist stories, we would export by our board and you can export it as a PNG or a JPEG, whatever you find most useful to you. Alright, so I just wanted to kind of give you a rundown of what everything looks like. We will be working with vector Brush Tools, placing images, placing taxed, and then creating some shapes as well. So once you've launched Affinity Designer, what you're gonna do is select file in your menu bar and Uranus select new. This takes us to our new document, pop up. What we wanna do is set up a file that is the size of a phone or a typical ints. Those story. If we look at my original file here, we can go to file document setup and it'll show you what the document dimensions are. So it looks like it's 6,232, but it's not each individual. Our board is actually 1080 by nine. Pixels. And this is basically just the standard size for anything that you're seeing in mobile. So that's what we're gonna be doing in terms of this file system. So we can go back to File New. We're gonna change our page with 21080 and we're going to change our page height to 1920. Let's keep the DPI at 300 just so that it's nice, high-quality. You can change it to like 125150. You don't need it to be super, super high-quality for Web viewing. I just find though that sometimes that compresses it, so I like to keep it at a higher DPI. And then what you want to make sure you click is create our board and then keep transparent background checked. Make sure you change your color format if it's not RGB 32 and its CMYK or something like that, make sure you change it to RGB 32 and then hit create. And this is gonna give us our first, our board. What we're gonna do today is we're just going to create three separate layouts. So let's first start by adding the two additional art birds will be working on. To do that, we're gonna do is we're gonna go to the left hand toolbar over here and right underneath the Move tool, which is that black arrow tool, you'll see something that looks like a piece of paper with like blue marching ants around it. That is your art board tool. And once you click on that, you'll see the art board functions pop up in the upper left-hand menu. So what you're gonna do is keep this size document because it's basically making a copy of the already preset dimensions of your document. And then you're just going to click on insert our board. And you're gonna do that two times so that you have three our boards to keep things a little bit more organized. We can also go in and rename these are ports. So if you go to the right-hand side in your Layers panel, so down here underneath your color swatches of and if you don't see this, I'm Layers panel, you can just go up to your main menu and select View. And then go down to studio. And then you can make sure you can see that layers is checkmarked. And if it's not check mark, that could be why you're not seeing it. So just make sure you click on it and it should pop up and the right hand side. So what we'll do is we're gonna rename each of these to Instagram story 123. So to rename your art boards, you just have to click on the layer and you're going to double-click on the text. And it's going to allow you to change the name of your art board. And then what I like to do is just highlighted all command C or edit, copy. And then do the same thing for our B2. Double-click the text and then Command V or edit, paste, and then just update the number. Once you've renamed all of your art boards, We're gonna get started on designing for the first Instagram story. On your left-hand side, you'll see, you'll have these different shaped tools. So we're just going to select the square-shaped tool. And we're gonna go over to our color swatches and we're gonna make sure it doesn't have a stroke. And then we can change the color to what we want. I'm just gonna do Lake off white, beige kind of colors so that I can really make the paint strokes pop out when I'm adding those on top of this layer. And basically what you'll do to create that square is you'll see this crosshairs and you can just drag it across your art board so that it is basically filling the entire space. And this kind of establishes our background layer. And then what we're gonna do is build on top of this and you'll start to see that on top of this, the first art board that we created, you'll start to see the dropdown menu starting to pull because it's grouping all of the elements onto this particular port for Instagram story one, I also like to utilize the shape tool to kind of help establish where my photos will go. When it comes to these types of things, Instagram stories are often used for marketing, whether it be your product or your brand, yourself. A lot of fashion and lifestyle brands utilize it. So the idea is to really allow the visual sustained dao and then everything else within the design of the Instagram story layout is meant to just kind of support it and also lead you and your eyes to that main element. So just to keep things easy, we can just start with a really simple placement of the first shape for our actual image. And I'm just going to turn the color from this beige to black. So that way it's easy to see where the image is going to be placed. And for now this is just going to be our place holder for where our images. So the idea is to get people informed about your product and to get them to take an action, right? So when we're looking at this for thinking about how does design applied to these visual elements that we're utilizing. But the whole purpose of it is to market something and to get the viewer to do something, whether it be visit your website, purchase a product, something like that. So the idea is to inform and then get some sort of call to action. So that's where the button comes into play and that's where the text comes into play. So if you scroll down on the left-hand side of your toolbar, you'll see the text tools. You might see an a that's your artistic tool, or you might see the text frame tool. I like to utilize a text frame tool because it gives me a better idea of visually seeing the amount of space that might texts could potentially use. Whereas the Artistic Text tool just kind of allows you to free-hand placement of the texts. So we're going to use the text frame tool. So to get to that, you're going to click on the a hold down and then you'll see this little pop up to the right and you're just going to scroll down to frame Text tool. And then you'll basically place a frame of where you think your text is going to be. And like I said, I'm just doing this really simple hierarchy setup where the main visual element is going to be at the top. That text is going to be in the middle. And then the call to action is gonna be right underneath at the bottom. So it's kinda like creating this visual hierarchy. Once you've created your text tool, you can begin to type in whatever you want. If you don't have an idea of what you're gonna type in yet. And you can also utilize filler tax. It fills text boxes in a way that looks like it's actually words. So you get a good idea of what that text will look like within your art boards. So you can select insert filler text by going to your top menu at the upper left hand side. And then you'll go to text and then you'll scroll down and select, Insert filler text. And then you'll see that the text fills this frame. So what you'll wanna do is decide whether or not this text, the style of the font that is currently in use makes sense for you. If you want it to be central line loss per line right aligned, I'm thinking central lined for now it's gonna make sense. So to get those options, you'll see them in your upper menu bar. And it's really similar to what you might see it like a Word document. So you can just select that central line and then you'll also be able to edit your fonts. And you'll see this again, not in your main menu, but in the sub-menu in-between your work area and your actual designer menu. And again, if you don't see that, you can just go to View studio and then just make sure paragraph and character is selected. So what I'm gonna do is I'm going to change the font family. So right now my font is Ariel. I want it to combine kind of like a more free hand, kind of like handwritten font with something that is a little bit more modern and clean. I'm going to use this rounded elegance typeface. I'm gonna keep regular. And I'm going to keep the font at 12 for now. And I'm actually going to go in and change what I'm seeing in this. So, so this is kind of like a little bit too big when I look at this. So what I'm gonna do is I'm gonna select my frame. And then I'm just going to bring it in a bit. And then that way I can re-center myText. The saying I decided to go with, with something featuring like Estelle story with fashion influencers to interviews are live on the blog today. So that makes me think that I'm going to have this be a bit of a bigger photo because it's probably going to be more of a fashion lifestyle photo. And then I'm going to bring the text down and center it. And then what we're gonna do is we're gonna need a call to action. So i'm going to utilize the shape tool to create a button. And then we're going to create a call to action that says something like read more because we're trying to ascend the viewer or the reader to the blog. So we're going to go back to that shape tool we're actually going to do instead of a regular square, we're gonna do a rounded rectangle. So that's one to the third option. So two below that original shape tool that we looked at to begin with, you'll see a rounded rectangle. And once you click on this rounded rectangle, what you'll see is the pop-up options come up under that sub menu in the upper left-hand corner here. And what we can do is we can change the corner radius and we can change the fill. And we can change if we want to add a stroke and things like that. So the first thing we wanna do is we don't want the corner type to be twenty-five percent. We're gonna want to decrease that a bit. So it gives us more of a, more of a slight rounded corner versus a really leak like really robust rounded corner. We don't. Let's look at this first. So if we create it with that 20, that twenty-five percent, it's going to be very rounded, almost oblong, circular. So if we decrease, what you'll find is that when we decrease at corner radius on that percentage and we bring it down, it will allow us to create more of a slight rounded edge. And then I'm thinking keeping it under 10% will be good. And then we don't want the button to be too big. We just want it to be big enough to catch their attention. Big enough to fit, read more, but not so big that it kind of takes the attention away from the photograph that we're going to be placing. So the other thing we can do now is we can add, read or read more on top of this button. And again, we could either use the frame text tool or the artist, the Artistic Text tool. I'm going to use the frame text tool just because I want to make sure that whatever I write fit right into this button. And then what we're gonna do is change the color for the text from black to white so it's easier to see or we can use that off light color that would be that we utilize for the background. And then we are going to utilize that same font that we used. The rounded elegance. So this way everything is cohesive. You wanna make sure you don't use more than one or two fonts when you're working in something like this, it can get really busy and you don't want people to be deterred or you don't want the design to take away from the effect of what you're trying to do. So to create a professional look, something that is cohesive and consistent with their branding, I would highly suggest using fonts and things at work with your branding. Or if you know the type of fonts that are in your branding, utilize those more if you're just doing something like this, just keeping it to one to two fonts will make things a lot more cohesive and blended and look nicer. And then also it'll just up the Professionalism in terms of the design overall. So I'm going to use all caps and I am going to write, read more. If you're finding that you don't see the tax, that could be because your taxes layered behind this black back. So if you go to your layers, what you'll see is very similar to what you might notice in something like Photoshop or Illustrator. When you're working in layers, it's like a cake. Whenever you put on top, covers, whatever is on the bottom, unless you're adjusting the opacity and things like that. But we're not gonna get into that today. So what we wanna do is take that frame of text that says read more and we wanna drag it above our rounded rectangle. And that way we can see the text. And I'm actually going to decrease the size of it from 12 to ten. And then I'm going to add a little arrow here. You can use like a carrot or you can go into your shape tool. And you can select something like a triangle. So if you go down below, you're rounded rectangle tool, you'll have your shaped tool that gives you multiple options. And the first option, you might have it unlike when you see it at first it might be like this callout bubble or it could be something else depending on whatever your system already has pre-established. But once you click on it and you hold down, you'll get this popup menu and you can select triangle. And then we're going to create a triangle. And we're just going to resize it a bit so that it's going to fit into the read more button call out. And then I'm going to change the color because they haven't currently filter black. Wanna change it to the off white. And then I'm going to transform it by rotating it on its side. And what you'll see is that when you click on this, you have all of these little nodules all around and then you have this and this like white agile that kind of pulls out from the center at the top that allows you to rotate your item on its axis. So what we're gonna do is we're going to hold Shift and then we're gonna take our mouse and you're gonna get that little double arrow. And then we are going to rotate this exactly 90 degrees to the right. And then we're just going to pull it over to our read more call up button. And what I'm gonna do though is it's kind of big so I'm going to resize it. You can hold shift when you resize to make sure everything stays in proportion. And then I just want it to be just slightly bigger than the Read More. And then I want to select both of these and group it together. So I'm going to select the arrow first and then I'm gonna hold shift. And then I'm going to click on Read more with my mouse. And then you'll see that both of these are selected. And then I'm going to go to layer and I'm going to select group. And it's gonna group these together so that when I move them, I'm not moving each one individually and moving them both together. And I'm going to center this within my callout box here. And what's nice is you'll notice that affinity designer has these really great snapping guides and you'll see affinity designers helping me with that by popping out these really great stamp tools. So now that, that's centered, what I wanna do now is also group the reed Moore and the arrow with the button shape with a rounded rectangle. So we are ready, have freed more selected on the whole chip once more. And then I'm gonna select the button. And you'll see everything is now selected together. You'll go to layer and you're going to group on now. And this way, I do this just because it's easier to move things together versus separate. And it just again, keeps things a little bit more organized and you can go back into your Layers panel and rename this group to your call to action button. And it's always kind of like a tip of the trade. It's, you know, it's always good to basically label and organize your layers, especially if this is something that you're hoping to sell in the future. I sell these often on places like Creative Market, so I wanna make it easy for people to utilize them. So layering and grouping and labeling my layers makes everything so much easier when it comes to having these files and the system within the files organized. Now that I have the button, I have placement for the for the photo. I have my informational texts and wanna do kind of like a call-out texts. And what I'm gonna do is I'm just going to copy this, check out the latest style Story segment. I'm gonna go to Edit and I'm going to hit Copy, and then I'm gonna hit paste. And I'm just going to drag this up and out of the way. And I'm going to retype, read the latest story. And the idea is that this is going to be kind of like the, the header that grabs the attention of the viewer. So I wanna change this from the same font that I have in the paragraph area to another font. So this still stays within our 1.2.2 font, kind of like premise. But I want to create something that's a little bit more. Papi grabs the eye and you wanna make sure it's readable too. So I know people really love kind of like the handwritten script fonts. And those are great for things like this really titles but kind of steer clear of those when it comes to paragraph and copy setting because it just, it can be really hard to read to what I wanna do is do something a little bit more scripty. But that's still a bit bold. And that feels kind of, it feels like something that you'd see a fashion-forward brand utilized. So, and something that's fun thinking of Betty, it shoots a child font. It's something I can't really utilize and something that I would sell at something else to keep in mind. I like utilizing fonts from different.com or buying fonts from places like Creative Market. Or maybe you make your own fonts and you can use those. But just keep in mind the commercial rights usage of whatever it is that you're purchasing or that you're downloading for free. I like this one, the spin data. I'm going to increase the size just a bit from 1216, just so that it's easier to read. And I think this works really nice. It's bold to it. It's bold and it's scripty so it catches the eye, but it doesn't necessarily conflict with the really clean, simple lines of the rounded elegance font. So I think this is a good hierarchy to establish for this. And basically the idea is you're going to use this combination throughout the rest of the story. So you kind of have your, your title or whatever the callout is going to be. You have the typeface that you use for your paragraphs and then you'll usually want to use that same typeface within your call to action. And then it just makes again, the consistent overall appeal just look nicer and be a bit more professional. So now that we have this first story laid out, let's add our finishing touches and we're going to add an image. So before we add the finishing touches with like the brushes and the colors, let's add a photo. So since this is kind of like a fashion story, I wanted to utilize some fashion forward type photos. So what we're gonna do, one of my favorite places to go to for freely usable images is UNSW slash.com. So you can go through their editorial. You can go by featured. I'm just going to search for fashion lifestyle and see what pops up. And I'm going to keep in mind the size and the shape of the placement of the layouts that I'm creating. I like these, these more portrait style photos. If we're gonna do something that is square, you just have to keep in mind the shapes and the way you're placing them into your layout. So I'm gonna use this woman standing holding her hat. So I'm just going to download it. And then I like this kind of spread with the Polaroid's and the hat. And you wanna make sure to that lake. Obviously, if you're creating this for yourself, you're going to use your own branded photos. So just make sure that the overall appeal and art direction that you're going for your photos will kind of match what you're doing in your overall design of your actual Instagram template and story. I'm going to find one more photo. I'm gonna grab this, this photo by Priscilla do prays with like the hanging clothes. And they think these all kinda work well together and kind of tell a cohesive story. You don't have to credit, but it is always nice. So if I'm selling something like this, I'm gonna link out to these photos in a like a Word document and not necessarily have them in the actual file depending on what is allowed. But I'm also always going to include photos courtesy of whoever the photographer is from an Splash.com in my product listing is just a way to support another creator, especially photographers, because their work often helps to elevate our design work. So I think it's just something that's nice to do and it's an industry standard and it's just, you know, it's a way to pay it forward. So once you find your photos, you can go back to your file. And what we're gonna do is we're going to place the photo and we're gonna basically mascot into this square shape. So to do that, we're gonna go to File and our upper main menu, and we're going to select Place. And then we're going to go to wherever those photos downloaded for you. They just went into my Downloads file. I'm going to select open. And then you're gonna get this little arrow, like downward pointing arrow. That means you just have to click to place. And I'm going to have to resize this because these photos are often very, very large and high rises. So I'm gonna hold shift and dragged in from the corners. And if you find that shift doesn't keep things in proportion, hold command if you're working on a Mac and you can drag in from the corners. And then I'm going to keep this just a little bit bigger than my black square. And then what I'm gonna do is I'm gonna take this, I'm going to drag this photo underneath the black rectangles, so not on top but underneath. And then I'm going to select the black rectangle. And I'm going to right-click the layer and I'm going to select mask to be low. And it's going to create a masking layer for me so that the photo basically stays within the shape of that black rectangle. Now I want to add some finishing touches because in my most recent insist stories a kinda did this like really fun abstract theme using paint brushes. Affinity Designer has some fantastic textured vector paint brushes. And that's how I kind of got this effect. So I want to go for something really similar with this tutorial that we're working with. So we're just going to add some little scribbles hearing there as final touches to this first Instagram story. On your left-hand side, you'll notice that there are additional tools below your black arrow Move tool. You'll see something that looks like a pen tool, something that looks like a pencil. And then below that is a brush tool. This is your vector brush tool. So basically, you can utilize this to create fun strokes, fill spaces, but it is a vectorized version of a textured brush. So once we click on this, what we're gonna do is we're gonna go to our stroke on our right-hand side, our stroke studio. And we're going to increase the width because if we look at this right now, our stroke is very small, so it's not going to meet those large kind of like painterly shapes that you see in this abstract series I have here. So what we have to do is increase the width of our stroke and you'll find your stroke underneath your Transform panel. If you see your color, it's usually three down from that. So go to your stroke studio and then you're going to the size of your stroke. I'm going to up it to about 28 points. This looks like a nice wide enough brush for me. And then next to stroke, there's a tab that says brushes. And there's tons of different options for brushes. So right now you'll see oil selected for me. But there are water colors. There are Inc. squashes, acrylics and washes and oils are going to get you that nice kind of textarea effect as well as join media and engraving. So for now let's just stick with oils. And then we're going to find a stroke that is wide enough to fill the space, but that still has a bit of texture to it. I think this 200 brushes gonna work just fine for us. And then we are going to select some colors to kind of play with. I think I'm gonna pull out some of the colors from the sweater here in this photo. So like that blue, that deep yellow, and then that reddish maroon. So to do that, I'm going to select my color picker tool in the left-hand side here before we even start painting. And then I'm going to zoom in and then I'm going to click on the blue. And I'm going to add these to my swatches by hitting the little plus add current fellow, the palate. And that I'm going to get to this yellow that I really like. And if it comes out a little too muddy, you can just click on it and you can adjust the color. I think I like this mustard, so I'm gonna do that. So to adjust the color, you just double-click on the circle within your swatches tool. And it'll, it'll pull up your color chooser and you can adjust the RGB, you can adjust your sliders. You can use the rainbow function here and just move the placement of your dot and then hit Close and then it'll apply it. And now you want to make sure you add that to your palate as well. And then I'm going to zoom into this red. Feel like that's a little too light or too dark. So I'm going to lighten it up just a bit and then hit close and then add that to my palette. So I'm going to select that blue first. I'm gonna go back to my paintbrush. It should still have all of the same settings as before. My stroke should be at about 28. And then my brushes should be that OIL brush 200. And then you can just basically have fun play with, you know, creating organic shapes with this. If you have a kind of like a pen tablet or something like that, you can utilize that that's what I use. I usually use a Helion, but if you're just working with a mouse, that works too. And if you find that the color isn't the same, just click on the shape that you created. Go back to your color and then make sure it's selected for the stroke and not a fill. And then it'll create the color for you. And this doesn't have to be perfect. The idea is just to kind of create this fun abstract of fact. If you don't like your first go at it, it's fine. Just try again. You can even just do something as simple as adding lines here and there. Now I'm going to use that next color within the palette and kinda go cross. And then I'm going to select that read and kind of add something to the bottom. And it just creates like a fun effect that creates something interesting and fun to look at. But it's still really clean and cheap and easy to read. So while right here, let's save. We're going to do File Save As. And you're gonna name your file, whatever you'd like to name it. I usually add my name. And then, you know, whatever it is that the concept is somewhat like abstract. And it's the story and then the type of products. So app like the, the concept, style and then the type of product it is. So in my case, it's a story and then save it somewhere where it's easy to access, hit Save. And now what's nice is that we already kind of have this setup. So we can build off of this and we can just select everything and copy and paste it. A selected all, all you have to do is basically take your Move Tool, that black arrow tool, and drag over your file here. And if you don't want the paint precious selected, just hold shift and deselect them by clicking on them. And if you do want them selected, just hold shift and select each one just so that everything's all kind of highlighted together. You'll know everything selected because you'll see legal blue, a blue outline of everything. And then you can just hit edit copy. And then you can go to your next story and just click on it and then go to edit paste. And it'll paste it right on top. And we can just do that for the third story as well. And then what we are doing is basically just revising this layout. And this is just like a really simple way to go about this. You don't have to reinvent the wheel every single time. It's just basically you have the bones with your first one and then you utilize that and you just revise and edit to make, you know, to make it work with what you're doing. So what I'm gonna do now is I'm going to put two photos or I'm gonna do a photo that goes across the center. We're going to go into the photo. We're just going to delete it. And then we are going to go back into our shape maker tool. And we're gonna create another placement for the next image we're going to add in. So we know we have kind of like a square and then we have to longer ones. So I think we're going to create the shape. We're going to create more of a square shape for this middle one. And I'm gonna have it go completely to the ends of the layout. And I'm gonna fill it with black just so that we can see it. Make sure there's no stroke. And to make sure there's no stroke, all you have to do is if you see in this upper area of their swatches palette, you click on that little circle with color and you'll see there's a surplus, more of a donut shape behind it. If you click on that donut shape and it has a color to basically D fill it, you'll select the, there's a o, a square with a red line through it and it basically just takes away color from your stroke. So I want to bring this squared down just a bit and I'm going to take the read the latest story and I'm going to move it up to the top and update the paragraph to say something about, you know, shop the latest styles or check out the latest styles, whatever it is. And then I'm gonna change my texts from read more to shop now. And to do that, all you have to do is go into your select your text tool and then double-click on where it says read more. And then you can just update the text to say shop now. And if you find that the text needs to be adjusted again, you can just use your left and right arrows, or you can use your move arrow to just real line everything. Now I'm in a place that next image, so File Place. I'm going to select the hangers. And then I'm going to click into my work area. And again, these are really high res images, so they're probably going to be really big. I'm just going to size this down. We're going to create a mask. So what we'll do is we'll select the black rectangle. We'll right-click that layer and select mask to be low. And it'll create the mask for us. And I'm gonna change my top area to say chapped fall styles today. And now what I wanna do is go back to my paintbrush tool. I'm going to adjust my colors. I'm going to go with the yellow first. And then I'm gonna go to my stroke. I'm going to increase it just a bit. And I'm just going to add kind of like a fun border around the image. So it kind of creates a frame and it draws you into the overall layout. And then we're just gonna do the same kind of thing for Instagram story three, we're just going to remove the objects that we don't want to use. And kind of similar to what we did with the center one with Instagram story too. And I have this. I already know this is kind of a portrait style photo. So I want to create something that is longer than it is wider or something that's less square. But I'm going to drag it all the way to the actual edges of my, of my frame for the art board. And let me just keep it this yellow for now so it's easy to see. And I'm going to go into file and select Place so can place that photo first and then we're going to work from the photo. So I'm going to find the photo and my downloads, I'm going to select open. And I'm going to click into my art board. I'm going to resize the image by holding command and then drag in from your corners. And it's okay if it's larger than your space because we need to drag it underneath the yellow rectangle in this case. And then we are going to basically mask the rectangle to the image below. So select your rectangle and the layers panel. Right-click your rectangle layer or hold control and click. If you're working on a Mac and then select from your pop-up mask to be low. And then what I'm gonna do is I'm going to add another rectangle that is white. So I'm gonna go into my color swatches here. I'm gonna select white. And then I'm going to create like a rectangle in-between the bottom section and the photograph itself that is about the same size as that read the latest story. And then making sure it's that white color that I'm looking for because I don't want it to blend into this bottom area and want it to be something that kinda pop, pops out. And then I'm going to take the read the latest story and I'm going to place it on top. And if you find that you can't see it. Again, remember, we're working in layers, so just take the text layer and drag it above your white rectangle layer. And then it should pop out and be on top of that little white rectangle. So what we can do too is we can add a fax to kind of create some sort of 3D affects 3D feeling, vibes to what you're creating. So what I wanna do is add a little bit of a drop shadow to this white rectangle. So I'm going to select the rectangle. And then on the lower part of your layers area, you'll see there is a little fx icon and that's basically the layer effects. If you click on that, it'll give you a pop-up that gives you all kinds of options. Well, we're just going to focus on is this outer shadows. So you're going to want to select it so that it's highlighted in purple. And then make sure you click the check mark box so it's selected. And then we can adjust the radius offset intensity and even the color and the angle of the shadow that we're working with. So for now, let's just play around with the radius offset intensity. Pull your radius out, you'll see that an actual shadow will start forming underneath that shape. And then if you pull your offset out, it will kind of offset it from underneath. And then if you drag your intensity to the right, it will darken that shuttle. So I think this right here, 50% opacity, 14.9 pixels radius five or five pixel offset, and a twenty-three percent intensity with the angle just stain at that 350 degrees, along with just a plain simple black color will work really nicely to kind of give us a 3D effect. Having this pop out from the picture. And again, it's just getting your eye to read the information hierarchy of information and that plays into the overall function of the design. I'm just going to keep the text the way it is here. And I'm just going to bump up the read more button just a bit so that it's kind of a little bit more flush with the text above it. And then we're gonna go back to our vector paintbrush. And we are going to select that blue and maroon. We're gonna upload those colors now. So let's start with the maroon. And we're just going to increase our stroke a little bit more this time. So 36, keep that same brush again just so that it's a little bit more cohesive and everything makes sense in terms of the overall layout. And if you find that your curves aren't showing up, again, we just need to make sure that we are organizing our layers properly. And we wanna make sure that those layers are on top of the photo that we're trying to add them to. I'm going to add the blue color now. So go back to my swatches, select that blue, and then go back to my paintbrush tool and add just a few more organic shapes. And again, you don't want it to take away too much from your photo. Just kind of add a bit of detail and fun style to the overall effect of the story. This is what your three final instance stories will look like a gun. We want to keep in mind the elements of design and style when it comes to laying these things out, keeping in mind hierarchy of information. Think about the kind of fonts that you're using. You wanna make sure things are legible, easier to read. And you want to make sure they all kind of work well together and keep a consistent theme. So now that we're done with this, what we'll wanna do is export them so that we can utilize them in our ANSYS stories. So once we're done, make sure you just save it as one more time. And then what we're gonna do is we're going to export these SOE stayed. These are your photos, these are your final images that you wanted to utilize and they're not just like stack images unless you're using sack images for blog posts or something like that. But we're gonna do is export them now. So to export, We're going to export them as you can export on either as a PNG or a JPEG. I find that PNG, it has just a bit of a higher-quality over JPEG, but you might have some issues uploading it to certain platforms. But what you'll do to get to that is you'll go into your upper menu and you'll go to file. And you're going to select Export. And then you're going to select the type of file that you're going to export it as I'm just gonna select PNG by linear. I'm going to select PNG ate dinner just so that it's a little bit higher quality. And then we're gonna do is you're going to export each area individually. So you don't want to export the whole document because that'll literally export all of these on one page. You want to export one-by-one. So I'm going to show you two ways you can do this. So there's this way where you just select your first Instagram story and then you select Export. And then you'll want to say, you want to add the number at the end. So in this case abstract and so story template one, PNG and then I'm gonna save it. And then you'll just repeat this process for the next two. And then we can go and just double-check to see the file. So it'll export as an image to my desktop. When I click it, it'll open up. And this is what it will look like, and this is what you'll be able to upload to Instagram for your instance, stories. What I like to do is I'll select my files. And then since I'm working on a Mac, I'm able to utilize air drops, so I'll just right-click my files and then I'll select Share, and then I'll select AirDrop. And then I can just directly share it with my iPhone. And then I'll be able to load it directly to Instagram from my phone. Now, another way we can export these files really quickly, other than one by one, is we can utilize this lyses function. So you just want to make sure everything is all grouped together in your our boards before you do this. So I'm just going to select everything under Instagram story one, right-click the layers and then select group. And then close that. Do the same thing for Instagram story. To select my drop down arrow, select the first item in my layers, hold Shift, select the last item in my layers. And then right-click and select grouped. And then close this again and then open up Instagram story three. Select the first item in my layer, hold Shift, select my last item and it'll select all of it. And then right, layers and then select group. And then this just ensures that everything is grouped together. So the next way you can go about exploiting your file so that you don't have to do everything individually one by one is you can go into your export persona. In the upper menu,