Transcripts
1. About this Course: Hi, I'm Tim Wilson from
Red Rocket studio. I'm a graphic designer, instructor and a
university lecturer. I would love to help you create amazing graphics using
Affinity Designer on the iPad. If you've ever
looked at designer and thought he looked
too complicated, or you've never
even looked at it. And you want to make
amazing graphics, you're in the right place. I'll take you through this step-by-step and you end up
creating incredible work. This course is designed in such a way that
you'll first cover a series of lectures following each
example, step-by-step. These are some of
the amazing projects that you will get to create. These projects allow you to
put the knowledge you've learned into
real-world examples. If you use Illustrator on
the desktop or the iPad, I'll show you where to find
similar features in designer. Not only that, there are
some amazing features in designer that aren't actually available
in Illustrator. And we'll be looking
at how to use those to start right now. I can't wait to
help you to create amazing graphics in Affinity
Designer on the iPad.
2. Interface & Document Setup Intro: In this set of lectures, we're going to look
at two things. We're gonna start by
creating a new document. And then I'm going
to take you around the interface so that
you can see what all those weird and
wonderful studios are all about. Let's get going.
3. The Start Interface: Let's get started by looking at Affinity
Designer's interface. When you first
open up your copy, what you'll find is it looks
at something like like this, but of course, you won't have all of these
documents here. What you will have though, is some tutorials
and some samples. But whatever you see in
here doesn't matter. Because what we're
going to do is we're going to go right up to the top. And we came to click on the little plus
button over there. Now, this takes us into
an area where we can either create new documents
or open existing documents. Now, I know some of
these can be a little bit confusing because there's things like open from
cloud, import from cloud. That seems very, very similar. But I'll show you the
differences as we go along. We've also got things like
import from photographs. We can make new templates. We can create new documents
based on the clipboard. And we've got new projects
in there as well. But what we're really
interested in here is the New Document button there. I'm gonna click on
that and it takes us into our new document settings.
4. New Document Setup: The New Document Setup in here gives us a
number of presets, as well as the ability
to do our own settings. For example, here
you can see mine says that it's set to device, but if I click in there, I can choose that instead
of using the device, the device is the
iPad that I'm on. I could choose Web,
photo, print, press, 3D print, multiply down
to presets in there. Now if I choose device, what it does is it automatically
changes the settings in here to settings for a device based on which
device I've chosen. In here five, got
the iPad Pro retina, which is the model
that I'm on over here. It's putting the
appropriate settings. If I went, for example, over here to an iPad Mini, it's changed those settings in the appropriate setting
for that device. Let's try a different one. If I go in here and I, for example, went to web, you can see when
I click on that, I've got various web sizes
in there, all in pixels. I could choose, for example, HTTP down there, and it's
put in my pixel sizes. The one last one. Let's have a look at print. I've gone to print
and then I've got my usual sizes in
the A4, A5, A3, etc. And same again, it's
putting the size, you can see it's millimeters
rather than pixels. And it's also put in the DPI, the resolution in there. And it's done a high-resolution, which is a 300 DPI, or you might notice PPI. Down here. We can choose to
change that from millimeters to inches to feet
to yards to centimeters. Whatever you like to work in. Anyway, once you've
done all of that, you click Okay, and there is your document that's come up. Now when you close
your document down, after you've been working
on it for a little while, you'll find that the
document appears in this area over here. At any point, you
can just go in, click on a document, open it up, and close it again, and it will still be there.
5. The Interface, Tools, Studios & Menus: Let's have a look
at the interface. I'm going to click on
that little document over there to open it up. But if you haven't done
that, you can of course, click on the plus at the top and make yourself
a new document. It really doesn't matter what
size you use at the moment. The interface when
you first start off, looks something like this. And we have some tools. On the left-hand side
is a toolbar there. On the right-hand
side, we've got, if you coming from the
Adobe range of products, you'd know these as panels. But affinity likes to
call them studios. If we click on a studio, you can see it'll
open up that studio. Or as I said, you might know it as a panel. In there. We can just flip through
the various studios. Over here. Down the bottom, we
have some more options, and these options change based on what tool
were working on. And at the top, this
is kind of a menu. There is a little menu
that drop-down over there. There's another menu over here. And then we have something. We can change the persona. So these buttons here
are called personas. You can see if I click
onto a different persona, the tools change and the
studios change as well. There are actually
three personas here. This one on the left, which is the vector persona. So we're going to be working
with that most of the time. The second persona here, once again, the
tools have changed. An elicit panels, the
studios have changed. And the last one over
here, by the way, that's the bitmap
or pixel persona. And this last one over here, which is the export persona. So when we're exporting
the documents out, we use this persona here. Let's go back to the
standard persona. Now, if you're not
sure what any of these things do,
what you can do. And this is a really
nice feature, is if you click on the
little question mark at the bottom right-hand
side and hold it. It tells you what everything is. Just let go and it'll go away. And it's just click and hold. And you can use your pencil
or you can use a pen as well. Sorry, finger,
finger is not paint. If you get stuck, do
you think What does that click and hold
and you there. Lastly, down the
bottom left-hand side, we've got three little buttons. This one over here, the little cross de-select items when
you've selected them, the middle one is
a snapping item, and I'll be showing you these as we're going along,
we're using them. And the last one is the
bin to delete things. Have a little bit
of a look at this. You can't do any damage. So feel free to click on things. Have looked around in there, open up some more
options in there. You'll find that the studios, you can go further into them. So if I click on positioning, it takes me into the
positioning options in there and try and try them out and just
get a feel for it. So it doesn't look too
scary to start off with. Have a go.
6. Vector, Pixel & Export Personas: Let's have a look at
the difference between the vector or design a persona
and the pixel persona. So if you can't remember
where those aren't, remember, click on
little question mark. You can see up here we've got the designer and the
pixel persona's, and they just slide
between those two. The difference
between them is that the designer persona is
all based on vector. The pixel persona
is based on pixels. So how does this actually work? Well, let's just take a
brush over here or a pen. I'm just going to take
a tool and I'm going to draw a little line in there, and that's done in vector. Now let's have a look
at doing something in pixels and look
at the difference. So as you can see, I can go to the pixel persona,
which is this one here. I'll click on that. And I'm going to use, well, I'll use a
paintbrush over here. Now this paintbrush will allow
me to also create a brush. And if I click and
drag like that, I can create a similar shape. It doesn't look quite so good, but they're both lines. Let's have a close-up
look and you can see immediately the difference
between these two. You see if I zoom
into them over here, this one was done in vector, and this was, one
was done in pixels. So when you zoom in, you can actually see the pixels in the
pixel persona brush. Whereas if you go to a vector, honesty, I can keep zooming in. You will never see
pixels on that. It is totally, totally scalable. Vector shape is made up. Let's go back to the
factors over here of points and lines. And then we can change the width of that and
we can fill them up. Whereas pixels, It's like
painting on an item, what you're putting down is going to be
there permanently. Well, unless you use
the eraser, of course. If you do want a
really smooth lines, you would tend to use the vector persona,
designer persona. If you want something
which is maybe more of a hand-drawn look like the type of things you might
do on paper or pencil. Maybe you'd want to go
into the pixel persona.
7. Create & Manipulate Shapes Intro : Affinity Designer is all
about creating shapes. These are vector shapes. And we're going to look at some shape tools now on how
to make the basic shapes. These are building blocks that
we're going to be using to build all the
incredible graphics that we'll get onto shortly. Don't forget at the
end of this section, there are three projects
and we're going to be creating some logos
in those projects.
8. Basic Shapes & Selection Tool: We're going to make a start in the vector persona,
the designer persona. We're going to go onto
these tools over here. Now you'll notice that
some of the tools have a little dot next to them, like these two down here. If you click and
hold on that tool, you'll find that it opens up
more tools in there as well. So there's a whole
group of them. For these shape tools, we've got a whole bunch
of different shapes. Let's make a start
with this rectangle. So I'm going to click
on the rectangle, and I'm going to click and
drag to draw the shape. Now that I've done
that shape there, I want to manipulate
it a little bit so I can go long up to the arrow
right at the very top. Now this is called
the Move tool. And first of all, I can
move that shape around. Iso. I can also click on a corner and just scale it around as well. If I want to rotate the shape, I can click the little lollipop that's sticking out the top. And I can then just rotate
that around, like so. And the same goes for pretty much all of
these tools in here. If I go in and chose or what you have,
Let's have a heart. I were to click and
drag a heart out. Same again, I can use that
move tool, move it around. I can rotate the top. I can scale it based on the little handles
around the outside. Now, when you go to
the themselves sorry, should I say the shapes
themselves in the toolbar. We then got some other
options that pop up. Over here. We'll be looking
at these options. So do keep an eye
on this area here, because based on
what you click on, you'll find that this changes. Have looked at what I mean. I'm going to use
that selection tool. Click and drag across
those items to select them and bend them. Let me do the same thing
or go to the heart. I'm going to click
and drag the heart in and look down here, we've got some options in there and I can flip
through those options. Now we've got a spread. Let's click and drag on
the spread and you can see it changes that shape a bit. Let's have a look at
another shape. Over here. I'll just been that one
by clicking on the bin. I'm not going to go through
all of these shapes, just a few of them so
that you get the idea. I think I would use the, Let's go with this shape
here, the square star. Click and drag the
square star out. And in here I can change
the number of sides. I can change the
cut-out over there. Once again, we've got the constraint options and ignore snapping
options in there. Having a little
bit of a play with some of these tools and just get used to some of
the settings on them. Create a tool, have looked
at the settings and adjust those settings to
get the tool that you want. As you can see, some of them
have different settings. I can mirror this one over here. I could have the negative
space if I wanted. They'll all have slightly
different settings for you to try out. I forgot.
9. Customise Shapes: Now if you pick one
of these shapes, and once again, I'm just
going to choose the triangle. I click and drag
to make the shape. As you've seen so far, you can go over here
and you can manipulate the shape by changing the
options down the bottom, I can mirror the
shape if I wanted. But you'll notice that
a lot of the shapes also have a little
red dots on them. If you go to that dot, you can then do the same thing rather than changing the
options down the bottom. I'll just go onto my move tool. That when you get back
to the move tool, you'll see your options change. So you can't get back
to those options. If I'm on the triangle, then I can get back and
adjust the triangle. So do keep an eye on that. Because as soon as you
go to this tool here is where those options gone, you need to be back
on the same tool to access them from the bottom
or on the shape itself. Let's have a look at
one more shape here. So I'm using that
move tool to select my shape and delete it. I'm going to go in here. You can hold on there a bit. And let's use a Coke
shape this time. I'm going to click
and drag my cog out. So I could use these
options down here. Or while I'm still
in the COG tool, I can go along and experiment
with these options here. So let's pull that one in. This one, I could move out. Then over here, I can adjust
that it aligned there. I can adjust this one over here. I can even go to
the middle and pull that in and out a
little bit as well. Once again, try out the
different shapes and have a look at the new shapes you can create from those existing ones.
10. Fill & Stroke: Let's start looking at the
color of these shapes. I'm going to go in
there and I'm going to just choose a rectangle. You can choose any
shape you like. And I'll draw my rectangle out. Now on a shape. We have the fill color, That's the color in the middle. And we have the stroke color, which is the color of the
line around the outside. If I go up to this color studio that's
almost at the top there, I can choose to adjust the fill color or
the stroke color. You click on one of those
to bring them to the front. I'll click on the Fill Color. And then down here, I can choose the hue. The hue is the color
on the color spectrum, red, green, blue,
purple, yellow, etc. Then we've got the saturation, how saturated that color is. Finally, we've got
the luminance, which is the lightness or
darkness of that color. I'll put the luminance
right in the middle. And then you can
see the saturation goes from gray to full blue. And I can choose any of
those colors that I like. Now you can see it's remembered that recent color and
popped it down the bottom. But what about for the stroke? What I'm going to click
on the stroke to bring that to the front so the
stroke is now active. Same again, I can
change the color. Let's make that orange. We'll take the saturation right up and the luminance as well. You can just about
see my orange line. But I like to thicken
up that line. So I'm going to click down
here next studio down. And I can adjust the
width of that line there. At anytime. Using this selection tool or
the Move tool at the top, you can select a shape. You can just go
along to a studio. You can pick either the
fill or the stroke, and you can adjust the colors. You can also pick
from colors in here. And we're gonna be looking
into the swatches shortly. So there's a lot
more premade colors that you can use as well. Finally, a quick thing here. If you got your fill and stroke, you can flick over them and
it will swap them around. So now I've got an
orange middle with a green stroke
around the outside. So just pull over
to swap them about, actually prefer it
that way around. Do you have that go with that? Don't forget your hue,
saturation and luminance. Because sometimes
if these two are down and you're looking
for your colon, you think where on
earth is that color? Just pick the color. Get your saturation up. Then don't forget
your lightness, which is your
luminance in there.
11. No Fill or Stroke: Once again, let's have
a little shape in here. I'll use an ellipse this time. I'm going to take
an ellipse shape. You can see it's remembered
my last colors that I had. I'm going to go in
here and I'm going to adjust the fill color
to what I want. I'm going to go
across here and maybe increase the width
of the stroke. What I'm gonna do
a second shapes. I'm going to put another
shape over there. This time. When I go to the fill, I could actually choose
to have no fill. So click on this little
None button down there. I can have a shape
without a fill. Once again, you can see it's remembered
that last setting. I could actually have
a fill on a shape. Let's give this shape of
fill color over here. So we'll just pick a color. But I could also
go to the stroke. I could choose a
none for the stroke. Lastly, I could
actually have a shape. I know this seems
a bit weird with no fill and no stroke on it, which then becomes invisible. You can see if I
use my move tool to just deselect, it
seems to have gone. It is still there. Those are quite useful objects. We can use them as
helper objects later on. Now I have done
these on circles, but the same thing works on
all of those shapes in there. Try them out, habit
of fun with them.
12. Corner Tool: One of the things that we can
do with our basic shapes, apart from changing
the shape itself, as we've had a look at so far, where you can just go
down to the bottom and pick different
options in there. Is we can also
change the corners. Now we've got a
little corner tool over here in the toolbar. Remember, if you're
not sure what's what, click on the little question
mark at the bottom. And I'm looking for
the corner tool. And you can see it's
this one over here. Let me go and make a shape. First of all, I'm going
to use rectangle. I'm going to draw in
my rectangle in there. Then I can go to my corner tool. I can choose to
change the corner. If I've got this corner here, you can see I can
just click from that corner in to round it off. I can go to this corner here and click and round that
one-off as well. Let's do that again
with a different shape. I'm going to delete
this shape over here by clicking on the little
upsets. Try that again. Same again. It's got a
different shape in here. So I'm going to just pick the, what should we go to triangle? I think. I'll draw my triangle in there. Once again, I go over
to the corner tool. I can just click and drag
to adjust that shape. You can do that on multiple
corners at the same time. I'm going to use two fingers
to induce a two fingers. And does, if you wanted
to read you, by the way, it is three fingers, three fingers to redo, two fingers to undo. With that little tool. If I clicked and
dragged over my shape, you can see it's selected all
the little points or nodes. If I click and drag, I can do them all
at the same time. Basically, I can get
back to a circle with any of these shapes, work in exactly the same way. If you go back to
your selection tool, those little circles disappear and you can still adjust it. At anytime. I go back to the corner tool, I can click on a corner
and adjust them. Try it out.
13. Create Curves from Shapes: One of the things you might notice when you're working with these basic shapes is that when you create the
shape like that, they're an option over
here is says two curves. So what does that mean? Well, if I click it, nothing appears to
happen at the moment. Look at that, still
appears to stay the same. Let me show you again
on a different shape. I'm just going to delete that. Let's get something which
obviously has got curves in it. So once again, I will just
pick a shape over here. That is curves, but it
still says make curves. So what does this thing to? Well, it's to do with
the shape itself. The shapes that we've
got that we're using, there are very special shapes and you can adjust
them as we saw before. So for example,
you could go into the code and change
the number of sides. At any time. What happens is when we
make something into curves, we're breaking that
basic shape and just saying it's just
lines on the page. Well, why would we
want to do that? It could be that we want to
adjust the shape ourselves. Let's have a go with a
different shape over here. And I'm going to use the staff. I'm going to make a star there. If I go up here to
the Nodes tool, I select the Start. I'm trying to select just
a single node over here. Let's de-select that
and do it again. Try and select that little node. And you can see the
whole thing selected. It's still in the star thing. It still allows us to
adjust these options. But if I say to curves and I'm going to break it
and make it into curves. Now I can use this little
Node tool and I can select the individual points and I can adjust those points there. So let's get a little
sort of shooting star. Oops, that wasn't what I wanted. It'll shooting star over here. Falling towards the Earth. Doesn't look much
like a shooting star. Just looks up at
something weird. But anyway, let's have a go with a different one. In here. I'm going to go
to a basic shape. I'm going to use one
of these ellipses. I'll draw my ellipse. Once again if I go up to the node tool and try and
selected it selects everything. And if I'm changing it, just adjusting the shape like we do with our
main selection tool. But if I say two curves, now you can see we've got
these nodes with handles. If I use my node tool, I can select an individual
point and adjust that handle and change what
is called the Bezier curves. That these are the Bezier
curves. Over here. I can even grab a handle if
it's on a curve like that, to pull it around, to adjust the angle that that curve is
coming into that node.
14. Node Tool: I've got a rectangle here, and I'm going to
click on two curves. Then I'm going to take
my node tool over here. And I'm going to select
one of those points. So you'll see to select a
point I'm just clicking and dragging over the point
like that to select it. You can also select, by just clicking
to select a point. You can select multiple
points by clicking and dragging over them so I
can move those two around. At the same time. We've caught a number of
different options down here that we can work now on our points. I'm going to select this
little point down here. So I'm gonna click and
drag over it like so. You can first of
all see I've got a sharp point there,
which is what it is. But I could also make that
into a smooth points. I could round it off. And then I can pull
out these handles and adjust them and adjust
the curvature of that shape. We've got another one. Just to pull this out
a little bit over here called a smart handled. If I click on that, you see it just makes those
two handles the same width. Once again, if I pull that out, I can just do smart. If we choose delete, that
gets rid of just that point and the rest of the shape just
goes from there to there. So it keeps it, the stroke going
all the way round. Let's have a look at
another option here. I'm going to get rid of that. So I'll press the
full at the bottom. You have for them. And I'm going to make
another shape over here. Let's go and take
something a little bit more complicated, like this cog. I'll draw in my cog. I'm going to adjust the cog settings while I'm
student the crop tool, I might increase the
number of teeth. I'm going to pull that
in a little bit like so the whole radius, I'll make that a bit bigger. Then I'm going to
click two curves. Now curves. Now I can use my node tool and I can
select some of these curves. So I can just click and
drag over those two to select them and then
pull them out like so. One of them here, I'm also
going to smooth them out. I can get them to be
rounded and I can then select them individually
and move them out. Like so. Of course, if I make
a mess of that, well, I just select
that point again. And I can either go
with a smart curve or just back to a sharp one. Again. Let's take this one here and
go back to the sharp point. If I drag, for example, over there, I can stick to
whole number of those points. And if I select one
of them now they will all move at the same time. Try that out.
15. Use Geometry for Custom Shapes: We have another way to
create custom shapes. I'm going to start off once again back to my basic
shapes over here. And I will just start
off with an ellipse. I'm going to draw an
ellipse in there. I want to just change
the color because it's honestly it's
a bit gray really. So I'm going to go into my hue, change my saturation a bit, and my Luminance in there just to get an interesting
color in my shape. Now, let's make a
copy of this shape. So how do we copy
something in Affinity? One of the ways is by looking
at these little menus. Over here, you see
the second menu in there has got various options. One of those options is copy. So you could copy an item and then you could
paste it. Over here. I can just do copy and
there it's copied. Let's go back in
there again and I can paste it in like so. Another way to copy an item is just to go up to here
and choose duplicate. And that's duplicated that item. It's a really easy
way to copy shapes. Now, I've got these
two shapes here. And what I'd like to do
is I'd like to use one of the shapes to add or
cutaway from the other one. Change the color
this top one a bit. If I select them both, some on my main selection tool, I'm going to select them both. And then I'm going back
to that same menu. Downhill, we've got
something called a geometry. And if I click Add, it, adds those two
shapes together. Let me undo that. I'm
using two fingers to press on there to undo. I've gone back to
the stage again. If I go back there once
small and you subtract, you can see it subtracts the top object from
the bottom object. This is really a very useful way of creating some
interesting shapes. Let me put another shape on top of that over here and I'll just get little star
pop that on there. I'm going to select
them both by clicking and dragging across
both of them. And I'm going to go
up to the top here. I'm going to choose Subtract. Now what do you have
noticed is that I didn't go in and make these
into curves first, if I go to my node tool,
they're already curves. So what happens is when
you use geometry on the basic shapes
and you add them together or subtract
one from the other one. You'll find that they will
automatically become curves. And you can then
go and use any of these settings in
here that you want. Backup today, once again, do have a bit of a go with that. Try the ad and the subtract
with a few shapes. And what you'll find is, Let's get rid of that one. If you've got multiple shapes, it works as well. Before you have a go, let's just make a shape, a shape, shape and
the shape over there. And I can select all the shapes and then just add them together. Likewise, you'll
find that you can put in multiple shapes and subtract all the top shapes
from the very bottom shape.
16. Other Geometry Tools: Let's have a look at the
other geometry options. Moving downhill, we've
got an intercept. What Intersect does is it leaves the overlapping
area in there. Pop another shape. Here. I'll use a diamond this time. Let's put a diamond over there. I'm going to select both
of those up to geometry. And this time I'm going
to use not divide yet, but this exhale over here. So what this does is it knocks out the overlapping areas type, you call it Zola,
but I think it's XO. I didn't know. You'd have to figure
that one out. Lastly, here, we can
also go to divide. If I choose divide, what this does is it
divides the object, tap into all these
different shapes. Now, if I click on that shape, you can see I can just
pull those bits around. They've all been divided up.
17. Draw a Fruit Logo: If I go in here, I'm going to start off
by using an ellipse. Draw a circular
ellipse in there. I want this ellipse to kind
of go down at the bottom. So I'm going to
convert it to curves. And once I've done that, I can then use my node tool to select this bottom
and just put it down. Like so. Now I want to have those. So I'll use my selection tool
to make sure it's selected. Go up to the top, to the menu and duplicated. And I'm gonna pull
that across like so. I want to take those two
shapes that I've got. Select them both. And I'm going to
use, once again, the options in here to add the geometry is going to
add those two together. A little bit more to this. Let's take another
circle over here. I bet you'll get
you'll guess what? This is very, very shortly. I'm going to move that
circle in like so. I'm going to select
both of them. And then once again, in the geometry, I'm going to subtract the front
object from the back. Lastly, I'm going to
take same shape again, that little circle, like so. I'm going to duplicate it. I've got two of them. I
will move across like that. I'm going to select
both of those and go up to my geometry up here. And I'm going to find
the intersecting area. You get the idea. One more thing, these
little shapes over here, that shape and that shape
should be rounded a bit. If I use my node tool and select this little
point Ever there, I could try smoothing
it out like that. I'm going to undo that. The
other way that I could do it. Just select it once more, is I could actually go in and
I could use my corner tool. I could click on there
and just round it off, like that. Same over here. This is much easier to just
click and round that off. There we have one piece
of fruit, have a COH.
18. Create a Compound Path: If I take a shape
and I'm going to go and just find a
little lips in them. I put that ellipse
inside the other shape. I were to go in and select
both of those shapes. When other up here. And I choose Subtract, it, subtracts one
from the other. But what this has actually
done is it's actually made a shape with two
strokes around it. There's a stroke that goes
around the outside here, but there's a second
stroke that goes on the inside of the. If I was changing my
stroke width in here, it would affect both the
inside and the outside. Why is that important? Well, if you've got a shape with more than
one stroke on it, it's known as a compound path. The great thing
about compound paths is if you change your mind, you can always undo them. So a five-stage to
this shape here, which comprises of the
two different pods. I go up to the top there, you can see it says separate
curves and I click on separate curves and it's separated them out back
into the two shapes. If I had done something like that and used exactly
the same one, and I'd gone to subtract. Then when I went to the top, it won't allow me to separate
them because there's only one curve or one stroke
on that particular shape. Try that out.
19. Make a Monkey Face Project Intro: We're onto the first project. What we're gonna do
on this project is we can create monkey faces. And we're just going
to use circles to make these cute
little phallus.
20. Draw 4 Circles & Touch to Get Rounds: Now before I start this project
of a little monkey icon, I'm going to go up
to the settings at the top right-hand corner
you can see this little cog. Click the cog. This
opens up the options. And there's an option I
want to show you here. I've switched mine on, but by default
it's switched off. It's called Show, Show touches. If you don't have it on, nothing happens when
you touch the screen. If you do, you'll see this
little blue circle appear. And I've got it switched on, so it's easy for you to see when I'm touching and
what I'm touching. I'm just going to click done. And I'm going to
click the plus over there and make a new document. The document I'm going to create is just gonna be the default. It's in the device. I'm using the iPad 12.9 retina because that's
the machine that I'm on. If you're on a different device, will use that device. We're going to click, Okay, just making sure
that this is set to landscape because it'll
be easier that way. Not necessarily. Here's my page and then
I can just zoom in, zoom out with two fingers. You can see the
little blue touch area is showing that up. Now what we're gonna be
doing is we are going to be using some circles. So I'm going to go over
here to my basic shapes. I'm going to find the ellipse. I'm going to draw a circle. But when I'm drawing the circle, I want to make sure that that
circle is perfectly round. So if you hold down
one finger on there, that will give you a
perfectly round shape. If you hold down two
fingers, by the way, it goes from the middle
out and three fingers, We'll go from the middle out. But as a perfectly round shape, I'm not too worried about that. I'm just gonna do one
finger for it for now and make my shape. Now with this shape, I
want four copies of this. Let's just move it out the
way a little bit here. I'm going to duplicate
this over there. And I'm going to
duplicate it again. Look at that. My next duplicates
come down here. This is called
power duplication. I'm going to show to you
later on It's really, really cool because
when you do something, when you go to duplicate it, does it again, but it
does the same movement. So I went for duplicates
of this shape. I'm going to select
them and to make it easier for you to see
exactly what I'm doing, I'm going to come
to my fill color. I'm going to fill
them with a color. Just use something
like that for now. I'm going to go to the stroke. And I will just get a bit of
a stroke on those shapes. Get yourself a four circles
exactly the same size, but try out at one finger
down while you're drawing it to make sure that it
draws perfectly round.
21. Geometry to Create Hair: I'm going to take one
of these circles. Once again, I'm
using my move tool and I'm just going to
move it out the side. Then just put it right out
the side of my of my page. Then let me go back
to these ones here. Now, what I'm going to do is
start with one at the back. I'm going to put these
two On top of that one. What I'm looking to do is to make a little shape
that looks like that. That's going to be the monkeys
hairline, if you like. For liners, suppose
I should say. Now, you might find that you can get rid nice arena
shaped like that. Or if you want, you can actually
delete one of these. If you don't like that. You could take a
shape and you could actually make a smaller shape. Once again, I'll hold down this finger to get
a perfect circle. You can make the shapes smaller, and you could do it
with smaller shapes. It's entirely up to you, but you do need to
have those shapes. Let's just duplicate that again. Like so, put them together. Now you'll notice that as I'm
moving these things around, these little items are just snapping to each other in there. If you're things don't
snap to each other, make sure that the
little snap button in there is switched on. You see if I switched off now? It doesn't show me when I'm perfectly parallel
to those items. I'll switch it on. And when I move that along, you can see right on the
middle of the page there, you can go there to sort to
show the middle of the page. I'm going to move those
across that went across there, something like that. I'm going to select
all those items. And I'm going to go up. And I'm going to
use the geometry. I'm going to subtract the front objects
from the back object. Look at that, It's left
another object over there. So what we've got
here is sort from one object over
there in two parts. If I go up to the top over here, I can separate those curves out because that's
actually one object with two strokes on it. It's a compound path. So if we separate those, that will break it up. And now I've got that separate and I can just delete that little
bottom section. And here's the hair
for my monkey. Now I'm going to choose
a color for the hair. I think I'm going to go with
a slightly darker brown. We'll just flip that over. Some sort of brown black that it's going to pop this
one back over there. Now, you can see that I've got
these the wrong way round. Need the hair to
be on top of this. This is where we're
going to start by looking at in the studios here. It's 12345 down
the layer studio. Because I can take this
curve here and drag it. Below that one. You see as I'm dragging, you get blue line, blue
line in the middle. We don't want that blue
line at the bottom. I can just drag
those two around. When you're dragging them here. Just watch where
you dragging them. That's not gonna
do anything that will actually put it
inside that shape. We don't want that.
We wanted underneath. But I want the third, the top, and the monkey's
face under that. Try it out.
22. Create Tufts of Hair & Ears: Let's do another circle here. I'm going to go in to my Ellipse Tool,
draw another circle, hold down the touch and make
that a circle is small. Perfect circle. I'm going to make
a copy of that. I'm going up to the
top to the menu. I'm going to duplicate that
and move my duplicate down. I'll have to go back
to my move tool. I can just move that
down a little bit. Like so. This is going to be the hair. But if I select both of those, I will use once
again the geometry. And I'm going to subtract the front one from
the background. This little bit over here is
gonna be the bit of head. It's going to stick out
the top of the tuft of, hey, I want to have
those. Same again. Back to geometry and
back to geometry. Let's try going to duplicate. And I'll take that
one, pull that down. So I've then got those
two little tufts of hair. I'm going to select them
and now go to the geometry. I was getting ahead of
myself there and just add those together, like so. That's gonna be the bit
of hair that's going to kind of stick out the top. But as you can see, some of
it is overlapping this area. So I want to cut
some of that off. The easiest way to do that
is to take another shape, put another shape
over the top of that. Just like that.
Select those both. And once again, we could use
subtract to subtract it. And that is going to be my little tuft of
hair up the top. Now, if I select
that and the hair, how do I select them
without selecting the face? If I hold down my touch, I can then click on that. And both of them are selected. You'll find that the
touch will allow you to add and subtract items by just clicking
on them very quickly. So I can click that Add. And I can click
that to subtract. Let's just subtract that again. I'm holding down the touch. Just add that one in as well. Now that I've got both
of those unengaged, go back up to the geometry, and I'm going to add them
together to make the one shape. It's do some ears. Years be nice and easy because it's just
gonna be circles. So same again, using my ellipse tool
and we're going to draw my elliptical shape
that I think that's probably a good size
for a monkey ear, quite nice and nice and large. I went to another
smaller one inside that. I'll do the same thing again. I'll duplicate it. And there's my copy. I'm do that and use
the right tool, so we'll get the move tool
you took with a copy there. And I'm just going
to pull this copy down and make it a bit
smaller once again, whilst holding
down my shift key. So this copying will be the same as the skin
tone of the monkey. That she's going to
be the same color as the hair of the monkey
or the third monkey. How am I going to do that? Well, if I select this item
and go up to my colors, there is a little
eyedropper up there. If I take this eyedropper
and move it onto the monkeys for you can see
it picked up that color. All I have to do is click
that color to choose it. Let's do it again in
case you missed that. I'm going to do the
same thing here. I'm gonna select this
little bit of the ear. I'm going to go up to the top. I'm going to drag that
eyedropper onto the fur. You can see how it's sick
selecting the colors, I let go. There is the color over there. I click it and it applies
it to that shape. There's my one ear. Just going to go like so. I want that to go
behind the other shape. How are we going to do that will exactly the same
as we did before. With them both selected. I'm going to up to the layers. I'm going to drag
both of those layers down all the way
below the big circle. You can see how it's
moved them both below. Of course I need one on
the other side as well. So I'm going to select that. I'm going to go up to the top, duplicate those to
move them across. And I'm just going to
rotate them around. Now, when you're rotating, if you put down a finger, you'll find that it rotates
in increments like that. If you don't have
that finger down, it'll just rotate freely. But over the air
can rotate it in small increments until
it's exactly perfect. And I'll move that across. Like so. I think the monkey or
the face should I say, shouldn't have a
stroke on it anymore? Algorithm the stroke
and choose none. And that way we also get the two of them to almost look
like they're together. Happy to go. But if a bit of ears
using duplicate and also go into the geometry and using the geometry
options in there.
23. Eyes, Mouth & Groups: The mouth area going. So I'm going to use
ellipse this time. Click and draw my
elliptical shape in. I'm not doing a perfect
circle this time. This is going to be
within nose and mouth go. I'm going to select that. Once again, go up
to my fill color. And I just want a darker shade of this color
that I've got in there. So I'm going to go
to my luminance. I can darken it down and maybe remove some
of that saturation. Let's move that up. Now. If you click and drag
like I've done there, what you might find is that you actually
start drawing a shape. You can see how I was
on that till then started to draw a shape. So just be careful with that. If you start to do that, just deleted or use your
two fingers to undo. Always go back to
that Move tool. I can move that into the right position
over there once again because my little magnet is
switched on as I'm moving it, It's finding the middle
for me very, very quickly. I need a small little nose. This is gonna be written
nice and simple. So a little nose like that. I'm gonna make that knows black. So once again, we can
either use these to find the black or you might have some quick
colors down there. I'll just choose black for that. Let's move that into place. Gonna go up the top there. We need a big mouth around the same again,
using an ellipse. I'm going to make a second
copy of this ellipse. I'm just making it a
little bit smaller there. I'm going to copy it by going up to the top and duplicating it, moving my duplicate upper
bit, selecting them both. And then once again using geometry to subtract
one from the other. And this will be
the mouth shape. And I can just adjust it
a little bit to suit. Let's make the mouth
red. Over here. I'm going to go onto the reds, the saturation and
the lightness. I'll just change that
until I get the sort of red that I want. Something fairly dark I think. And same again, I'm
going to select this and move it into
the right position. There because we need some eyes. And there'll be
really simple to do. A little eye over here. Now you can make these bigger
than then scale them down. I'm going to make an
eye shape like that. And I think we'll have
a dark color for this. So we'll just go with a much
darker color like that. So that's going to be this
outside of the shape. Let's zoom in to it. Then inside that, we can have another little
shape as well. So I will duplicate that again. And I'm going to
scale this one down, but I'm gonna hold
down two fingers. So when I scale, it scales into the middle, you can't see that. So if I were to take the outer one over here
with the outer one, I will just lighten
that up quite a lot. So the luminance or Latin
it up a little bit like so. And it's sort of a bluish color. And lastly, I need a little highlight in the eye just to give it a bit of life. Of course, we're always
using ellipses here, so let's do a little
ellipse, it like that. I'm going to make
that one white. And I'll move that
across into the eye. Now, why is that where it is? Let's have a look at the layers. We click in layers and
it's below the black one. You can see if I
put that above it. There it is. There's the little highlight I. Now before I start
moving it around, I'm going to select all of those and do something that we haven't looked at in the course. I'm going to go up to the top. And I'm going to choose
to group that together. What that's done now is it's grouped all of those together, so I don't need to worry about trying to select all
three at a time. And you can see how I've
got the monkey I in there. I think it's a little
bit on the large side. Let's scale it down a
little bit, like so. Pop it in there. And I wanted to make
a copy of that. So I'm going to duplicate the group and move
that across to there. Select all of those items, and we'll move them down a
little bit to the middle. I think the only thing we're
missing is a neck now ready? And because this is
a cartoon monkey, we will do the one
shape that's not going to be a ellipse. We're going to use a rectangle. I'll just draw a little
rectangle down here. Same again, I need to select the color of the monkey's face. I'm going to use this
little eyedropper. Move on to that and click. Now, once you've
got to that stage, if you didn't want to
start moving this around or changing into doing
whatever you want. You can select the whole thing. And you can go to the top menu and you can
choose to group that. And this means that now
whenever I selected, the whole thing
will move around. I can scan it all
at the same time. I can duplicate that to make
a whole bunch of monkeys. Let's start with this one here. We'll duplicate that. Maybe you have a bigger
one and rotate that one a little bit around there as well. And you can see we can just keep going with hollowed
different monkeys in that. Once again, have a bit of a go. Once you've tried this out, try some other animals
and see what you can do with very, very
simple shapes. Have fun with it. That's the most important thing.
24. Make a Rocket Icon Project Intro: Our first proper logo. We're going to make this rocket. And once again, we're
going to be using circles with a few squares, but we're also adding some other extras
like drop shadows. Now we haven't talked about
this yet in the course, but they're really
easy to use and you'll see just how they work.
25. Draw a Circle and Create Rocket Shape: I'm going to go up to the top, to the little plus clicking there and over to
the new document. I'm going to create a
document and the size I'm using is this size over here. I'm just using my device. If you want to use
a different size, that's no problem at all. But I'm going to click Okay. Now I've got my page up and the logo through I'm going to do is going to be
a rocket shape. I'm going to start off with
just circles over here. If I go onto my circular tool, find it in there. There we go. There's my ellipse
and I'm going to draw an elliptical shape. Now I'm not worried about
this being perfect circle. I'm going more with
an ellipse like that. I've got my ellipse. And what I'd like to do now
is to copy the ellipse. So back to my move tool. Hold down two fingers
and drag and that makes a copy of that
elliptical shape. I'm going to select
both of these shapes. And you can see this
is the area that I really want for my rocket. So it's a lot easier to see
exactly what I'm doing. I'm going to go across to
my colors and I'm going to just change the
colors on the tool. So over here I think we'll take the luminosity
down a little bit like so and give it
a bit of color in there. But I'm actually
going to flip those around and we're going to
remove the fill color. I've just got a
color on the stroke. And of course you can then
go to the stroke and you can adjust the stroke width as well. Now that I've got both of these, I'm going to cut them. And I'm going to use the
geometry setting for that. Right up to the
top, to the menu. We've got geometry over here. And what I'd like to
do is I've actually had the intersect between those two and that
just leaves me this little shape
right over here. Now for the next
bit we're going to do the bottom section over here. I'll do something very similar. Let me just move this one
out the way for a moment. So we'll just push
that out to two. They're gonna do the same thing. We're going to take an
elliptical shape like that. I'm going to get
another ellipse. I'll use two fingers, drag a copy of that. Now, this happens to me so
often I'm on the wrong tool. So I'll just undo that
with two fingers. Go back to my move tool. Then I'm going to
move that again. So two fingers down and click
and drag to move a copy. And my copy I'm gonna
take down like so. Now if I put one finger there, you can see as I'm moving
and it's moving it perfectly vertical
compared to the last one. Happy with that, I'm going
to select both of those. And once again, up to
the menu at the top. And I'm going to choose to subtract the frontal
object from the back. And that gives me
this shape here. Let's take that one and
put it in with the rocket. Now I think I'd like to
actually be right up there. And I'll move those two back
into the right position. Now. Let's try that again. Select both of those and move them back into the
middle, like so. Before we take this any further, do have a little bit of
a go with that and just use basic circles to
make a very simple logo. We're going to expand
on that shortly.
26. Add a Stripe with 2 Circles & Group: It's taken our rocket
a bit further. What do we need to
do now is I'm going to select the entire rocket. So both of those
shapes, once again, you've probably guessed what I'm about to do now I'm
going to go up to the geometry and just add them together into a single shape. However, I would like to have a very subtle stripe
through my rocket. What I'm going to do this
time is I'm going to do the same thing as before. I'm going to come along
and find an ellipse. I'm going to draw
a large ellipse. I want this to be
a perfect circle, so I'll hold down my finger
while I'm drawing it. And I'm going to
make a copy of that. So two fingers down, drag a copy of that. I'm going to select
both of those. Do the same thing
again, up to geometry. And I'm going to subtract the front one from the back one. Now that I've got this shape, I'm going to put this
shape on my rocket and you can still adjust it if you don't like the shape that
you've got in there, you could adjust it a
little bit as well. You can also rotate
it around if you wanted more of an
interesting angle. I don't sell hold down my
finger and make sure it's perfectly in line with the
others. Happy with that one. I'm going to select
both of those shapes. And I'm going to
go once again to my geometry and I'm
going to choose divide. What this will do
is it will divide up those into individual shapes. So when I click off it, this is a separate shape. I can delete it. This one is a separate shape.
I'll delete that. I've got my rocket
in three parts. Now. I am going to select the different parts and just color them up a little bit here. So I think I'll just flip that over to get a bit of a
color for the rocket. I think I'm gonna go with
white for my rocket, but for now, I will
just choose this red. Now I've got a stroke on that. I don't want a stroke on there, so I'll click on the
stroke and choose none. And finally, for this
shape in the middle, once again, I'll go into, by the way, when
you're doing this, be careful that when
you select something to unselect and by mistake, just drag it a little
bit like that. So we'll just get that back. Should be I'll make sure I
selected without moving it. And I'm just going
to change the color once again to something else. India. Now it's changing the stroke because
I'm on the stroke, not on the fill. So I'll just choose
none for the stroke. Go back to my fill, and then just pick
another color. India RED doesn't matter at the moment what
color you've chosen. We're just looking to be able
to see the rocket clearly. Once I've done that, I'm going to select all three of those shapes that can move
them around together. I'm going to go up to the menu and I'm going to say
group them together. So now when I click on one, I can still move them around. If you need to
adjust one of them. By itself, you can
just double-click to isolate that objects. And as you can see, I could
then go up and change the color on that area. Have been for go with that
to get your rocket into some sort of stage like this. And then we'll make an interesting background
for it. And some shadows.
27. Draw in the Background Rounded Rectangle: I'd like to draw
background shape and I'm going to draw a square
or a rectangle. I'll go over here to my shapes, choose the rectangle, start
drawing the rectangle out. I wanted to be a perfect square. I'm going to hold my finger down over there to get that
to be a perfect square. Now that I've got that, I can also choose the type
of corner that I want. If you see down at
the bottom here, while that is selected, I can go in here and from none, I could choose to
round that corner or frequent straight corners,
rounded in verses. I'm going to choose the
rounded corner. Over there. You'll see this little red dot. If I put on that red dot, I can adjust how rounded I want that corner
to actually be. I'll go back to my move
tool once again, move that. Now it's in front of the rocket. I'm going to go up to the Layers panel,
this little one here. And I'm going to drag
that below the rocket. Now I have to drag it
all the way below. You see there's a group there. That's because I
grouped the rocket. If I just felt the
group up by clicking on that little arrow,
then it's much easier. I can drag this
underneath that group. And now my rocket is
in front of the group. Not to be a lot easier
for me to actually color it up as white. I'm going to double-click and then just color these
up individually. I'm going to just choose
white from there. Go back to this one,
white from there. And I think the middle bit, I'm going to go a little
bit more subtle of there. So we'll start off with white by my change the luminance to just give a subtle
stripe like that. If I then de-select
it and clicked again, you can see my rocket
is still selectable. I'd like to just adjust the angle and
because it's a group I can then just anglers
around like so. If you hold your finger down, you'll find that it'll
actually angle in degrees. I can keep going until I
get to about 45 degrees, which is what I want, this
going across the shape like. So I'll just choose a different color for
the background now. And let's go something. I'm gonna go
something like that, which I might just
darken down a bit. Anyway. Try that out. Get your rocket to
this stage there, put it onto a background, and then we'll move on.
28. Adding the Drop Shadow: I'd like to separate
my rocket from the background a little bit
and give it some depth. So I'm going to be
using a drop shadow. Now to get you drop
shadows or other effects, we can go along to the right-hand side and
find this effects studio. It's got an effects on there. If I click on that, there's a number of
different effects that I can choose from. To click on the rocket, and that will
select all three of those parts of the rocket. So it's going to treat
this as one shape. If you hadn't
grouped it together, you might start with that
one there and that one. And then you're effect will be applied to each
individual object. But doing it this way,
the effect we applied to all of those objects
at the same time. I'm going to go down here. We've got things like
inner glows, outer glows, Gaussian blurs, 3D is building buses will be using
some of these later on. But I'm going to go over here to the outer shadow
and switch it on. And when I click on
the outer shadow, you can see that it's just
disappeared in there. I don't seem to be on
the move tool either. But down here, we've got
some options for the shadow. Now a nice quick tip here is if you just
click and drag on there, you'll actually see you can
drag your shadow around. What you're doing
is you're changing the angle and the offset. So I could drag that around
to where I wanted it. Then I'm going to
go over to here to the radius and I'm going to just soften that
up a little bit. And I will go to the opacity
and put it right down. I'm not really fond of
very heavy drop shadows, so I'm keeping mind as
subtle as possible. Do the same thing
with the background. So I'm going to get
my move tool again. Click on my background. Same again over here, up to the outer
shadow. Click on it. I've switched it on, no. And as you can see, I
can just drag that out, but I'm going to make
it very, very subtle. Change the radius and
take the opacity down. You can barely see it. You can then keep going
with this if you wanted. I can go back to my shape over here and I'll
use my move tool. And I'm just going to
go across to the color. I'm going to go to the
stroke and I'm going to put a white stroke
around the outside. You can see it shows up quite well with against
the drop shadow. Like so. It's up to you, whatever
you'd like to do with that. We can just extend that
a little bit if we want something a bit thicker, I'm going to keep
mine fairly subtle.
29. Make a Delivery Logo Project Intro: Now the last project
on this set is going to be a logo for
a courier company. Once again, lots of squares, lots of circles, and we're gonna go through
it from scratch. As always.
30. Start with a Circle and 2 Rectangles: Let's do another logo. I'm going to click on the Plus. I'm going to go up
to new document. And once again I'm just using the device standard document. Click Okay. Now this little logo
that I wanted to create, his going to be a delivery logo. So I'm going to create
a little vehicle. Once again, I'm using
our basic shapes and I'm going to use
geometry for this. I'll start off over here by just going into
my basic shapes. And I'm going to
pick an ellipse to start off with my lips. I'll just click and drag a little elliptical
shape like that. This is defaulted to gray and I think I'd prefer
different colors, so I'm just going to pick
another color in here. And we can just adjust the luminance and the
saturation for our colors. I'm quite fond of this. One, call it silver, a
quasi type of green. That's the basic shape, which is going to be the
front of my little van. Now for the van itself, I wanted to go up like so. I'm going to use a
different shape for that. I'm going to go
to the rectangle. I'm going to draw
a rectangle shape for the back of the van. And as you can see, if I pull that up like that, it looks nothing
like a van with me. With my little shape over here. If I'm still on my Shape Tool, I can go down to
the corners and I can just choose to
round the corners off. I'll round it off. Like so. This will be roughly
the shape of my van. Now, once again, I know what you're thinking
is still doesn't look like a van who told to me. One last thing. Over here. I'm going to choose
a rectangle and lead to drag a rectangle across
the bottom, like so. Now I'm gonna select these and I'll select those
2 first, those two shapes. And I will use my geometry
and just add them together. I'm going to select
those two shapes there. I'm going to go to geometry and I'm going to
subtract the front. So this is really the van shape
that I'm off to overhear. So we've got kind of
where the engine goes and this is the van itself. Now we need to cut
out some wheels. So I'm going to go
back to here again. I'm going to choose an ellipse. I'm going to draw
a perfect circle with my finger over there. And I want two of them. So one is going to go there and I'm going to
hold down two fingers now. I could copy. That will be the front wheels. Going to select them both. Then once again up
to my geometry. And I will subtract those two. So these are where
my wheels will go. Do some wheels. So once again, over here, very simple. I'm going to go into
my elliptical shape over there and I can
draw an ellipse. Once again, I'm holding
down my finger to get a perfect circle. But if I now go down here, I could actually choose
to have it as a donut. And I could then adjust the middle of that
doughnut over here. Whoops, there so I can make
it any size that I want. I'm gonna go sort of a zippy
type of wheel like that. And same again, I can then just move it up into
the right position. Hold down two fingers and
make a copy like that. Have been for go with
that. And then we'll make this a little bit more
interesting once again.
31. Cut Out Windscreen: You might be thinking that it doesn't look like a
windscreen, its two upright. I want something
at a nice angle. I'm going to zoom in. I'm using my two fingers
here to zoom in. I'm going to do the
same thing as before. I'm just going to
take a rectangle, drawn, a rectangle shape, how this is gonna
be a cutter object. I'm going to use my
selection tool to just anchor it to the right
angle for the wind screen. I think I'm gonna have something
maybe a little bit more angled like that for
the wind screen area. Then I can use my selection tool to select both of those shapes. You've got it back to
geometry, subtract the front. And there we go. We've got a silver more
sporty looking little van. Have been for good with that.
32. Round Corner with Node Smoothing: Now if we wanted to round this, top it off just a little bit, I'm going to use
another technique. I'm going to go down to the
second tool down there. The top one is our
selection tool. This has just below
the selection tool. It's called a node tool. If you're not sure, hold down your question mark at
the bottom and it'll show you exactly what all
the tools are called. I'm going down to my node tool, and I'm going to click to
select that little node. You might have to click once and then a second time to select it. And down the bottom, we've got some options that
we can change that node. And there's one called
smooth. Over there. I'm going to click on smooth. And you can see now I've got a really nice rounded area to
the top of the wind screen. Once again, try it out.
33. Speed Stripes: I want some little streaks
going from the back of my van. So I'm going to
go along and once again do the same thing with
one of these tools here. I'm going to use
my rectangle tool. I'm going to draw the first
of those streaks in there. Now, I'm just going
to zoom in a bit because I want to
make sure that that lines up with that bit. Now, if you think
it's not lining up, what you can do is you can
click on the little magnet. And this way when you
move them around, you can see how it jumps. So it's actually lined
up perfectly with that. I've got the one shape in here. I'm going to make another
copy of that shape. Two fingers down to copy
it. I can put on it. Sometimes you'll find if you are too too quick with your fingers, you don't get the copy. So I'm going to make sure
that I'm once again, I'm on the move tool there, as well as rather than
being on that tool, I'm just looking at
my two fingers down. I can pull that copy up. Now I want another one the
same distance up here. So I'm going to go up to my menu and I'm going to say duplicate and duplicate
it a second time. This is known as
power duplicating. We'll just do what you've
done lost again. Right? So we need to add a bit of an angle going on
for that as well. So I'll make another
shape over here. I'm going to rotate it around
to the angle that I want. I want this. I think, something
like like that. So it looks like
it's zipping along. If you want another one of
these shapes further up, by all means, do so. I'm going to leave it like that. I'm going to select
all those shapes, go up to my geometry. And in here I'll choose divide. That's divided them all
into individual parts. So I can take this part
here. I can delete that. I can select these bits
and delete them as well. Then I could maybe just
pull that up a little bit. Like so.
34. Create Background and Color Variations: Lastly, the background. I'm just going to move this
way so I'll select it all. I'm going to group it up to
the top and choose Group. I can then just drag
it out to there. I'm going to draw
my background in. You could do anything
you like for background. I'm just going to take a
simple rectangle like that. And then I'm gonna take my van and move it across
now, as you'll see, if I change the color of my van and I'm just
going to make it white. You won't see it because
this is in front of the van. Go to your layers and I can take my rectangle
and put it down. Now be careful you don't
drop it into the van layer. Go be below the
layer so you can see the blue below the layer
that'll move it below it. And I can put my little van in. If you want to make color
variations on that. Select the whole thing. Scale it down,
hold down a finger when you're scaling it as well. And I could then do a
few variations on that. From here. I'm going to hold down two
fingers and drag a copy. And I can then change the
background color of that knits. Try a greenish version. Once again, select both of those two fingers down to there, and select the background. Once again, will have a different color variation is go to something
a bit more bluer. Move all of those across into the middle of my document so you can make as many
variations as you like. Have fun with it, have a go. Try different vehicles.
35. Lines, Curves, Nodes & Handles Intro: In this section we're
going to be looking at these pesky things called lines, nodes, points, handles,
all those type of things. And I want to show you
how to work with them. How to draw using the pen
tool, the pencil tool, and then manipulate
those little nodes with the node manipulation tool. Let's get on and try this out.
36. Use the Pen to Create Straight Lines: Let's have a look at the pen TO what I'm gonna
do is click on it. It's on the left-hand
side of this little pen. And start off by just using the pen tool by clicking
from point to point. Like so. Now I can keep going, clicking on my points. And finally I can get back
to the store to click on the start to finish
that shape off. But you don't have to
finish the shape off. Once again, if I
do this over here, I can actually click
point-to-point. Just leave my shape empty. If I wanted to go and
put a fill in it, I can pop a fill in. They're going to
choose a fill color. You can see where
there is a stroke. You will get the stroke around the outside
where there isn't. We just get a line going across. Now I can just adjust my stroke width in here by
going to the stroke studio. And let's just take that
down a little bit like so. Once you've created your lines, you can then adjust
them in two ways. You can use the Move tool
and move towards light, move it around, scale it, and rotate it like
we've always done. But you can also go to the next tool down
called the Node tool. Now, all of these little dots around chair are called nodes. And I can click on one of
the nodes to activate it. You can see it's blue and
these ones here are all white. Now it's activated, I
can move it around. Click on that one there to
move that about as well. If I want to select
more than one node, I can just click and drag across the ones I
wanted to select. So I just want those
two inner ones. And once again, I
can move those two together at the same time. Let's select all of those
four and I can move them around without
affecting the others. Using the pen tool, the most basic way of
working is to just go in and draw your shape using
dots point-to-point. Have a go with that before you move on to the next lesson.
37. Create Curves with the Pen Tool: Now if we want to
start creating curves, There's a few ways
we can do that. Once again, I will
use the pen tool. With the pen tool, I can
click to put down my point. And I'll click
another point there. One there. I'm making a fish, by the way, just in case you are wondering. It's kind of straight edges. Very simple little
fish shape there. And back to the beginning again. Now to create my curves, I can just go to the line
here using the Node tool. And I can click on the
line and pull that out. I could do the same
over here and just pull this one out there. Let's click in there. And I'm gonna pull that one in. This line over here. Oops, didn't mean putting
that point to this line here. I'm pulling out with that one. And lastly, this one here, we can pull that around as well. The first way that you
can start creating curves by just going in and clicking on a straight line and curving it using
the Node tool. Let's remove that.
Another way to create curves is to actually
change the nodes. Same again over here I
will use my pen tool. I'm going to click just point-to-point like
that to create a shape. I'm, I'm actually making a little flower
type of shape here, just going into the
star shape like that. Then using the Node Tool, I can select shapes
and then we can convert them into smooth
points from sharp points. So I'll choose smooth over
there and you can see how it makes it into a
curved point Glaxo. Now it doesn't look
much like a curve yet. But when you start dragging
these handles out, these two handles on
either side of the node, sorry, this two heads, one on either side of the node. They are linked
together. So if I pull one, select that again. If I pull one of them, the other one will move as well. And it keeps this line nice and smooth and gives it
a really good curve. These are known
as Bezier curves. I can still move
the node around and adjust those handles and the
further out or pull them, the more of a curve we'll
get going on there. What happens is the
line tries to follow that curve and then a continued morning then
curves back to that one, tries to take follow that
handle, shall I say? It pulls it out like that. As I pull this further out, you can see it's trying to
follow that handle more. When I put it back in. Now we can take a
curve like that and we could actually go back and
make it a sharp point as well. Over here. If I were to select
some of these points, I could go in and I could
make them all smooth. Then some of them, maybe these
ones in the middle here. Maybe I actually want
them to be sharp points. And all I have to do then is to pull them out to get my curves. Remember you can still
use your node tool to click on the line and
pull them out this way. Instead, you can see, I don't know if you've,
if you've noticed, but it's a very
subtle difference. If I'm doing it here,
look at the curve. The curve is changing there. When we're doing it here, the code is only
changing over here. And I'll explain why that happens in the next
lesson or two. But experiment with
that a little bit. Making some curves from
your straight lines.
38. Curve Lines & Node Smoothing: I'm going to make a
line or two here. I'll get my pen tool once again. I'm just going to click
a few times, like so. Over there. What's the difference between dragging on the line
or changing the node? Have a look here. You see if I click and select that node, when I go to a smooth point, it only changes this
node over here, puts handles just on that node. Let me undo that. Of course, if I use the
node tool and I go to the line and I click on the
line and drag that out. Now you can't see them, but this actually a handle
there and a handle there. What skin with my node tool, if I select that point, you can see there's
this handle here, is this handle on that side, and there's no handle
on that side day it's removed that handled what
hasn't actually even put it in. To be honest, that is the
difference between those two. It can be a bit confusing, but do try that out before
we go into the next step.
39. Break the Node Handles: If I take my pen tool and
I draw a little corner, like so, then I take my Node tool and I select this point and make it
into a smooth curve. What we have are the two
handles on either side, as you've seen already. And I can pull them out like so. But if I wanted to change this handle and move this handle without affecting that one, at the moment they're
linked together. But if you put a
finger on your screen, that will allow you to
break that curve, like so. Let's try that again. So I will just select
that and delete it. Once again using the pen tool. I'm just going to click. And I'm using that
click point by point method that we had before. Back to the start. And then
I can go in and I can get my node tool selected point. I'll use the smooth option. I'm going to pull out that
side, pull this one out, but then put my finger
down and drag that in. To do that again, select
this point over here, make it smooth, pull it out, and then put my
finger down and drag. Now you'll see if I
put my finger down first before I tried to drag it. It doesn't really work properly, so start dragging it and then put your finger
down to break it. One last time. Select that, smooth it out. We'll put it out. I want to want to break
it the other side now. I go to that, then put my
finger down and then I can break that or I could pull it
out the other way as well. Have a little bit
of a go with that. It can be a really,
really useful feature.
40. Click Drag Fish Shape: Let's look at how we
can actually create these curves without doing
the straight lines first, if I get my pen and I
were to click once, instead of clicking
a second time, I'm going to click
down and drag. It's one movement. You can see it's automatically
dragged out two handles. Now, this handle here
that's dragged out controls the curvature on that
side of the line. This handle here controls the curvature on the
next line that I do. If I just clicked over there, you can see that
handlers pulling this one out. Let me do it again. I will click drag over
there, and then click, click drag, and then click, click drag, and then click. Using this method, it means
that you can actually just go in rather than having to make a shape with
straight lines. You can go back and just do the curves
while you're drawing. Let me draw one
more for you here. I'm going to draw that
fish shape again. Starting on the nose. Me. I want a curve, this, I drag it and I click
up here to the top fin. I'm going to click drag
and click, click, drag, click, click, drag, click,
click, drag, click. I'll stop saying click, drag, click now because you
know what I'm doing. I'm putting these little points between o in the
middle of the line. Click drag and click. The same again. Now that I've done
that, of course, I can always use my
node tool to tweak it and move them around into the exact
position that I want. Like so have a go try fish. Fishes are great because
no matter what you draw, you can just tell
somebody, yeah, there is a fish that shape, so try it out.
41. Add a 2nd Handle: Now let us look at
getting handles on both sides of the curve C. So far what I've done
is I've clicked, clicked and dragged to
make a curve like that. So there's no handle here, but there is a
handles on that side. What about if I wanted
handles on both sides? Well, I can start off with
a pen and I can click, drag, click drag a second time. And now I've got a curve
with handles on both ends. Once again, I can click, drag, click, drag, click, drag, click, drag to make
a very smooth curve. You don't have to do the click and drag and
then click again Method. You can just get the whole
thing smoothed out like that.
42. Modify Handle - 1, 2 & 4 Fingers: Let's have a look at
the other things that the modifier functions can do by modifying mean the
fingers on the screen. If I use the pen
and click and drag, I can obviously use
one fingertip break that handle there. Let's do it again. But with
two fingers this time, click, click and drag. If I use two fingers, you can see as I'm
dragging this, it's making that handled jump
to 45 degree increments. The next thing that we can do is as I'm going to four fingers, I can actually move that point around while
I'm still working. If I click down here
and suddenly realize, oh my goodness, I've put that points in the wrong position. Four fingers down and I can move it exactly
where I needed. Release my four fingers and
carry on drawing from there. Try that out for now. The one finger or two fingers
and the forefinger method.
43. Stroke Width & Profile: Let's have a look
at the strokes now. I'm gonna take my pencil and I'm just going to draw a stroke. You can do this
with a pencil, pen. Anything you like, radius, long as you've got
a stroke up there, down the bottom,
obviously I've got the width in here that
we've looked at before. But I'm going to go right up
to the stoke Stroke Studio. That's the second one down
after the color studio. The first thing
that we've got here is the width that's the same as the width down the
bottom of them. But then below that
we have the profile. So I can actually just
change this profile. And if I pull this side down, I can get my brush to go
from thick to thin or thick. If I pull that side
down and that went up, I can get it to the opposite. I can also pull the middle app and both sides down to get
it to go from thin, thick, thin or vice versa. Over there, I can pull
that one up in this one down and that went up like so. You can add as many of these points as you want and you just click and pop point
in some very, very interesting
profiles on your stroke. Now what about if you've
done something like that and you just want to get rid
of some of those points. All you have to do
is click on it. And you can see we can delete that node from
there. Once again. Click on there, delete the node, select that one, click
it, delete the node, or you can just click and click it and then reset the
pressure on all of them.
44. Advanced Settings: Cap, Join & Align: Let's have a look at the
advanced settings. Now. I'm going to use my pen tool. And I'm just going to create little shape here with
some rounded bits. Like so. Now I'm going to go over to the stroke and to the
advanced settings. Me move this across a little bit so you can
see it a bit better. The first thing
that we have over here are something called caps. The caps are these two points, the ends of the line. So I can have them as a cutoff caps or we can
extend them as well. You can see over
here the difference. There's the line itself. If I cut them off, it
cuts them to the line. If I have the extended cap, it extends it the
same distance out as half of that stroke width. Once again back to the circle. Now, when it comes to these
ones here, the corners. Over here, we've
got a few options. So first of all, got
this corner here, which gives me those corners. I could choose to cut
off those corners. Or lastly, I could round
those corners as well. Let me go chat line option. Now the lines, you'll see what I'm clicking on
them are not working at all. Why is that? Well, it's because it's
done for a closed shape. Let me take a shape over here, and I'll just take a
triangle like that. Let's move that out the way. Select the triangle. And now you can see I can
go either on the inside, on the outside of the line, or across both of them. Now lastly, we've got a little slider here
called the miter limit, and this is not a
very obvious thing. However, if I were to take a corner and I'm going to
use my pen to do this. I'm gonna click here, click up there, and we're
going to click over here. I'm going to take my
Node tool and the skin to allow me to move
that point around. When I go to the joins and I
put a corner join on there. Have a look, you'll see it's
a corner join, corner joint, corner joint until I get to a certain angular
just cuts itself off. Even though I'm on that
corner over there. And what we can do
with a mycelium is, is we can actually control that. So if I do that, but I still want that corner. If I increase the miter, it will just bring
it back like so. I'll keep going over
here, cuts it off. I still want that corner there. If I increase the miter, it will bring it back.
45. Advanced Settings: Order & Scale with Object: Now the next one is pretty
obvious. It's the order. Do you have the stroke
on the top, the fill? On the top of the stroke, you can choose which way
around you want those two. Also, if I'm scaling
a shape like that at the moment the stroke
remains constant, it's the same width of stroke while I'm scaling the object. But if I switch this on, now when I scale, it will scale the stroke
width at the same time. This little area here, if you don't remember
any of this, do remember that when it's so
important when you're doing artwork and you want to scale
it up or scale it down.
46. Arrows: Now moving further on, we have got arrows. You click over there. You can choose the
arrow that you want. You can have it on one side
or on the opposite side. I'll just have a
different shape in there. Down here we've got
the size of the arrow. So I can click and
I can actually increase the size of that
error, let's say 200%. You can see how it's
gone to 200 per cent. It's because both of those are linked
together at the moment. If you want to do one
without the other, you can unlink them. And in this one I'm going
to take back to say 50% ever there to make
it a lot smaller. Lastly, this option here allows
us to get the object with its an arrow or the tail to either be on the line
or start with a line, finishes like like so.
47. Advanced Settings: Dash, Gap & Phase: Let's have a look at putting
in some dashes on the line. If I go along to the dash
option up the top there, you can see I haven't got a dashes as much as just a lot of little Lawson shapes,
dots. Really. The reason that that
looks the way it does rather than a standard
dashed line as you'd expect. Because in the
advanced settings, the cap is set to round it. If I choose to have this
normal cut-off cap, then that's what we
expect in there. I'll just close the
advanced settings to make this easier to see. Then over here we've
got three settings. There is the dash. I can actually change
the width of the dash. That's the little
line over there. That one, that one, that one. And I can change the width
of the gap over here, so increase it or decrease it. You just click and
drag or you can click on there to put
in an exact size. Then we've got the phase. The phase allows us to actually move the dashes along the line. And if I just click over there, you can see how I
can move it along to exactly where I want that to be.
48. Violin Project Intro: This project is going
to be quite a big one. We're going to redraw a
shape and we're going to be redrawing a violin. So we're going to
find a photograph in the stock library,
redraw the violin. We're going to work with some
colors, change the colors, and then we'll bring
a picture into the background as you can see
and blend the two together, as well as a little bit
of text down the side. And the idea behind this project
is that it's going to be a poster for a
classical punk concept.
49. Set-up Document: For this project,
let's do a banner. I'm going to click
on the plus up here. And I'm going to go
to new document. And I'm going to do something
footprint in the device. I'm going to choose, print right to the very top. Then the sizes I'm not
too worried about because I'm gonna put my sizes
directly in here, the size of my banner. In height-wise. I'd like that to
be about a meter. I'm going to put in one. And over here I can just change that to
centimeters or meters. I'll just type in. Try that again. I'm going to type
in one meter high. Then over here in my width, I can then type in
what I want from that. So I'm going to have 600 and that's going to be
millimeters in there. Now that I've got that, I need to change
the color mode from RGB to CMYK because it's
going to go for printing. And over here you can
choose the profile. If you don't know which
profile to choose, the best thing to
do is to talk to your printers about that. There were a whole lot of them. So I'm going to
leave it on sort of the US Popular profile, which is this web swap profile. If you are in the UK, then we generally tend to
use one of the fog rose, one of these ones over here, frog or 39 is quite use one, but the best thing
to do is talk to your print and ask
them what profile. If you get that totally wrong, don't need to keep
you up at night. It can be sorted. Let's click Okay.
50. Import Image: Let's bring in a picture now
that we're going to copy. If you put your own picture
that you want to work on, you can use this little button at the top here,
that's the menu. You can go down and
say Place Image. And then you can either
import something from the Cloud or from your photos. I'm not going to do that. What I'm going to do is I'm
going to go to a studio. And we could have studio here, which are stock libraries. If I click and hold on that, you'll see it's actually
called the stock studio. It's about halfway down there. I'm going to go to
the stock studio. And these two libraries
in mind that I've got pixels and Pixabay. You will need to click on the I understand button over there about what the terms are. But these are usually
royalty-free images. I'm going to go and find
a picture to go in here. And I want a violin. I'm going to type in violin. There. You can see we get
a whole bunch of different violins
and I can just sort through those images to find the royalty-free
one that I want. If I can't see what
I want in there, I can change over to
the other library, which is the Pexels
library over here. And then once again
have a look for the graph as a photograph
that I wanted to use. Now I need to go
back to pixabay. And I've seen one that I
liked the look of down here. Now to get it into my document, if you click and hold, you'll see it's removed
slightly and then you can actually
just drag it and drop it into your
document like that. If you don't like it, well, just click on the
little button at the bottom to get rid of it, find something else,
and drag that in. Feel free to just try a
few different pictures in there and see which one works for you. I'm
going to delete that. However, the one-way going to
be using is this one here. And we're going to be redrawing
half of that violent. If you want to do a different instrument
or different shape, feel free to bring
that in and try it. Once you've watched what we're
going to do with this one, before I stop and you
go and get yours, I'm going to make
it a bit bigger, so I'm going to just
scale it up like that. It doesn't have to be perfectly scaled because we can
scale afterwards. Remember, we're working
in a vector program or the vector side
of the program. Everything is scalable. Going to make that go vertical. So I'm just gonna
put it over there so it's vertical
and I'm putting on the edge of my page so
I can see very quickly when I get it to being vertical. And I think that's
it over there. Right? Half a bit of a go with that. Get to that stage over there. And then we'll lock
down the picture.
51. Chnage Opacity & Lock: Now before we start drawing, what I want to do is I want to lock this picture to
stop it from moving. And I also want to make
it a whole lot lighter so it's easier for me
to see what's going on. I'm going to go up
to my layers studio. That's this one over here. You can see it
shows me the layer. That's the layer that I'm
on there with the image. I'm going to click the little circle with
the three dots in it. And doing that takes me into
the options for that layer. Now I can adjust the
opacity of that layer. I'm just going to take it down, make it quite light,
and click on the lock. Now to get back to
your layers again, click the layer
options at the top of the back button and you're
back in your layers. Now, it doesn't mess it
what I'm doing over there, I can't move that by mistake. And we can draw that if
you do need to move it. And I will actually move it into the middle just for ease
of use at the moment. Go back to your layers. Click on that little
button in there. Now, having done
that, look at that. Nothing's working. Why is that? Well, it's because I didn't click on the image
to select it first. There we go. Now I'm
in this version of mine and I can just unlock it. Moved across a little bit and make sure I'm
on my move tool. Move it across in there. And then once again, let's just lock that down. What we're after
is a violin shape. Or if you want to use a guitar, something along that line, which is going to be
right in the middle.
52. Redraw Violin Body: Let's start drawing the violin. Now we're only going
to draw half of the violent because we only
need half on one side. Over here. The way I'm going to
do is I'm going to do it in smaller parts. I'll do the body of the violin. Then I'll do the F holes. I'll do the next violin,
the head of the violin, the keys up there, and then the strings on the top. We do this step-by-step, looking at starting
at the bottom, the item that's furthest away, which is going to be
the body of the violin. I'll do that first
and they'll build my other items On top of that. When you're drawing, you can
use a few methods to draw. We're going to use the pen. But if you like,
you can actually do it like this in points. So you can just click points that let's
have another point. Maybe there, another
one over there. You can go all the
way around like that. And then you can
use your node tool. And you can click
on your lines and drag your lines into
the right position. Work your way around like that. You've only got
to do half of it. That would be one way
of creating that line. Let's get rid of this. I'm going to go once
again to the pen tool. A second way would
be to actually just click and put the points where
you want the curve to go. Over here. You can see I can
just keep going down. I'll stop there. And then I can use my node tool. I can select a point
and make it as smooth curve and then pull out the handles until it
matches the shape. So same again, I could select
that one, make it smooth, pull out those handles, and work my way around the
rest of the shape that way. The last way to do this, and this is the way that
I'm going to do it, is I'm going to use the pen
tool and I'm going to click drag to make the handles as
I go along using the pen, I'm gonna start over
here with one click. Then I'm going to go
over here and it's just click down and drag. And that's made the two handles and the line
goes along there. Then I'm going to go
over to about here. You kind of with experienced, just get used to where you
think the points will go. But even if you get that wrong, don't worry about it because you can always move them later on. So I'll just click drag
there and you can see that that's come out right out
like that. I don't want that. I'll change that later. And I'll just click over there. I have another click there. I think down here I will click
and drag a point in there. And then over here I'm going to click and drag another point. Another click there. You can see my lines
not perfect at all. Then here I'll just
click and try that out. Just go back to the last
point and click drag. Click drag here,
down to the bottom. I could probably
do that in one go. That's perfect. Then I will just go in here. It really doesn't matter what
you do for the rest of it. Just back again to the
starting point, black. So let's have a
look at that line. If I make this line
a bit thicker, you can see it's not right. But that doesn't matter
because I've got my node tool, so I can click on that point or that
node and pull them in. Now you'll notice
that sometimes I call these points and sometimes
I call them nodes. And it's because different
software use one or the other. For example, adobe uses
the terminology points and affinity and coral use
the terminology of nodes. But they're both
exactly the same thing. I'm just going to
move those around a little bit until I get something that
I liked the look of. No right or wrong here. You can be fairly free
and easy with this. We're not doing a
technical drawing. We're creating
something with style. That's half of that done. And I'm going to stop there. I made the lines thick enough so that I can see what I'm doing. Have a go with getting the
body of the violin done.
53. Draw Rest of Violin & Strings: Now that we've got
this shape in here, I'm going to go and lock it. I can't move it by mistake or touch it with the other
shapes that I'm creating. I'm going to go into the layers. And I will just go to the curve, up to the options and choose lock that can come away from the layer options
back down there again. And that's now locked. Both
those objects are locked in the right position.
Let's draw some more. I'm gonna do the chin thingy. I'm sure there's a
technical name for it, but I'm going to call
it the chin thingy. Over here. I'll go
to my pen tool. Same again. I'll click, click and drag, click and drag, click and drag. Click down there. And then I'm going to just
go around the outside. Over here. I'm making mine a little bit bigger than
the one that's there. Now, it's a bit of a mess
there. Let's have a look. Using my node tool. I can go in there and
I can actually just pulling that handle over there. We get a nice curve
going on over there. Coping right away
through to that point. Pull that out a
little bit as well. Once again, same thing. Now that I've got
it I've selected, I'll go to my layers and
I'm just going to lock it. Let's do another
few items in here. This one is going
to be an easy one. Remember, although I
went around there, we're only going to be using
this half of the violin. I don't have to draw the
whole thing perfectly. This one's easy though,
because it's just 0.5. Well points in with a little
bit of a pull-down there. I'm gonna go to there. I'm going to rounded
off over here. Remember this doesn't
have to be perfect. And back to the organ. Haven't worried about that side. It's not important,
it's just that side. That's the important part. Now we've got this
shape over here. This is going to test your
pen skills a little bit. Because when you
start over here, and we're just going
to click and drag, and click and drag and
we'll just do it in small increments
around like that. Up to there. And once again, I'll
just continue on. Click dragging a little
bits around like that. If you get it wrong, to worry about it, you never get a notice on the
final result anyway. Because, well, we can have
a texture over the top. We're just looking
for a feel here. There we go around there. One and that one, like so. And then of course,
use your node tool to go in and adjust all of these until
they're all in exactly the right place or
where you want them to be. There's no right or wrong here. Just make it look as
you'd like it to be. I'll stop. Don't worry about the other one. We don't need that
one in their tool. Now, when it comes to
the this part here, this is going to be very simple. It's just gonna be the Pen tool and a mezzo go all
the way round it. Up to there, to there,
and back again. Now, I have made a bit of a
mess there as you can see. So I'll use my node tool to just pull that
up a little bit. So let's do the top section. Once again, I really
should be locking these things down as I'm going
to make my life simpler. So I'll do that. Normally if I'm
working on something, I'm not quite this religious
about locking down items. I'm doing this really to
help you when you start out. But once you've got
the hang of it, then you might not need to
be quite so locking down. Perfect. Let me do
this section here. And this is going
to be an easy one. So the Pen tool click, click it, then
this section here. Well, once again, I'm going
to just do it pretty roughly. I just want the feel
of this top section. We don't need to worry
about that side, so I'll just go
straight down to there. Back to that. If you want to do
that as a section, that section, that's
entirely up to you. Now the pegs, exactly
the same thing. Now, I forgot to de-select. So it's made another
0.2 fingers to undo. And I will just go back to my Move tool and
click to de-select. Incidentally, if you've got
something selected like that, you can use the Move tool and click off of it
to de-select it. Or this little x down here, if you click on that,
deselects everything. Same again over here. Just really quickly. You can see my shape
is not perfect. And we can actually cheat now, because I've done
one of those shapes. What I could do is
take that shape, hold down two fingers and
just make a copy of it and put the copy over there. And we can adjust
the copies so I can take that node
then pull that node in a little bit until it
sort of matches that shape. That strings. Now I'm going to just do
lines for the strings, keeping it really simple. And I suppose I
should put in bridge, I think that's the
bridge over there. Like so. Then the strings, the strings will go from
here to there to there. And I really only need
to have the two of them. But get to that
stage and then I'll show you how to do the strings. For my strings, exactly
the same thing. Using the pen tool. I'll just start and do one
string from there to there, and then all the
way up to the top. Now, if it doesn't go quite
in the right position, you can use your Node tool and just move it
across a little bit. Like so. Actually I want to continue
on that just a little bit up to their same again, only need the second
string in there. So I will deselect
using the x down there. And same again over here, just started there
up to that one. And all the way up to there. And then across to the right. Once again, try that out. And then we'll start
to cover this up.
54. Adding Color to Your Artwork: Let's start unlocking these and having looked at some color, I'm going to go back
to my layers up here. And I will just unlock them
and you can actually just click on little padlocks in
there to unlock the items. I haven't unlocked the
background picture. We can hide it if we
need at this stage. First of all, starting
at the back here, I'm just going to go right up to my color and I'm gonna put
a color fill in there. Now, I don't want the
stroke around the outside. I'm going to choose
none for that. I'm going to go to the fill. I'm going to find a color
that I want to use. Now this can be
changed later on. I'm just going to
get a color that I happen to like over there. Then I can go
through the rest of the items in exactly
the same way. So we've got the, the chin thingy in there. And a quick way to go between your fill and stroke is to
just drag over them like that. And this will just flip
from one to the other. So I've now got no
stroke and a fill. And fill. I'm gonna go with
maybe a little bit more of a dark brown like that. Now, moving up over here, back to the wood at the top. Over there, I'll choose that same because this is
my recent colors, the same color for that. But I'm going to
maybe darken it down just a little bit and
get rid of the stroke. Very top of the
head of the violin. I'm going to once again
remove the stroke, go to the fill and
pick the same color, but possibly darkened,
lightened up a little bit, really doesn't matter too much what you're doing
with these colors. Let's take this one here. Same again, I'll just flip
that over and go to the fill. And I'm going to go with a
much darker green this time. Select the two little pegs, are going to flip them over. And I'll make that.
Now. I haven't flipped. I clicked over to just bring
the stroke to the front. Let's try that again. Flip over, bring the stroke to the front and choose
none over there. For my stroke, I will
darken that down a lot in the photo over here. Well, once again, this can
probably remain black. This bit here. Once again, just pick a color for, for that. Let's see. Come on. There we go. Something quite, quite dark. Nasty. The bridge thing. I'll choose, darker green. Now I've got all of those
in the right place. I could change the
strings as well. I'm going to see what it looked like by just selecting
the strings. Now sometimes when you
try and select an item, you can't always get it when it dense other
items around it. So you can go to your layers. And if I click over here, you can see it's just
select that string. I can click to select
that string there. I'm just going to change
the string color, the stroke to white. And I'll choose
the second string by going to the layers as well. Once again, go back to my
colors and make the stroke on that one white too. I'm going to select all of these items now by clicking and dragging over them to make sure that they are all selected. I'm going to go up to
the menu at the top, and I'm going to
choose to group them. Now if I move one bit, they will all move at the
same time and that's going to actually end up over there, although probably a
little bit bigger. Do have a bit of a go. Change your colors in here, pick any colors you like. We can adjust them later on. But start off with
something interesting. Group them all together. And then we'll move
on to the next step.
55. Add the Text: I'm going to move this across, but I'm also going
to scale it up. And if I pull from the side, you can see it will
scale proportionately. If you hold down one finger, it will scale
disproportionately. Scale it from the side. I really just want that
section over there just like that,
halfway, halfway up. Now I'm going to put
some text up this side. So I'm going to go to My
Artistic Text tool over them. I'm just going to click
once and put in my text. So this is going to say classical punk with
an exclamation mark. After that. There's my texts there. If I go to my move tool
and grab a corner, I can just pull it
out very quickly. Like so. I'm going to rotate it round. And to make sure that rotates
perfectly vertically, I'm going to hold
down my finger. And that way it'll rotate
in increments and I get it absolutely vertical. That's going to be a lot bigger. So we'll move it up to say
about there wherever corner. And I'm just going to
scale it out like so. Now I'm going to
double-click on that to select the the text area. And I can keep going. So if you keep clicking, you can eventually select
all of your text. Over here. I'm going to choose a
different typeface. Now being that this is sort of got a slight punk way out feel. I don't want something
too dull in here. And I quite like the idea
of the sort of typewriter. Look, you can choose
whatever you like. In here. I'm going to change
the color of the text. So once again, I can click
on my colors over here. Good, my fill color. And Let's get rid of
that for the moment. And I can pick a
color from here. Right? So, oh, that's a
little bit too large. I'm going to pull
that in a bit like that because this is Punk. We can actually just
put it from there and mess with the type
a little bit as well. Wouldn't do that
to something to do smart if this was just
classical, never do that. But because it's got a bank
feel, that'll be fine. Habit of a goat get to the
stage and then we'll do the last bit which is gonna
be bringing in an image.
56. Add the Photo for Text & then Blend: I wanted to bring
in a picture with some texture here because
as good as this looks, it looks to clean for punk. I'm going to go over to
the right-hand side, go to the picture Library. And I have typed in
texture in there. And looking through
these textures, I've found a texture
that I like. And I'm gonna click and
hold on the texture and just drag and drop
it into my document. Now that's in there. I can resize it to any size that I want
and move it around. Now that's a great texture, but you can choose
anything else you like. If you don't like
the one you've got. Binet, choose a different one. Once again, click and
drag it in and resize it. I kind of like this one
with the dots on it. I think it looks
quite, quite good. So I'm gonna go with
that one over there. Now I've got the
picture on the top. I'm going to move down
to the layers panel. I'm going to click on the
picture and go to the options. The first thing I could do is I can change the opacity circuits, see some of the violin
coming through that way. But better still. I'm going to go to
my blend modes. And that's the blend mode is
here where it says normal. If you click on there, these
are all the different ways of blending an object with
the objects underneath. You'll see as I kind
of pulleys through, it shows me all the different
blends that I'm getting. So I can just go along.
Choose any blender. Like I'm probably going to
try something like overlay, which is interesting
or soft light. Now, these work by looking at the literature on and then
what is underneath that layer. So let me just make
sure that this is set to soft light again. That to soft light there. It looks at the way that it's on and looks at what's underneath. Of course, what do you see will depend on what color
is underneath there. You can see how it's affecting
the colors in there. All I need to do is to maybe improve some of these colors
or change them a little bit. So I can see more of
what I'm looking for. I'll click on the
layers panel again. Go to the layer options. By the way, if you're
studios keep disappearing, you can click on that
little pin radius, suppose. And when that switched on, it'll stop them from
closing all the time. So I've just done that.
So this stays open. Let's go back there again. I'm going to go to the group, and I'm going to click on the arrow to open that
group of objects up. This is my violin, and I'm going to go
down to this curve. This is this shape over
here. I want to change that. So by clicking that selected, I can then go over to my colors. And I could adjust the
color in there and have a look and see what sort
of color I would like. And I'm looking for
something which is sort of sympathetic to the
background color. Let's try something a
little bit more yellow. The same again, the
keys on the top here, they're not really showing up. So I'm going to go
back to my layers. Now, let's find those keys. If you can't tell what
he's wanting in here, you can just click on the little tick to switch
things on and switch them off. And you can see as
I'm doing that, It's very subtly switching
that one out on an off. There. I'm going to select this one, but I also want to
select the second one. So I'll just click
and drag like that. And let's select both of them. Change the color of that. Going back to the
colors over here, I'm just going to lighten it up, maybe like that so we
can see a bit better. You can work your way through the rest of the shapes in here. I'm just going to do
two more very quickly. I'm going to go in and
I'm going to choose the neck over there, change the color of that. I'm going to go into the wild, wild orangey red over there. Lastly, this F0,
which is kind of standing out a little bit
too much for my liking. So I'm going to go in
here, choose the WHO. Once again update the colors. I could just click on choose one of those colors in there. I want it to be a little bit
darker than that, right? That is all done. Later on in the course. We'll be looking
at different ways of saving this, this out. But for the moment, if you click on the little arrow
at the top corner, it will just save it back into here and click it
again to open it up. Have a bit of a go with
that and maybe try some other instruments
or other items, India and look at different
pictures and the way they work with
blending the images, we're using those blend modes. Have lots of fun with it.
57. Pencil & Vector Brush Intro: We're going to be looking
at brushes in this section. So these are called
vector brushes, as opposed to pixel brushes that we'll deal with later on. The idea behind vector
brushes is that you can have something which
looks as if it's hand-drawn, but it is a vector, so it's fully scalable and
you can adjust it at anytime. As you can see, I've got two very large
brush examples in here. But there are so many
different vector brushes that we can work with.
58. Working with the Pencil & Stabilisers: The brush tool and
the pencil tool in Affinity Designer are really
amazing. Let's have a look. I'm going to start off
with the pencil tool. If you're not sure where it is, as always, click on the little question
mark at the bottom. You'll see the pencil
tool is right over there. Now, with the pencil tool, we are basically
creating strokes. If I just start to draw, I get a stroke in there. And now the width
or the weight of the stroke can be
controlled down here. You can see I can adjust
it after I've done the line or in the usual way, I can go up to the
stroke weight and I can adjust it in here. But there's a lot
more to this tool and just free hand making strokes. Let's get rid of that. So I'm going to select that
and just choose Delete. Same again, pencil over here. But this time down here, I'm gonna take my width down
before I start drawing. And moving along. What you'll see is
we've got a stabilizer. Now when I start drawing, you can see my hand is
not the smoothest ever. And the line is pretty good at follows exactly
what I've done. Like so. But if I put a stabilizer on and there
are two types of Stabilizer. There's a rope stabilizer
and a Window Stabilizer. You choose which one suits your needs better once you've
experimented with them, I'm going to go with
a rope stabilizer. And then I've got a
little length here. I'll show you that as we go along when I started
to draw this time. Now you can see
this a little rope. The rope is pulling
that line along. If my hand wiggles a bit, that wiggle doesn't translate
onto the line itself. I can get very smooth lines. And the longer you make that, the smoother your lines will be. But obviously the less accurate. Let's take that down
and go with something a lot lot more
accurate over them. Exactly the same with
the Window Stabilizer. Slightly different. And you can see as
I'm putting this, go faster, that
rope gets longer. If we go back to the
rope stabilizer, it doesn't matter how fast I go. The rope remains
the same length. I'm going slowly
or I'm going fast. It's all the same. The difference
between these two is the Window Stabilizer is like having an elastic band
rather than a rope. Whereas the rope
stabilizer is like a rope. But this makes drawing
so much easier because it just smooths
out your lines for you.
59. Working with the Vector Brush Basics: Let's have a look at the brush. Now, I am going to switch on the little question
mark at the bottom. To find the brush. You can see it doesn't just
call it the Brush tool, it calls it the
vector brush tool. The reason this is
the vector brush is because in the pixel persona that we'll be
looking at later on, There's also a pixel brush, but we're working
with a vector brush over here. Once again. Let's try and get
the vector brush up. Once again, I can then start to draw
with the vector brush. Now, what you'll see is it, I've automatically
got a brush on here. Down the bottom. I've got the width so I can
adjust the width of my brush. And if I go along here, I've got a stabilizer
so I can actually stabilize that brush as well. But how do you change
these brushes? Well, if you go up to the
top over here once again, we'll click on that
so you can see there is a Brushes studio. If I click the Brushes studio, there's all different
types of brushes in here. And you can just pick
any that you want. These brushes are based on the color that
you're working with. So if I changed it to read, my stroke is red. There's my brush in there. And I can just go
along here and pick any of these brushes. If you want to adjust
the brush, well, you can go back to a node
tool and you can still select the nodes and adjust them exactly like you're
doing with the pencil.
60. More Brushes: In the Brushes studio, we have an amazing
amount of brushes. These ones that you can see that I've got up on the critics. But if I go along here, we've got dry media. Moving along, engraving and some really cool ones in here. If I just take
that, for example, look at that line that
we've got that really cool. Moving along a little bit
over here to gouache inks, you can get something
which looks more like a server hand-drawn ink line there and markers we've
got in the oils, pencils. You could just keep going, pens, watercolors until I get
back to a critic's, you can just flip
through your brushes. In there. With all of these brushes, you've got the same
settings at the bottom, you've got the width in there. You've got the opacity. You can actually go in if you've got a brush and click on More and adjust the properties
of that brush as well. So do have looked at sometime when you've got
a chance to play with it. And then as I said before, you've got a stabilizer
right over there.
61. Sculpt Options: Let's get back to
the pencil tool. Onto the pencil tool. Some of the options
we've got down here are one called sculpt. Now, let me show
you what sculptors. And to show you, I'm going to go to my stabilizer and we're just going to
choose know, stabilizer. You can use a
stabilizer for this, but I've just switched
off to make life easier. And I'll make my brush
a little bit bigger, sorry, the pencil a
little bit bigger. And I'm gonna click and
drag a line like that. Now I've got this line in here. If I were to start over
there at the end and then try and continue the line
and then continue it here. You can see these lines are all independent shapes or
independent objects. That is, when, if I go
back to the pencil again, you have sculpt switched off. When you switch sculpt on. Now if you draw a line, you will see that you can
then continue that line on. And it keeps it as one shape up and miss
that a little bit there. Let's just make sure
we start on there. We can just finish
this off up to the, that is now one shape rather
than multiple shapes. And that's what sculpt does. If you go over to the
brushes over here, you don't have a sculpt
option in there.
62. Pressure: Let's look at one more option with these pencil and brush. That's the controller. Down here. I'll start off with the
pencil because it's also got a controller and
the same type of thing. When I'm drawing, I'll
just take sculpt off. When I'm drawing a line there. Or if I increase the stroke weight on that
line and do it again. You can see my line is actually getting thicker and thinner depending on how hard I press. If I press really hard, qualify, release, and don't press harder,
it gets thinner. This is to do with the brush
itself that it's using. Now, if I click in
there and I go down, I can choose none. Now when I'm
painting or drawing, it doesn't matter how
hard I press that line will still be the same width. Going back there. If there is a brush and the brush itself
that you're using, because you can use a
brush on the pencil. I know it's complicated. If you are using a
particular brush from here. What you find is that the brush itself might have
some pressure options. Let's get rid of that. I'll show you this on the paintbrush. Same again, if I choose, well, let's go and find
it an interesting brush. If I choose a brush like that, The controller says none. When I draw the line, it doesn't matter
how hard I press on, pressing hard and
pressing softer. The line is always going
to be the same width. But if I go over here
to the brush presets, now let's have a
look at the presets. If I click on More down there, you can see the controller for the preset for that brush
is set to pressure. I could then, depending
on how hard I press, make that line
thicker and thinner. So if your brush preset, if this brush here
doesn't have pressure, you can then override it
by choosing pressure. The controller here. You can either use the controller
here or you can go into the brush and use the
controller over there.
63. Paper Cut-Out Project Intro: We're onto one of my
favorite projects now. This is a paper
cut-out technique. You'll see it all
over the Internet. And it's actually
really easy to do. We're going to create one
with a shock in there. Of course, if you'd like sharks, you can do a different
type of fish. Take you through
it step-by-step. Let's go.
64. Create Document & First Shape with Shadow: We'll put two fingers
down on the screen and then drag that
using my move tool. So two fingers drag
to make a copy. Now this copy I
want to scale up. So I'm just gonna put it up and it misses scales unless you put one finger down if you
want to make sure you scale things
proportionately, one finger. We're going to just go out
a little bit like that, make it a little bit
bigger than that one. Over there. Once again, I've
just kind of aligned it using the smart guides. If you don't see them,
remember to switch on a little magnet in there. This might my next one. I'm going to do it again.
Hold down two fingers, drag to make another copy. Let's make this one bigger. I might have to zoom out a bit. For this. I'm going to have
a finger there. Once again, we can
just keep going with as many of these as you like. What I like to do is to make
each one in turn slightly bigger than the last
one. That one's getting. Ever so slightly bigger, equivalently, two fingers
down, drag a copy. And this one here will
make biggest steel. I think I'll do one
last one after that. So at two fingers down, drag the copy, and this one's
going to get bigger still. What you will find using
this particular method. And I say this particular method because there are
different methods, is that your shadows over
here on lots of equivalent. I want a bit more
depth on this one. That one looks great down there, but this one here, it
looks a bit too flat. You can always go back
to your drop shadow, just select the object you want. Go to your drop
shadow and you can adjust it so I can
pull that around. I can maybe change the radius
to make it harder or softer depending on what I
want from that shadow. I'm just going to put it
in there a little bit. So we've seen some
of this down here. You can always change the radius if you need to see a bit more.
65. Duplicate Shapes: We're going to do an
Instagram post and we want something that's going
to use a paper effect. Let's start off by
making the document. I'll give you a new
document. In here. I need to choose the size. I'm going to choose device. And I'm going to
go with the web. Now. Instagram or social media sizes change all the time
every so often they, they increased their resolution. What we're gonna do is
we're gonna make a square. But I'm going to choose what at the moment is the standard
size for Instagram, which is 1080 square. And that's 1080 pixels. That's why I've gone to web. You can see we are
on pixels now. Once again, the
height, I'll click in there and put in 1080. The height. The DPI
doesn't matter. I know that sounds awful, but it actually doesn't
matter because it's only the pixels that
are really important. In the color. We're going
to choose RGB slash eight. The profile over here. We can use sRGB, that's sort of standard
default profile, which will look the same
hopefully on everybody's device. Now we'll click
Okay, by the way, if I've gone through that
too quickly for you, I'm gonna be talking about
color in a later lesson. Let me click. Okay. I've got my document already to go and we're going to
create the first shape. I'm going to take a
rectangle, Andrew, a fairly large
rectangle over here. I'm going to put a circle in the middle of that rectangle. Now to line this up. I'm just going to put that
roughly in the middle. I'm going to go along and
get my elliptical tool. Choose the ellipse in there. I'm going to draw in my
lips now I'm going to hold down one finger to
get a perfect circle. If I hold it down
to draw some middle out-of-town three draws from the middle out and I
get a perfect circle. So just remember those options. This is going to be
the final circle at the bottom of the stack. I'll move that across the
middle of the document. Now I'm going to
select both of those. And then I'm going to go up to the menu and
I'm going to use, we've done this before the geometry and subtract
the front object. Let's change the color on that. I'm going to be using a bluish color for
this because we can do sharks and I wanted to
sort of see color in here. Now that I've done this one, I'm going to then go
across to my effect. And I want a bit of a
shadow inside that circle. I'm going to use surprisingly
not the inner shadow, but the outer shadow. I'm going to switch that on. And if I click on the
outer shadow now, I can then click and drag
to move that shadow around. Don't worry about this one on the outside that's
gonna be cut off. Then I can go to my radius and I can increase the radius
to soften that up. Like so. We can even offset it here using this
little controller. Now you can try a different
radius is different offsets. Nothing is set in stone in here. You can adjust the
opacity to make it harsher or less harsh. Have a go, get to
that stage there. Don't forget your outer shadow, not your inner shadow for this.
66. Import & Lock Shark: One of the problems
with working with multiple objects like this is it's too easy to by mistake, just move one of them. What I'm going to do is
I'm going to go over to the layers studio. And I'm gonna select
these objects. And I do that by
just dragging or clicking onto the object and
dragging over to the left. They're all selected. I can click up here on my
options and lock them down. So they're all
locked and I won't move any of them by mistake. Let's go and find a picture. I'm going to go over
to the stock studio. I've put in shock in there
and I've gone to Pixabay. You can find any shock
shape that you like. But I'm going to use this
one over here, drag that in. That's coming into bit
on the large side. So I'm going to scale it down
to something which looks a little bit better
and that's kind of the shock shape
that I want to use. You're looking for
something which has got a very distinct outline.
67. Redraw Shark with Pencil: Let's start drawing the shark. Now. I'm going to be using the
pencil tool for this. I'm going to go to the settings
before I start drawing. I'm having sculpt switched on so that if our,
while I'm drawing, if I move my pencil out
the way and stop the line, I can continue on
with that line. The width I'm keeping quite low. I don't want any
controller on here. I don't want to press harder to make the lines thicker
or anything like that. But in the stabilization, I will have in my case, the rope stabilizer on
and the length will. I'm just gonna try 30 over here. You can experiment to
see what works for you. Let me make my shock
a little bit bigger. I'm going to do the body first
and then I'll do the fins independently using the
pencil tool over here. I'm going to, first
of all go over here, make sure that I'm on my stroke or I've got a stroke
color that I like. In fact, the stroke
I'll make white. It'll be just easier
for you to see. I can start drawing now, so I'm just going to go
round the top of the shock. You don't have to be
perfect because you could always sort this out later on. Down to the ground. The body, back to the start. Now, I appear to
have quite a lot of points here and it's
not that smooth. If you find yours,
looks like that. You can just change
your stabilization. I'm gonna try mine it 50. Let's do the same thing again. Have a look at how that works. So it is kind of weird putting
this little line along. But you don't have
to be that accurate. If you think that you want
something a lot more accurate, I would use the pen
tool as we did earlier. You get a lot more
accuracy with that. It does take a little
bit of getting used to, to use this tool,
but there we go. That's looking a
whole lot better. Even there if I've got
lines that are not right, I can use my node tool, select those points,
move them around, or even go in and
adjust the handles. You'll find it if you've got an extra points that
you don't want. And I'm looking at this
and thinking, well, do I really want that
point over there? You can just delete
it. As it happens. I do want that point because
it's the end of the line. Once you've got that, Let's try the next line. I'm going to use
the pencil again. I'm going to go in here
and draw in this top fin. As you can see, mine
is not that accurate. It's just wanted gonna
do this one here. The top there. Let's have this one
here, out and around. And last FIN in there. Now that we've got those, we're going to select
all the shapes, go up to the menu
and geometry and choose add which will
add them together into one shape like that. You can still adjust
it at this point. I'm going to flip this over. So I'm going to make the
the white for the fill. And that's what we're
looking for from our shock. Once you've done that, go down to your layers and
you can hide the picture. This is the shock
that we're going to work with in a moment.
68. Shark Shadow: Of course, for my shock, I would like to have a
bit of a shadow going on. So I'm going to go and do exactly what we did
before to the Effects. I'm going to put an
outer shadow on there. Make sure it's switched on, click over there and move
it a little bit like that. So we've got some
depth for our shock. And I can then change
these settings in here. Just changed the radius
a bit over there. You can adjust the opacity to whatever works for you and move it across if you
want the shock look more like it's closer to you, just move the shadow further away and we can even
adjust it like so.
69. Add Text & Create Outline: Let's get some text
into this design. I'm going to go along
to my type tool and I'm going to be using
the Artistic Text. And I'll click over
here and put in would shock the typeface
that I've gone to. This condensed type over here, which I rather like. So I'm going to keep
it on that one. The size is good as well, but you can always
change it if you need. I'll get my move
tool and move it down into the right position. I'd like it to be over there. And I think my shock
is in a good place to. Now the text at the bottom, I want that to have
the same typeface, the same font, and pretty much the same
thing as I've got. So the best thing for
me to do is two fingers and drag to make a copy
and bring that down. I can then select that and put in my next text bits in
here, home security. Perfect. I'm going
to just move this down and across a
little bit. Like so. I want this to be a little
bit more customized in the text department. So I'm going to go to
my word shock here. I'm thinking that if I could get that to come up a
little bit like that, it would replicate almost
the fin of the shark. You can see there's
almost a shock shape over here with the
k being the tail. Well, I think so anyway, but I'm going to pull that out. Now to do that, if I select the text, I'm gonna change my text from
editable text into shapes. So right at the top
here in the menu, I'm going to say
convert to curves. Now, it seems to be
exactly the same. But if we have a look at the
text in the layers panel, you can see that
shock is now a group. If you look at the home
security at the bottom, that just says home security,
but this says group. And if I click on it,
you can see each of those characters has
been moved around. So it does mean that I
can actually go in here. And if I wanted to, I can actually change the
characters individually. I could go into the
ER, for example, over there and I could make it smaller and move it around. If I wanted to get more
of a shock type of shape, I could take my k over
there and I can move that. Now, what I'm going to
do is I'm going to use the node tool and select those two points
are those two nodes. And I can pull them
out to get a bit of a shock tail going on there. Then I can go along
to the a and I could select those two
points on the a. Once again, I'm using
the Node tool and pull them out to get an
interesting shock. Look. I'm gonna take them
up a little bit more. And I'm then going to just
select this one node here, moving a bit so I can make sure I'm selecting
the right thing. Up there. Select at 1, maybe move that down. To get more of a shock. Look, in my Word. Do try that out a bit of a go
with your, with your text. The last thing we need to
do here is just change the background color because I want this to be this
is home security, so it must have
jumped out at you rather than just a
gentle blues and whites. I'm going to put red
in the background. I'm going to take a shape, draw my shape in. I'm going to change the fill
color of that shape to read. And then in the layers, I'm going to move that
right the way down. So I'm going to select that and move it all the way
down to the bottom. So I've got that red
behind everything else. I think I'm just
about ready to go.
70. Export jpg: I want to save this
out now for Instagram, I'm going to go to the
top up here and I'm going to choose to export. We choose Export in there. Then in here I can choose JPEG, PNG gifts, tiffs, the whole lot. I'm going to keep it with JPEG. The sizes are going to be the same size that I created at. But if you've created
a different size, you can always
resize it in here. For the JPEG, I'm choosing Clicking the high-quality,
that option. I would then click Okay. Now before I click okay, There's another option we
could do here as well. We can actually click on Share and you can share it directly to different apps from
this Share button. If I click Okay, it says where do you
want to save this? And I could save that into my documents folder
or wherever you wish.
71. Save: When it comes to this area here, we've got all these
documents that are open, but there hasn't been saved yet. If you click on the little
drop-down menu there, you can choose to
close the document. And that's really
dangerous because if you haven't saved it anywhere, when you close that down, it will be gone completely. I can also rename it. I've renamed mine shock. I can duplicate it or
I can choose a save. But before I choose Save, I need to go up to the top to this little menu and choose
where I'm saving it. Is it going to be
on my iPad or is it going to be on
the iCloud Drive? If I save it onto my iPad. And I'll choose Done. Then when I go over
there and I choose Save. Now saving it onto my iPad. And I can now close it, close this down so I can go over there and
I can close it. Says are you sure you
want to close it? Yes, I am.
72. Duplication & Repetition Intro: Another very important aspect
of designer is repetition. Being able to repeat
things not just once or twice because you want a copy
of it, but multiple times. Whether you're creating
a clock face or whether you're
creating things where you've got circular repetitions, like I've got over here.
73. Duplicate 2 Fingers, Menu Duplicate & Power Duplicate: I'd like to duplicate
this shape and this two ways we
can go about it. The first way that we've used
so far is to just hold down two fingers as long as you're
on your Move Tool and you can drag a copy of that shape. It's been that one. The second way is
to actually go over here and choose a
duplicate from the menu. And that's duplicated the
shape on top of the original. And I can then just
move that copy over. Now, I particularly like
the two-fingered version. However, sometimes
I just want to copy directly on top
of the last one, maybe because I didn't
want to take that copy and scale it down the middle. Like so. Incidentally, you'll notice
that this has scaled in and the outer stroke
has got smaller. Because on my Stroke settings, I have actually got that scale
with object switched on. If I'd switched
it off, they both remain exactly the same size. There's no right or
wrong with that. You choose what you need
for what you're doing. What else can we do with this? Well, if I do my
two-finger option and drag this shape over here, then I duplicate it
again using the menu. This is called power duplicate. I can duplicate it and it will do exactly the same
thing that I did before. So it just moves it
across like that. Once again, I will go
to Duplicate in here, and it's done another one
the same distance away. Let's do that with all
of these shapes here. So I'm gonna take
all those shapes, hold down two fingers, move them down and
across a little bit. And once again, zoom out a bit. I can go over here and
duplicate 23 times. Like so.
74. Rotation Point: Let's look at rotation. I've got a shape here
and I want to rotate it. Now, if I drag this top it, I can rotate that shape around. Obviously doesn't
work really well because you can't see
it rotating property. So I'm going to
squish it in to make it more of an elliptical shape. Once again, when I rotate it, it's rotating around its center. How do we rotate
around somewhere else? Well, that's where the options
along the bottom come in. I'm on my move tool. And I'm going to
go along here to these little buttons down here, and I'm going to choose the
top middle. Switch it on. Now, look what
happens. A little. Target comes up in the
middle of that shape. If I pull that target down and maybe move
it down to there. Now when I rotate, it will rotate it
around that target. Black. So let's combine
that was Duplicate. Well, I've put that over there. The target is over there. And I use my two fingers
and look at that. Just moves, rotates
the whole thing around at least its point of
rotation out over there. How could we
duplicate that shape? But keeps a point there? Well, instead of using
the two-fingered method, if you go up to the menu
and you choose Duplicate, now you can take one of those
copies and move it around. You can then duplicate
around a point. If you want to continue on, you can use power duplicated
to just keep going with more and more of those copies. It's a little bit
fiddly. But let me just run through
that again for you. So when you've got a shape, I'm just going to pick a
different shape for the moment. Let's use a crescent over here. That stroke is very thick, we'll make it a bit thinner. Like so. I've gone that shape, I want to change its midpoint. So I'm going to go
to my move tool. I'm going to click in
these six buttons here, the ones at the
top, in the middle. Then I can move a point around
wherever I want it to be. Now to make a copy, don't use your two fingers. Go up to the top. Choose duplicate and that duplicated on top
of the other one. And you can then without
hone down anything else, move that one around. Like so. When I get it to there, if I
didn't want to continue on, I can use duplicate
or power duplicates. I say digest, get a whole
lot more of those like that. Try it out.
75. Duplication with Incremental Degrees Plus Group: Now one of the things that we
can do when we are rotating is instead of actually trying to see that little
number over there, hold on your finger and
you can then rotate in increments of five
degrees at a time. I'll place that back there. What I'm going to do now is
to just get rid of my fill. Let's choose none for the fill. And I will just give the stroke a different color because
I'm tired of yellow. I'd like to rotate this around but be a little bit
more accurate than before. So I'm going to go
over to my move tool. I'm going to click that
little button over there for the registration point.
Oh, it's right over there. I'm going to move
it down to here. Then I'm going to start
rotating this around, but I'm going to do
exactly as we did before. I'm going to duplicate it first and then I can start
dragging it around like so. But this time I'm gonna hold
my finger down so I can get the exact degrees that I want. Now if I power duplicate that, I've got Perth that
my perfect degrees. You can just keep
going with this. I could take that. Let's make that a
little bit smaller. This time I'm going
to do the same thing. Makes sure that that
is switched on. Move this out to here. I'm going to do a duplicate. Then I'm going to rotate
it around the point. Now look what's happened
when I tried to do that. The Britain, the rotation
points gone to the middle. Let's do that again. I'll
get rid of this one here. You can see it. So select those. They're going to move
that out to them. And I'm going to power
to duplicate that. Jumps to the middle. So
what can we do about that? Well, let's see. If I selected this before
I did anything else. And I went up to the menu, I chose to group it together. So it's now become one shape. Now let's try it. Pop that over there. Same again. Duplicate. It stays
where it should. I can then move that around and I'll reach the
45 degrees in there. And then exactly
as we did before, I can keep duplicating
all the way round that. I could then take that
and do that again. And we can build up some really exciting and interesting
shapes that way.
76. Red Line Logo Project Intro: With repetition, with a project, we're going to be creating
this red line logo. The technique we're going to use here is the type of
techniques that you'd need to use if you're going to
create any dial or clock face. Let's get started.
77. Add Guides & Create Shape: Let's start our
Speedo icon or logo. I'm going to go and
do a new document. I'm going to do
this one for print. So in the device, I'm going to click in
there and I'm going to go over to print right
to the very top. I'm going to choose
a four down here. I'm going to have
this as a landscape, although what I'm creating
is going to be a square. It's just easier for you to see because it'll match
my screen size. You can do whichever you prefer. And because this is
going to go for print, I'm going to go instead of RGB, I'm going to go to CMYK. Now we will be coming
up, as I've said before. In a later lesson, I'll be showing you
exactly what RGB and CMYK do in the
differences between them. But for the moment we'll just
click Okay at the bottom. Now before I get going
and do anything else, what I wanted to do is be
accurate with this example. And I'd like to
put in some guides to put guides into my document. I'm going to go up
to this little icon, this little page icon
right at the top there. And I'm going to
go down to guide. You can see we've got a grid, we've got guides, got bleeds. Once again, we'll be
looking into those later. I'll choose the guides in there. Then at the bottom I can
add a horizontal guide, and I can add a vertical guide. And by default it puts those right in the middle
of my document, and that's all that I
want for the moment. However, I also want to lock those guides when I'm working. I can't move them
around by mistake. Now, when I go back to
my document I'm sorry, my move tool, you'll
see that those are locked and I
can't touch them. Then I can start
drawing my shapes in. And I'm going to start
off by using a ellipse. So I'll click on my
lips over there. I'm going to draw my lips in. Now when I'm drawing the
ellipse and I'm going to use one finger over here to make sure that it is a
perfect circle. Then as long as this little
icon here switched on, this is the magnet. When I go back to my move
tool and move this around, I can then you can see
how it just moves and shows me exactly when I'm right in the middle
of that page there. We've got a red line and the
green line which pop up. So it's now snapped and it's online with
those guides there. The next thing that I want
to do with this shape is I want to cut
the bottom bit off, but I don't want to
be a straight cut. I'd like a bit of
an angle in there. I've already got
my circle in here. I'm going to go up and
make a copy of it. And we can do that either by duplicating in there as
I've shown you before. You can use two fingers and you can just drag a copy down. Now my copy is a
little bit too small. I want this circle
to be a lot bigger. I'm going to drag out, I'm using the Move
tool once again. And this time, if I hold
down one finger on there, I will be dragging a scaling
it as a perfect circle. If a hole down to it goes
from the middle outwards. If I hold down three, it keeps the scaling or the proportions and scales
from the middle outwards. So I'm looking to create something like that
now it's using three fingers to do
that. And there we go. I've got my nice large
circle at the bottom. And I'm gonna be using this
one to cut off that one. I'm going to select.
Both of those, go up to the menu. And I'm going to use subtract in the geometry that's at one there to subtract
one from the other. And my background
shape is ready to go.
78. Duplicate Circles Around Centre: Let's draw in little circles
that go around the outside. I'm going to start
off with an ellipse. Drawing a little ellipse. Hold down my finger to
get a perfect circle. And I'm going to go right up to my colors and just give
it an interesting color, something I can see
easily against this, if yours is great, certainly changed the color, but it doesn't matter
what color you use. Now I'm going to be moving
it across over here. I'm going to drag
it over there and snap it right onto
that center line. Now that I've done that, we need to look at this
little option down here. If yours is not switched on, you need to go into those six
buttons and switch that on. This will enable you to rotate that circle around
a separate point, rather than just
rotating it around is the middle point in there. So that needs to be
switched on if you don't see it or you don't see these, just flip through
these little arrows until you get to that view and make sure that
it's switched on. And you'll notice it pops
up in the middle like that. Now I'm going to move that down to the middle of my document. And that was why I
put in those guides. I could place this registration point
right in the middle. I wanted to make a copy
of that and then rotate the copies round using
power duplication. I'm going to come to
the top corner here. I'm going to say Duplicate. Then I can grab that full point. Hold a finger on here to rotate
in 15 degree increments. I've done two increments
there, which is 30. Then up to the top over here
I can choose to duplicate. And I will just keep
duplicating all way around that nearly there. Back to the beginning.
Now, I honestly don't want some of these ones
at the bottom over here. So I can then just
get rid of them by selecting them
and deleting them. These ones are over here. They're kind of
sticking out the side and I really don't
want them either. We'll get rid of those two. So I'm looking for something
or add something like that. Try it out. But be, well, be careful when you're doing
that power duplicates. You've got to do it in
a very specific order. If it doesn't work, go back to the beginning,
try it again. And if you need to
re-watch my order that I've done things in here. Do so.
79. Create the Needle: Let's make the little dial
that goes in the middle. This will be really easy because really it's
just an ellipse, which is the middle part. So I'll just draw in
my ellipse over here one finger on the on the page to the size
that I wanted to be moved into the
right position, which is going to be right
in the middle there. It will just snap into
the right position. And then the little dial, which is this is gonna
be called red lines. It's gonna be kind of pointing
towards the red in here. I will use a basic
shape in here as well. So I'm going to go
with a triangle. And just drawing a triangle, you can see I've drawn the
triangle going in vertically. Then if I place that triangle
in the document there, I'm going to get these
two to become one object. So I've got that selected. I'm going to hold down my finger on the desktop and
select the other one. So select that first
finger, select, and I'm going to
use my geometry to just add those two together
so they become one shape. Now the reason I've
done that is to show you that then if
I try to rotate, it rotates in totally
the wrong position. But don't forget this
little crosshair over here because I can move
that down to the middle. And now when I rotate that
it's in the right position, I can place it wherever I want. This is a great way by the way, to do things like clocks. If you need to do a clock or a timer or watch or
something like that. You can put in the hands
and then you can rotate them to any angle that you want. Now this is going
to be over there. I think sort of approaching
what is about to be the red.
80. Add Background: Now for these his part
of the whole thing, we just need to change
the color on here. I think I'm going to select
all of those items there. I'm going to deselect this one. So I'm going to
put my finger down and click it to de-select. I can then give
them some colors. I'm going to make
them all black. And I've got a black down
there in my quick colors. Except for this one here. This is going to be my
red line, if you like. I'm gonna make that a
bright red over there. And this is going to be white
and we're going to have a black square behind it. I'm going to select that, choose white over there. And then I'm going to
draw in my square. So over here, I'm going
to go to my rectangle. I'm going to draw the
rectangle in now you can either start at the
top and draw it out. You can start right in the middle and draw
outwards from there. But if you hold
down two fingers, you get a perfect square. Sorry, One thing you
get a perfect square, two fingers, it draws
from the middle outwards. Three fingers at draws
from the middle outwards. But as a perfect square. Now that I'm on that I wanted
to change the corners. I'll just round the corners
off and I can adjust it using that little
icon over there. And I'm going to make
this black as well. Now, I need to move this
behind all the other shapes. I'm going to go to my layers. You can see this is the shape that I've got at the moment. I'm just going to drag it. So click and hold on it
and then drag it down, not into the shape, but underneath the shape. In there. You can see everything's
perfectly lined up because of my guides. Try that out.
81. Add the Type & Color It: Lastly, we may need a
bit of text in here. I'm going to go to My
Artistic Text tool. Just click down here and put in the text line that I'm gonna make that
a little bit larger. And yes, that's not a mistake. I have deliberately made the eye lowercase and
everything else uppercase. Let me just select
all that text again. Overhanging to go
and find a typeface, which might look a bit
interesting with that, I'm looking for
something to show speed. So I'm looking for something
fairly bold and heavy. Let's go with bold and I'm
going to choose black oblique. And that'll give the
forward motion of speed. I am going to make
my text white. I'll go along to my colors in
here and pick white there. So that's going
to go down there. Now that we've got that, I can adjust the
the size of that. And I'm going to pop that, something like that
in the middle. Except for the eye. I'm going to select the eye, which is lowercase now, match it may be into
the red of the dial. There's the red that
I used in there. Now we're almost done
except for one more thing. And that is those
guides in the middle. If I go up to the little icon there and go to my
guides in here, I could actually choose to
just hide those guides. And there they are
out of the way. Try that out and put
in some text in there. Try some other shapes with this as well and see
what you can do. But always look at
creating something. If you're looking at symmetry like I'm doing at the moment, creating something with
symmetry and use guides to get that perfect symmetry.
82. New Vinyl Record Project Intro: For our second project, we're going to do this
vinyl recordings logo. We're going to use repetition to create the record starting at the outside and making copies getting smaller into the middle. Then we're going to
use some other things like geometry to cut bits and pieces out and then put
some text in at the end.
83. Set up Document & Create Circle: We're going to create
a little logo for a website for a traditional
vinyl record shop. I'm going to do a
new document here. Because this is going
to go for the web. I'm going to choose
Web in my devices. Then I can actually choose
the size that I want in here. Or if the web designers told
me the exact size they want, I can go in here and
pop it into here. Remember we're creating
something with vectors. So even if you don't get
the size right in here, you can always adjust it later. Everything in vector
is fully scalable. But if you do want to
do your own sizes, just click in that
little box over there or there and you can pop
in your sizes like so. We're going to make sure
that we are set to RGB. And I'm going to click OK here.
84. Create 3 Circles as Strokes: I'm going to draw in the
record shape now for the logo. So I'm going to go along
to the Ellipse Tool, draw in the elliptical shape, put my finger down so I'll get a perfect circle if you want. You can set up
guides if you like. It's not necessary for this one, but if you want to
practice it by all means. Now, at the moment, I've got this shape
here and what I wanted to do is I want
the record to kind of the logo to show the
grooves if you like. I want a few circles
inside each other. At the moment, I could do
it by going to the donut. And I could adjust
the doughnut shape to get the sort of shape that I wanted like that and there's nothing wrong with
doing it that way. However, I wanted to show you a different way because sometimes that
might not be ideal. What I'm going to do this
time is I'm going to go over to my colors. I'm just going to change the
fill over to the stroke. And you can do that
by just clicking and dragging over
them like that. Then down here I can go to my stroke width or wait
and I can adjust head. You might find yours
is very, very thin. You can adjust it in there. If you find that your line can look a little
bit strange like that because you've been maybe using these brushes or profiles. All you have to
do is to click on one once and then click
it a second time. You can then say reset the pressure to just go
back to standard line. Now that I've got
that shape in there, what I can do is go to my
advanced settings down here. Because at the moment
the stroke is, well, it's across the line. But I could choose if I
wanted to do to just have that stroke on the inside
or on the outside. This technique is really
useful if you have got a specific width that
you want to work on. Eugen don't want to
worry about adding to that width by adding
a stroke line to it, you can get, just get the
stroke to go into the middle. The next thing that I want
to do is to also go in here and make sure that the scale
with object is switched off. Make sure that over to the left. Because when we scale it down, we want to keep this width the same when we scale some copies. I've got the first one in there. Let me make a copy of that. Now. To make a copy, don't forget
you use your two fingers in there so I will just
duplicate that shape. And I'm going to drag this down. But one finger will make
it a perfect circle. Two fingers will scale
it to the middle. Three fingers to sketch the
middle as a perfect circle. And I'll just pull that
over to there were not being too overly
accurate with this, which is roughly right.
Let's do that again. So another one over
here, duplicate. And you can see it's
remembered my last, the last thing that I did and
it's kind of moved it in. But be very careful because
when it's moved it in, it hasn't scaled it
the exact same amount that I did with the first one because it's relative
to the last shape. And I know that
it doesn't always make sense to start off with. So you probably
find that you have to actually scale it a bit more. I'll do that and you can see how it actually needs to
go in a little bit more before it gets to
that shape in there. Now that I've got all
those and their lips and they're all lined up and
this one's not quite right. We can put it out just
a fraction of there. I'm going to select. This can make sure I go back
to the move tool. I'm going to select them all. Then I'm just going to adjust the stroke weight on them until I get the
field that I wanted to. I'm after something
which is going to look like that for my record. Get up to that stage
and see how you do.
85. Create Outline & Triangle: The next thing I'm gonna
do is I'm going to make these into objects, individual objects that have got strokes on both sides because
at the moment each of these shapes is really just
a circle with a stroke. I'll just select them. I'm going to go up and I'm going to choose
to expand the stroke. What that's done is it's made
that stroke into a shape. So now this is actually a fill. You'll see it's a
fill color now and it's got no stroke on
the outside of that. The next thing I'd like to do is to move this around so it's right in the
middle of my page. And in doing so, you can see I can center it
one way or the other way. But as you move it around, the little red line comes on. If you've got that little
magnets switched on. So I can move that around
and just move it and target it right in the
middle of my page, like so. Then I'm going to do
the same thing here. I'm going to take a rectangle, draw the rectangle
across my rectangle. I'm going to flip the colors
over. It's just a fill. And I'm also going to move that right into the
middle of the page. So back to my move tool and move that until that also lines up perfectly in
the middle of the page. We're going to use that to
cut out those back objects. But I also want something else. I'd also want a bit
of a change of color. So this has been a vinyl record, would probably have some sort of sheen on it as you
I'm sure you've, you've seen almost like
an arrow that goes out. I want the same thing
roughly on this design. So I'm going to start off
by taking two triangles. I'm going to draw my one
triangle in like so. Then I want to copy,
which is going to be the other way up. Now to do that, the easiest thing is to
duplicate your existing one. Then you can take that
one and flip it over. Now there is an
option down here. And if I go down on the
right-hand side to the studios, the student that
I'm actually in, you can see it's called
the transform studio. There is a flip, so I
can flip that and move that into the right
position, like so.
86. Divide Up the Shape & Delete Unwanted : To take those two little arrows. And just for my own ease of use, I'm going to go up
here and I'm going to just add them together
into one shape. I might even make them
a little bit larger. I'm going to put them over
the middle like that now, I don't want the angle
to be right at the top. I want to rotate it round. If this is right
in the middle of my document, if I rotate, it will automatically
rotate around the center. I'm going to go with
something like that. Now, I want to
start breaking this down into all the
component parts. I've selected everything
using my move tool. I'm going to go up to the menu and I'm
going to say divide. Divide does, is divides all the shapes into
independent little bit. So I can start deleting the
ones that I don't want. I don't want any of those
ones through the middle. I don't want that one there. I don't want that one. I don't want that one
or that one over here. I'm going to get rid of that. This one. Now if you have problems
selecting things, just zoom in to get them. And that one is, well, why did I do that triangle? Well, what I wanted was these bits here and
those bits there, which will be a different
color in the final result. So have a go with that, break them up and you should have something which
would look like that. Those are separate
shapes in there.
87. Color-up Vinyl & Add Donut: Now when it comes
to color, well, I'm actually going to
have this Shine being in gray and then all the
other bits as black. So I'll select them and
we're gonna make them black. And these ones here
to be black as well. That's kind of the shine on my record now will need
a center that record. And once again, I'm going to
go back and get my ellipse. And I'm going to draw an
ellipse just roughly in there. One finger down, two fingers
for drawing from the middle, three fingers to go right from the middle and
perfectly symmetrical. I'll just move that into
the right position. Over there. I want the
circle in the middle. Now, look what happens when you start to move a shape around. You can't then get back to changing the
circle in the middle. But if you go back to
the tool over here, then you'll find you can choose the doughnut and I
can adjust that. In this. I just wanted
a little center hole, like a vinyl record would have to give it a
different color. In the middle to the last thing is to put in some text
and that's going to be the easy bit over here. But if you'd like to get
up to this stage and then come back and we put
in the text finally.
88. Add the Text: Let's go and add the text in. I'm going to use my
Artistic Text tool. Do one-click in there
and put in the title. This is going to be new vinyl, which is probably the name
of the record company. I'll zoom into that a bit so
we can see it a bit better. I'm going to select a few times. So if you just keep clicking, you can eventually
select the text. I'm going to pick the
typeface that I want in here. I'll use that one over there. And the size you
can change in here. Or you can just go
in which you move tool and grab a corner
and pull it out. Like so. Now I'm going to pop that up and get it to the right size. I didn't want the
same bit of texts on the other side for
to say recordings. The easiest way for
me to do this is to just go over there and
make a copy of that. So two fingers down
and drag the copy. And then I can adjust
the text on the copy. Same again over here, this will be recordings. So that's exactly the same
size as the last one. I can just move it into
the right position. For them. I think we're
pretty much done with that. Experiment with different
shapes and obviously bits of different text
in there as well, to create your own
interesting logos.
89. Thank you!: Well done. You've got to the end of the beginner's guide to
Affinity Designer on the iPad. Look for the second version
to take your skills on to a whole new level once get lots and lots more
projects as well.