Transcripts
1. Introduction to Artboard Course: Hi and welcome to this tutorial. My name is James. We're going to be going into Adobe Photoshop and the
topic today is art boards. This may or may not be something
you're familiar with if you are a Photoshop user and you've never
used art boards, this could come in handy. Photoshop is a fantastic tool, but sometimes there's
parts of it that can be cumbersome if you could find a timesaver to make
you more productive. Let's say you're making
social media graphics and you make a
whole batch of them at one time and you want to
export them very easily. Maybe you're making a video series and you have a bunch of thumbnails that you
need to produce and export very easily. And it's way better
if you could do it all at the same time. Well, this is the kind of
thing that will save you time. And I think you'll like it. Just to show you the value
of what we'll be exploring. You'll be able to do things
like this where you have multiple graphics
on your screen. These are all
different art boards, thumbnails of some kind for some sort of project
that you're doing. These are blog feature graphics. These are all logos
on my website. I'm trying to do portfolio
and I want to be able to export and create all these graphics
sentencing time. I believe art boards came
into Photoshop in 2015. I never knew it existed
until about a year ago. And I'm guessing that other people don't
know about art boards. Maybe they've heard about it, but they've never actually used it or seen how it can help them. So I'm gonna take you into a
little bit of a deep dive. It shouldn't take too long. Pop open your Adobe Photoshop. Follow me. As I'm working with this, that what you can have the
tools open yourself to try it. And hopefully you'll
learn something today. So let's take a look.
2. Getting Started: Creating an Artboard: If you have Photoshop open, just beginning like you're
creating a new document, it really doesn't
matter what size. I'm going with an eight hundred, eight hundred graphic
just to start, and we're just going
to hit Create. So here we have a typical
Canvas, nothing unusual. This is what you would see anytime that you
created a new document. And I would begin designing whatever it is I want
to use this for. If I look over here
at my layer panel, there's nothing
unusual about it. I would just create a new layer and that would be on my way. So when we're wanting
to create an art board, there are several
ways of doing that. The first way is
the way I should have done it when I
created a new document. So I'm gonna go back and I'm going to
create a new document. Same settings, everything
is the same except there's this little thing
right here called Art boards and it has
a little checkbox. And to be honest, I never noticed that forever. I don't even know how
long it was there. I had to look it up. In 2015, they introduce
the concept of art boards. I don't know if this checkbox
was there the whole time. I just never even
paid attention to it because I wasn't
looking for art boards. So I'm going to click it. And I'm going to go create. And now it's gonna look
a little different. You notice the background
color is a little different. I don't know if it'll
be the same for you. For me, the background
is different. There's also a label in the top left corner that
says Art board one. If we go back to our other
document, it doesn't. If we looked at our layer, it just had your
background and I created a new layer, layer one. All of this is normal, but here I go back to
my other document. You notice it says Art
board one on my layer panel and anything I do inside of this will appear
on art board one. So for example, let's
create an object. I'm just going to
create a circle here. We'll just drop it in. There you go. That appeared in art board one. Zoom out. There's nothing more
to it than that, but that tells me that I
can create more art boards. Now the only comparison I
had within the Adobe world from my experience was thinking
about Adobe Illustrator, where it made sense. You create a new art
board to create, say, a new page in a document. I've done that a thousand times. I've never thought of that being applied to Photoshop because normally I'm editing one photo or I'm editing one graphic. I never thought of
doing multiple things. And yet there's been
many times where I was creating something that
needed multiple graphics, like social media graphics. So typically what I would
do is in my original setup. So here I'm back at my original, I would, if I'm creating, say, a set of five
social media graphics, I would make a group and
I would call this social, would call it like social one. And then I would
create a new folder. And that would be
social to an untrained, another one that would
be social three. And inside of each
of the folders, I would have a set of
graphics and files that would constitute whatever it was
for that one graphic file. And then I would turn
on and off my layers. What I wanted to save, something like
social graphic one. We turn that one on, go save as export that. Then I would come
back, turn that off, turn on social layer
to save that one, go back, create another
one, save that. And that's how I would do it. Artboards handles it
completely different. So that's what we're going to
look at it the next lesson.
3. Converting a Canvas to an Artboard: We looked at the method of
creating this art board. We did it by going to File New. There's also other ways
of creating art boards, and so I'm going to show
you how to do that. If by chance you've not created, by starting a new file, you can go to a file that you've created the old
way. So here we go. This is your traditional canvas. So I have a folder here
called social one. And what I can do is
right-click that. And you notice, if I
scroll down it says Artboard from group or
art board from layer. I'm gonna go
Artboard from group. So this group now is going to be converted to an art board. I had another folder up
here called social two. I can do the same thing. I'll convert this art
board from group. So now we have two. So that's a way of
converting the old way of just a standard canvas so that you can create art
boards from that. There's also another way I'm going to undo
everything that I did here. So let's say we're
starting here. What I can also do is go to my layer panel in
the hamburger menu. If I click that, there's an option to create
a new art board from there. If I hit create new art board, it's going to ask me the name
of the artboard will say that I can also adjust
the size if I want it. There you go. I now have a new art board. So those are two ways of
creating an art board from an existing regular Canvas.
4. Creating Multiple Artboards: So now we're going to
take a look at creating multiple art boards
because that's the power of art boards is you can have a whole group of them. I'm going to take you
quickly to a screen of something that I've been
working on on another project. So I'm creating a
portfolio of all my work. And I've done a ton of
logos over the years. It's a lot of work if I'm
doing them one by one. But by using artboards, I can do this. Take a look. There's all of these logos. They're all each on a
separate art board. And that allows me to quickly export them when
it's time to save. Otherwise, I would have
to be doing them one by one, saving them one-by-one. And that's the
power of art board. So here we are back in our document and
now we're going to figure out how to duplicate this or to create
new art boards. On the left menu, you notice there's an icon
called art board tool. If it doesn't show up
in the side menu here, that might mean you
don't have it activated. And what you might
need to do is to come down to this tool
with the three dots. If you right-click it, you're going to
see these options. These options have
the additional things that maybe aren't
in your toolbar. If you click Edit toolbar, where you'll be
able to move things around a little bit and
add your art board tool. So your art board would be in
the extra tools right here. You can just go
down and find it. When you want to
add it, you would just drag it over to where you want it to appear in your
menu to let's go out of it. Now let's assume you
can see this icon. Let's click it. Nothing happened
when I clicked it. And the reason
nothing happened was I didn't have my art board, my existing art board selected. Now, to select your art board, do you actually have to
click on the main folder? If I click in anything inside the folder it doesn't select. But if I click on that art board main folder where
the drop-down is, it selects, you
notice it selects, you can see the handles
on the corners. That means that it's selected. And then if I go back
to this icon and click, suddenly I have
some options where these plus symbols appear
and what those mean are. I can now add art boards
in any direction. So if I click here, we add an art board. We had an art board. We add an art board, and so on. We can add as many as
we want by doing that. Each of them by clicking
that plus symbol there, fresh clear artboards,
you can see them. They're automatically
named in sequence, so it's art board
to art board 3456. I open any of them up.
There's nothing in them because nothing
has been created. If I wanted to add something
inside of the art board, you can add new layers
as many as you want. They all operate as their
own individual Canvas. So I can do everything
that I would expect on a regular
Canvas inside Photoshop, I can highlight these. I can group these. So there's group folders inside. So everything is normal. Yeah, just think of
each of these as being their own individual Canvas
that you can design within. But let's, let's
backtrack a little bit. I'm going to delete all of these new canvases that I created. Now we're back to
that original one. I have it selected. Now I'm going to hit this so I can have those plus
symbols come up. Now what I'm gonna do, rather than just clicking
the plus symbol, I'm going to hold down the
Alt key on my keyboard. If I hold down the
Alt key, you'll notice when I hover over this, my cursor changes to
this double arrow. What it's saying is I
want to clone this one. So I'm going to hold it down, hover over that click. Now I've cloned this. So that means if
I'm, for example, creating a social media graphic, I'm going to take you to
one of my documents again, where I have blog posts
that are featured graphics. The power of cloning
art board is, rather than having to redo
every art board uniquely, I might go to this
one right here. So that's art board three. And I might want to clone
that because I might want to have my text
exactly like that. And I just want to change
the photo in the background. So I'll clone this. There you go. I can now create according
to that same template, a new graphic that follows that. That's a productivity
thing that allows me to quickly reproduce
things that I'm making. So just think in terms of social media graphics,
video thumbnails. So you have a style of
thumbnail and you'll want to reproduce them very
quickly, very efficiently. That's a way to use these as
templates, create new ones, adjust them, adjust
little details about them to make them unique. And you're moving
along very quickly. There's also another way of
duplicating these rather than doing it the way
that with the pluses, you can also click
on an artboard here. Go to your, you can
right-click on it. And you can also choose to
duplicate an art board. So I can do this. I can
rename it right here. I can duplicate it. And there you go. I get an
exact clone of this one. Something else to know about
duplicating or an art board. Let's say I've created
a theme of art boards. There's, maybe I have a set of ten social media graphics that follow this
particular theme. Now I want to begin
a brand new theme that follows a new style. Maybe it's covering a
different subject matter, whatever the purpose might be. I might want to take this outside of this
document to a new document. So if I right-click this, I go duplicate Artboard. Ask me the name of it. They'll also asked
me the destination. So in this case, I might want to create a new document or I want
to copy it somewhere else. I can select where
I want it to go. Let's say it's a new one. That means I'm duplicating
this art board to a new document. I'm giving it a name, whatever that name
is. Hit, okay. Well, I have now a new file
with this cloned art board, and now I can begin
developing a whole new set of these and show you one more
way to duplicate art-boards. So I have this art board
selected right here. We'll click on it to make
sure it's highlighted. Now, I'm gonna go over to
my Canvas, my art board. I'm going to hold
down the Alt key. You'll notice the cursor
changed when I did that. I can now drag without pluses
or anything like that. I can now drag.
5. Organizing & Resizing Artboards: Something else I can do
with my art boards is to organize and resize them. So you notice in the process of duplicating my art boards, I had to drag them and move
them around like, like so. But if you're
thinking about that, that means I can move this
anywhere I want at all. So I can zoom way out. If I want to have like
a whole subset of art boards over
here, I can do that. So now I have, maybe there's a reason why I
want to separate them, but I can organize them
in whatever way I want. Another reason why this comes in handy is because there's
times where you're, you're not wanting to have
a static size of art board. Now, an example is I've done banner ads where I need to
have a tall thin banner, or I might need to
have a big square one, or I might have to have a rectangle one
that's really wide. That might mean I
need to move things around a little bit and I'm gonna give you a real example. So I'll take you to another
file that I have opened. I do art work and
digital painting. And so when I do my
digital painting, this is a way I use art boards. I want to export this set of graphics
for different reasons. The top three are
Instagram graphics. So these three are sized to
the Instagram feed size. But these ones, they serve
a different purpose. I want them to be
designed at the same time so that when I
export these all are export it together and
when they're created, they're all created together. The bottom one on the left here, this is Instagram real cover. So I designed my Instagram, we'll cover right here. And then the one
on the right here, That's a YouTube thumbnail. I can export thumbnail
and YouTube, a real cover, three
Instagram graphics. I designed them altogether
and they're different sizes. To create my different sizes. Going back to this
document here, what I'll do, I'll
select the art board, then I want to adjust. We'll say we're adjusting
this one down here. Notice when I click, when I click on this one, the handles appear
in the corners. So that means whenever you
see those handles appear, that means I can transform it. And in this case, let's
say I want this to be very wide, short one. So I'm just going to take
this and I'm going to re-size it like that. And I can resize it to any size. I want. This one up here. This one up here. Let's say I want this
to be same width, but tall like this. So now we have a square
one, a narrow one. And this last one down here, we're going to make it so
that it is nice and tall. So these could be banner ads for something that I'm making. It doesn't really
matter what they're for so long as I
have the purpose. One last little trick here
is when you're looking at these art boards and you're
wanting to resize them. If you click on the
icon here on the left, you can notice that the size of the artboard is right there. So if you're trying to size it to something very specific, you can click on any art board and it's going to tell
you the dimensions. So that way if
you're measuring for a specific social media size, Facebook, Instagram, LinkedIn, whatever it is, you can
appropriately size it just by typing in the correct
dimensions up here. Now I can take and
design each of these as a set and export them
all at the same time. And we're gonna be getting
into exporting in a moment.
6. Exporting Artboards (Part 1): So to me, the biggest reason why you would use art boards is for the power of exporting and batching these
exports altogether. It's a long process to
do things one at a time. The old way that I used to
do things was to have layers that I would turn on and off
and export them one-by-one. Let's say I was doing this
whole thing with logos. I would actually have one Canvas and I would have each of these
logos on a separate layer. And I will turn
the layers on and off and on and off
and on and off. As I went through
all that and I would save them all individually. Man does not take a long time and that's the way
I used to do it. I know there's scripts and batch things that you
can do in Photoshop. I honestly never really
learned and got into that. If you know how to do that. Fabulous. I didn't. Art boards is something
that's more visual. I like visual. So this works for me. So now I'm going to export this. And the way we do
that is we go to File Export, Export As. And it brings up all these, there's a whole whack of
them, just tons of them. Let's break this
down a little bit so we can understand what
we're looking at. This is very familiar if you've
used Photoshop and you've gone through the
Export As or Save As. You would see the interface
we're on the right, you can adjust the settings
for the quality of the image, the type of image, whether it's a PNG GIF file, you can change the
image size if you want. There's a lot of
things you can adjust. The difference
with art boards is normally you would only see
one graphic on the left. But now we have the option of exporting all of these
together in one big batch. Little things to note,
the checkboxes here. Those needs to be checked in order for it to be part of the export
that you're doing. So there's a Select All, and that means everything
is highlighted, but I could turn everything
off if I want it. So nothing is highlighted. And the reason this
is valuable is, let's say I'm working on a whole batch of
graphics like this, and I make a change
to one of them. I've already exported
all of them previously, and I now have made a change
to this logo right here. And rather than having to
export them all over again, I just want to do this one. And that allows me now
if I do the export, it allows me to save just that file and
replace just that file. Or let's say I've created all of these previously and now
I've added five more. And I just want to export the file that I've
newly created. So I would scroll down
to where they are. I would select them, check them like this. Now I can export those
five individually. Something else
that's important to note is setting the
quality of these images. So let's pretend we are going to export
these guys right here. We have this one selected. What I might wanna do is change the way I export any
individual file. So currently I have this one. You can see it's
highlighted with gray. So I know I've clicked on it. I come over here. Now I can adjust the settings
for just this one here. That might mean, I don't
want to say this one, is it for some reason? I want this one to be a PNG. I'm going to change
this one to PNG. If I click on this one
down here, below it, you notice the
setting still says that this one is a JPEG, and this one is still a JPEG, but this one, I've changed it. I've changed it to a PNG. So you can individually select any file and change the
settings for that one file. This to cool logo
that I've done. Let's say I want to
change the size on that. We're gonna make it
400 pixels wide. So again, the other ones there, the full 800 pixels wide, this 1400 pixels wide. That's a really handy
thing that allows me to customize my exports
in a particular way. So what you might want to
do is select more than one. So if I hit my shift key
and click down to here. Very typical of
computer function is when you hold the Shift key, it'll select everything from in-between here and
here where I click, I'm holding my shift key, I'm clicking this
logo down here. That means it's going to select everything from here to there. Now, if I go and I
adjust the settings, it's going to affect
all of these. You can also do is so we
have these ones adjusted. If I hold my Control key. I can additionally select
random ones in here. And then I would have to go
and adjust the settings so that all of these would be affected by whatever
adjustments I made.
7. Exporting Artboards (Part 2): Scaling: So another thing that
you could do that's really handy and really cool, is do a mass size
adjustment to everything, but not just one set,
but multiple sets. To do that, if you
look at the top-left, there's a thing called scale. That means we are going
to affect everything. And we're going to export a whole set according to
some size parameters. The size right here says one x. And so what that means
is one x is 100%. It is the 100% scale of what
is your Canvas currently. We have them set at 800 by 800. So that means if this
is set to one x, that means the export that happens is going to
be 100% to scale. What happens if
we want to adjust that and have multiple sizes? So in order to create
multiple sizes in export is we can hit this
plus sign right here. And it's going to create
a second option here. And this one, we can choose the size that
it's exporting yet, but this is a 0.5. So that means it's going
to be saved at 50%. When I export my files, the file name is
going to have an at 0.5 x that's going to indicate that that
file was saved at 50%. If I add another one,
this one is a 0.75 x. So again, it automatically
traits the suffix 0.75 x. Very handy. You can create a whole bunch. Now what's going to
happen when I hit the Export button down here? It's going to save all of
these at the same time. So I can have a
file set at a 100%, I can have a file set at 50%, a file set at 75% and so on. This can be very handy for, this can be very handy, especially for something say
like a logo where you're, where you need to have a
file set at multiple sizes. You want to have big logos, small logos, high-resolution,
low-resolution. This allows you to
save a whole bunch of versions of this just by
making this adjustment. So that means you
don't have to make the adjustments on your
art boards themselves, but you can make one. And then you can come into
here knowing that you can export at multiple sizes. Again, productivity,
efficiency, really handy.
8. File Naming & Conclusion: So the last thing
I'm going to show you here is when you're exporting the way that the files are named
at our export it. So we're back at one of the
original documents that we started when we were
beginning this lesson. What we're going to
do is take a look at how the files are
named when you export. So keep in mind, the art boards are
named Art board one, art board, one copy, artboard one, copy two. Those are the default names
when I was beginning to do cloning of the art boards, I'll trade another
one and we'll see art board one copy three. Those are all default names. Now if I go to export, my files, go to Export, export. As you noticed, my list of files that
are gonna be exported, art board one, artboard, one copy artboard, one copy
to art board one copy three. Those are terrible file names
because when I hit export, those are going to be
the names of the files. So to make things properly
named, we exit out. We go to our layer panel and we look at the names of
the art boards themselves. So art board one, let's say we're going to
call it that art board. We have art board one. We want to make this not a copy. So let's change it to art board, to this one now becomes
art board three. This one now becomes art board. For obviously if you're designing something
very specific, you probably are going to
need better names and deaths. But this will be a great example of what we're trying to explain. So we'll go to Export
As because I changed the names of the art
boards on the layer panel, it now is reflected as
the filenames right here. And that is how you have
everything organized nicely. So your exports come out nicely. And once I hit Export, I would find the folder
where I saved them to. You'll be able to choose where
are you want them to save. You navigate to that. We'll just see a beautiful list. All the files that you exported, everything organized, named
beautifully size correctly. This is just a
very powerful tool for being very organized, being very efficient
with your artwork. As we saw in the
examples that I showed, you can produce sets of graphics very
quickly, very easily. I love it myself. The one thing that I
will warn you about is that the file sizes
can get very large. If you have a file where
you have 50 graphics, they're all fairly large size. They have layers within them. The file size of that document
and might be very huge. As you're adding Artboards, you're also requiring a lot more from the system to be
able to have it open in Photoshop tricks to make your life more
productive, more efficient. I hope this is
helpful in some way to you and whatever it
is that you're creating. If you are a Photoshop user, I think art boards or something that you
should know about. Thanks for watching. I appreciate it.
9. Project: Create 3 Social Graphics: So the last thing we're
gonna do is take you through a little project
beginning to end. We're going to create three
social media graphics using artboards. We're going to
create an Instagram, Facebook and LinkedIn graphic. Same graphic, just
in three sizes. And then we're going to
export and save just to make sure that you follow along. You can do all the
steps that I'm doing, but you can make your
own graphic to do the project with me are going to need some kind of a background, whether it's an image or an
idea of the background color. And you'll also need some
kind of headline texts, some sort of content to go
inside each of the graphics. So let's now jump into
Photoshop and I'll take you through the whole
process beginning to end. Right here we are in Photoshop and what we need
to do is start off by setting one of
the graphic sizes. That'll be like the
base beginning. What we'll often do
is I'll start by creating the biggest
of the graphics, whatever the ratio or
dimension of that graphic is, you want to make
sure that if you're using a photo or some kind of background graphic that
it comfortably shrinks. We know that if you take
a small image and try to stretch it to fit a bigger
area, you lose resolution. So that's why I like to
start big and work small. It's a little bit here or there, what you might
consider to be the biggest because by area, maybe the Instagram,
it's a square image at, I think it's 1080 by 1080. Now it might seem like
the biggest area, but the biggest span is
the Facebook graphic. And I'm creating a
landscape version of that, so it'll be 1200 pixels wide. But because that's
the longest edge, I'm going to consider
that my biggest graphic. So I'm going to create a 1200. I'm going to change
the DPI is 72. We're going to create the
width of the image as 1200. We're going to make
the height set 630. And that's the standard
landscape size for Facebook. And what I have to
make sure is to click the art board
button right here. We have that selected. And let's hit Create.
And there you go. Here's the size
that I want and I'm going to start off by
properly naming this layer. I go into my palette
here, my layer palette. It says Art board
one as the title. You can see the title and in the top-left corner, I'm
going to change that. And I'm going to just
call it James dash. Facebook. There you go. There's
the Facebook graphic already in art board forum. Now I'm going to create
this one completely. Before I create all
my other art boards. I'm going to create
this entire graphic. So I have a background
selected already. I'm going to go into Photoshop, flip over to that graphic. This is a background that I use in a lot of my own things. But find something
that works for you, just some kind of a texture. You can go with the
straight color. As this is just, if you're not really intending to
use these graphics, that really doesn't matter. You can, you can go all
the way and find a great graphic and make these all
usable for your social media. Or you could just
do a kind of a, a test and come up with some
sort of graphic or color. So I'm going to paste my
background into here. So I'm selected on my art
board and when I paste, It's going to o. You can see when I pasted, it went outside of the art
board. So you can do that. You can actually paste
outside the art board. It doesn't belong to anything. And I want that to go inside. So watch what happens
when I go inside. It should crop
everything to that size. Yeah. So anything you'll
see anything that goes inside of the artboard. It considers it a crop. It's going to size
everything within that as a, as a design space
or a design area. I'm going to re-size this
graphic so that it fits. And we'll make it
just like that. I like to label everything and
group everything properly. So my background graphic, I'm going to group it,
I'm going to call it BG. I tend to do that with
all my backgrounds. So BG is my background. And I'll close that. I'll create a new layer. And now this is
gonna be my content. And I'm just going to put it in a group right away
because I like all my content to
be inside of here. So we'll call this content. Now if I have any graphics, any kind of images that I want
to be as use this content. So whether it's a logo, whether it's another
photo, anything like that. Maybe I'm making a product. I can add my
product, go in here. That's just the way I
like to organize things. I'm going to just put
some texts right off. And so I have some
texts prepared. You can go and find some
texts and come back. My texts will be as follows. It says wants to become
a better designer, then come become
a better writer. And this is a blog that
will appear on my website. So I'm making a promotional
graphic for that. Let's, whoops,
that's way too big. And I am going to
pick a font that I use on my website is Poppins. So let's size this down even
more so it fits better. I'll pick a color for this. Pink is a color I use a lot. And lastly, I'm going to create a line along the side here. Alright, that's my graphic
that I'm creating for this, I'd like to have very
simple, clean typography. Nothing really fancy. One more little change to this. Alright. Want to become
a better designer, then become a better writer. You see, when I have
it in a content layer, that means I can move things. I can move the whole chunk
of content around together. And that'll come in handy
later when I'm having to resize this graphic
to something different. All right, everything centered,
everything looks good. Now we want to create
the next art board, which is going to be
my Instagram layer. That's gonna be a
1080 by 1080 graphic, I believe, 1080 by 1080. So now what I would do is I
would clone this art board so that I don't have to recreate everything
that's inside of it. And to do that, I have
my art board selected. I'm going to go to
the left toolbar. I'm going to select
my art board icon and now have these because the layer is selected or
the artboard is selected. I have this icon selected, which is my art board tool. Now I'm going to come to one
of the pluses and I'm going to create my new art
board right beside it. I'm going to hold down Alt key. Might be different on a Mac, I realize now I have
a clone of this. And what we're gonna do is
rename the art board and call it James Instagram. So now we need to re-size this art board to the
Instagram dimensions. And to do that, I'm selecting the art board that
I've just renamed. I'm now going up to the icon on the left again, we're
selecting that. It brings up that
art board set up. And you noticed along the top, the dimensions are now
displayed right here. It's 1200 by 630, which is correct for Facebook. And now we're going
to change it to 1080 width, 1080 height. There you see it resized
everything appropriately. Now I might have a problem
with the background and see this is where you might need to play around a little bit, but, oops, I need to click
on the right artboard here. We have our background now, right here, and now I
can move this around. Now you see it is too small. So you might need
to copy and paste another version of that
background graphic in here. If it's going to crop
or be clipped like, like it is, my graphic
is currently too small, so I'm gonna go back here. I'm going to do another
copy and paste. Going to drag it around. Here we go. We have our content. Now, I'm going to move
the content layer around just to make sure it's
positioned the way I want. And now you see it
doesn't fit perfectly. The text is maybe too small. I have a lot more
space to play with, so let's play with the
layout a little bit. This is quick, this
is just quick stuff. It might not look perfect to
what I want and that's fine. Okay, Now we're going
to repeat the process. Because this Instagram
is now stretched a lot more than what the LinkedIn
and LinkedIn is very, very similar to the Facebook. In fact, you probably
could get away with just leaving the Facebook
exactly like it is. But in this case, let's, let's create a new one
properly sized for LinkedIn. And I think the difference
is only a few pixels. So the facebook graphic is
landscape is 1200 by 630, LinkedIn is 1200 by 627. So that makes it much easier. And this is another way of copying the art board is to
select the one that you want. You want the Facebook. And now I'm going to
hover over it with my cursor or with my mouse. I'm going to hold
down the Alt key. You see the arrows change. I'm going to drag this down. There you go. I made another copy
using a different way. And we're going to
call this LinkedIn. Now because the
size is so similar, It's gonna be a quick
change and that's a nice thing for us. And so I have the
LinkedIn one selected. Click on the icon that brings
up my tools for dimension. We need to make it just
a little bit smaller. So it's going to be 627, that's going to shrink
it just by a few pixels. And it's done. So quick change. Now we have a LinkedIn,
Facebook, and Instagram. And what we're gonna
do is do an export. Let's go into File Export, Export As shows our options
right here on the left, we want to make sure they're all selected with the checkbox. So we have the Select
All right here. We don't have to change any
of the sizing or anything. Everything is correct according to the way we designed it. I can quickly flip through
them to take a look, make sure it all looks right. And we'll go over
to the right here. File Settings. We
want it to be a JPEG. I'm going to increase
to full quality. And there's nothing else I
need to adjust for settings. Now we're going to hit Export. I have a folder already
selected on my computer. So long as you have
your folder selected, you just navigate to the
folder you wanted to save it. You can create a
new folder as well. So I'm inside, I'm going
to select the folder. And it does an export. So now I'm going to find it on my computer and I'm going
to bring it over here and you can see all three
graphics that I export it in my file folder. Let's make them a little bigger. You can see that perfectly
designed the way I wanted. Size correctly export it. Now, imagine you had
to do 50 of these. This is a fantastic way of just spitting out a whole bunch
of graphics all at once. If you've created
your own set of social media graphics
by all means, share them in the project
so we can see what you did. And I hope this is
helpful for speeding up your whole process of
creating thumbnails, social media graphics,
whatever you might need them. Thanks for following along. I hope to see you in
another tutorial.
James Rozak, Design, Art, Illustration & Coffee
