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.
Jenny Veguilla-Lezan, Latinx Designer & Illustrator
