Transcripts
1. Introduction: Welcome to this class where
you will learn how to create your own digital paper
pack with Adobe Photoshop. Hello. My name is Tricia Lisch, and I am a surface pattern
designer and digital creator. I love using Photoshop
to create patterns. In this course, I am
going to share with you my creation process when
it comes to creating digital paper packs
in Adobe Photoshop. We'll dive deep into three
essential photoshop tools, including artboards, smart objects, and
photoshop actions. Within this course, you will create a template
document that you can use over and over again to create your own
digital paper packs. Included in this course is a bonus photoshop
pattern set that you can use to get started creating
your own digital paper packs. By the end of this course, you will be able to
use the knowledge gained in this class to create your own digital
paper packs that you can use for personal
use or go on to sell. Thanks for joining
me in this class. Let's go ahead and
get started creating your own digital paper packs
using Adobe Photoshop.
2. Create a Pattern: In this video, we are
going to look at how to design a pattern from
scratch in Adobe Photoshop. To start off with,
let's go ahead and create a new file here. When designing
patterns in photoshop, I like to use a
large canvas size. That way you have more flexibility of where
you can use your design. Photoshop is a aster program, which means you
create a pixel image. With a pixel image, you can easily scale it down, but when you scale
a pixeled image up, you can start to lose quality. It's better to start
with a larger document. When designing your
patterns, typically, I like to use the dimensions
of 7,200 pixels by 7,200 pixels with a resolution
of 300 pixels per inch. Color mode is RGB color. I like to work with a
transparent background. But if you prefer with
a white background, you could always
select white here. Let's go ahead and
create our document. The first thing that you want
to do is you want to make sure your patterns
panel is open. Currently, I have my
patterns panel right here. To access it, you'll
want to go to Window, selecting patterns
here, and it will open up your patterns panel. To start off with, I'm going
to go ahead and Zoom out, command or control
with the minus key. Then let's go ahead and
create a basic circle. I'm going to click here
for my shape tools, and here I'm going to
select the Ellipse tool. Then I'm just going to
draw out a circle here. I'm going to hold
the shift key just to keep it a perfect circle, and then I'm just going to let
go and we have our circle. Then just using the Move tool, I can reposition
it on my Canvas. One of the cool features about Photoshop is the
pattern preview tool. We are going to go to view
selecting pattern preview. Then I'm going to zoom out here some more commander
control at the minus key, and we can see a live
preview of our circle here. If we move it around, it will move around as well. Let's go ahead and create
a simple Poka dot pattern. I'm going to duplicate
this circle. Let's just go to
the layers panel, right click Duplicate layer. You could always give
it a name if you want. Let's go ahead and move
it and bring it to the corner of our square here. As you can see, we have a
live preview of our pattern, and we can see how our Poka
dot pattern is turning out. To save a pattern within
Photoshop, there are two ways. You can go to edit
to find pattern. Here you can give your name, let's call it Poco Dot one.
And then we'll click on. And then here in
the Patterns panel, what you can see is our newly created pattern swatch here. Another way to save a pattern
is from the Patterns panel. You can just click
on this plus icon. It will give you that
same dialogue box where you can name your pattern. We'll just call it Poka
Dot two, clicking on k. And then we can see that it has showed up in our patterns panel. One thing you'll notice with
this pattern preview tool is that when you go
ahead and turn it off, we'll go back to view
pattern preview, that those repeated
instances will disappear of your object. Let's go ahead and turn off the visibility of those layers. Then from the
patterns panel here, we have our pattern swatch. If you want to use your pattern, you can just click
on the pattern from the patterns panel, and it will bring up this
pattern fill adjustment layer. Another way to create this
adjustment layer is by going to the layers panel and you see this half circle icon, and you can always select
patterns from here. It will bring up a pattern to the layer where you
can hit the drop down menu here and you
can select your pattern. You also have the option to change the scale
of your pattern. If we scale this down to 25%, let's go ahead and actually turn off the visibility
of our original one. We have our pattern
fill layer here. If you ever want to get
into that dialog box, just go ahead and double click
and it will bring up that pattern fill dialogue
box here where again, we change our scale. What's cool is
when this is open, you can always change the
positioning of it so we can move it around
our canvas here. I say we don't want the
dots in the corner, but more on the tops inside. You could reorient
your pattern here. If you just want to get
back to the original, just click on Snap to origin, and it will realign to
its original placement. We'll go ahead and click on O K. Let's go ahead
and zoom in here. Command tro at the plus key. If you want to
recolor your pattern, I like to use a solid color adjustment
layer to access it. You'll go to that
half circle icon and just select
solid color here. We'll go ahead and
just pick a color. Let's try a blue, clicking on k. Then let's go ahead and duplicate
this color filler, Command or Control J. For this one, let's
turn this white. Let's just double
click into the color. I'm going to go FF
just to get our white. Then let's drag that
below our pattern layer. Then with this top
color fill layer, we are going to create
a clipping mask. So go ahead and right click,
create clipping mask, and then your
pattern will take on the color of that color layer. This is an easy way. Now
with our colorfull layer, we can test out different
colors of our pattern. You can even change
the background color. For your patterns.
With these layers, let's just go ahead
and group them, shift click, and then
I'm going to group it. The keyboard shortcut for
that is command or Control G. Then we'll turn off the
visibility of that layer. Then let's just create one
more pattern together. Let's go ahead and create
a simple strike pattern. Here in the shape tool, I'm still using my
rectangle tool. I'm just going to
click on my Canvas. I know that my Canvas
width is 7,200 pixels, go ahead and set the width. Then I'm going to do
half the height of that. Let's go 3,600
pixels. Clicking on. Here at the top,
looking at my fill, I'm just going to change
my color to black here. Then let's use the align tools
to align it to our Canvas. If your line options
are grade out. You want to make sure a
line two is on Canvas, and then you can just hit to center both vertically
and horizontally here. If we look at our pattern
preview tool again, we'll go view pattern preview. Go ahead and zoom out Commander
control the minus key. We can see the repeating
of our striped pattern. Again, to save this, let's
just click on this plus icon. Then we can go Stripes one
as a name clicking on. Then we can see our pattern
here in our patterns panel. We'll go ahead and turn off our view view pattern preview. Let's just test
that pattern again. We'll Zoom in commander
control with the plus icon. Then we'll select
our pattern here. Again, we can scale
it, double click here. Let's go down to maybe 10%. We have some small stripes. Then again, you can easily play with the color. Let's
change this one. Let's go ahead and change
this one to white. I'm just going to double
click FFF to get white. One thing that's
cool when recoloring is with this pattern filllaer. If you turn this
opacity down to 50%, you can create this
two tone color effect. If I just change
this color here, it will automatically adjust that secondary color because I change the opacity of
that pattern filler. That's just a little
tip to share with you if you want to recolor
your patterns this way. It makes it really
easy to get that to tone effect with your colors. In this video, I just
wanted to show you how easy it is to create a repeating pattern in Photoshop using that
pattern preview tool. In the next video,
we are going to look at how to use artboards to set up a template
that you can use to help create your
digital paper packs.
3. Bonus Download: Before we get started designing, I want to show you how to import the patterns that
are included as a bonus with this class. Within this course,
you'll want to click on the Projects and
Resources tab and then go to the Downloaded
Resources and you can download what's
included with this class. As a bonus, I am giving you my 50 essential
photoshop pattern set that can be used within this process of making your
own digital paper packs. Once inside a photoshop, you want to make sure your
patterns panel is open. Again, that can be open from window selecting patterns here. In the right corner of
the Patterns panel, click here and you'll
want to import patterns. From the downloaded resources, you are looking for
a dot PAT file. This one is called
Essential Patterns, with Lemon paper
lab from my brand. And then we'll just
click on Open. And then what you'll
notice here is it has been loaded in two
M patterns panel. We'll just click to
open the folder here. And then what we'll
see is we have a one color patterns and
a few two color patterns. If we open our one
color patterns here, we have some various
patterns that you can use like stripes and stars, and a little bit of a plaid. Just some common
patterns that can be used when you're creating
your digital paper packs. And then there's also a
few two color patterns, two color poka dots, two color stripes that are also included
here with this set. So I just wanted to walk
you through how you can import that in to photoshop.
4. Digital Paper Template: In this video, we are
going to work on creating a template document to create
your digital paper packs. Within this lesson,
you'll learn how to use Photoshop artboards and smart objects to help
create this template. Let's go ahead and
create a new document. We'll go File New. For this, I'm going to use
the size of digital paper. We'll go 3,600 pixels
by 3,600 pixels. Then here you want to
make sure artboards is selected because we are going to be using multiple artboards. I'm going to set my resolution
to 300 pixels per inch, which is the industry standard when creating
digital paper packs, color mode is RGB color, and then I'm going to leave
my background content set to transparent
clicking on Create. So now we are working
with an artboard. You'll notice a few differences
in the layers panel is you have a new kind of
layer titled an artboard. You can hit that arrow if you want to display the
contents in it or not. So, let's just go ahead
and rename this layer. I'm just going to go one
pattern for my layer here. And then within it, you can
put your design layers. So let's start by creating
our first digital paper. So I want to create a square
the size of our document. I'm going to right
click here, make sure we're using our rectangle tool. Just clicking on
the Canvas here, I'm going to create 3,600
pixels by 3,600 pixels, the size of our Canvas, clicking on k. And then let's go ahead and center
that on our Canvas, using our align tools. And here we notice that
they are great out. Again, Align two, just make
sure Canvas is selected, and we can center it both vertically and
horizontally here. This is going to
be a color layer. I'm just going to
double click into my layers panel and just
call this Color one. Then I'm going to make
a duplicate of this. We'll right click
Duplicate layer, and then let's call
this one Color two. For this one, I'm just
going to double click, Let's select white FFF, and we have a color
one in Color two. Then I'm just going to make
one more duplicate of this. The keyboard shortcut for
that is Command or Control J. Then let's just rename this one. We are going to call
this Pattern one. Then with this layer, we are going to convert
this to a smart object. I'm just going to right click and then
scrolling down here, we see convert to Smart object. Now this pattern layer is a smart object and you can
tell a smart object by this little icon here in the
thumb nell of your layer. We'll double click into
that smart object. Currently, we just have
our rectangle layer. When creating a pattern layer. You always want to start
it off this way by just creating a simple square, saving it as a smart object, because you want
your smart object to have a defined dimension. When we use these pattern
adjustment layers, there is no defined
dimension to it. I can screw up your document if you don't
do it this way first. Now we can select our
pattern adjustment layer. And then let's go ahead
and find our pattern. Here is our poka tot layer, which is actually larger
than our canvas ice because we created it 7,200
pixels by 7,200 pixels. So we will need
to scale it down. Let's go ahead and try 20% here. Let's even go smaller than that. Let's try 10% to get our first pattern here. So
we'll go ahead and click on. And then just with
this square here, I'm just going to turn
off the visibility, so we have our
transparent pixels. And then let's go ahead and
save this smart object. The keyboard
shortcut for that is Commander Control S to save it. And then we can go
ahead and exit out Commander Control W to close. And so let's give
our pattern a color. So let's actually bring our
white color layer to the top. We'll use that to create
our clipping mask. So right click create
clipping mask, and we have our
color pattern here. We have our first
digital paper created. Before we move on, I'm just
going to create a new layer, and I'm just going to create one more square while we're here. We'll do our 3,600
pixels by 3,600 pixels, clicking on k. And
then we'll just center that to our
document here. To get it in the center. And then I'm just going to
pick black for the color. And then we'll just
drag it to the bottom here because we'll
use that again later. So we have our artboard. I'm going to click on
the artboard layer here. And then let's go ahead
and zoom out here. Command or Control
with the minus key. I'm going to go a little
bit smaller here. And then I want to introduce
you to the artboard tool. Here in the tools, if you right click, you can see our artboard tool. It's nested under the Move tool, so we can select our
artboard tool here. And when you do that,
these little plus icons appear where you can
create a new artboard. If I click on this plus icon, we can see that it has
created a second artboard. We see that it is in
our layers panel here. In this case, we want our
artboard to be the same size. But if you ever wanted
to resize your artboard, you'll want to bring up
the properties panel. You go to Window and just
select properties here. Then here you can change the width and height
of your artboard. Say we wanted to
make it smaller. We go 1,800 pixels here. We can see that it
has been adjusted. We'll just bring that
back up to 3,600 pixels. But that is where you can easily change the size of your artboard within
that properties panel. Let's go ahead and
delete that artboard. We're back to our
original artboard here. In this case, I actually want
to duplicate that artboard. Before duplicating it, I am going to change this layer here. Instead of calling it color two, I'm just going to make
this a white layer, and then I am going to right click and convert
it to a smart object. Converting this
to a smart object will allow us to
make a change to it if we need to down the road after we've made
duplicates of it. And then one more change
we can make here. Currently, I just have this as a generic name one pattern. But when you're creating a
paper pack for yourself, you would want to brand it. In this case, for my brand, it would be lemon paper lab, and I would just add
my branding to it. That way when we
go to save it out, your digital papers
will be branded. And then for this killer layer, we're just going to leave
it as a shape layer because each different
artboard will have a different color for
our digital paper. And then again, this
rectangle layer is just a reference
layer just to carry along with us in our
artboards in case we ever need a quick
rectangle to use. So right click, make sure we're still have our
artboard tool selected. To duplicate this artboard, one way is you can right click to select duplicate
artboard here. Or you can use the
keyboard shortcut. Just option click for MAC Users, that would be Alt click. And then you can
just hold those keys down and drag it to the side. And you have your
second artboard. What you'll notice is
when you're going to the right that the ordered
layer of your ar boards, it will always come here on top. Unfortunately, I like to go left to right and
then down to bottom. I always have to do a
little bit of rearranging in my layers panel if I want
it to look a certain way. We've got our first
arboard here, first arboards at the
top, our second artboard. Let's go ahead and just
double click and rename this. This case I would go to Lemon
paper lab for my brand. Then let's go ahead and
pick a second color. I'm just going to
rename this color two. For this color two, let's
change out our colors. I'm going to actually
change color one, and let's just
make this one red. Color two will be a orange, and we'll just make a
rainbow color pack here. Select that artboard tool again, and then we'll make sure
our artboard is selected. So let's go ahead and create
some more artboards here. I'm going to go ahead and
Option click for Mac. That would be Alt click for PC, and then just create
another copy. Then you'll see the
guides there give you some information just so
you can keep it organized. Then here we can go change
the name of it. Two, three. We can pick a new color here. Let's go with yellow. Let's go different yellow. Then I can rearrange
within my layers panel. I want you to go
through this process for however many are
boards that you want. For me, I'm going to create a ten page
digital paper pack, but if you would
like a larger one, you can do that as well. Just continue to follow
these steps until you have ten different layers
for your digital paper. So just doing a little
bit of cleanup. I'm just going to close
all my artboards here. We can see all our
numbers are in order. Our little document here
is nights and organized, and then I'm just
going to zoom out commander control
with the minus key. And we have our ten
different artboards, ten different colors,
the same pattern. So we have the start of our
template document set up. In the next video, I'm
going to show you how you can save out your
digital papers.
5. Export Digital Paper: In this lesson, we
are going to look at saving out your
digital paper. We have our colors chosen. We have our pattern chosen. The next step is to actually
save your digital paper. We are going to go to file. You want to go to export
artboards to files. Here, you want to select your destination of where
you want to save it. So I just named Folder
Pogo Dot Rainbow and just clicked on pen. And then here is the
file name prefix. This will come before
our artboard here. So We'll go ahead
and type in rainbow, and then it will populate here. And then you want to make sure artboard content
only is selected. If you just click on this
Export Options here, you want to make
sure that include Artboard name is not selected. And then from there, you
just can click on Run. And then a photoshop will go through its little process here, saving out your digital paper. Once photoshop has finished
doing it, it's magic, you'll see that it says parts files was successful.
You just click on. Then let's just go ahead and see what our papers look
like in our folder. So I've got my Poka dot
rainbow here pulled up, and I can see that it automatically saved
out my ten files. If I look at this file here, we can see that my
resolution is preserved at the 300 pixels by 300. We've got our dimensions here, and we have our digital
paper saved out. Then we can just see the
different colors that we have. Then they each have
been saved out as their own digital paper here. We have saved out our
digital paper here. Let's jump back
into our template. We're going to jump back in
to our pattern smart object. This is what's nice
about creating a template like this
using smart objects. If we double click into
this Smart object, let's go ahead and test
our other pattern. We made our stripes,
we click in. Let's just scale it down a
little bit smaller here. We have 5%. Then
let's save this. Commander Control S to save it. And then if we jump
into our template, we can see that it has already been updating the smart objects, and now we have a stripe
pattern set that we could save with the same colors. So we'd go through that
same process, file, poor arboards to files,
set your destination. Now I have a folder for
stripes, clicking on pen. We can add our name
stripes, rainbow stripes. We have our same settings here. Selected board content only.
We'll click to run it. And now you can save
out a different pattern in the colors that
you have chosen. And now we have saved out a different paper pack
set in the colors, but with a new pattern. And then we can
just click on here. So I pull up that folder. Again, we have our
stripe patterns here as a digital paper pack. In the next lesson, we
are going to look at creating our listing image
for our digital paper pack. So be sure to join me
in the next video.
6. Create Listing Image: In this lesson, we are
going to look at creating a listing image for our
digital paper pack. For our pattern, I'm going to go back to our Pogo dot pattern. We'll bring it back up to
10% for what it was before, so we'll go ahead and save that, and we have our pattern here. Before we get into actually designing our listing
image document, we are going to create an action to help us
save our patterns. I'm going to have you
open your actions panel. If you currently
have actions open, but if you do not see yours, go to Window and
select actions here. So what I want you
to do is we're going to make sure
nothing is selected here. And the action that
we're creating is very name dependent. So you want to make sure that you're consistent with how
you're naming your documents. And so any document
that is to our boards, they'll have the same kind of naming convention for myself. To create this action, we're going to start
with a new action set, which is just this
folder icon here. I'm just going to name this pattern then I'm just going to put
my brand name just to remind me that these actions are dependent upon the ar name. We'll go ahead and click
on. Then I'm going to go ahead and click to
create a new action. And now you'll need to
give it an action name. I have ten artboards. I'm just going to go save ten, and then I'm just
going to go LPL for Lemon Paper lab just to indicate that it is branding specific. Then we see that it's within
our pattern set here. We'll go ahead and
click on record. Currently nothing is selected. I do need to select
my first artboard, and it will be recorded as such. And we can see that
we have select layer. It has a specific name. Then what we are going
to do is we are going to save this board as a pattern. In order to do that,
I'm going to go to this menu here for
my actions panel, and then I need to click on Insert menu item because we are dealing with an
item here in the top, we're going to go to edit. Define pattern. And then we'll see that this menu
item is being recorded, Edit define pattern, and
then we'll click on. And what you'll notice is
nothing really happens, but we do see that this
define pattern is recorded. We're going to do that same
step for each of our layers. I'm going to click on
my second artboard. I'm going to click
to Insert menu item. We'll go to Edit
to Fine pattern. And then we will
continue down the line. It define pattern. This is just a step
that you have to do once for whatever
template you create. It's a bit tedious the
first time you do it. But this is an action
that you'll be able to use over again. Again, we go to edit
define Pattern, clicking on Insert menu item, Edit define pattern,
and we will continue down the line Insert menu
item, Edit define pattern. Insert menu item,
Edit, define pattern. Few more to go here. Select our eight layer,
Insert menu item, Edit Define Pattern. Clicking on nine. Insert menu item,
Edit define pattern, and then one more to go, clicking on Layer ten. Insert menu item, Edit Define Pattern,
and then clicking on. And now everything's
been recorded, and we'll go ahead and hit Stop. So we have all our
recorded actions here. And we have our
save ten patterns. So let's go ahead and test it. So if I hit play
for this action. So what we'll see here in our patterns panel
is now we have a pattern saved for each
of our different papers. And this will just help us as we create our listing image. So let's go ahead and
create a new document, so we'll go to File New. When you go to create this
listing image document, you may want to do some
research on the platform. If you are choosing to sell
your own digital paper, the platform that you
want to sell it through and what size of a listing
image that they want. For this example,
I'm just going to create a square image. So we'll just go 2000 by 2000. But I know different
platforms require different dimensions for
their listing imaging. So just be aware of what size
that you need to create it. This case for resolution, we can bump it down
to 72 pixels per inch because these
images are being created for the web
and so they do not need to have the full
300 pixels per inch. I'm going to go ahead and
click on Create here. We have the start
of our document. Let's go ahead and
use some guides to help with our layouts. I'm going to go to view
guide New Guide layout. I want five columns
and two rows that way, we have five on the top,
five on the bottom for our ten digital papers.
We'll go and click on. I'm going to use the
rectangle Marquee tool here. I'm just going to draw
out a section here. Then I'm just going
to fill it with my foreground color here. We'll go to edit. Fill. We can select
our foreground here, and then just to deselect that selection command or
Control D to deselect there. Then you can always rename it. We'll just go one paper And then we'll go ahead
and duplicate this. We'll go command or
Control J to duplicate it. Using the move tool, we'll go ahead and
move it to the side. We'll make sure we're organized
here in our layers panel. Then you'll just want to
continue to duplicate it until we have it positioned in
each of the different areas. So I'll just duplicate this
again, commander Control J. And then I'll make
sure of my layers. We have two paper. This one is three paper. Then another way to duplicate is by holding down the
option and click for Mac. That would be Alt click for PC, and you can just
drag it to the side. Drag it below here. F paper, and then we'll do
it again for our five paper. Then we can select all
of these layers here. Then holding that option click
for Mac A to click for PC. We can drag it down
to the bottom. And then we'll want
to reposition this in our layers panel,
so it's to the bottom. Sometimes I have an issue
getting it on the bottom. So sometimes I'll select
the other ones here. It's always easier to get it to the top than it is to
get to the very bottom, just to reorganize it that way. And then let's go ahead
and name this one. Let's go six paper. And so I don't
have to retype it. I'm just going to
select that there. So I'm going to just select
that part of my title, and I'm just going to
copy it commander Control C. Then we'll type in seven and then we'll go command
control V just so it goes there and then
eight command Catro V, nine command control V, and then ten
commander Control V. Now we have all our layers
named appropriately. So the next step is to add
our patterns to these layers. I'm just click on the
top one at a plus icon. And then let's
create a rectangle. I'm going to get my
rectangle tool here. I'm just going to
click on the Canvas. Ringo 2000 pixels
by 2000 pixels, which is the size of our Canvas. Clicking on k. Let's make
sure it is aligned to our Cvas here and we'll align it both vertically
and horizontally. And then I'm going
to rename this one. We are going to go
pattern one here. And then you'll need to
duplicate this nine more time, so we have it for each of
our different patterns. So I'm just going to use
the keyboard shortcut, commander Control J,
and then I will go back and relam them. So we have one, so we need
to duplicate it nine times, so Commander Control J. And then just hit you to hit those keys until you
have ten totals. We have five, six, seven, eight, nine, and ten. So I've got ten copies of this. And if we want to
see a little bit more of what's going on
here, we can go there. Right now, it's just
a black screen. But once we actually add in our patterns, it
will make sense. For this pattern
one, I'm going to position it over one paper, and I am going to
make a clipping mask. The keyboard shortcut
for that is if you hover between the two layers and
hit Option click for MEC, that will be A to click for PC. You can quickly create
your clipping mask. Let's grab this one here. We're going to bring
it above two paper. I'm just going to
call it pattern two, and we can do the same thing
we did before. Let's just Highlight that area and copy
it Commander Control C, that way, we don't have
to keep typing it. We'll hit that clip,
M that clipping mask. Option click for Mac. Alt click for PC. Then let's continue to do that
here. We'll click on this. I'm going to paste it
Commander Control V, and then we'll just
add the number three. We'll make that clipping
mask Option click. At click for PC. Then we'll continue to do that. I will paste commander control. We will enter the number four. We'll make our
clipping mask option click for Mac to click for PC. I want you to continue to
do that until everything until every paper layer has
a pattern layer attached. Now I've gone through the
process and we have each of them where they're supposed to be within the layers panel. I know the setup part can
be a little bit tedious. But once you've created it, it's a template for you that you can use
over and over again. And so now let's
click on our pattern one layer for our
square shape here. And then what we need to do
is we need to convert this to a smart object. We
have our pattern one. We'll go ahead and double
click inside of it. I'm going to turn off the
visibility of that square. Again, that was a
placeholder for us because we're going to be
using a pattern filler. I'm going to click on
our first color here. What we'll want to do is
we'll want to scale it down. Let's go ahead and
scale it down. Let's try 25% and see
how we like that size. We'll go ahead and save it
commando Control S to save it. Then we'll close that one
out, Comando Control W, and we can see our
pattern take shape. We'll do the same
thing with this one, right click, Convert
to Smart Object. We'll double click inside. We'll turn off that layer, and then we'll bring
up our next one. We'll need to double click
in here and select 25%. Clicking on Commander
Control S to save it, Commander Control W to close it. Then now we can start
adding our patterns. We'll go one more
time. We'll right click Convert to Smart Object. Double click into
your Smart object. You can turn off the
visibility there, and then just add your
next pattern layer. Here we scale it down to 25%, and then we'll save that
Commander Catrol S to save it, and then Commander
Catrol W to close it. Now I want you to continue with this process and
do the same thing for the rest of your
different pattern colors. So now I have completed
that process. So now we've added
the pattern layer to each of the different places. Let's jump to the top here, and then let's continue
with our listing here. I'm just going to use
the Marquee tool. Just going to drag
out a section here. I'm going to fill it with
my background color. Again, you can go to edit fill. In this case, we'll
select background color, clicking on k, and we can
see that it is filled in. I'm going to deselect
those pixels. Command or Control D. And
then using that move tool, we can make sure we're
aligned to the center here. We can go ahead and get
rid of those guides. View guide clear guides. Here you can add a
text layer. Let's go. Selecting a font.
I'm just going to pick a basic font here. See so we'll go ten We'll
go ten digital papers. Let's make sure this
is big enough here. Then we'll add another textbox. We may get smaller. We'll go 300 TPI, we'll go 12 ", by 12 ". Using my move tool here. Then you could just create however you want your
listing to look. Maybe we will make this bigger. Making our text box bigger here, and then just
centering it how you want playing with your fonts. Then here you'd want
to add your logo and just design this listing
image however you want. In the next video,
we will continue to build out our listing
image template.
7. Listing Image (Continued): Looking at our listing image, there is one more
step that we can take to improve the overall
kind of visibility of it, and that is by adding
a drop shadow. So I'm going to a double click, and this will bring up the
layer style for that layer. And then we are going to look
down here at drop shadow. So go ahead and
click on that there. And we can play with the
overall settings here. If I change the angle
here a little bit and maybe we bring out
the opacity of this. We can see it start
to take shape, and you could always
play with how much of the angle you want
for this drop shadow. If you want a large opacity, you'll get a very more
rigid line there. If you want a little
bit more subtle, you can bring down
the opacity here. Then you can also play with
the overall distance and spread of how you
want it to look. Just know that you have
different settings that you can play with to change the overall look of
your drop shadow. Once you find the style that you like, you
can just click on. Here in the Layers panel, we see this effects symbol here, and you can bring it down or off and
you can even turn off the drop shadow,
bring it back on. For this, I'm going
to right click. We are going to copy
this layer style. And then I'm just
going to select all of these other layers here. And we are going to
paste the layer style. I'm even going to do it
to this white layer here. We'll just right click, scrolling all the
way down until you see paste layer style. And then it will be added
into those other areas. So now we've just given
a little bit more of a dimension to our
listing image here. Okay. Let's just go ahead
and take it another step. Let's create some
additional images here. So I'm just going to
minimize this artboard. Let's go ahead and bring
our artboard tool here. We'll click on the Artboard. And then let's just create
another layer here. Just going to drag
this one down below. We'll add a layer here. And then I'm just
going to fill it with my foreground color
is currently white, so I'm going to go
option delete for Mac, A to back space for PC. What we'll notice here is
we're getting this like this bounding box is taking on the whole shape of this area, and so that's not
necessarily what we want. I'm actually going to undo
that Commander Control Z. And so in this case, I'm going to create a
rectangle with a fixed size. We know that it's 2000 by 2000. That way, it's confined
to this artboard. We'll make sure we're
aligned to our canvas. Then what I'm noticing here is that it is behaving a little bit funky with what I'm
expecting it should do. So we are going to
so I'm going to try aligning it to maybe
the right side and see how that behaves. In that case, it
aligned us here. For some reason, the
align tools are not aligning it to the board
like I'm expecting, so we are going to use the free transform
tool commander Control T. Then in here, I'm going to enter
the values for this art board and see
if it will align it. Let's just go 1,000 for X, and we have 1,000 for y, and it has centered
it on our artboard. For some reason, depending on how things have been set up, it just the align tools just wasn't aligning
like they should. But when it comes to photoshop, there are more than one
way to do something, and so our free transform tool did get it to align
where we wanted it. Let's create a new layer here. I'm going to add some guides
view guide guide layout. Let's give it a margin. Then I just want two
columns and two rows. We'll move this to the side so we can see what's happening, and then let's add just a margin so we have area around it. Let's try. Let's try 200. See how that looks. Then let's give this a gutter
of let's try 100. That way, we can create some
squares here in the middle. We'll go ahead and click
on. Using my Marquee tool, I'm just going to
draw out that area. And then I'm going to
fill it with Black. I got to change my defaults back to defaults.
I'm going to hit D. We got black as my
four gram color, and I'm going to
fill that by using the keyboard trick
option delete for MAC. That would be Alt
Backspace for PC. Then we'll deselect those
pixels command control D there. Then we can just duplicate
this layer, command Control J. We'll use our move tool. And then we'll copy
those, Commander Control J and bring
it down here. Real some rearranging here
in my layers panel here, just to stay organized. Then we'll just call
this one pattern, two pattern, three
pattern and four pattern. Okay. Now that we're organized. Let's go ahead and bring over some of these smart
objects here. I'm going to have to select
the first four colors, one, two, three, four. I'm going to right
click. We're going to go on duplicate layers. Here we are going
to go to Artboard. I've named my first
artboard listing image and then we haven't named
our second artboard yet. We go ahead click on. Those have been duplicated over
into our artboard. And now we can just drag them above the various squares here, and then just add
that clipping mass. Again, we are going to have
it between the two layers. We're going to go
Option click for Mac, that would be Alt click for PC. And then we do that for
each of the layers. We'll just create
those clipping mass. Like before, we can
add our layer style. Right click copy layer style, add it to each of our squares, right click, and then
we'll paste our layertyle. We can get that
same effect there, and you can always change the intensity of how it
looks here because it's a little bit a little bit more intense on this than
it was on the other. I'll click back on
that drop shadow, bringing it down
here a little bit, probably taking my spread down. We're just playing with it. We'll try that and then
we'll copy this one right click Copy Layer Style, and then select the squares. And then right click
to Pace layer style. Just to get a slightly
more subtle effect on that for this one, that's against the
white background. Let's Let's just
rename this art board. We'll just go digital paper two. Let's minimize so we can
see what we're doing. Then let's get rid of those
guide guides, clear guides. Then we'll go ahead and
bring up the arbore tool. Clicking on it.
I'm going to hold down the option key for Mac, that would be Alt key for PC, and then I'm just going to
drag it to this corner here. We'll bring it down
in our layers panel. Let's remain this to the
digital paper three. We'll delete those patterns. We'll go ahead and right
click, delete layers. Then we'll go back here and grab our next four colors.
We'll start with five. Commander Control click
to select multiple, and then we will right
click Duplicate layers. Now we are looking
for digital paper three for our artboards. Then we'll go through
that same process. We'll add it to the
appropriate square. We'll go ahead and create
those clipping mass. Option click for Mac. I'll click for PC. To create our clipping mask. We have two more colors. I should have done my
math at the beginning. We'll just go ahead and to duplicate another one of
these Commander Control J. Bring this one to the top and
then we'll just center it. On our Canvas here, we'll
go commander Control T. We'll enter our
1,000 value there, so we're centered, and
then we can bring over another color duplicate
layer to digital Paper two. Then we'll make sure we are clipping mass
already clipped there, and then we can just duplicate
this one. Right click. Duplicate layer, we'll bring
it to digital paper three. Then we have one more color
that we can add right click. Duplicate layer.
Again, we're looking for our third artboard,
digital Paper three. And then it is already clipped because it
was the top layer. Now that we have this one, I may change my drop shadow a little bit because it
looks a little funky now. Maybe we'll change our
angle here a little bit. Then I want to bring
it the opacity, so it's a little bit
stronger and maybe bring my spread
down. I'll try that. Maybe a little bit less dark. Then we will copy that
copy layer style. Then again, I'm
going to apply that to each of these ones here. It's just a little bit
of trial and error to get it to the way
you want it to look. We'll paste our layer style, and just how intense you
actually want to get your drop shadow to
look on your images. But here we have an example
of how you can create some listing images for
your digital paper pack. We went through this process
to create this template. But what's nice is when you need to go through the
process again and again, for additional paper pack. Let's just do that
process one more time. We have our pattern. Now we can change
out our colors. Say, I want to create
this digital paper pack, but in a little bit more
of some autumn colors. I'm just going to quickly
change out the colors here. Let's go green. Go
with the yellow, green, blue, purple, pink here. G one more and we got our Mr. Greenam at the So we have
a new set of colors. We could use the same pattern
or we could click in. Maybe try our stripe
pattern here. Scaling it down to 5%. Clicking on Commander
Catrol esta. Save it. I'm going to go
ahead and close it out there. Before I go ahead and save
out my digital papers, I'm actually going to save
a copy of this template. Make sure you haven't saved. I have this one title ten
colors, one pattern template. And so I have saved it. So now I'm just going to go save as. And we're going to
create another one. In this case, we're going to
do ten colors, one pattern, but we'll go to tones on
this one, cooking on save. For each of these
pattern layers, I'm just going to select all
the different pattern layers from our boards. Command click for MAC. Control, click for PC. We've got them all selected
and then I'm just going to change the opacity here to 50%. Now we have a two tone
version of our template. Let's just go ahead
and save out these as digital papers just to go through the process
one more time. We'll go to File Export. Artboards to file. Give your folder name,
clicking on open. We'll go file strikes. We have our artboard content
only clicking on Run. Once Photoshop has saved
it out, we'll click on. And then we'll use
that action again. We have our save ten. I'm going to go ahead
and click on a plate. Now it has saved
out the patterns. When you're saving
a stripe pattern, you just get these
little slivers of it, but we'll jump into our
listing image here. I'm going to make sure
this one save file save, and then I'm just going
to go file save as, and then we'll just
go file Stripes, listing, clicking safe. Then we will go in
and we will edit it. In order to change
out the patterns, you will have to go into each of these smart objects and
select your pattern. Then based on the
size of this here, I might go up a little bit, 50%, saving this
commander Control S, closing it out
Commander Control W. Then we'll do that for each
of the different ones here. Saving it Commander Control S, and closing it out
Command Control W. Then you'll just want to do that for each of
these ones here. I'm going to continue to
fill out this listing image. So as you can see,
I have finished updating each of
the smart objects, and we now have our new
collection of digital paper, and we have our
listing image here. The next step would just
be to save these as files. Again, you would do
it the same way. File, export boards to files, to save out these images. In the next lesson,
let's go ahead and create another template. In this case, we'll do multiple
patterns with one color. Go ahead and join me
in the next lesson.
8. Template with Multiple Patterns: In this lesson, we
are going to create another digital
paper template set. This time we are looking at how multiple patterns
with one color. Currently, we have our
document that we used before. This one was the two tone one. Just make sure that
your changes are saved. Then we'll just go file save
as to create a new one. So this time, we are
going to go with one color ten patterns. And then we'll get rid of the two tone tire
for our template. Clicking on Save. Okay. So we'll just click back on
this first pattern layer. Let's make sure we bring
this opacity back up. In this case, we are just
going to use one color. So we'll need to
duplicate this color one to all of the
different areas. So in this case, we are
going to get rid of our extra colors here. We'll go and delete those. We'll want to convert
this one into a smart object before we
actually duplicate it, so we'll go right click, convert to Smart object, and then we need to duplicate
that to each of our boards. We'll just go click
duplicate layer. Then you'll want to
select the second. We'll go ahead and
position this one behind, right click duplicate layer. Third board. Right
click duplicate layer, fourth artboard, and
then just continue to do this process until you have it on each of the ten artboards. I've added our color one to each of our different
artboards here. We'll jump back
into the top one. We've got our white color
pattern and color one. Now we are going to end up with a different pattern
layer for each of it. There's a number of
ways we can do this. One way this is a smart object, and what we could do
is we could go right click We can go New
Smart Object via copy. We'll take this is our copy. We'll go ahead and
delete our original, and then we can rename
this one pattern two, and then if we click
into it, We can select. Let's just select our
Poka dot pattern here. We'll save it commander
Control S to save it. We will exit out
Comando Control W. You can see that we
have our new pattern. We can see that this pattern
has been changed on it own. It hasn't made any
changes to any of the other smart
objects because it's now its own smart object, and we will jump
this capacity back up to 100 that way we can
see how it looks there. That's one way to do
it. But one thing that you get with this is if you click back into
that smart object. One problem with it is
just the naming of it. If you're opening up multiple
of these smart objects, it's not really easy to
see what you named it. Versus if we come to
this layer three, if we just get rid of
this one altogether, and now we're just going
to use this rectangle. Let's call this
one pattern three. We'll convert this one
to a smart object. If I click in here, it says Pattern
three at the top. And so like before, we can
select a new pattern layer. So I'm going to use some
of the patterns that we loaded into Photoshop before. So just in my patterns panel, I'm going to go back
to that essential patterns that I showed you how to load in
to Photoshop before. I'll just click
into those folders. We'll go to this
one color patterns. Here, it just contains some fun essential patterns
that you might want to use. Let's go ahead and pick
this Hounds Tooth pattern. We'll go ahead and save this Comaner Control
S to save it. Close it out, Command Control W. Then we will position
that one above our red, and then with our white, we'll create that clipping mask. Option click for Mac
Alt click for PC, and we have our
new pattern here. We'll do the same
thing with four. I'm going to just delete
this pattern layer. I'm going to call this
one Pattern four. We'll turn on the
visibility there. Right click, Convert
to Smart objects. Double clicking in, we
can see our pattern four. We'll pick up a new pattern
here. We'll go with this one. We'll go ahead and save it. Catrol S to save it. Jumping in, and then we will
position that one here, create our clipping mask. Option click for Mac. I'll click for PC, and
we have our pattern. I'm just going to zoom in command control
with the plus key. We can see our pattern here. What you'll notice with
this pattern set is you have one version and
you have the inverse. If we go back here, if we select our inverse version,
so we save this. Commander Control S to save it. We come here, the
opposite happens. We didn't have to move
our colors around. We just selected the
inverse if you want the color white to be more dominant versus the red
to be more dominant. You'll notice that there. We'll save that again,
commander control S. Depending on your pattern and the color, what
dominance you want, in for these examples, I like to save a pattern and
it's inverse so that you can easily work with
a template like this for your pattern. I'll do that again for five, we'll delete this layer. We'll go pattern five, converting this to
a smart object. We'll double click in. Selecting a new pattern. We'll go with this plat one. We'll save this Commander
Control S to save it. Closing it out
command Control W, positioning it where we want it, we'll create that clipping mask. For this particular
one in this set, I do not have the inversed
saved for this one. So you could always re arrange your colors here if you
wanted to switch it that way. But for this particular one, I did not have the
inverse of this pattern. So I wanted to
change it that way, but there's just
different options that you can play with. So I'm going to go
through and select five more patterns so we
can complete this document. Okay, so I've gone ahead and added additional patterns
to our template, and so now we have our
one color template with ten different patterns that you can easily change out. You can do it in multiple
color variations if you want as well. In the next video,
we will talk about the class project
for this course.
9. Class Project: Thank you so much for
joining me in this course. Now it is your turn to create your own
digital paper pack, using the templates and skills you've learned in this class. To upload your class project, scroll down within
the course and click on the Projects and
Resources section. Here you can click the
button to submit a project. Thanks again for joining
me in this class. I look forward to
seeing your projects.
Tricia Lish, Graphic Designer
