Transcripts
1. Introduction to the New Repeat tool in Illustrator CC and Illustrator iPad: Hello and welcome to
this class on using the new Illustrator
repeat feature to design scrapbook papers and
print-on-demand designs. My name is Helen Bradley and I'm a Skillshare top teacher. I have over 260 courses here on Skillshare and over 160,000
student enrollments. In this class, we'll be looking
at the new repeat tool in Adobe Illustrator
and how to use it to create repeat designs
for a range of uses. Now, this feature is
available both in Adobe Illustrator on the
desktop and on the iPad. We're going to look at
how you can integrate this feature into your
product workflow. If you only use the iPad or only use the desktop version of
Illustrator, that's just fine. I'm going to show you how to do the designs on
both and point out the differences in behavior of the iPad and desktop
versions of the software. This new tool has lots of scope for being a fantastic
design tool. But it has some key limitations which we're going to look at. The patterns that you make with it also behave differently to regular Illustrator patterns
so we'll cover this too. By the time you
finish this course, you'll be able to create
repeat designs using this new repeat feature
and you'll know when to use it and
when not to use it. Without further ado,
let's get started making repeats with the new repeat
tool in Adobe Illustrator.
2. Pt 1 - Understand the basics of the Repeat feature: Before we start
looking at how you actually use this new
repeat feature in Adobe Illustrator to
do things like create scrapbook paper and documents
for print on demand. We need to look
at what this tool won't do and where
it's real use is. We're going to start with
what you can't use it for because this is
really critical. You can't use the
designs that you make using this
tool on a site like Spoonflower or any
site that requires a pattern swatch rather than a document or an object
filled with a pattern. A pattern swatch is just
the single element that you need that if you line it
up in a gridlike design, it's going to fill a
document as big as you want the document to be
with a repeating design. It's just the small
portion of the design, and that's a very
different thing to an object that's
filled with a pattern. I need to be really
clear about this. This tool is not
going to work if you are designing
patterns for Spoonflower, or if you are designing anything that requires
the pattern swatch, but provided you're okay with producing a document that
is filled with a pattern, then this tool is going
to work really well. This tool is really
good for sites like Society 6.On Society 6, they ask you for a document of a certain size
filled with your pattern. They don't want the
pattern swatch. For sites like Society 6, where you're creating a document that's already filled
with the pattern, this tool is going
to work really well. It's also going to
be really good for creating scrapbook paper a 12 by 12 inch document that is got
a repeat pattern inside it, but it is not itself
a repeat pattern. I think that this tool is ideal for scrapbook
paper designers. It's also good for
people who want to incorporate a pattern
into a design. For example, you
might be making a mock up of a bedroom
and you want to put on the bed a comfort of that is
filled with a pattern. Well, you could use this
tool for that because again, you're not trying to
create a pattern swatch, you're trying to create
a pattern filled object. Provided you fit into a category where this tool is
going to work for you, then I think you're
going to love it. It's really easy to use. It also works on Illustrator on the iPad as well as
the Mac and the PC. Conceivably, you could start
your designs on the iPad and then finish off your product development
on your PC or your Mac. It's also quite a lot of fun to use and quite powerful
and I found that some what would be otherwise fairly complex designs tend to come together pretty
easily using this tool, perhaps a little more
easily than they might with the pattern make
tool in Illustrator. Some of the other advantage of this tool is that it
doesn't seem to suffer from hairline fractures
in the same way as some of the patterns
that you create using the pattern make tool do and for anybody who's faced that
hairline fracture problem, this is a really big bonus
to be using this tool. You'll also see that
using a tool you create the product and the
design at the same time. It's very easy to, for example, mock up a 12 by 12 inch sheet of scrapbook paper and
say exactly what your design is going
to look like on that sheet of paper as
you're designing it. If you don't like the
size or the scale of it, then you can fix
it in real-time. This tool also works better than the pattern make tool
in some circumstances. I'm going to show you one
of those circumstances. We're using the
pattern make tool to create a pattern using
some watercolor brushes, for example, doesn't do as
well as this tool does. It just makes a better
pattern, easier to make. This is a roundup
of what you might use this tool for and what
is not going to be good for, and what you might be
looking forward to in this class as some of the benefits of using this new repeat pattern
tool in Adobe Illustrator. Now that we've got
that under our belts, we're going today get
started and we're headed to the iPad to start off.
3. Pt 2 - Create your first iPad pattern: On the iPad using Adobe Illustrator here we're
going to create a couple of patterns to investigate
how you use the pattern tool
here in the iPad. We're going to start with
a custom size document. Now, I want this to be 12
by 12 scrapbook paper. There is an ideal size here
and it's 864 by 864 pixels. We'll be able to export
that out of Illustrator on the desktop later on at the perfect size for
scrapbook paper, which is 3,600 by 3,600
pixels at 300 DPI. I've got my paper size selected. Now, if I was creating a lot of sheets of
scrapbook paper, as is my plan, I would tap here to save this
size and give it a name. I've already done
that over here. That just will allow me later on a one-click setup
for this document. But for now, let's
just create this file. Our design is going to
be a triangle design. Over here, we have
a series of shapes. I'm going to target the
triangle. These are the colors. This is a stroke color
and this is a fill color. I'm going to invert them and tap here to change the fill color. I'm going to select my color
from the outside rim here, and then the actual color
value from the inside square. Checking that I've got the
color appearing just here. Now, I don't want any stroke, so I'm going to tap on
the stroke color and tap this to remove the stroke. That's something that
you'll be familiar with for using Illustrator
on the desktop. To draw my triangle, I'm just going to
drag out a triangle. If I tap here on
the touch selector, I can constrain it to a regular shape and I'm
going to do just that. To move shapes that can
be a little bit tricky. This is what you're going to do. You're going to tap
on the Selection Tool here and then tap
away from this shape. Now do a one-step movement. You're going to tap and drag. Tap and drag. That moves the shape. As soon as you see
these selectors appear, then trying to drag it
around can be difficult. There can be a
temptation to change its shape and flip it
over and do all things. If you're finding
that difficult, make sure that nothing is
selected and then just tap and drag and you
should be right to go. Now I want a duplicate
of this shape, so I'm going to select it
and tap here on duplicate. What that does is it adds a second shape over here
in the layers panel. This is the Layers option here. This top one is
currently targeted, so I'm going to
change its color. I'm going to use a
blue color for it. Now I want to move it, so I'm going to tap away from
it and then tap and drag. To close up the layers panel, just tap on the
Layers option again. Now, this is going to be
my base pattern element. I'm going to select over both of these triangles
and tap down here on the repeat option and we're going to create
a grid repeat. This is what we're
looking to see. Now at this point, unless you really want to use
the grid repeat twice and there are only
very limited circumstances in which you would
want to do that, do not come back in here and do not tap any of these options, because otherwise,
you're going to put repeats and repeats. Eventually, your iPad
is probably going to freeze because it won't
be able to handle it. You're going to
have to undo it by tapping on the undo option. You can't actually easily undo these repeats after you've
done some other things. You want to have
your wits about you. Once you've created your
initial grid repeat, just don't go anywhere
near this icon ever again, at least in this session. We've got a number
of selectors here. We've got circles with arrows, we've got bars here, and we've got dots
in the corner. We're going to see how each
of these impacts our pattern. Firstly, the dots in the corner
are going to shrink down this enclosing box in which the grid
pattern is appearing. At the same time, I'm shrinking the
pattern elements. We can get more of these pattern elements
by shrinking the box. But of course, we're covering
less of the document. If we use these bars here, we can stretch the
containing box out to reveal the
additional elements. These elements are
already there, but we're just revealing them. These options here
allow us to increase or decrease the space between
the pattern elements. The pattern elements, in this case, are the
red and blue triangle. Let's just drag apart
here to increase the horizontal spacing and
increase the vertical spacing. The pattern element is the
red and blue triangle. Adjusting these
selectors here won't push those apart
from each other. They just push every
combined element away from each other. I'm going to shrink that
back up a bit here. You can select on any of these triangles to make
adjustments to them. It's unlike the pattern
make tool in Illustrator on the desktop where you have to select the original element. In this instance,
every single one of these triangles is selectable, but changing one is going to change all instances of them. Now I've got a red
triangle selected here. Let's just tap away and let's
select the blue triangle. I want to invert it, so I
want to turn it 180 degrees. With it selected, I'm going over here to the properties panel. Here is the degree or
the rotation angle. I'm going to set it to 180. That has flipped that
blue triangle around. Now it's upside down and
we can change its color too by just tapping on it and selecting a different color. But as you can see,
every single one of those blue triangles has
been rotated and recolored. You can't do it to
individual triangles, not at this point
anyway in the design. At this stage, we might look
at our design again and see if maybe closing things
up might improve it. We're just looking at an
interesting finished product. I think I need to close up
the horizontal spacing, or adjust the horizontal
spacing a little bit. For me to use this as a
sheet of scrapbook paper, I'm going to make sure that I position this
rectangle pretty much over the artboard and size it to the size of the artboard. I'm going to put it pretty
much in position and size it. I'm going to double-check
with the properties panel. We know that our document was 864 pixels in width and height. I'm going to make this selection that is filled with our pattern, that exact same size. We also know that dividing
864 by 2 would give us 432. If we set the midpoint
of this shape to 432 in the x and y, then our shape is going
to be the exact same size as the artboard and it's
going to be centered on it. I'm going to close up
my properties panel. This is my pattern-filled
shape that could be my sheet of scrapbook paper. To finish off, I'm just
going to tap here on the arrow and that will
exit the editing mode. This document will now
be uploaded through by the Cloud and will appear in
Illustrator on my desktop. Of course, for that to happen, you will need to be using
the exact same login on the iPad as you do
on the desktop version. If, for example, you have Illustrator at home and at work, you want to be making sure that the two applications are using the same login so that
the documents from Illustrator on the iPad will
appear on your desktop.
4. Pt 3 - Create a second iPad pattern: For our second design
here on the iPad, I'm going to select my Scrapbook paper size
because it's already preset. I'm again going to
use a triangle, but this time I'm just
going to make one triangle, so I'm setting up
my colors here. We'll select a pink color
here for the triangle, we don't want any stroke color. I'm going to drag
out my triangle, touch the selector here so
it's constrained in its size. Now this time my pattern
is going to be made up of a single triangle. With it selected I'm
going to tap here on the repeat options
and choose Grid. All these same, options are going
to work exactly as they did before even though in this case our
pattern is made up of just a single triangle. But there are some options
that we can use that will vary the way that this pattern
looks and they're over here in the
properties panel. This is where you need
to have your wits about the changes to the pattern or in
the properties panel not here in this repeat area. Down the bottom here, are options for spreading
out the shapes, so these are exactly
the same options as we would have access to over here only they are available here at the bottom
of the properties panel. But so too are some
other options. We can change our grid type from a regular grid to
a brick by row. In this case, every
alternate row is offset by half a
block if you like, so we've got this nice
diagonal pattern here. This is a brick by column, so that's got a different
look to it but again, this one triangle
is now producing a different looking pattern by tapping on this option here. We can also flip rows, so we can change our pattern by flipping the row then
we can flip columns. Somewhere in here is
your ideal pattern, somewhere in here is a
pattern that you like. I'm just going to select
this and tap away. Now a heads up here is that when you're moving down this
properties panel it's really easy to hit the
opacity slider and to make your pattern
partially opaque. Just make sure that
you don't do that or if it does become opaque then you reset it back to 100 percent opacity
before you finish. I'm going to close up
my properties panel. I'm going to move
my design back up into the top corner of my document and
just stretch it out. I think I'd like
it to be smaller, so looking at my sheet of
scrapbook paper and saying I want my pattern to be much
smaller within the page. We're going to reset this
as well to 864 by 864, so it's filling the page nicely, and make sure that
this is 432 and 432, so it's centered in the page. If everything looks good
and we're finished here we can just tap on the
arrow and again, this document will now be sent via the Cloud and will appear in Illustrator on the desktop ready for us to do
some more work on it.
5. Pt 4 - Make the patterns in Illustrator on the Desktop: We're back here now with
Illustrator on the desktop, and we're going to repeat
those last two patterns to see the similarities and the differences with using this tool in Illustrator
on the desktop. Let me create a new document. I've got my 864 by
864 pixel document. I'll click "Create". Now, for triangles here, obviously on the desktop, we don't have a Triangle tool, we have a Polygon tool. I'm going to select that,
click once in the document, and just get that to work. Three sides at the moment, let's just set the
size to 50 pixels. That's a bit of a
meaningless option here, so we're just going to create
it and see how it looks. Well, it looks pretty
good size-wise. Let's choose our colors, and we're going to remove
the stroke from this. Now, as on the iPad, we can just Alt drag a
duplicate of this shape away, and change its color. We'll select either both
of these triangles. To create this repeat pattern here in Illustrator
on the desktop, we're going to choose Object and come down here to Repeat. Now, they are the same
options for Radial, Grid, and Mirror, so obviously
we're going to be using Grid. But you'll see here that we
also have an Options option, so we'll see that
in just a minute. Let's go to Grid. Not unsurprisingly,
everything right now looks like it's working pretty
similarly too on the iPad. We can adjust the
spacing between these pairs of shapes
using these options here. We can reveal more or less of the pattern using
these options here, and we can scale
from the corners. I've got square markers
at the corner here, but they're working
in the same way as they would have on the iPad. Let's have a look
at our options. We'll go back with the element selected
and choose "Object", "Repeat", and then "Options". The options here are the
same ones that we saw on the Properties panel inside Adobe Illustrator on the iPad. But here, they're in
their own little panel. Here, we can adjust the
spacing in the grid, the horizontal and
the vertical spacing. We can also select a grid type. We've got brick by the
row and the brick by column that we had on the iPad. We can also flip rows. You can click here to flip your rows or not flip your rows, and you can flip your columns, so they heaps and
heaps of options here. But just note that the options that you have are going to be available through this
Repeat Options panel from the Object menu. Although of course, if you have the Properties panel open, you'll find them there as well. Now, there was one additional
feature that we have here in the desktop
version of Illustrator, and that is a Release option. We don't have that on the iPad, so there's no way of releasing this pattern back to the
original shapes that we had. Let me just undo that
because I didn't want to keep that pattern. There are the first couple
of differences between the iPad and the desktop
version of Adobe Illustrator. The additional Repeat
options panel, as well as the Options being
in the Properties panel, and also the ability to
release the pattern. In terms of editing, we can just double-click on the shapes until
we isolate them. You can see I'm in
isolation mode here, so I'm just concentrating on this one selected
shape, and of course, we can do things
such as recolor it, and not unsurprisingly, if we recolor one shape, all the other shapes that were that shape in this pattern
are automatically recolored. Now, we can rotate it. I'm just going to use
Object, Transform, and Rotate to rotate
it around 180 degrees. Again, all the shapes are now rotated around 180 degrees. To get out of isolation mode, you can come back up through
the breadcrumb trail here, but you could also
just press "Escape", and that should get you out. Let me just adjust the spacing here to be
a bit more pleasant. Now, on the iPad, we were using the transform controls to re-size this shape. Let me just go and show
you what's not going to happen here on the desktop, and there's not really a good explanation as to
why it's not working, but it doesn't work. Let me just get close enough to the outer edges
of this artboard, and let's go to the
Transform panel with Window and then Transform. The reason I'm showing you
the Transform panel is because it becomes really
obvious what's happening here. I'm going to place this box
here in the top corner. I'm going to set it to zero in the horizontal and
the vertical based on the fact that I have this
top-left corner box selected. If I was selecting
the middle one, then we will want to
align it to 432 by 432, but we're using the top
corner in this instance. Now, this is the issue
that we have with the desktop version as
against the iPad version. You cannot disable these constrained width
and height proportions. The problem with this is that
any change that we make to the width or the
height is going to automatically impact
the other ones. I'm going to set this to 864. But as soon as I do, you'll notice that
the height adjusts, and I can't adjust
the height to 864, because if I do that, the
width’s going to adjust. It's really, really difficult to get this to position exactly, even if you have all
these pixel options selected as I do, so Snap to pixel all drawing, Snap to pixel, snap to pixel while scaling. All of these are enabled, it should be snapping perfectly. I also have my smart
guides turned on, but try as I might, it's really, really
difficult to get this to work exactly. I'm close to it. I'm while on pixel off here. Now, that's going to
be important later on, coming up in another
video when we actually start saving
these as scrapbook paper. But we're just going
to note that for now that we do have a problem, and that it's going
to be difficult, if not impossible in a
lot of instances for us to size this shape to the
exact size of the artboard. Tuck that away as a thought, we're going to find ways of
dealing with it later on, but it is important to know. Let's create the second
of the patterns. Very simply, we are going to create our same size document. We're going to
create a triangle. Give it a fill color. No stroke. Because this is going to be based on just a single shape, I'm going to select it again, Object Repeat, Grid. Then we'll go back
to Object, Repeat, and we'll go to the Options
so that we can setup our, for example, Brick
by Row pattern. I'm just going to click "Okay", that's looking
pretty good to me. Let's just scale it to
quite a small size. I'm just going to try and
make it come as close as possible to fitting my document. On the face of it,
in most instances, these patterns work similarly on the desktop as they do on the iPad with just
differences in locations of the options, and the problem we have
in sizing this document.
6. Pt 5 - Recolor repeat patterns on the desktop: The next thing
we're going to look at with these patterns is the recoloring options
because they are not quite as you might expect. You may be familiar with using the Recolor Artwork tool
in Adobe Illustrator. Let me just put a triangle here so that we can get access to it. Normally with patterns and any illustration in Illustrator, if you select part
or all of the shape, you get access to this
Recolor Artwork tool. Now this is a really
powerful tool because it gives you the option
of changing colors in a number of ways and you can
rotate all the colors of a selected picker for artwork around really, really nice tool. The problem is
with this pattern, there is no Recolor
Artwork tool available. Even if you know where
to find it on the menus, which is Edit and
then Edit Colors, you'll see that Recolor
Artwork is grayed out. That means that these
elements cannot be recolored in a traditional
way in Illustrator. You can come in obviously
as we've been doing, come in and select on a particular object and
then change its color. You can also go to the
Recolor Artwork tool at this point and
change its color, but you have to
have it selected. You can't just select the entire object and go and
do your recolor artwork. Of course, the
problem with this to a certain extent is
that everything is sort grayed out because we're in isolation mode so it does
make it a little bit difficult for you to see the
results live if you like. While a Recolor Artwork
tool is available, it's only available
when you have the individual objects
selected and that's a very different process to what we're used to
in Illustrator. Now if you did want to, for example, use the
Recolor Artwork tool, and if you'd been pretty determined that this
was with a pattern you want to use and this is
pretty much set in concrete, this is what I would do. I come into the
Layers panel and I would make a duplicate
of this layer. So I just drag this entire
layer onto the New Layer icon. I would lock down and turn
off the bottom most one, so that would be my master. I could come back in
at any stage and make changes to the actual
pattern designs. I'm always saving that as my master and I've
probably named that. Now this one is the
actual grid pattern. In this case, what we
could do is we could select the duplicate of
this and we could expand. It's going to be subject to the normal expansion
options in Illustrator. That's Object and then Expand. I'm going to click "Okay". We're going to have a look
at now what we've got. We have a clipping group. There is a clipping group
around this shape and then we have a group and inside
the group are just groups, and groups, and
groups of objects. Basically what this
pattern has expanded into is just those
little repeats, the little elements
that we created initially that we repeated. Now, if you're used to working with patterns in
Adobe Illustrator, this is a really
clean expansion. A lot of patterns
don't expand like this into neat sets of objects. There are some advantages here. At this point, we could go to this group and we
could select it, and we could ungroup everything, and we could continue to ungroup until everything was
just a single object. Now we have a clipping path, and that is the path that is clipping all these
objects to the shape. So you may or may not want to remove that clipping
path, that's up to you. But because we now
have all these objects available as individual objects, look and see that the Recolor Artwork dialogue is going to work as expected. Let me just close up
this panel right now. Let's go to Advanced
Options and Edit, and here we can
now make changes. We can make changes where the
colors are linked to each other and then we can unlink the colors and take them
in different directions. We have a lot of flexibility with our patterns at this stage. Now, unlike the way Illustrator uses Recolor
Artwork with a true pattern, this is not going to
make a duplicate. In the last panel, we've lost the original coloring and we now have this new colored
version if you like. If you wanted multiple
colored versions, then you would need to make
your own copy of this layer, at least this clipping group, and then re-color each one
of those individually. But what this does
allow you to do, and I think it's
really nice for say, a pattern like this is, let's actually just expand this. Let's make a duplicate of it so that we're
exercising good behavior, and then let's go to this
visible version and expand it. I'm just going to
come into this group. Now if you want to get to something that's inside a group, you can use the Group
Selection tool. I'm just going to click here
on the Group Selection tool. I'm going to click on a few of these shapes because
if we're calling this a sheet of scrapbook paper, this is something that we
could do at this point, is just come back in and make some subtle changes to just a few of the shapes
and the pattern. We get something that's perhaps more sophisticated
than we're used to, where we instead of just having a design that is
all the same color, we could just add a few spots of color throughout the pattern, giving it perhaps more
interesting look. But you'll just
need to be aware of the differences with dealing
with the recolor options using this new repeat dialogue because it's not
working exactly the same way as traditional
patterns are in Illustrator.
7. Pt 6 - Change color of patterns on the iPad: While we're on the
subject of recoloring, let's have a look at
the recoloring options on the Illustrator on the iPad. As we saw earlier, we can select any one of these green objects and
make changes to it. Any change that we make to this green object is going to be reflected in every other one of those green objects
in our document. There is no recolor
artwork dialog in Illustrator on the iPad, and no really easy way to
select similar shapes. I would be aware of
that when you're recoloring artwork on the iPad. If you really want to use
recolor artwork dialog, then you probably want
to be taking this to the desktop to use it. If you want to recolor
every object within a pattern, don't expand it. But if you want to do some spot recoloring like we saw
earlier on the desktop, let's see how we would do that. I'm going to use my single
colored pattern for that, so that's this one here. This design is just
one colored triangle and it's inverted, but it's still the
exact same triangle. You can see here that
any change I make to it is affecting every single
triangle in this document. Let's have a look and
see how we could apply that spot coloring where we just change one
or two triangles. The first thing is we're
going to select the object, and then we're going
to come down here to the Object options, and there is an
Expand option here. I'm just going to tap on Expand. What's happened now is
that in the last panel, we have a clipping group
with a clipping path as we did on a desktop
and a group of objects. Every single one of
these triangles is just a triangle
in this document. Now at this point, we could come back in and
use this isolation mode to isolate just one of these triangles and then
make a change to it, so that we can come through and make spot changes
to our document. In this sense this
is working very much the same as it did
on the desktop, where we're just
expanding the object to release all of
these shapes so that we can deal with
them individually, and then just grabbing
one or two of them and just making changes to
the colors in them. You just want to have your wits about you when you're working between Illustrator on the
iPad and on the desktop, and just trying to work out
what works on each of these. It's tricky and we're
about to get into some even trickier elements. Just be aware that
things can be a bit different and just take
things a bit slowly, particularly in the beginning.
8. Pt 7 - Save scrabook paper at the right size: It's time now to have a look
and see how we would save these patterns for use
outside of Illustrator. I'm going to open up this pattern which is still
in the original format. You can see when I
select over it that we have all the grid
options available. We've done nothing with this
particular design right now. Now, if I want to save
this as scrapbook paper, I've already prepared
the document at 864 by 864 pixels in size, so it's a perfect size,
the artboard itself. The problem here
is that the object that is containing this
pattern is not a perfect size. In fact, it's a pixel
short in each dimension. But as we saw earlier, it's actually really
difficult to get it to even this level of accuracy. If you can't get yours
to the exact 864 by 864 pixels and have it lined up perfectly
on the artboard, let's see what
you're going to do. What I suggest that you do is you first of all make a copy of this design so that you
would have it in case you needed to use the
original later on. I'm going to tuck
the original away and we're going to
work on a duplicate. Now, I'm going to expand this. With the duplicate selected, I'm going to choose
Object and then Expand and we already know
what that's going to do. It's going to give
us a clipping group. Inside the clipping group are all the objects that
comprise of this design. Now if I turn off
this clipping path, let's have a look and
see what we've got. What we've got is
the pattern element is actually extending
beyond this artboard. That's really good news for
us because that's going to be a key to solving
this problem of size. What I'm going to do
is I'm going to turn back on this clipping path, and I'm going to select
only the clipping path. That's going to give me access
to the Transform options. Let's just do it a
little bit easily by selecting the
transform dialogue. Now you'll see that I
can actually unlock the tie between the width and height so I can change
them individually. Now, these both have to be changed to the exact same value. But you can see that we can turn off this constrain option, which is really good news. I've still got my
clipping path selected. I'm going to align
it to the artboard. Now when I go back
to this document, I'll find that I have
a clipping path, an object here that is the
exact 864 by 864 pixels high. It's matching the
artboard identically. That's really good news. Also, it's positioned
in the top corner here. The top left corner is positioned right in the top
corner of the artboard. Everything is perfect. Now let's see how we're
going to save this as a sheet of scrapbook paper. Because traditionally, scrapbook paper is 12
by 12 inches in size. When it comes to
delivering it on sites like Etsy and other
scrap booking sites, typically people deliver
a document that is 3600 by 3600 pixels at 300 DPI. This is what you're going to do. You'll choose File
and then Export and you're going to
choose Export As. We're going to choose here, Use artboards because that this is going to be clipped to
the artboard size perfectly. I'm going to call this
triangle's red and orange, just so that we can
identify it easily. I'm going to click
here on Export. It's going into a folder
that I have access to. Let's just go to Export. Now, this is the
critical phase here. We want the color model to be RGB and this particularly
you want to change that, but typically scrapbook
paper is delivered as RGB. You want the largest
file size possible, so you want to set this to 10, so it can be described as a
high-resolution JPEG image. There will be some
compression there, always is with JPEG images, but this is going
to give you the minimum amount of compression. Then we're going
to come down here to resolution and we're going to set it too high,300 PPI. Now the difference between
300 PPI and 300 DPI, there is a difference
between these two, but for this purpose,
they're interchangeable. Provided it says
300 something PPI or DPI, you're good to go. I'm just going to
click here on okay. Now let's go and
save this document. To save the file that
we've just saved, we'll go to the File Explorer, and here is the image. Now I've got my panel
showing over here. We can see clearly
that the dimensions of this image are 3600 by 3600. The process of saving an
864 by 864 pixel image at 300 PPI is to turn it into
a 3600 by 3600 pixel image. If I right-click on this
and choose Properties, in the properties panel, we'll be able to see that
it is saved at 300 DPI. This is perfect for
scrapbook paper. It's exactly right and it's been created as exactly
right by making sure that we had the artboard at
a fixed size or known fixed size that's going
to work and that we save it in that particular way. Now if you don't know why those
measurements are working, this is a brief rundown. Illustrator when
you create a file, create it at 72 DPI. What we're doing is
we're saying that 864 by 864 pixel image, if we divide it by 72, DPI or PPI, we get 12, and so that is our 12 inches. When we save the document
using File Export, Export As, and set the 300 DPI, what Illustrator
does is it says, I've got an 864 by
864 pixel image. I'm going to divide that by 72, which is the resolution
that I did have, and then I'm going to
multiply that result by 300. If you divide 864
by 72, you get 12. If you multiply 12 by
300, you get 3600. It's fairly simple math. It's just a pretty
confusing concept. That's why it works and that's why if you
always start with an 864 by 864 pixel image and
save it using that method, you're going to end
up with a sheet of scrapbook paper
that's perfectly sized and a perfect
resolution ready to be sold.
9. Pt 8 - Scaling a document to the right size for any site: In the previous video, we looked at saving a document as a sheet
of scrapbook paper, but you may not be
doing scrapbook paper, you may want to be designing
for something like Society6. Let's head across
to Society6 very quickly and see what they need. Here is a Society6 page relating to pixel
dimension requirements for their products. I'm going to give you a link
to this in the description. What they say here is
that if your goal is to enable all products
Society6 has to offer, including large
format products like curtains, bedding,
outdoor items, wall murals, etc, we recommend starting
with a horizontal asset that is 15,000 by 9,000 pixels, a vertical asset that's
8,000 by 12,000 pixels, and a square asset that's
12,000 by 12,000 pixels, all at 300 DPI. Now, that's not going
to work on Illustrator, but we do already know how we're going to
make these the right size. Let's assume that we're going
for a horizontal asset and that has to be 15,000
by 9,000 pixels. We're going to get
out our calculator. [NOISE] Here is my calculator and the first thing I'm
going to do is I'm going to type in the first of
those measurements, which is 15,000, and I'm going to divide that by the 300 DPI that we know that
Illustrator can export at. This means that our document
needs to be 50 inches wide. Now you could work in 50 inches. You could just make a document
that's 50 inches wide. But if you want to
work in pixels, you're just going to
multiply it by 72. Here's the first of the two
measurements that we need, 3,600 pixels wide will give us the right starting size for a document ready for Society6. I'm going to get rid of this. Let me just clear
it and let's go for the second measurement
and that was 9,000. I'm typing in 9,000, I'm dividing by 300, and that would be
30 inches wide. Again, if you want to just
make a 50 by 30 inch document, go ahead, that's perfect. But if you want to
do it in pixels, you need to multiply by 72. That means that second
measurement of our document needs to be 2,160. Once you've written that
down, you can get started. I'm going to click
on Create new. I'm going to type in the measurements that I
need here, the width, because this is a
horizontal aspect document, is going to be 3,600. The height is going to be 2,160. I'll click Create. This is the document
size that we need to meet Society6's requirements. Let's just go and fill
it with something. We just need something that
we can go and test this with. While we're here,
let's do something a little bit different. I'm just going to try and
straighten up my star a little bit and let's go and put a
colored rectangle behind it. Going to size it a little
bit closer to my star. Now let's select
everything because this design is going to have
a color background object. Repeat, we're going to
use our grid repeat. We're going to set this up to be slightly more interesting
object repeat. Let's go to options
and let's select, for example, Brick by Row. I'm going to close up
these spaces a little bit and then I'm going
to stretch this out. For argument's sake, this is a document that we want
to take to Society6. Let's go and save it the way that we know
we need to save it. I need to find my Layers panel which has disappeared on me. Let's make a
duplicate of this in case we want to come back
in and edit it later on, lock this down, turn it off. Let's go and select this
version of it and let's expand it with Object
and then Expand. Then we're going
to go and locate our clipping path, here it is. We're going to use the
Transform options to make sure that
it's positioned in the right place and
it's the right size. I'm going to select 00 as the positioning for
the top-left corner. Let me choose Window
and then Transform. Now we're going to set up our horizontal and
vertical measurements, making sure that this
constraint option is disabled because we
already know that that's not going to work for
us, 3,600 by 2,160. Everything's in the right place, everything is the right size. Now we can go ahead and save this document exactly the
same way as we did before. File, Export, Export As, going to call this Society6. Going to use the Artboard. I'll click Export. Again, RGB is the color mode, maximum size because we
wanted high quality. Make sure that the resolution
is 300 PPI because that's the key to getting the final document the exact
right size and click Okay. Now we can head off to the File Explorer to
check out our document. Here is our Society6 document. We will need to change its name so it doesn't have
dash 01 on the end, but that's a small
price to pay for having a document that
is the perfect size, 15,000 by 9,000 pixels. That's the size that
Society6 told us it wanted. Right-click this,
choose Properties. Let's go to Details
and let's confirm that this document is a
300 DPI document. This is meeting
Society6's requirements. As I said, the mathematics
is a little bit confusing. It's not difficult, it's just a little bit
confusing to do, but that's what you need
to get a document out at the exact right size that your
particular site requires.
10. Pt 9 - Export a Pattern from the iPad: It's now the time to have
a look and see how we would export things
from the iPad so I'm going to open
one of the documents that we were
previously working on. Now exporting things
from the iPad is so much easier than on the PC. We also know that from
experience we're able to unlock the relationship between widths and heights so that
they're not constrained, and so we can independently
alter these on the iPad. This shape that has
the pattern in it is sized to my artboard
and it's centered on it. So everything is perfect here. To export it on the iPad, we're going up here to
the Share option and we're going to choose
"Publish and export". We're going to
choose "Export as". Now this allows us to do things such as choosing
the format and I'm choosing JPEG as
my export format and my color model as RGB. We've already discussed that. That is typically the way that scrapbook papers
are distributed. Now in terms of quality, you get low, medium, or high. You want the highest
quality possible. This will be a larger
file size, but again, it does let you sell this as
high-quality JPEG document. Resolution, this
is where the 72, 150 and 300 PPI come in. If you choose low, you'll be exporting at 72 PPI. That's not what we want. If you choose medium, you'll be exporting
it a 150 PPI, if you select high
you're going to be exporting at 300 PPI. The mathematics of
working on the iPad are identical to working
on the desktop, and we want to
export at 300 DPI. The problem is that we're not
told that this is 300 DPI. I've just done the
experiment for you. I've exported this
at low, medium, high and checked out
what's happened. At low it's 72, at medium it's 150, at high it's 300. Of course, because
it's to multiply, because the multiplier is
going to be 72 or 150 or 300, the actual physical size
of the finished file is going to change depending on what these settings you choose. We have been saving
up this document so that we could
export it at 300 DPI. So that it would be a 3600
by 3600 pixel documents. Again, the mathematics are
working exactly the same way. If you choose these options, you're going to get
exactly what you expect. I'm selecting all artboards
because I only have one artboard anyway so I'm
going to tap on export. At this point I can export
to whatever I want. Typically I'm just
emailing these to myself. But you could also save
them to the files by Dropbox or whatever other
application you are using. I'm just going to
email this to myself. That will now be
emailed to me so that I can then do something
with it on the desktop. When you're finished,
you can just close down this dialogue. Before we leave this document, there is something I'm saying that I wanted to draw
your attention to. You can see that the
pattern is very close to the top of the document
here and the side is not particularly
well-balanced in the sheet of scrapbook paper. It is possible to move it. It is surprisingly
tricky to do so. Let's see how we're
going to do it. We're going through the selection
tool and we're going to double-tap on one of the
shapes so it's selected. Tap and hold the touch icon here and select the other one. So you've got a
bounding box around everything that comprises
the actual pattern. So if you had lots
of pattern elements you're going to need
to select all of them. Then tap here on the Nudge icon because you want to nudge these. Now we can just pull
outside the shape and move the pattern around
inside the document. We just want to get it in an ideal position
and then let go. Now, this is really
tricky stuff. It might take you quite a few
minutes to be able to work out exactly how to select
things and exactly how to move. You're going to double-tap
on one shape to select it, hold the touch
icon there and tap successively on
every other shape that you want to select. Then you're going
to your Nudge icon, make sure you tap it, and then you should
be able to move it. Now if it goes wrong, what you're going to
do is skew things. Let me just show you what
going wrong looks like. Because believe me,
I'm really good at it. If you move from the
middle of the shape, you'll find that you
distort everything. You need to make sure
that you tap on "Nudge" and then just drag
around the edges of it. Again, I've lost my selection, so I have to go back
and do it again. Go to "Nudge", and
then move things. If it's worthwhile practicing a little bit until
you get a feel for exactly what to select and how to nudge things around. But that is a better
positioning of my pattern inside my document. Of course, if I like
that better then I would just go back and export it.
11. Pt 10 - Working with Cloud files on the desktop: If you're working
between Illustrator on the iPad and Illustrator
on the desktop, there are some things
that you need to know about saving documents
to the Cloud. This is my welcome screen
here on my desktop. These are cloud documents. Once they've got a little
check mark in the corner, that tells me that they've
been downloaded and they're available on my
computer, on my desktop. This is a Cloud document that has not yet been downloaded. It's available online only. You can also tell Cloud
documents by their extension. These are AIC document. Anytime you save an Illustrator
document to the Cloud, rather than saving it
to your local drive, then it's going to have AIC on the end instead of
AI, same file type. It's just indicating that
this is a Cloud document. Let's go and get one of
these cloud documents. As soon as I click on it, I'm going to have
to be connected to the Internet because
this needs to download. You can see here it's
now downloading. As soon as it's downloaded, it's available here
on my desktop. Now there are some other
things that you need to know about Cloud documents. They'll have a little cloud
here in the document name on the title bar here that's indicating that it's
a Cloud document. Now if I make changes
to this document, let me just come in
and select this shape, I'm going to make a change
to the color of the shape. Let's take it through to
something completely different. Having made a change to the color of an element
inside my pattern, I might decide that this was not something that I wanted to do. But to a certain extent it's
a little bit late for that. Because if this were
a document that I was just saving to
my local drive, I could just close
it without saving. Because I haven't
saved my change, then the change
would be discarded. Cloud documents
don't work that way. With Cloud documents, you
don't actually have to save them because Illustrator is saving them in the
background for you. The changes I've made
to this document now has already been saved
in this document. Undoing things like
this becomes a little bit more of a
complex situation. I'm just going to close this document and
prove to you that closing it without saving it
does not discard the change. You can see here that change is embedded inside that document. Now if I looked at
that and went, no, I am really in some
serious trouble here. Let's see how we could
make that change. I'm going to open
the file again. For documents that
are Cloud documents, you get access to this panel. We're going to Window and
we're going to choose the Version History panel. This is going to show us the version history
of this document. Today, at this time, this is what the
document looked like. But when I was working
on it last week, it looked completely different. We've got access to these different versions
of the document. Now we're told that the versions are
going to expire after 30 days unless you mark
the ones you want to keep. But well, I'd like to
keep the starting one. I'm going to just bookmark it. I could also change its
name if I wanted to, but for now I'm just
going to bookmark it, so that's now going to be kept. I can switch between either of these versions
of the document. If I want to go back
to this version here, I could click and choose
revert to this version. But I can also bookmark and save this version so I
could get back to it at a later date
if I wanted to. Now, a detailed explanation of version history is not
part of this course. I just want to bring your
attention to the fact that there is this version history
panel and you can get back to older versions of your document and that
you do need to be careful when you're working with Illustrator documents
that you've created on the iPad when you're working with
them on the desktop, they're not going to behave
as you expect them to behave. Let's just go back to
this older version. I want to revert
to this version. It's now being downloaded. Here is this older version. In essence, undone the
change that I'd made. Now, I'm going to exit
out of this and of course it's going to be
saved with its current look. So here is it in
that original look. As a matter of practicality, when you're working
with documents that you've made on the iPad, you could save them locally. If I went to say this document which I've created on the iPad, let's just open it. It's downloading. It's
a Cloud document. We can tell it's
a Cloud document because it's got
a cloud up here. Say I wanted to work with this locally and I wanted to treat
it as a local document, so I wanted to behave like a regular Illustrator document. Well, I can do that simply by choosing File and then Save As. I'll put it somewhere. For example, in my scrapbook
Illustrator files. I'll put it here and
it's going to be saved, you can see as an AI file, so that hasn't broken the link. It's not actually any
longer a Cloud document. The original Cloud document
will still be there, but we'll have a second
version of it that's going to behave like a
regular AI document. I'm just calling
this gradient dots and you can see that it's saving like a regular
Illustrator document. If I come in here now and make
a change to this document, I know that it's got a
rectangle over the top. Let's just turn that off. Let's say that's not what
we wanted to happen. I'm going to close it. Well, here is the save changes. This is a regular AI document. We get the chance to save
the changes and we go, no, we made a big mistake. Don't save them, just
let us get out of here. That document is behaving
as a local document. But you can see here we still
have the Cloud version, we still got the AIC version. These aren't linked together, so they're going to operate
as two separate documents. One is going to be available
in Illustrator on the iPad. This is not, it's not a Cloud document,
just saved locally. This can be confusing
until you get used to moving between
both applications. If you're only using
Illustrator on the desktop, you don't need to
worry about it. If you're using the iPad and the desktop version and you want to work between the two, you need to be aware
of this stuff. Just have your wits
about and think very carefully when you're
working on these files. Do I want a duplicate
that is saved locally, that will behave like a
regular Illustrator file or am I prepared to deal
with Cloud files? Just remember that you've
got that version history that you can use if
you need to use it. Now, these files are also
available elsewhere. I'm going to the Adobe
Creative Cloud Desktop. In the files area of the Adobe Creative Cloud Desktop is a link to every one
of my Cloud files. Just be aware that they
are accessible there too. They're also available online. If you go in a browser
to your iCloud assets, so this is
assets.adobe.com. Sign in. Here are your Cloud documents, so they're available on
a whole lot of places. They're the exact same document. This is just the
browser version that's looking at the original
cloud document. You can also find them in your Creative Cloud
Desktop under files. Of course, they're going
to be available on your illustrator home screen.
12. Pt 11 - Working with Cloud documents on the iPad: In the previous video, we had a look at opening a document that had
been created on the iPad and doing
that on the desktop. It's a Cloud document. There were certain
behaviors there. Let's have a look at the iPad. Firstly, I connected
to the Internet before I started recording
this video so that the documents that potentially
I had made changes to on the desktop would actually
sync with my iPad. That's an important
consideration. If you're not sync
up-to-date documents, make sure that
you're connected to the Internet and you've
given Illustrator time to get access to
those Cloud documents, to download them and make
them available offline, which is going to
be this checkmark. This green checkmark is going to tell you they've
been downloaded. Now, as on the desktop, we get access to
version history, but here it's clicking these three little dots here
and choose Version History. Now the speed at which
version history works is again going to be
dependent on the quality of your Internet connection
because what has to happen is that the
versions have to download. I'm waiting here for my April the 23rd version
of this document to load up so that I can see
what it was like. This is the version of it. I can go back to an
earlier part of that day when I was still developing the design and we can see
what it looked like there. Then we can go to an
earlier point of that day. Now we can bookmark these
so we can save them because we're going to lose our
versions after 30 days. So anything you want to keep, make sure that you bookmark. You can also revert to a
version by just tapping again these three dots and go
to revert to this version. I don't want to. I'm just happy at looking at what the document
used to be like, but that would
give you access to previous versions
of the document. Important because there is no save function in
Illustrator on the iPad, everything that you do is saved. if you want to wind back, you'll want to be able to get access to that
version history.
13. Pt 12 - Paint pattern on the Desktop: As I said in the
introductory videos, there are some patterns that
are better or easier to create using this new repeat
tool than for example, the pattern make
tool in Illustrator. One of these is a design
somewhat similar to this, a Paint Strokes design. Let me show you how
you would do this. I'm just going to make
a scrapbook size sheet of paper here. I need some colors. I've got some saved
in some swatches. Let's go and get my
nice color swatches. Let's just grab all of these and pop them into
my swatches panel. For this also, we need some brushstrokes so I'm
going to the Brushes panel. Of course, you can get to
these panels by choosing Window and then Brushes or
Window and then Swatches. I'm going to be using the shipped with Illustrator
Brushes here. I'm going into Artistic
and Artistic Watercolor. These are the Brushes
I want to use. Now I'm going to choose a color. Let's go to the swatches panel and choose one of these colors. I'm going to choose a brush to use and the paintbrush tool. I'm going to draw some
paintbrush marks. Now, I'm going to get
pretty good value out of these paintbrushes if I paint in the same brush in different directions
or different colors, for the same Brush. What I want to do is to build up a pattern of brushstrokes. Now, I saw this pattern on the outside of a
Kleenex tissue box. You might see that when you
next go to the supermarket, have a look for
Kleenex tissue boxes. There is a box that has this really interesting
sort design on it. What I wanted to do was to
create it in Illustrator. As soon as I tried to do that, I ran into problems with
the pattern make tool. Because what the pattern
make tool did in Illustrator was as soon as
I made this into a pattern, the actual elements
were broken up. They, instead of
being nice, smooth, graduated designs, they
tended to be a bit posterized because the brushes
themselves got expanded. I was really unhappy
with the result. What I found was as
soon as I started using this new tool
in Illustrator, that I actually got
a better pattern. There are some limits to
this, it's not perfect. The limits are
somewhat interesting. I've just got a heap
of brushstrokes here. Let's just close
everything up here. Let's go and select
all these shapes. Let's go and make a
pattern out of it with object and then repeat and grid. Going to choose my options. Repeat and options. I want to use brick by column, so I'm going to do that. I wanted to flip some things that would make them a
little bit more interesting. Let's do that flip. Close that dialogue
down so that now I can push everything
close together. The limits with this
particular design, are dependent on where you are. Some some them are
just limits anyway. What I've discovered is that you can't alter the layering
of your Brushes. If there's a brush at the
front that you don't like, you're better to find another
way of dealing with it than anticipating being able
to change its order. I'm obviously concerned about these brown and green ones
that are showing a very, very definite line
into my pattern. With my selection
tool select them, I'm going to try and
isolate these or at least one of them and see
what I can do with it. I think, yeah this is
one of the culprits. Let's go and change its
color so it's less obvious. Now I'm going to go and try
and find this green one. Finding these actual brushes inside the pattern
can be a little bit tricky so you
want to just have your wits about
you a little bit. While this basic
design works fine, in Illustrator on the iPad, you can create it on the iPad. What you can't do on the iPad is what I'm about
to do in a minute. That is add additional
brushstrokes to this. I just want to try and see if I can find this brown one here. Yes, there it is. I
just want to tone it down so it's less obvious
along this repeat line. I would do the same thing
with the green one, but let's forget about
that for the moment, and let's see how we would
add additional brushstrokes. Firstly, I'm going to
pick up my pattern. I just want to double-click
until I've got the actual pattern
elements selected. Then I'm going to my brush tool, and now I'm just going to draw a brush line ignoring
the fact that I don't have a brush shape selected and I don't
right now have a color. I'm just going to draw
in a brushstroke. Next I need to go
and pick that up. That's the tricky part, is actually working out
which one you just put in. It's inherited a color, so now I can go and
change that color. I didn't have a color
to start off with, because what Illustrator was
doing was trying to tell me that I had selected a
whole heap of elements, all of which had
different colors. It wasn't able to tell me exactly what color this
element was going to be. Now I'm also going to choose
a brushstroke for it. Close up the panel,
pressure escaped, get back into
viewing my pattern. You can add additional
brushstrokes to the design on the desktop. But if you try and
do that on the iPad, you're going to end up with the actual brushstroke appearing in the layers palette
above the grid repeat, it doesn't actually go
in the grid repeat. Whenever I have tried to select this design and put that new brushstroke
in, it's not possible. I've even tried to
copy and paste. I've tried everything
that could possibly work. I'm left with the opinion that what works on the desktop
doesn't work on the iPad. That's been true pretty much
of this particular tool. It's not exactly the same in both places so just
be aware of that. If I already had developed
this pattern in Illustrator on the iPad and I wanted to add some extra
brushstrokes to it, well, I just bring it to
the desktop and do it here. This is a design style that you can create in Illustrator
on the desktop. I think it's actually
easy to make this paintbrush patterns using this tool even with its limits. The limits are, of course, that it behaves differently in both the iPad and the desktop. If you go and select
an object and want to change its
layering, it's ordering, in the stacking order
within this grid repeat, that doesn't work either. It looks like you can
choose object, arrange, send back, or bring
forward or whatever, but it doesn't actually
work that way. That's just a heads up as well.
14. Pt 13 - Create the paint pattern on the iPad : Now, before we finish up here, I want to recreate this paint
strokes pattern here in Illustrator on the iPad so that you can see how
it could be done. I'm going to select scrapbook size paper
as my starting point. I want to select a color to use, so let's just go and
choose this green color. I want a brush so
I'm going to tap here on the brush tool. It shows a toolbar position
with the pencil and the blob brush tool but what
you want is the paintbrush. We're going to art. Here in the art brushes are
some watercolor brushes. I'm just going to
select one of those and I'm going to draw
my paint strokes. Pretty much I'm going
to do the same thing as I did on the desktop version, is switch between different
brush strokes and different colors to make a
design that is pleasing to me. Once I've got a few strokes I'm going to select over
all of these and we're going to turn these into a repeat pattern coming
down here to grid. Then selecting from
the properties panel the grid repeat
that we want to use. In this case again, I'm going to choose
brick by column. I'll flip something. I'll do a couple of flips there. I'm going to close up my gaps. Then of course we can do all the similar things that
we were doing previously. This pattern is going to work exactly as the other
patterns that we've designed so far in terms of positioning it
on the art board. It may run a little bit
more slowly because we do have
brushstrokes in there. Now we can edit
those brushstroke. Let me just double tap on this. This is this red piece here. I can change its color, let's change it to a blue color. I can't add to it. Again, let's select
the shape here and let's click in here so that we're getting inside
the pattern if you like, go to the brush tool and I'm going to add another
brushstroke. As you see the brushstroke
is not being repeated. If we go to the layers panel, it's appearing above
this grid repeat. It look like I've got
a few paths there that I didn't expect
to have either. I would probably clean these up. This path here is above the grid repeat and it's not appearing inside
the grid repeat. It's not possible to get
it inside the grid repeat. I don't know exactly why the two applications behave
differently but they do so, just a heads up. If you want to add extra
brushstrokes to this, you're going to also be
faced with the issue of you can't release this pattern. It doesn't release the
same way as it did on the desktop because if it
did you could release it, add your extra brushstrokes and then recreate the pattern, but you can't even do that. Just be aware that it's a
little less forgiving creating these painterly patterns on the iPad than it
is on the desktop. Probably my preference in this case would be to
work on the desktop. If I needed to mess around with exact sizing then later on, then I might bring it back
to the iPad to do that. It's just working out what each of these
applications can do or where their strengths are and things that they
can and can't do.
15. Pt 14 - Editing a repeat pattern : Before we finish up I want
to show you how you can create a design like
this and this one. We're actually going
to make this one because there is
a trick to adding an element to these at the very end that I
want to cover with you. I'm going to create a new
sheet of scrapbook paper and I'm going to add a
circle and a rectangle. I'm going to set my circle
to 150 pixels by 150 pixels. It's going to be
filled with no stroke. I'm going to make
a rectangle that is the same dimensions,
150 by 150. You can see that I've
done this before. In fact, I've done
it a few times and the reason why
I've done it a few times is because it
doesn't [LAUGHTER] work. I want to show you
what didn't happen. I was having a lot of trouble
actually aligning these. It's probably going to
work perfectly this time, but we're just going
to make sure it does. I'm going to select
"Horizontal Align Center". I'm also going to the
Transform panel because I was getting bumps in these
when I joined them up. What I'm doing is just checking the right-hand side here that its x position is at 548 and then I'm going to check the same position
on the circle. Now, for some reason
these have lined up perfectly this time
and that's just fine. You can see the x position
is 398 here on the square, and it's 398 on the circle. That's telling me that
these are probably going to join perfectly because I'm recording it for you and if it was just me
playing around with it, they would be half a pixel off. If they were going to
be half a pixel off, you would just adjust
the x values of each of these shapes so that
they're identical and then when you go to the Pathfinder palette
and choose "Unite", they're going to unite
into a single shape that's going to make sense and it's not going to have bumps in it. I'm going to fill this with
a color that I actually like and then we're going
to give it a stroke. Let's go and give it a darker color as
a stroke and let's increase the stroke width. At the moment my stroke's
going on the inside. You can push it to the outside by opening a stroke panel up and just push it to the outside if that makes better
sense to you. I've got my basic
shape for my pattern. I'm going to select "Object" and then "Repeat" and "Grid". We're going back to our options. I'm going to use brick by row here because I just want
to offset these shapes. Just click "Okay" and I'm
going to bring in the shapes. Now, a few things to
be aware of here. The stacking order or the
layering order is that the shape goes higher
at the bottom. You can say that these
at the bottom here are over the top on the next
row and the next row. You can't change
that stacking order. You could in the tool that
you use to make patterns, the pattern make tool
in the desktop version, you can't do that on the
pattern repeat version. Just be aware of that. The other thing is that at the very bottom
of this pattern, you're likely to have a break so you probably
want to bring in the edge of your patterns so that you don't
have that break. I just want to look at it and say I want it to look
differently at the bottom. I'm just going to scale this
roughly and then we're going to determine that we want
to add another shape to it. For having done this, I want to add a circle to my design so I'm going
to the selection tool. I'm going to double-click
in here and I'm going to go and find the ellipse
tool and I'm going to draw out a circle. I'm Shift, dragging my circle. Now, I want to change
the look of my circle, so let's go and give
it a different color and we'll change its stroke to something that we can
see really clearly, a purply pink stroke. Here's the problem. You can see that this
has broken our design. Right now we've got
the shape that we want but the design
is breaking up. I'm just going to hold the
Shift key as I scale this in but again it's not going
into the right position. What you have to do
is you have to work out which is the currently
selected element? Did you remember,
we could select any element in this design? But we have to make sure
that this shape goes over this element because
this is the selected one, this is the one
we're working with. It doesn't matter which
one you are working with, but you've just got to pair this shape with the one
you're working with. Now I need to put it over here and now my design's
making more sense. I'm just going to position it in the right place and
then click away. But if you come in here and move this shape somewhere
differently, let me just go and get the shape and not
the whole element, you will see that it
breaks up the design. That's something
that happens with this pattern repeat tool. As soon as you move
this element out, it's being treated as a complete design
element so we probably got this shape and this
shape are being treated as a single pattern repeat. Illustrator is
just try to repeat those two objects and if there is a separation between them, then it's going to try and
repeat that separation. Again, have your wits that if you've selected an
element to work on, then anything that
you want to add to the overall design will have to be in this area
here because if not, you're going to start pushing
your repeat out of the way.
16. Project and wrapup: We've now completed the video training
portion of this course, so it's over to you. Your project for this class
is to create a design using the new repeat tool
in Adobe Illustrator, and to post an image of your
design as your project. If you wish to do so, upload a couple of different
color waves for your design, making sure of
course, that you keep the originals of
each in your file. I hope that you've enjoyed this course and that
you've learned lots about using the new repeat
tool in Adobe Illustrator. If you did enjoy this course
and when you see a prompt that asks if you would
recommend this class to others, please, would you do
two things for me? Firstly, answer yes, that you do recommend
this class, and secondly, write even
in just a few words, why you enjoyed the class. Your recommendations can help
other students to say that this is a course that they too might enjoy and learn from. If you'd like to
leave me a comment or a question, please do so. I read all of your comments
and questions and I look at and review all
of your class projects. My name is Helen Bradley. Thank you so much
for joining me for this episode of graphic
design for lunch. I look forward to seeing you in another class here
on Skillshare soon.