Transcripts
1. Introduction to the Course: Hi, my name is Tim Wilson. I'm a graphics
instructor and designer. I've trained for
companies like Disney, admin, the NHS, BBC,
and numerous others. And I would love to help you
to learn Affinity Designer. Maybe you've looked at designer and thought it
looks too complicated. Or maybe you've been
using Illustrator. Possibly you've been wanting
to create amazing artwork, or maybe you just want to
do something really simple. What ever the case, you've come to the right place. Let me take you through
the software step-by-step. We're going to do it in
bite-sized portions. By the end, you won't
realize how much you've learned and
how easy it was. Along the way. This course is specially made for
designer version two. You don't have to
have any knowledge. I'll take you through
everything step-by-step. You'd be really surprised
with how fast you learn. After half an hour, you'll be creating
these professional looking icons and logos. So the first thing
we'll do is we'll start off with some
simple shapes, will then move on to more
advanced vector shapes. Have a look at this.
These are some of the amazing projects you'll work through with me
and we'll be doing it step by step together. I can't wait to help you to
learn Affinity Designer. So start right now.
2. The Best Way to Learn: Now before we get
going with the course, there's a few things
I want to talk about. First of all, the images that
we're going to be using. Now a lot of the
stuff we're going to be creating from scratch, but we will use a few images in some of the projects
and tutorials. Now, there are some images in
with your course resources. But if you wish to use your own images, that's
absolutely fine. Or if you want to go onto the
web and find some images, I use a website
called unsplash.com, which do royalty-free images. The second thing is I've
found the best way to follow this course is if you watch what I'm doing
first on the video, and then at the
end of the video, stop and try it out yourself. And if you're not sure, go back and watch the video again. If some of the videos
are slightly longer, feel free to stop in the
middle and try it out, and then continue and then
try that out as well. So the whole course will be in bite-size portions and you'll be able to just watch
a bit and do it. Don't forget if you
have any questions, put them in the questions area, and I will try and get back to you as soon as I possibly can. Let's get started right now.
3. Introduction to the Interface: In this section we're
going to look at the interface and I'm
gonna show you what all those tools and the studios and panels where
to find them ready. And then we're going
to put together a very simple little document.
4. The Interface: So when you first
open up designer to, you get this new document
window that appears. Now we're going to be looking at all the options in here later. But for now, I'm
going to click on Create and just bring
in the default setting. So I've got a document
in front of me. Now let's have a look
at the interface. On the left-hand side, you have the tools. And you'll notice
that your tools, well, they're in color, but some of them have got a little icon on the
bottom right-hand side. If you click on those tools, you'll find that you can see other tools
in there as well. E.g. if I go down to
this shape over here, and I can then click
and hold on that. And I can see all
the other shapes or all the other tools in
there at the same time. So you've got the tools
on the left-hand side. And on the right-hand side
we have these studio panels. Now. The studio panel, you can see at the moment is the color studio. But this swatches and
strokes and appearances, so many different ones. All of these studio panels can be accessed by going
to the Window menu. And you'll find that
all listed down here. So if I say, oh, go and find
the text character panel, you can just go down
here to text and find the character in there. And if I go and choose it, you'll see it'll bring it up. Now these panels can be
moved around so I can click on the name
and drag them out. Like so, drag that
one out in there. I can even go and pull
some of them down. You'll find that some
of them are a bit shorter and we can
move them around, pull them out as we need. Now of course you
can see I've made a total mess of my panels. So I'm going to go
to the Window menu. I'm going to go
down to the studio. And at the bottom it
says reset studio, and that'll just reset
all of my panels back to the default setting so you can't
miss them up too much. We've got more options
along the top. Over here. These options change
depending on what tool urine. So as you go to various tools, you'll find that the
options they do change. Finally, there's a shortcut. Now I'm not going to bombard
you with too many shortcuts, but there's one that
you might come across. And with that shortcut,
if you press it, you will find that
all of your panels and your tools just disappear. The shortcut is tab, you'll find it will
hide all of your tools, toolbars, and the options
as well as your studios. And you just press Tab
to bring it back again. The great thing about
this is if you want to show somebody something
you're working on, you can just hide
them very quickly, especially if you've
pulled out some panels, you've got things in the way. You can just get rid of them and see your artwork
without anything around it. Try those out, and then come back and we'll move on
to the next section.
5. New Document: I'd like to close
down this document, so I'm going to go
up to the File menu, and I'm going to
choose Close in there. I want to make a new document, so I'm going to go
to File and New. And that opens up this
new document window. Now, what we have on the very left-hand side over here are some different buttons. And you'll see this is the New Document button that I'm on. If you click on open, this will actually allow you to open up existing documents. I'm just going to cancel that. We've got recent
documents in there. So anything you've been
working on recently, there are templates in there
and samples over here. So you can go in
and open some of these samples and have a look at how they've
been created. But we're going to be
creating things from scratch. So we're going to
go to new option. And just next to that, we have got a number of different preset sizes in here
that you can choose from. You can see from
the bottom we've got architectural sizes, devices over there, things
like iPads, iPhones, etc. above that we've got
some web options, photo options, press ready, and then some prints
at the very top. Now we'll talk more about
these in detail later. But the thing is that if
you choose one of them, all it does is sets some of these settings up
for you. So e.g. because I've chosen
A4 over here, it's set up my A4 page for me. Now, not only do we have
the loud options here, you will find this
color options in their margins,
bleeds, and scale. Now we're going to look through a lot of those
throughout the course. But for now, I'm
going to say there's two areas I'd like
you to look at. One is using one of
the print settings, either from print or preset
or sorry, I'll press ready. Or going down and having a
look at something like Web. Because the big difference
you'll notice between the web and the
printing options are that the print comes up in millimeters and the web
comes up in pixels. The second thing that you'll notice is to do with
the color mode, and you'll see it over here. We're gonna be talking about
RGB and CMYK color later. But you'll see at the moment, if I'm on the web,
it goes over to RGB. Whereas if I go up to one
of the press ready options, it goes over to CMYK
on the side there. So CMYK generally footprint
and RGB is for screen use. But we'll get into
those in more detail. It doesn't matter
which one you pick. Just have a little bit of a look so you get
to understand them. Secondly, the little button at the top over here allows you to flip between portrait and landscape on
any of those sizes. If you don't like working
with what they give you, you can always
change it in here. If you have gone along to web. And you thought, I
don't want pixels, by all means,
change it in there. Anything that you
prefer to work in, have a little bit of a
look at those settings. Then click Create to
open the document. And you can of course go down to File and close to get rid of it.
6. Introduction to Working with Shapes: In this section we're going
to be looking at shapes. I'm going to start off
with some simple ones, squares and circles. But I'm going to show you
how you can customize them. With those customer shapes. You can build so many
different logos. The project at the end
is actually going to be about creating
icons and logos, just using those little shapes. So let's get started.
7. Basic Shapes: I'm going to go and create
a new document now. So I'm going to go to the
File menu and new at the top. And this opens up my
new document window. Now I'm going to be in the new option on
the left-hand side. And that gives me all
the different presets. And to start off with, I'm going to look at the
print presets over here. And I'm just going to pick A4. Now, if you do use
a different size, it doesn't matter
for this example. I'm also going to
make sure that I'm in landscape rather than
portrait over there. It will just mean
that my page will fit onto my screen a
little bit better. I'm going to go down
to create in here. Now, what I want to do is to
start making some shapes, and this is where things
start to get exciting. I'm going to go down in my
tools on the left-hand side until I get to these
little shapes down here, you can see this
a cropping tool. Then we've got this
rectangle, then an ellipse. And then over here there's a
lot of different shapes and we'll be looking at
some of those now to change them in a little while. But I'm just going to start off with the basic shape here. Now, I'm going to click drag, to drag out the shape. And you can see it comes in, it looks at very boring. It's a light gray over there. So next thing is, how do we change the color? Well, if you can't see the color area over
here on the right, you can find it in the Window
menu and a color there. And I'm going to go in here and just choose the color that
I want from the outside. And then you can
choose the shade of that color by clicking
in the little triangle. Now, if this doesn't change, what you're seeing there, it could be that either
the shape isn't selected, it needs to be
selected over there. Or you might be on what
is called the stroke. That's this one here, which is the line
around the outside. So the stroke allows
change the color. You can see as I'm
clicking around, it's not doing anything
to my fill color. So make sure you're on the fill and you can then pick
a color from in there. Now, if your item
is not selected, use the selection tool, that's the one right at the top. It's called the Move tool. And you can just click
it to select it. Now, using the Move tool
gives us quite a few options. Firstly, I can
change the size of the shape by click on a corner
and dragging it around. I can move the shape around. And I can rotate it by going to this little
lollipop stick and clicking and dragging
to rotate the item around. Now, when you're doing these, if you want to undo
what you've done. And I'm just going to
rotate this a few times. If you are on a Mac, you can use command
and Z to undo. If you're a PC, it's
Control and Z to undo. And you can see I can just
keep undoing all the way. Now, the next thing with the
move tool is if you drag a corner and you hold down the
Shift key on the keyboard, when you scale, it will
scale proportionately. Likewise, if you go to rotate and you hold
down the Shift key, it'll actually move
in small increments. So it's going in 15 degree
increments. At the moment. I'm going to get
rid of that one. So I'm going to press
Delete or Backspace on the keyboard to remove
it. Let me do that again. This time I will use an ellipse. So I'm going to go
to the ellipse in there, click and drag. And if I'm dragging the shape and our hold
down the Shift key, I will get a perfect circle. It's exactly the same
with the rectangle. If you hold down the Shift
key while you're doing that, you get a perfect square. Using my Move tool. Now, it's exactly
the same thing. I can scale it up. If I hold down the Shift key, I can scale it proportionately and I can rotate it around. Not that you're going to notice much difference
because it's a circle. If you wish to try some
of the other shapes. By all means, go down
here and pick a shape. And you can just click and
drag to create your shape. Using the Move tool. Once again, we can
move it around, we can scale it, hold
down the Shift key, and scale it proportionately. Do have a bit of
a play with that. And then come back and
I'll show you how we can make these a little
bit more exciting.
8. Selecting & Transforming Separately: Let's look at selecting shapes. I'm going to go over
n. I'm going to draw a little shape
in over there. And a second one here. I'm just keeping clicking and dragging to make my
multiple shapes. And let's have some
ellipses as well. So we'll have a
little ellipse there. I'll just change the color
to something else for these. Now, when you go over to the Move tool and
you select shapes, you have to actually surround
the shape to select it. If you go and click drag, you'll see if I click here, drag halfway over the rectangle. It doesn't select it. Now, if you come from
the Adobe background, you're going to find that's
a bit strange because with Adobe you just click
and drag over half of them. It is something
you can change in the settings if you wish. But the idea is
that you click and surround the whole
area to select it. So here e.g. if I click
and drag over that one, even I've touched the others, it will only select
this one in here. You can, of course also
click to select items. And if you want to
select multiple items, you can hold down
the Shift key to select multiple items
at the same time. Now, I'm going to select
all of my items over here. And then I can do exactly
what I did before. I've got to rotate
option in there. I've got a scale
option over here and I can move them
across together. But there's an interesting
option that we have in here. I'm going to go to
the very top to the options for the
tool that I'm in. And because I'm
in the move tool, these are the options
for the move tool. And there's some buttons here. And I want to look at this
little button over here. And you can see as I
move my cursor over it, it says Transform
objects separately. If I switch that on, now you see only one of my
shapes has become selected. And if I rotate just
this shape here, it would affect all the
others and they will also all rotate exactly the
same. It's the same. If I scale it, they will
all scale at the same time. So rather than actually doing them all at once
as one big shape, this does them all
as individuals. So if I switch that
off, we go back again. And e.g. if I scaled them, they're all scale across. If I rotate them, they
all rotate as one group. So do watch that
little button there. Sometimes you want
it switched on, sometimes you wanted
switched off. It just depends on
what you want to achieve from the artwork. Try that one out.
9. Customizing the Shapes: I've gotten rid of my last
shapes by deleting them, either using backspace or
delete once they're selected. And I'm going to go over
to these shapes in here. Now all of these shapes
have got their own options. So let me start with the
rounded rectangle tool. By the way, don't
worry, I'm not gonna go through every single tool here, just point out a few of
them and the options. So the rounded
rectangle allows me to click and drag to
make the shape. Once again, we can change these colors exactly
as we did before. I'm going to use
quite a light color so that you can
see this clearly. You'll see there's
a little red dot. Now, I'm still in
this particular tool. I haven't gone back
to the move tool. And with a dot, I can
click on the data. I can actually change or adjust the corners on that shape. Let me get my selection
tool or my move tool again. Sorry, sometimes I
call it selection, sometimes we call it move. It's the same tool. I'm going to delete that shape. Let's choose a different one. I'm going to go down
to this star tool. Once again, I'm going
to click and drag. And now you'll see this
three little red dots. So let's start off
with a one at the top. Now if I go to the one
at the top and click, you'll see what it does
is it allows me to change the corners
and round them off. If I go to this one over here, once again, I can click and drag to round off the bottoms. And lastly, I can pull them in and pull them
out. Over there. Every tool has got different
options and it's just worth having a play with them to see exactly what they do. Let's have a look at
one last one over here with quite a few
options, and that's the cog. I'll click and drag my coke out. And first of all, starting from the middle, I can change the
middle of the COG. I can go over here and I
can adjust that in a tooth. I can go to this tooth here. I can change the
angle of the tooth. In here, we can pull it around. And lastly, in here, we can adjust the bottom angle. So if you can't see
those little red dots, it could be because you
are on the move tool. You have to be in this tool down here
in order to see them.
10. Moving the Nodes: I'm going to take one
of these shapes here, just a simple little rectangle. And when we go up to the move tool and I
click on the edge, it will scale the whole thing around as you've seen so far. But what I want to do is
I want to actually select these individual points so I can move them without scaling
the whole of the shape. To do that, what we need to
do is to go up to the top. And these once again, are the options for
the shape that I'm on. I'm going to go to convert
to curves and you see it converts it into, well, little nodes around the outside is often
known as points. Now that I've done that,
I can go to my node tool, which is this one here. And I can then select
individual nodes. You can see I've clicked on
that one, It's become blue. And I can then drag it
around independently. Same over here, I'll
click and drag. I can select any of these. In fact, I can
click and drag over multiple ones and move them
together at the same time. So what happens if
you go to the line? What if you click
on the line and you can pull the line out. And we get little handles. These are called Bezier curves. And we've got little handles
there which enabled us to control the curve itself. Now I'm going to be going more into the handles
and working with the handles when we look
at the pen tool later on. Let me get rid of these so
I'm going to go back to my main Move tool. And once again you
can see I can select it and I can scale it. I'm going to delete it. And then I'm going to use
one of these custom shapes. So let me go down and find a custom shape that
I want to try out. I'll use this PIE tool. I'm going to click and drag. Now, I want to select
it individually. So at the moment, these
little pies, well, the little dots shall I say, just to allow you to
adjust the pie itself. But if I convert that
to curves at the top, then I can use my node
tool and I can select the individual points and move
them around independently. Then we'll work with any
of these tools here. So if you want to
use the node tool, just select the
shape first and then go up and convert to curves
in this area along the top. Try it out.
11. Duplicating the Shapes: When it comes to making
copies of objects, There's a number of
ways we can do it. First of all, you can
just copy and paste. I've got one shape here. And on the Mac, if I use Command C to copy it, and Command and V to paste, it will give me a
second copy like that. I'll get rid of that. On the PC, it's
Control and C to copy, control, V to paste. And once again, we get the copy. You'll also find the same thing as in the Edit menu over there. You've got copy and paste. But there's a slightly
shorter way of working. If I've selected this shape, I can use on the Mac, it's Command and J, and a PC it's Control and J. And what that does is copies
and pastes in one movement. You can see I've now got
two of them like that. That's Command J or
Control J. Lastly, we can also drag to make a copy. And on the Mac I'm going
to hold down command. So I'm just holding
down the command key and I just click and
drag that object. Once again, I'm using
my move tool over here. On the PC, it's Control and drag the object along like so. Try those out.
12. Corner Tool: What I'm going to do
now is I'm going to take one of these little shapes. I'm using the double arrow, but you can do it
with any of them. And I'm going to click and drag, click and drag my
shape in there. Now I'd like to change
some of these corners. So I'm going to go down
to the corner tool, and that's about five
tools down from the top. You can see I can then select the shapes that I
want to adjust. And if I go to one of
those corner tools, I can just pull it out
to round off the corner. Let me do that again for you. So I'm going to use
the corner tool. I'm going to select
this shape up here. And then I can just click
and drag to round it off. Once again, same thing here. Choose that shape or node and
drag it around like that.
13. Boolean Operations: Let's look at creating
some other shapes using what are called operations,
are Boolean operations. This allows us to unite multiple shapes or subtract
one shape from another. I want to start off with a
little rectangle like this. And then I'm going to
go and get an ellipse. And I'm going to put the
ellipse on the right-hand side. Now I'm using the Move
tool to select them both. So I'm going to
click and drag over both of them so
they're both selected. Then we've got a number
of buttons along the top. Over here. The first button you'll
see when I click it allows me to add
them both together. So this becomes one new shape. Now I'm going to undo this. So I'm using either Control
Z or Command Z to undo it. So I get back to my
two original shapes. Let's change the color
on that one over there. So I'm gonna do it again now
with two different colors. And you'll see that
it then picks up the color of the
underneath object. Let's undo that. The second
thing that we can do, and I'm going to
select them both, is subtract one from the other. So if I go along to the
second button there, this is my Subtract
option and it will cut out one shape
from the other shape. And do that with them
both selected once again, I'm going to go
to the third one. This just leaves the
intersected area. Undo that, select
them both again. This one subtracts
the intersected area. And the last one divides the whole two shapes
into multiple objects. So if I click on this one here, you'll see it's become multiple
objects that's separate, that separate, and
that is separate. Try that out and then
we'll use this in a logo or a little graphical
icon that will create.
14. Shape Builder Tool: In version two of designer, they've added in another
tool which is really good. It's called the
shape builder tool. It's down here and it works
in a very similar way to the way that these
tools up here work. What you do is you
select your shapes. And then I will go across
to my shape builder. But before I do anything
on the image itself, I'm going up to the
actions over here. If I click on Plus. Now when I move over
this, first of all, I get these diagonal blue lines. And I can just
click and drag over the areas that I want to add
together or unite together. Let's undo that. If I go to the subtract
option and then I move over, you get the red horizontal,
red diagonal lines. And I can just click and drag to subtract the areas
that I want to remove. The last one allows me to make a copy of a shape
which is overlapping. So e.g. here, if I want to
keep that, I can click it. And what is done. It's given
me this as a separate shape. You'll see if I go
to my move tool now and just move that out. That's now separate shape. And these two are still
my existing two ellipses. Once again, do try that out. See how you get on.
15. Introduction to Project: Creating Icons & Logos: It's project time.
Will love projects. Now, for this project, what we are going to be
doing is we are going to be making some icons. And we're going to
use the basic shapes that I've shown you already. And we're going to create
three little, well, they're not that simple, but they look amazing and
they're not gonna be that hard. Once I show you how to do it, we then need to create
two more logos. One which will be a text logo, and one where we're going
to make a little track. So let's jump right in.
16. Create a Character: Now we're on to
my favorite part. That's the projects. For this particular project, we're going to make
three little icons. So we're going to go
into the new document. I've clicked on the New button over here and I'm
just going to go down and I'm going to
find the web area. Now. In the web area,
I'm just going to pick a size that I want to use. I'm going to use this ten ATP, which in pixel terms
is 1,920 by 1080. This is often known
as HD format as well. You can do it a different
size if you like. Remember, this is vector, so it's absolutely
fully scalable. I'm going to click,
click Create. And we're going to start off by creating a circle to
make a little character. I'm going to use a circle here. And I'm going to click and drag. Now I'm holding
down the Shift key, so I get a perfect circle. And this is going
to be the body. The top half of
this is the body. Now, I want you
to notice that as I'm moving over this shape, you see I get a green
line going up and I get a red line going across. What I've got is
in the View menu, I have got my
snapping switched on. If you go to View and snapping, you'll see this and
enables snapping which you can switch on
and switch off. Now, I've switched
that on so that when I start to move things around, it's a lot easier and I
can see when things are lined up and I'd suggest
that you do that as well. I'll just close that down. Once again, as I'm
moving across it, you'd be able to see the
areas that it's snapping to. Now. I'd like to have this is the
body, the top of the body. So I want to get
rid of the bottom. So I'm going to
take another shape, just a regular shape, a regular rectangle like
that and put it over. You can see when I get to
halfway because they're little line appears
automatically. I'm going to use my move tool, select both of those shapes. And then right at the top, I'm going to go up and
we're going to use this Boolean operation to
just not link them together. I click that by mistake. The second one, I'm going to subtract the front
from the back. So that's the body. And then we're going to have
a little head over here. Now, before I do the head, I also want to remove parts of the body for
where the neck we'll go. I'm going to take an ellipse. I'm going to draw an
ellipse and I'm using the Shift key once again
to draw my ellipse. I'm making a reasonably large, we're going to pop that in. You can see when it gets
to the bottom over there. And I'm going to put that in
something like like that. Now I'm going to select
both of those shapes. And what I want to do now is to subtract one from the other. So same as before. I'm going to go up to the subtract option
to get rid of it. Lastly, we want
the heading here. This is just the
starch by the way. So I'm going to
do a little head, once again holding down the Shift key to
do the head size, I think something like that. And I'm then going to move
it into the right position. Over there. You can see
they're all lined up. Now that I've got my items
all as they should be, I'm going to select them both. I'm going to go into my
color and I'm just going to change the color of the fill to something a little
bit more obvious. I'm going to stop there so you can try it the same thing and just get yourself a simple
little character like that. Don't forget to go
to the View menu. Go down to snapping
and switch on or enable all the
snapping in there. And then use two circles to
create this little character. And then we're going to give some ear defenders were
going to give it hard hats. We're going to give
it a hand as well in the next lessons. So create that one first.
17. Make Earphones: What I'd like to do now is to do some ear defenders
for this character. So this could be the type of icon that you get
on a building site. You've got to wear ear
defenders or in industry. Or of course it could be
headphones. It's up to you. I'm going to do them
by using the Ellipse, creating a little ellipse. And I'm going to cut this
ellipse in half now. So once again, I'll
use the rectangle, drag it until I get
to the halfway point. You can see how it
goes green now. And then I'm going to use the Move tool to
select both of them. And exactly the same thing. Just go to my boolean operations and subtract the front
object from the back. Now that's going to go on this side over here you
can see once again, I'm moving it around, getting into the right
position with the red line. I want another one on this side, so I'm going to hold down. Now, if you are on a Mac, it's going to be command. If you're on a PC, it's Control. And just drag that over. And when I'm dragging it over, you can actually see that it's going to the
right position, but I just need to make
sure it's quite correct. In there. I want to rotate this one, so I'm going to move up to the little lollipop
looking thing, start to rotate it, but I'm going to
hold down the Shift key so it will rotate. Then 15 degree increments. I know that's exactly vertical. The last thing to do is
to put the band that goes over the top of the
earphones or ear defenders. And I'm going to
do that by using another circle or ellipse. Now, I could redraw a new one, or I could just take this one. Hold down on if you're
on a Mac, it's command. If you're on a PC,
it is control. And just make a copy
of that very quickly. And I'm going to scale it up. Once again, I'm
holding down the Shift key to control that scaling. So what I'm looking to do
is to make something which is just about the right size. So this is gonna be sort of
going into the ear defenders. I'm looking to see that the ear defenders stick out the side. Now I'm going to take this
and I'm going to hold down command again and make
another copy down here. Select both of those copies and subtract the
front from the back, which will leave
me this arc shape. And that's going to be the
band that goes over the top. I'll just move it into
the right position. So now this one, the band and the
two-year phones, if I select them. And we can do that by just clicking and dragging over them. But don't drag entirely
over the head. Otherwise you'll
select that as well. I can use my Boolean
operations to unite those into one piece. Ryan, my characters
all done in there. If you'd like to have a
little bit of a go with that, doing some ear
defenders or earphones. Try that out.
18. Make Hard Hat: Now let's do another
little character. So I'm going to select this one and move it over to the side. And then I'm going to
select the character, its head and body. Without the earphones. I'm going to make
a copy of that. So I'm going to use
Command J or Control J, which copies it and
I can move it over. I could have done it using just Command or Control
and dragging it as well. I just wanted to do something
slightly different. So this time we're going to
have a hard hat on here. So same thing again. I'm going to make a copy of
the head to make the hat. So I'm just going to hold down Command or Control
and drag it out. I'm going to make it
a little bit bigger. So I'm going to hold
down the Shift key. While I do this, I'll
get a perfect scaling or proportional
scaling, shall I say. Then I want to cut off some
of this to make a hat. So I'm going to use a rectangle, click and drag until that gets halfway because I think that's where
the head should go. Select. Both of those was my move tool and cut off one from the other. So that'll be the
hard hat which will kind of go over there. Now, the hardhead really needs a little rim around the
outside or on edge over here. We're going to use a
different shape for this. I'm going to use this
trapezoid shape. I'm just going to click and
drag out something like that. You can always change it. I'm going to select it and move it into the right position. Once again, I'm just making sure that I'm lining
everything up with those quick line functions. Select both of those. And then I can, I can
unite them together, add them together, and I've
got the little hard hat. Now, although it'll go on there. Look okay. I think I'd actually
like to have a bit of a white line in here. So I'm going to subtract sum of the head of
this character. I think I'll go down to there. I'm going to select
both the rectangle and the head and subtracted. And now I can move my hat
into the right position, checking that it's all lined up. Once again, try that one out, see how you get on.
19. Make Stop Hand: Our last character is
going to be holding up his hand as if it's saying stop. So I'm going to select the character once
again from here. I'm going to hold down my
command or Control and drag it across to that side. And then I need
to make the hand. Now I don't have much
room to work there. So in fact, I'm going to
move this up and excuse me, and design my hand over here, just giving myself a
little bit more room. Now, I want to zoom in
a little bit on this. So I'm going to use
a shortcut for that. Now, on the Mac, it is Command. And plus on the main keyboard, not on the number pad,
but on the main keyboard. And command minus to zoom out. On the PC, it's Control and plus to zoom in control and
minus to zoom out. And I want to move this whole
page across a little bit. So the shortcut
is on the Mac and PC is to hold down the space
bar that gives you the hand. And then you can just drag it around to where
you want it to go. When you release the space bar, goes back to your Move tool or whichever tool
you happen to be in. So I'm going to
make my hand down. I'm going to use some little
simple shapes for that. I'm going to go with
a rounded rectangle. And this is going
to be the fingers. So I'm going to make the
first finger like that. I will zoom in a
little bit more. So Command and plus or
Control and plus to zoom in. And I'm going to go to
the edge over here, pull that into rounded
off a little bit. It's gonna be obviously
very stylized. And these are my fingers. So I'm going to make a few
copies of those are hold down the Command or Control key
and drag a copy across. Now I want to do that again. Now watch this. If I do Command and J, it will do it again,
but we'll also copy it. Command and J. Once again, this is known as power duplication in
Affinity Designer. So once you've done
one with the movement, just use Command or Control
and J to repeat that process. Let's make this little
fingers smaller. That's the ring finger,
bigger one here. And the index, I think could
be in-between those two. Now, I want the hand to
be at the bottom here. So I'm going to
use my rectangle, drawing the hand part. This is the palm of
the hand in there. And same again, just go to the corner and click and drag to round it off just a
little bit. In there. We just made sure I
can get to it there. We are. Just having a few problems as selecting it and
need to make sure that I'm actually on
the correct tool. Now, I've made a very
silly mistake in there. I've actually used
the wrong tool. I use this one here. And I meant to round
the corners this one. But that's no problem. I can always go and I can use my round corner or corner tool. And this will allow me to select the corners and then round them off a little bit like that. So even if you haven't
used that one, you can still get
to it that way. By the way, That was
a genuine mistake. I wasn't doing one of those. I've made a mistake.
Look at this. This is how you fix the things. I really did make that mistake. So lastly, I want a thumb. So I'm going to go and
get one of the fingers. Hold down the Command
or Control key, make a copy of that. This is going to be a
little bit thicker, maybe a bit smaller. And that's going to be my thumb. Over there. Let's zoom right out. Now I'm going to
select all of those. Just move it down. Let's get this one back
to where it should be. I'm going to take
this hand and just pop it next to the character
so it's holding up his hand. To stop. Try that out. Use some of those shapes to make a little hand or any
other shape you wish.
20. Add Text and Save: I'm going to move my characters a little bit further apart. I'm going to select that
one. Move it there. Pop this one over little bit
further into the middle. And this one can move in
a little bit to there. I do want a bit of
text below them. Now we haven't looked at
texts yet in the course. But what we're gonna do
now is we're going to go down in the toolbar
to the type tools. And there are two
texts tools here. One is called the Artistic Text, and one is called
the frame text. And we'd be looking
at the differences between those later. I'm going to use
the Artistic Text. And this just allows
me to, and drag. And you can see it
drags out a little a that's showing me the
size of the character. Then I can type straight in. So I'm going to put in stop. Now using my move tool. I can then move that
into the right position. Over there, grab a
corner and scale it up until it is the same
width as the body. Do that again for
these ones here. So I'm going to go over to
the Artistic Text tool. I'm going to click and drag
to make something roughly the right size. Hard hat. Back to the move tool. And I'm going to do the
same thing in there. Just kept my text to go
directly in line with the body. We've got one last
one over here. Now, what you can do is you can take an
existing piece of text, hold down Control or Command, make a copy of it. You can then just
double-click to select it. And then you can change
that to anything you like. I'm going to put in
Protect hearing. And same again. I can then just move it
into the right position. And I'm going to scale it
up a little bit like so. That gives us our
three characters. Now we want to save
this because we might want to come back
and add some more to it. So we're going to go to File, we're going to go
down to Save As. And we're going to
be saving this. Well, I'm saving
mine on my desktop, but you can save it
wherever you want. So I'm going to call mine icons. And what we're saving here are the editable versions
of these characters. Click on Save. And that's done. You can close it
down once you're finished and you've still
got those editable versions, they have to work on later.
21. Project 2: Truck Logo: Let's do a little logo now. What I'm going to do
is do a small truck with the words speedy
delivery underneath it. And we're going to
do that by creating basic shapes and then using the Boolean functions
to put them together. I'm just going to get
a rectangle like so. Drag out my rectangle. Now you can choose any color
that you want from India. I'm going to do
mine, has a gray. Then I'm going to go up to the tool which allows me
to change the corners. It's called the corner tool. I'm going to click on
this corner here and just drag inwards to round that off. Now this is the back
of the truck here. But because I want the whole thing to look like
it's speedy deliveries, I'm also going to go to the Node Tool and
I'm going to get the back of the truck
and I'm going to pull it right down. So it becomes a point. So it's almost like
this truck is an arrow, but going in the
opposite direction. Now, the front of the truck
or the cab of the truck, I'm going to do in
a very similar way. I'm going to use the rectangle. And I'm just going
to start down here and draw the cab in. Like so. Once again, I want to
round off some of its, I want to repeat that
shape on the cab. So I'm going to use
my corner tool, go up there and click and
drag that down as well. So got that same sort of
shape repeating itself twice. The next thing we're going
to do is we're going to put some areas
in for the wheels. So I'm going to use an ellipse. I'm going to hold down the
trie that sentence again. I'm going to hold down the Shift key and draw
in my little shape. And that's where the
size for the wheels. And I'm going to take that, I'm going to put one over here. Now because I want to
reuse this a few times. I'm going to hold down the
Alt key and make a copy. Now, that's still got
two shapes in there. So if I do that, you can
see there are two shapes. So I'm going to get
rid of the one. We can use the Boolean
functions at the top. Or we can go along and we can
use the shape builder tool. And if I went to subtract, and I can then drag the bit
that I wanted to subtract. Now, I've still overhear got a, another shape exactly
the same size. And if I click and drag over
there it is down there. And we're going to have
two wheels at the back, So one there and one there. So same again, I'm going to
select all of those shapes. I'm going to use
the Shape Builder. Make sure I'm on the subtract
right at the top there. And then I can just subtract
those and subtract that. Now, let's put in some wheels. So this will be nice and easy. I'm just going to get
the elliptical tool. Draw in the wheel. I want something like that. I'm going to make those black. And as before, we will move
them into the right position. I'm using the arrows
on my keyboard to just move it around. It's absolutely spot on its
hold down the command or the Control key and make a copy of these and their
command and control again, to make another
copy in their neck sort of gives us this
arrow type of track. So finally, I'm going
to put in some text. I'm going to do that
by going down to the text tool and use
the Artistic Text tool. Click and drag. And let's call this speed. Spell it correctly.
Speedy delivery. And I can then take this. In fact, I'm not 100% convinced about those wheels being black, so I might decide to make
them all the same color. I'm going to scale it down. Now I'm holding
down the Shift key. So when I scale it,
it's proportional. And then I can pop it onto
my word delivery. In there. Have a bit of a go with that. That's just a very
simple little track, but you can do all sorts of shapes using those
Boolean functions, cars and animals and
whatever you like, just using the basic
shapes that we've got in here to try it out.
22. Project 3: Text Logo: I'm going to go to File New and just do a new
document any size. It really doesn't matter. Now what I'd like to do is to
take a little shape and I'm going to use the
rectangle in here. So for this project,
what I want to do is I want to mix together a shape and some text using
the Boolean features. So I'll give that
some color in here. Let's just choose a quick color and I'm going to use the text. So I'm going down near the bottom to the
Artistic Text tool. Remember you click and hold on those to bring out
the other tools. Make sure you're on
the artistic tool. You can then just
click and drag to the size that you
want your text to be. So I'm gonna go with
something like that. I'm just going to put
in the word groovy. Now I'm going to
select the text. And right at the top
here I'm going to change the type to something
a little bit well, thicker maybe in here I could try something like
bold, that might work. I think I'll go with that. Now. I'm going to make my text well, slightly larger or slightly
smaller, shall I say? It kinda fits over there. And I want to move
the text up slightly. So I'm using the up arrow on
the keyboard to just very, very gently move it up. Now I'm going to
select both of those. And then I'm going right
way up to the top, to the Boolean features. And I'm going to
go along and I'm going to use the
fourth option alone. This is called XOR x. And I'm going to click on that and you'll see what it does is it knocks out the
overlapping areas. So now I can change that
to any color that I like. And I've got a really
interesting looking logo very, very quickly. Tried out with some text and use different shapes
with it as well.
23. Introduction to Color: In this section we're going
to be looking at color. So we'll start off by looking at color with fill and stroke, and I'll once again explain
exactly what that is. Then we're going
to be going into our swatches and we're gonna
be looking at flat color. We'll also be looking at gradients and we'd be
creating something amazing. Gradients. Anyway. Let's jump straight into that.
24. Fill & Stroke: Let's have a look at the
fill and the stroke. So up here in the color area, we have got a stroke that's the little outer
circle and a fill, which is the inner
circle over here. And you can see it's
replicated down the bottom with the outer
circle, the inner circle. So if I've made a
shape like that, at the moment the inner
circle is selected, the inner circle there. I'm changing the fill color. If I click on the
outer circle over here and you can see it's
replicated over there. Now what I'll be doing
is I'll be changing the stroke or the line
around the outside. Now the stroke itself
is very, very thin, very narrow at the moment, so you can't actually see it. So I'm going to go over to my Stroke panel in
this studio here. So I'm going to go
over to stroke there and increase the stroke width. And you can see how it
just increases my stroke. I'll go back to color. And then when I'm changing that, you can see how it's
affecting the stroke. It's exactly the same down here. So if I wanted to maybe change
the colors in here and I wanted to actually
have the pink fill and the red around the outside. What I can do, I
think just click on that little double arrow there and you can see it
just flips it around. And we've got the
same thing here. So we can just flip
those around to change the fill and
the stroke separately. Now I'm going to
make another shape in here over the
top of that one. And once again, I
can go in here, change the fill and stroke. But what I'd like to do now
is to change the opacity. And you can see how I can
change the opacity of the fill. If I click on the stroke, I can then change the
opacity of the stroke. So we can affect the opacity of either the fill or the
stroke independently. Now if you don't want
any fill or stroke. So I'm going to go to
my fill for the moment. You'll see if I made it white. Well, it's made it white, but Section knocked out the
shape in the background. Let's just go back
again to a color. Whereas if I clicked on this little circle with
a line through it, this is kind of none. It makes it totally transparent. I could do the same. Let's give it a color
with stroke as well. So I go to the stroke
and I could choose none if I didn't want
a stroke on there. Now let's just make sure I can click on that. There we go. So you can actually
have both none fulfill stroke and this
makes it invisible object. We'll deal with those
at a later stage. But they can be quite useful because initially
when you look at them, you think, why do I want that? Now, as I said, we can get to these on either of these areas. But you can also go up here to the top where it
says Fill in there, there's a fill or
stroke as well as a option for the
size of the stroke. So in here I could
choose the stroke color and I can go in here and
I can adjust the fill. These are just
shortcuts to get to the same areas that we're
looking at over here. Try those out a bit
of a play with them, get to know them a little bit. And then we'll take it
on to the next area.
25. Color Panels: Now the little colored area
here that we're using to control the color can be
viewed in different ways. You'll see if I go up to
the top to the civil. It's called a burger
menu. Click on that. We've got a wheel,
we've got sliders. So we can use the
sliders to adjust the color boxes in here. So once again, I can use
this little box down here for the lightness as
well as the saturation. And I can change the hue. The hue is the color on the
color spectrum up here. Even that I can change. So instead of having
the hue is the slider, I can have the saturation
is the slider. So I can go from fully
saturated to gray. Or once again, the lightness. So going from white, right the way
through to black and all shades of
lightness in there. Now we've also got a tint option here so you can take
it any color you like and just tinted
to lighten it up. Now this is different
to opacity. If you use the opacity, the shape will
become transparent. Whereas if you use tint, it just tends to
that color so you get a lighter version
of that color. Now, you might have
tried this already, but if you go down to
the left-hand side, to the bottom of the toolbar and double-click on the
fill or the stroke. It opens up another of
these color choosing areas. And it's very similar
where we've got all the different styles
of color choice in here, from RGB sliders to HSL. I quite like these, which is hue saturation
and luminance or luminosity through
to CMYK sliders, hue, lightness, and saturation. There's just so many
ways to choose color. You don't have to use them all. Just pick the one that you like. Lastly, up the top here, there's a little shortcut to the same color wheel
that we have over here. So I can just click on those to jump into the color wheel.
26. Swatches: Let's have a look at the
swatches where we can store colors or use
existing colors. I'm going to go over
to the swatches. And if you can't see this
panel, don't forget, you can always go to the
Window menu and all of your panels are listed in here. I'm in the colors panel at the moment and I can just pick colors by clicking on them. And you can see it changes my fill color. If
I'm on the stroke. Once again, it will
change the stroke color. But there are other
swatches in here too. If I click where it says colors, you can see there's
gradients, is grays. Over there. We've got some
system colors as well. And then down here we've
got our spot colors, which are the pen
tone brand of colors. And if I went to one of
those and just chose it, I just choose this CMYK one. You can see we've
got lots and lots of CMYK or Pantone colors. Now I'm going to go
back to the top, to the colors area. And if I now go up to
the drop-down menu, what you'll find is
we can actually add our own custom palettes in. But there are two
types of palettes. The one is the document palette. Now, if I add this palette in and it's asked me to name it, and I'm just gonna
give it my name. So I'm just going to call
it Tim's colors. And click. Okay, I've now got a blank panel or blank
palette in there. If I want to add a color. So I particularly
like they're green. I can just go across
here and click to add that color to my palette. Let me just go here and choose
that purple that I had. I can add this in and
go back to my colors. I can make up some
other colors in here. Back to my swatch added in. This particular palette
that I've created is only available
in this document. You'll see if I go and
make a new document. In here, let's click on Create. That palette has disappeared. If I go back to my
previous document, the one that I made
the palette in, you can see it
exists in the top. So a document palette is only there for that
particular document. But what about if I
wanted to have this permanently for every
single document? These could be e.g. my brand colors. Well, what we do is
we go to the top and we do an application palette. Now with an application palette, I'm going to call
this my purple range. You can see the little icon
is slightly different. So I'm going to add
that purple there. And I'm going to
do another purple. Let's add that one in. And a last one. Over there. If I click
in that drop-down menu, you will see it's now got
those system pallets or the, the base palettes that we have. Plus it's now got a new one
called the purple range. If I go into a new
document again, purple range will
still be there. So you can always add in your
own palettes into Designer. If you want to get
rid of your palettes, you can go up or if you found
that you misspelled them, you won't change the name. You can go up here
and you've got some more palette options so I can rename the palate
if I've misspelled it. So I'm just going to
call this P range. Click. Okay. And then in here, we can also duplicate palettes and we can
delete palettes as well. So I'm just going to delete
the one that I'm in, which is P range,
and get rid of it. Try that out, have
a bit of a go, make yourself an
application palette. Try some document palettes, and if you have got
your brand colors, you can always add them into your application palette
while you're doing it.
27. Gradients: Let's have a look at
creating a gradient. What I'm going to
do is I'm going to get a simple shape up. You can use any shape you like. Then I'm going to go
along and I'm going to find that the tool
for the gradient. Now in the toolbar, it's, well, it's
almost halfway down. It's this little one over here. And if I hover over it, you can see it's
called the fill tool. I'm going to click
on that. And then all I do is on my shape. Click and drag. And you'll see that we've got these little stops either end. If I click on one of them, I can then go and
choose a color. For that side. I'm going to click
on this side here. Once again, pick a
different color. Now I can always go along and
I can the gradient around. So I'm still using that filter over here to move it around. If I go back to my move tool, you'll see that
that little slider in the middle has disappeared. So of course, if I
want to edit it again, I just go along to
the fill tool again and I can then pick that
up and move it around. Now, not only can we
move the stops around, we've also got a halfway point. So if I wanted more
pink or more blue, I can just drag that
midway point between them. Try that out, and then we'll make it a little bit
more complicated.
28. Gradient Stops: Now, not only can we have
the two stops on there, you can add in there more stops by just going to the
line and clicking it. And then once again, I can just choose a color to go in there. Let's add another
color over here. And I can add as many
of these in as I like. And I can still go back between them and move the
mid points around. I can move the color
stops around as well. So we can just drag
this wherever we want. Now, if you want to delete one, you can just choose the
stop and press Delete or Backspace on your keyboard
to get rid of that color. If I go to this one
here and delete it, you'll see it's just shortened. My gradient up to
the last stop point. Once again, have a go with that.
29. Save Gradients: I've created this green to yellow gradient and I
wanted to actually save it. Now, I'm going to go
along in my Swatches. I'm going to save it
in the gradient area, but you can save it
into any swatch. You don't specifically
have to put it into the gradients swatch. So mine goes from yellow, green. Now you'll see that I've
clicked on that green stop. So my main color that I've
got up here is green. If I clicked on the yellow, my main color is yellow. If I were to go down here and click on the little Add
to Swatches button. What it will do is
it would add in the solid color rather
than the gradient. So to add the gradient in, you need to use your move tool. So you select your object
with the Move tool. Now you can see that
it's actually showing the Fill having a
gradient on it. And if I were to click on there, I can then add the
gradient in there. Let me do another one
over here very quickly. So with a different shape. Let's start off with
a circle like that. Go to my fill tool. I'm going to go and
change this to purple. And this side over here, I'm going to make that pink. So I'll just go into my colors and choose a pink for that. It's got something
a bit brighter. And then to add this in, I go into my gradients or
wherever I want to save it. Make sure I go back
to my move tool and then I can just add that
gradient straight in. You can also get rid
of gradients in here by right-clicking or any
fill for that matter. And just choosing delete
fill to get rid of it.
30. Introduction to Project: Create a Business Card with Gradients: Project time again.
I love the projects, but I think you
know that by now. For this project we're going
to create a business card. However, you don't have to do this as a
business card if you want to make into a poster or you want to make a
social media post, that is absolutely fine. But we're going to use a
lot of gradients for this. And we're going to create something which
will look amazing. Have a look at this. It looks so cool,
right, doesn't it? Okay, so let's just get going.
31. Set Up Document: Now onto one of my
favorite areas, the project again, what are we going to do is we're
going to create a little business card. And we're going to
start by going to File and New to create
a new document. And you can see in this area
here in the left-hand side. And I've gone into
the press ready part. There is already a
business card size. You might find that after
told your printers, are they actually want
a different size. But in here, I've got my page
size for width and height. And we can of course
change that if we need. Now, one of the things
you'll need to make sure that you've got for this printing is a bleed and we've set the bleed
to the industry standard. In fact, I'd say we've set it. It's already been
said because we're impressed, ready in here. We're also in CMYK mode, which is cyan, magenta, yellow, and black, which are the inks that the
printers will be using. I'm going to click on Create. So this is the first
part of the project. So if you'd like to set up your page like this
as a business card, will then start to
do a graphic for it.
32. Hills with Gradients: Now, don't forget when you
are creating your graphic. If you've got any ink that's going to go to
the edge of the page, make sure it goes to
the edge of the bleed, not the page itself. And that way, you
can be sure that when the guillotine
cuts this paper up, you won't have any funny
little white areas where it's maybe missed a bit. So what we're gonna
do is we're going to start off by making a graphic. I want to do a field
with a sunrise. So this business card
is about a business called Sunrise products or something that I'm going to go down and I'm going
to use a shape in here. And the shape I'm going
to start off with, here's the PIE tool shape. So I'm going to draw out my Pi. Now I want to make sure
that it's a perfect circle. So I hold down the Shift
key whilst drawing it out. I can always scale
it up later on. And I'm going to go in and I'm going to
click and drag one of those little circles to
make a quarter of a circle. Like so. Now I've got that, I'm going to go back
to my move tool and just move it around. I'm going to make
it a lot bigger. So I'm going to
just scale it up. And once again, when
you're scaling things, make sure you hold down the Shift key to scale
proportionately. So I'd like this to
be pretty large. I think something maybe along that line then
you can see I've put that graphic right the way
up to the edge of the bleed, not the edge of the page. Now what I'm going to
do is I'm going to add a gradient because this is a hill and it's going
to be a son which is going to be coming
up through the hill. Fact I might even move that
down a little bit like so. So to make my gradient, I'm going to be using the fill tool as we've looked
at in this lessons so far. And I'm going to click
and drag on there. Now, I want to find some
colors from my hills and I'd like the hill to go from brown, earthy brown to a
yellowish color. So I'm going to go over
to my color areas. I've clicked on the
bottom stop and I'm going to pick the brown
color that I want in here. Or I could go to my swatches and I could choose the
color from there. So maybe I'd start off
with a brown like that. In fact, I'm going to
go to the colors here, and I'm going to just
drag that around to find the exact color
that I like to use. I think something like that, quite a darkish brown. And then I'll go to the
other stop over here. And once again, maybe
choose a different color. Maybe something a
little bit more yellow. So I'm looking into Earth and
soil, that type of thing. Now that I've done that, I want another one
of these to go the opposite
direction over here. So one of the easiest ways
to do it is to hold down. Now, if you're on a Mac,
it's the Command key. On a PC, it's Control
and just click and drag that shape out. Of course that shape is
the wrong way round. But if you go to the top, you'll find that you can
actually flip things around. And I'm going to use
this little option here to just flip that shape over and I can drag it back again into the
right position. You can see when I'm
dragging this across, how that little red line
appears along the top here to show me that I've
got it absolutely in line with the other one. I'd like something like that. Now because it's a
bit too similar. I think I'd like to actually
change one of the gradients. I might go to this one here, go back to my fill
tool and just adjust the gradient, like so. And onto this one here, let's adjust that one
a little bit as well. Now of course, I might want to be using this gradient later on. So I'm going to
select the shape, go to my swatches, and I'm going to put
that gradient into my Gradients swatch over here. So all I need to do is
while I'm on the gradient, click on the little plus there, and I've added into my
gradient so I can always use it at a later stage. Have a little bit
of a go with that. Create two hills. They could be
brown, black minor, or you could do them
in shades of green. It's entirely up to you.
33. Sky & Sun: Let's put in the
sun and the sky. So I'm going to use a circle. I'm going to hold
down the Shift key to get a perfect circle for my son. And I want a bit of a
gradient on that as well. So once again, I will
use my gradient tool, my fill tool, click and
drag down the sun like so. Go to the top, pick
the color that I want. I want this to be subtle. I'm going for an orange, orangey red color for the sun. So it's going to be
sort of like that. Then maybe the
other side will be a different shade but
slightly, slightly similar. So if we can do more
yellow in there. Now, my son is above the hills, so I want to move it
behind the hills. So I'm going to make sure it's selected and I'm going to go along to the Layer menu. And I'm going to go
down to arrange. I'm going to say
send it to the back rather than move back
one that'll move it only one object backwards. If I say move to the back, it will move it to the
back of all the objects. There it is. I still moved around in there. I'm going to just line that
up right in the middle. Like so. I want to do the sky now. So similar, I'm going to use
a rectangle and I'm going to draw in the rectangle all
the way up to the bleed. Let's move that across AC. So once again, I'm
going to go to the layer down to arrange
and move it to the back. Now of course, I need some
different colors for my sky. So I'm going to make sure I
go down to the gradient tool. I think the top,
I'm going to maybe try something more bluish, purple and then the bottom, we'll have a light
color like so, and maybe even a white. You can just play around with your colors and see what you get and create something
which looks interesting. And if I move these around, I get something more
purple or blue. Depending on what I want. There we go. That's a
little bit brighter. Now that I'm happy with that. I also don't want this area of the business
card to be pure white. So I'm going to make a
shape to go over there. It's not going to be a gradient, just going to be a flat color. So I'm going to put in
a shape like that up to there and go and choose my flat color and I'm going to choose black to go in there. I want to lock all these objects so they don't move around when I start to
put in some text. So using my move tool, I'm going to make sure
that I select all of them. So dragging over all of them
so everything is selected. Then we can go to
the Layer menu and find Lochner lock is
about halfway down. You'll see we've
got a lock there and you've got unlock as well. So I'm going to choose Lock
and those all locked so I can't move them by mistake. So have a little go
upload some colors, get some gradients going on, make your shapes in here, and then we'll put in some text and export it out shortly.
34. Adjust Your Colors: I'm ready to put my texting. But looking at these colors, I don't really like them. And that's the great
thing about vectors. We can always go and change the colors and the
sizes later on. So what I'm going to
do is I'm going to go along and I'm going
to unlock everything. So I'll go to layer and
choose to unlock all. And then I can start to
move these things around. So if I wanted my son
a little bit lower, maybe I'll do
something like that because I want more
text above the top. I'm going to go
along to my hills. And I think they'd
probably look better in green, to be honest. So I've already saved some green gradients earlier on when I was demonstrating
the gradients to you. And I could try those out
and see how they looked. So let's have that
one over there. And I don't like the
angle that it's at. So I will use my gradient tool and just drag it the other way. So let's drag it down like that. And the same with
this one over here. So I'm going to select it and choose a different gradient. And different, I mean, the
same as the other one. They're exactly the same thing. I'll use the fill
tool and just get the light part I
think at the top, maybe something like that. And then my sky looks a little
bit too bright up there. So I might change
that and use this of the brown gradient
as a starting point. I can still go in
there and click down here and maybe change
that to something else. Maybe we'll go for a brighter, brighter orange near the sun. And the top. I'm going to move that around
to another exciting color. So let's go with purple. As you can see, I'm just
playing with the colors. And when I'm happy with that, I can stop and lock it up again. Now, we can also move some
of these shapes around so I could select
those shapes in here. Now you'll see that I'm
having trouble selecting the hills because when I
drag over them like that, in fact, they're much bigger
than where I'm dragging. To select them, I
would click on one, hold down the Shift key, and then select the
multiples like that. And I can move them down. And I'll do the same with
the sky and just drag this guy down as well. When you happy playing with
all of these bits and pieces. You can then read
lock them again. I'm going to try
making it further up. And once again, move
my sky up as well. When you're happy with
them, select everything. So once again, you
can just drag across, if you can't select all
the bits and pieces, hold down the Shift
key to select as well, and then go to layer
and lock it out, make some changes
to your colors.
35. Add Your Text: Let's add in some text. Now. I'm going to go down near the bottom to the
Artistic Text tool. I'm just going to click and
drag to get the text correct. So I think I'm gonna go
to the size or like that. We can always
change it later on. And this is going to
be Sunrise products. So I'll just do a
return sunrise product. And of course, I can
always select that, go up to the top and choose
a different typeface. If I don't like the one
that I've got there. I think for this, I need something which
is quite delicate. Like that. We can
adjust the text size-wise by grabbing a corner
and scaling it up or down. I think I'm going to go
with something like that, which I'll place over there. Now, I'd like this to be white rather than
the black text. With the text selected. I'm going to go up
to the color and choose white in there. Now for the text on the side, which would be my name, address, contact
details, et cetera, for this colorful business card, I do the same thing again, use the type tool, click and drag to
put the text in. You can see it's remembered
that I'm on white over there, which is really useful. I'll put in my name over there. And of course I
could do a return. I'm Nir London, UK. Let's have a telephone there, and that'll just be 123456. So I'm going to
select that bit of text in there with a phone
number up to the top and just change the
size using the point sizes over here,
something like that. And I'll move that into the right position wherever
I want that to be. Let's pop it right at the top. Be careful putting
things right way to the edge of there because the guillotine is
going to cut off that extra bit over
there of the bleed. So make sure that you
give it plenty of room. I'm going to place it in the
middle of that black area. If I had a logo, maybe I'd
put it in over here as well. You don't have to
place the name there. If you want to put it in
there, that's absolutely fine. Maybe make it a bit
smaller like that. And you can then bring in a logo that you could place
into there as well. It's entirely up to you. You do what you want with this. Add some text in.
36. Export as Print Ready PDF: Let's save this document out. I'm going to go to File
and choose Save as. And I'm just going
to give it a name, so I'm going to call it B card. I'm saving it wherever I
can find it later on in, so in my case it's the desktop. Now, I want to export this out
as a PDF for the printers. So I'm going to go to File, I'm going down to Export. And in here we can choose
how we want to export it. Now, you might find
that yours comes up and it shows the PNG
to start off with. Or you might find
a jpeg. Is there. These are great, especially
if you're going to be sending this to a client to
have a look at it, you could just send
them a PNG file or a JPEG to check out. But we're going to be using
the PDF option over here, which is what the
printers will want. Now there's a few bits
that we need to make sure that we use in here. And that is down over here
in the advanced settings. Now of course, if
you can't see them, just click on the
little arrow next to the word to open them up. And I'm going to go down
to near the bottom. Actually. What I want to do
is I want to make sure that I'm actually sending the bleed and the printers
marks with this document. And I'm going to say include
printers marks over here. So I'll switch that on. You can see now how it's actually showing my
document as it will be in the PDF with all the
printers marks around there. But I also need to make
sure that I include the bleeds or switch
on include bleed. And you can see now
that my document is slightly bigger than
the cropped area, there's a little
cropping marks in there. Now, once I've done that, I can export this out. So I'll click on Export. And of course I can save
it wherever I like. I'm just going to
choose Save in there. It's going to have a
quick look at that. I'll just go onto my desktop. Over here. There is my business card PDF.
I'm going to double-click. I'm going to open it up. In Acrobat. You can see all of my marks, printers marks are all there. It's ready to go to the printer. Try that out, save it out. Exported as a PDF file. If you don't want this to go for, for commercial printing, you don't have to switch
on those printers marks or even the bleed and you could
just save it out directly. Have a go.
37. Introduction to Using the Drawing Tools: One of the most amazing tools in designer or the
drawing tools. And there are a number of
different drawing tools. We've got the pen
tool, the pencil tool, amongst others, need to be
taking you through those. So you will be able to create your own custom shapes by
the end of this section.
38. The Pen Tool: Let's have a look at
creating our own shapes. I'm going to be using
the pen tool and that's on the left
in the toolbar, and it is the little pen. Before I actually
start making my shape, I want to go over
to my color area. And I'm going to
be using a stroke. But I don't want
to fill for this. It'll just make life easier. So I'm going to click the little None button so I
just have a stroke no fill. Now what I can do
is I can just click point-to-point to make my shape. Now when I get to the end, I don't have to finish it
off if I don't want to, I can leave a shape open
like that and even fill it. You'll see I can choose
a color to fill it. But let's get rid of that. Or I can actually
finish the shape off. Now, if I want to
adjust the shape, then I would go down. And if I were to
use the Move tool, I can move the shape around. I can rotate it and I can scale
it as you've seen before. If I go down here, three tools down
to the node tool, then I can select the
individual nodes I'm just clicking and dragging
over node is selected. I can move them around
wherever I want them to go. Now, you can just click and drag and make your shape pretty roughly and then move the nodes into whatever position you like. We can also click and drag on the lines between the nodes
to make curves out of them.
39. Draw a Fish: So let's create a little shape. I'm going to use the pen tool. And I'm going to
start over here. I'm going to create
a fish shape. I'll click once. And then I want my fish to
kind of go round like that. So I'm going to go up
to the point where the top fin goes and click. So I just get a straight line and then to the top of the fin, bottom of the fin and
down towards the tail. I know it looks nothing
like a fish at the moment, but bear with me. And then I'm going to
do the tail at the end. And then the bottom of the fish, once again with a bit of a thin there and
back to the front. Now that I've got
the basic robo fish, I'm going to go and
use the node tool. And I can then go to these
lines and I can pull this line out to get
the head of the fish. Like so the body of the fish, I'll do the rest
of that as well. So I'm just clicking on
the line and dragging. So I can drag out to there. Now you can still move
these points around if they're not quite
in the right place. For the tail, I'm
gonna pull it in. Now, have a look at where
I'm actually dragging from. If I drag from the middle, I get that nice
perfect semicircle. If I drag from the top, it will put it in from the top. But you can see how it's
actually overlapping the other line in there and same with the bottom
if I drag it from there. So you just drag it
from wherever you want. Now exactly the
same. I can go to these bits here and
just pull them out. Maybe can get the
tail to go round like that. Round like that. And the same with
these fins or pull that one out and this
one in a little bit, this one's going to
come in and that one is going to come out. So do have a bit
of a go with that. Try a fish, try any
shape you like rarely, but experiment with those with that Pen tool and the node tool.
40. Bezier Curves: Let's get rid of this fish, so I'm going to select
it and press Backspace. Now. Doing that meant that we actually had to go
round the fish twice. So what you can do instead
is you can click and you can click and drag to make curves as you actually
drawing them. And you can see here I can
just keep clicking and dragging to make curves
all the way round. It's just click and drag. Click and drag over there. And if I just click, then I won't get any handles. And when I click again, it will make a corner
point like that. Click and drag makes a handle. But if you just click, you go back to straight points. I'm going to remove that. So let's get rid of all
of this and delete it. So going back to my pen, I want to draw the fish. So I'm going to start
at the front again. And I'm going to go halfway up. It's, I suppose is
its head rarely. And then click and drag to get
a bit of a curve going on. And then I'll click and drag, Sorry, I'll click over here. So I get Click, click and drag, click. And then for the top fin, click and drag, and click, click and drag and click. We're getting extra
points in here. By doing this, it's
not a problem, gives you more control. Click and drag and
click. Same again. You can get so fed
up with me saying click and drag and click
cell stopped doing that. Once I've done this
and I've finished it, I can then go round and
use my node tool to just adjust some of these
points. If I wanted. Using the Node tool,
I can then either move the points around
themselves or I can go to the curves
and I can adjust the curve using the
handles. Over here. You'll notice that my handles affect one side or the other. And when I twist them, they both twist together. So we get this really good
very smooth curve here. These by the way, are
known as Bezier curves. So it was named
after Dr. Bezier, whoever he or she
might have been who invented the math behind it. So do try that out. It's Click, click and drag. And you can see there's
another handle up there. So the next time I click, I will get a curve
going on there. If I just click like
that, There's no handles. So you just get a straight
line, click and drag. There's a line coming out
of that handle coming out. So if I go over here, click once for my next node. It will just follow
that line around. Have a go with that,
try practicing. It takes a bit of
getting used to. But once you've mastered it, you'll be so fast.
41. Smooth or Sharp Nodes: I'm going to draw a
little shape over here. This isn't anything
in particular, just a few points to
make an odd shape. Now, the other thing that I can do is rather than actually using my Node tool and pulling
on the lines themselves, I can go and I can
select individual nodes. And then if I go up to the top, you'll see there's
a convert option. So the first one converts curves into straight
lines are sharp edges. If I go along here
to the second one, this will convert the
node into a curve. You'll see if I click on it, I get the two handles
and then I can adjust those handles and pull
them around as I need. If I went to this one over
here and clicked on that, I can then get rid
of that handle. So this is now a sharp curve. There's no handles coming out. Now if you're wondering
about this last one here, this allows you to take
a point or node like this and make it into what's
called a smart curve. And what that does
is it just makes that curve really go from one side to the other
in a nice, smooth way. If you clicked on
that one again, it wouldn't have done
anything at all. In fact, I will just undo that and show you I
can click on this. Nothing will happen. So this just takes your curves and smooths them out as
much as as you like. You can still go and grab the handles and
pull them around. If you wish. Try those
three little buttons out, particularly these
first two here, are very useful because you
can then just to smooth out anything that you like or get a sharp corner from
any smooth object.
42. Split & Join Nodes: I've got four little
lines in here. And once again, going
back to my node tool, if I were to click, you can see that the
last node here is red, and it's got a little
lines sticking out of the little red lines
sticking out of it. Now, especially if you come from something like
Adobe Illustrator, you won't be used
to what this is. This shows me the direction
that this part is going in. And this will become
more useful later on when you need to know about
the direction of the path. But for now it just shows
that it started here. And this is the end of the path. If you don't want to see
that little red line, maybe it's getting in the way
or you just don't like it. You can go up to the
top where it says Show orientation
and switch it off. It will still show red at
the end of the path, though. Now, the other thing
that we can do with shapes like this is we can use some of the
different actions that we have in the top. This one over here, which allows us to
just close a curve. So if I clicked on that, you'll see it'll just close from the end and point to the start point like
that very quickly. We have other ones in here where we can
actually split nodes. So if I were to select
this node here and go up, I can actually break that node. Click over there. And you
can now see I've got that as a split node or the
path has been split.
43. The Pencil and Pencil Smoothing: Now we're going to go down to the pencil tool that's
just below the pen tool. If you click and
hold, you'll find is a pencil tool and a
vector brush tool. We'll start with
the Pencil tool. Now. Up to top, we've got
the Stroke option, and we've got, we've
got the width. I'm just going to make
mine a little bit thicker in there and ready. This is just a free
hand way of drawing. It does make a line which
has got nodes on it. So you can still adjust it. You can use your
node tool and you can click on those
nodes, pull them around, and change the Bezier curves exactly as if you've
made it with the pen. But when it comes to drawing, we've got a few more
tricks that we can use. The first one is
with the pencil. If you switch on sculpt mode, then you can draw things
in small increments. Let me show you what I mean. If I was drawing a fish and I
drew the top, it like that. And then I let go. And then I drew the fin appear. You can see each one of these sections is
a separate object. I know it doesn't look very
good yet, but bear with me. And you can see each one
of those is separate. But if you switch
on Sculpt Mode, you can do those and they'll
all become one shape. So we'll switch on
sculpt. And same again. I can just draw my
start, my fish there. I've let go, go back, click on the Start,
and draw the next bit. And once again click and
drag to draw the next bit. Click and drag to
draw the next bit. This is now all one shape. If I click on it, you'll see
it's all one shape, like so. The next thing that we can do, and I really like this
is the stabilizers. Now, I'm going to switch
on the stabilizer. And there are two stabilizing
options that we have. Now I'm going to
start with rope mode. So when you're
drawing In rope mode, It's like you have
a little rope. You see the red line there. And as I'm clicking and drawing, it's pulling the
line along the rope, which actually smooths
it out quite a lot. When you let go, it just
becomes a normal Bezier curve. Now we can actually change
the length of that rope. If I go in here, I can
make it quite long. So this time when I'm doing, I've got a very
long rope which was smooth things out quite a lot. Let's get rid of that. That's the 11 option
that we've got. The other one is
called Window mode. Now, when I draw with this, you'll see it looks
like the rope. But look at the length if
I'm going really slowly, it's very, very
close to the pencil. If I go fast, it
becomes much longer. So instead of a rope, it's almost like an elastic band that you're drawing with. Those two personally,
I find this one is more controllable
because of the length, but it's entirely up to you
in the way that you work. So I'm going to
take my length down a bit because I think
that was far too much. And I can draw the fish again. So I'll just go up here and draw a nice smooth line for the
start of the fish from here. Oops, missed that. Now
I'm going to undo. So I'm using Command or
Control and Z to undo. Back to here, click and
drag to make the top fin. And this is all one line. Now, it would be if I
start in the right place, I'm going to have to use
Control or Command Z. And just make sure I'm
on top of that shape. There we go. I can
keep going round. I won't do the entire
fish this way. As you can tell, not be as accurate as I could
be. There we go. I'm just gonna do the top
half of the fish there and up and down. It's great for free hand work. I probably wouldn't use it
to draw a fish like this. But if I was doing something, particularly if I was
using a graphics tablet, the pencil tool is
absolutely amazing. So do try that pencil out. Watch for your sculpt. Your sculpt. Make sure that if you start from
where you finished, it will keep it as one line. And also switching on the stabilizer and do experiment
with both stabilizes. As I said, I prefer the
rope because I can adjust the length for
exactly what I need. Try them out.
44. The Vector Brush Tool: The last tool that
we're going to look at in this section is going to be the
vector brush tool and sin with the pencil tool. When you first start out, you might find that it's
actually seems very similar in that it
also creates a line. There's also a
stabilizer at the top. But where this two comes into
its own is that we can use it to paint directly
with the brushes. Now you'll see if you go
onto your brushes panel. There's a whole lot of
different brushes in here. And in fact, if you click
in this little drop-down, you'll find we've got so
many different types of brushes, inks,
markers, engraving. Just choose the one you want. Click on the brush
that you want to use, and you can click and draw
or paint with that brush. Once again, we can change
the color and we can use a different color in there. Now to change the
width of the brush, go up to the top and I
can just take that down. And once again, I can
paint with that brush. So try those out. Have a bit of a go
with the brushes. If you go to the brushes
panel, look at the dropdown, pick a different brush in here, experiment with the different
brushes that we have. And as I said, you can always go to the
width and adjust the width. Here. What these are
creating is vector shapes. So we can always, once we've created the shape, go to the Node Tool
and you can click on these shapes and adjust
them with the nodes. Try that out and
see how you get on. Have some fun with it.
45. Introduction to Project: Poster for a Classical Recital: Let's use the pen tool and the pencil tool to
create a poster. This poster is going
to be amazing. It's going to be well
customized, ready. So rather than using the circles and squares that we did earlier, we're going to be using the
pen and the other tools to create these customized shapes
for this violin poster.
46. Create Document and Place Image to Trace: Onto another project again. And this time, what we're going to do
is we're going to create a poster which
could be printed on a home printer or in one of those shops that
do printing for you. So this is not mainstream
commercial printing. I'm going to go to File and New, and I'm going to create
a new A3 document. We can, I'm just using the
print option with A3 and I've set this to being portrait
rather than a landscape. We don't really need a
bleed for this because the printers that
will probably use don't print edge to edge. But if you wish, you could
go in and put a bleeding if you thought it could be
printed out commercially. We're also using RGB
because a lot of photographic style printers
will work with red, green, and blue, and convert
them to CMYK for you anyway. However, if you
thought you wanted to, you could go along to
color and you could change from RGB to CMYK. In there. I'm going
to click on Create. And this is where we're
going to create our poster. Now we're going to
be doing this poster for a classical recital. We're going to be
creating a violin shape. And then we're gonna put
some text on the side. So we're going to use
an image for this. Now, if you don't like
violence and you want to do another musical instrument,
absolutely fine. But if you look in your
resources for this course, you'll find that I'm included an image for you of a violin. As I said, if you want to
find your own, no problem. So I'm going to go along
in the toolbar halfway down to this little
it looks like a photo and this is
the Place Image Tool. It opens it up, find the
image of the violin, the term that I've
provided, and order. Whichever one you want to use. Click open and you can
then just click and drag that straight
in to your document. Now we're going to
redraw this so it doesn't matter
exactly where it is. But what is important is we're going to lock
it in position and began to fade it out
ready so that we can only just see it when we
trace it using the pen tool. I'm going to go across
to the Layers panel. As always, if you
can't see that, go to the Window menu and you'll find layers is halfway down. And in here I'm going
to change the opacity so I can lighten it up so I
can barely see the details. And then I'm going to click on the little padlock
over there to lock it. Now that's the same
as going up to the Layer menu and just
saying lock in there. It'll do the same thing. Once you've got that ready, we'll come back and we'll then start to redraw these parts. Doesn't matter where it is. We're going to be moving it
after we've drawn it anyway.
47. Draw the Violin Body: Now we're going to do this
violin in various parts. I'm going to start off with
the body of the violin. And then after that we'll do the neck and all of the details. I'm going to zoom in. I'm using Command and plus
because I'm on a, on a Mac, or you can
use Control and plus, if you're on a PC to
zoom into the image, we'll zoom in and
I'm just going to move it around a
little bit as well. Remember, you can always hold
down the space bar to get the hand tool to
move things around. Then I'm going to use the pen. Now, you can do this
how ever you wish. But I'm going to do this
by just clicking points around the edge of the violin and then
reshaping after that. So I'm going to start
at the top here. And I'm going to go
and do a point there. And a point there,
another point down here. And I'm just going round this whole shape in a
slightly robotic way. Not too many points. You don't want to make
your life too difficult. So another one over there, and the last one back to there. And now we can use our Node
tool to adjust these points. So I could start off
with this point here. And I could make it
into a curve by using this little button
to smooth it out. And you can see now how
I can actually drag these handles around to
smooth out that curve. So I've got, I'm looking at this curve here,
getting that right. I'm going to ignore
that one for now. I'm going to click on this
one and do the same thing. Once again, I can
then pull that out. We don't have to get this exact in the shape of the violin. We're looking for
something which is what gives the effect or
the impression of a violin. Same again, over here, I'm going to select this point. Click that button to round
it off and pull this out. And you can see I'm
gonna go around the whole violin like this. So that one there. And same again, we'll kind
of get that one looking. Okay. I'm going to click
on this one and also choose the same thing
to make sure that it's smooth on there
and you'll find, you then might have
to go back and adjust some of your handles. Now, if you prefer to
actually go round the violin, clicking and dragging,
as I've shown you. That is absolutely fine. Last one over here, I'm
sorry, not last one. Next one. Once again, same thing. Click and drag that out. And this one here. Same again. Like so. Now what I really
could do with is another little note in here. We could do that really
easily with the node tool. All I've gotta do is go
to the line and click it and you'll see how it will put in an extra node for me. Now, I can pull that
node around to get it to roughly match where I
want to go and I can grab the handles and adjusted. Then we do the same thing
on this side here I'm going to click to put in a node, move it in a little bit, and adjust the handles in their same over here I'm going to click
to put in the node, pull it in, adjust my handles. I can move that around until I get it in the right position. And lastly, this one
here, one click on there. Then I can pull it in and
move the handles around. Any of these points. I can go in and move
around at any stage. Now let's just have a quick look at what this would look like. If I'm on the fill. I can choose a fill color. And you can see that's how
my violin shape will look. I'm actually going to get
rid of that fill again. So I just have a stroke. Try this out and get
up to this stage. And then we'll start
adding some more details.
48. Draw Bottom With the Pen: Before I go any further, I'm just going to go
to the Layer menu and lock that shape that I've done. So I contacted by mistake. Let's do this bottom
section down here, I'm going to zoom in again, once again Command and plus or Control and plus to zoom in. Use my space bar to get the hand and move up to make
that area a bit bigger. Now we're going to draw
this using the pen tool, but we're going to be doing
it a little bit manually. I'm going to click, click. Then I'm going to go into this section here and
I'm going to click and drag to make a curve
up to the top. And click. I'm going to click and
drag to get a curve here. And then click Sam
again vector there. Click and drag to get a curve. Click in there and
one-click at the end. As always, you don't
have to get it right because you can always
use your mood, your mode, you will Node tool
and just pull it around as you want it to look. I'm just going to click
on that and just line up those two little handles until those nodes
look a bit better. As you can see, I haven't
been to accurate about getting the exact shape
of the violin in there. I could move them around
at this stage here, but we're going for more,
something more stylized. Anyway. Do try that. If you have real problems
with that click and drag, then you can do it
with the click method, just doing click
point-to-point and then moving the lines
with the node tool. But do try the click drag method first just so that
you can practice it.
49. Draw the F Holes: As always, lock your shape. I'm going to select it and
choose layer and lock. Let's move up a
little bit over here. Now. This one is really easy to do. We are just going to, well, actually use a shape. So I'm just going to
take a little shape down here, rounded rectangle. And I'm going to draw in a little rounded
rectangle over there. Once again, keeping in with the whole stylization procedure. I'm going to go in
and lock that down. Now, these EF holds over here will be a little
bit more challenging. But you've done the
outside of the violin, so you shouldn't have
too many problems. The great news is
you don't have to do both of them will do one and then we'll flip it
across to do the second. But we're also going to
cheat just a little bit. I'm going to start
off with my pen tool. And over here I'm going to use the click method over there. So I'm going to click and then click, click, click, click. You'll notice that I'm not
actually doing the circles. I'm just kinda doing
these bits here. As you can see, my shape is
nothing like that f whole. But as always, it doesn't
matter because I can go in here and I can start to pull these around into
the right shape. It's almost like you're
sculpting the shape here. I can go there. That goes there. This one maybe moves up a
little bit to there. And that one, I'm going
to pull in up to here. Same with that one over there. Now, this looks a bit strange. There's a kind of a
funny kink there. I'm going to use
this tool to click and straighten it out. So once you're going around these shapes and
you've pulled them out into something which
looks vaguely okay, using all the little options
that we've looked at so far. What we can then
do is actually use circles to do the ends and then we're gonna
put them together. So I've just finished
these ones off. Happy with that. Then going to take
the circular tool or the elliptical
tool over here. And I'm going to
draw an ellipse. Now, I'm going to zoom
in a bit. To do this. Make a little ellipse over here. I'm holding down the Shift key
to make it perfect circle. I'm going to pop
that one over there. I'm going to select both
of those shapes. This one. And I'll hold down the Shift
key and select that shape. Then I'll just use the
Boolean operations, the ad, to unite them together into
one shape. Down the bottom. Exactly the same thing. But before I do
that, I'm going to move one of these little points, one of these nodes up to there. That's it looks about right? I will then make
my next ellipse, holding down the Shift
key for a perfect circle, move it into the right position. Over there, you can see I'm not too worried about
getting this perfect. I'm going to select
both of those shapes. So select one and then
shift, select the other, and then use the Boolean
to unite them together. No good. Another
shape over here. Once again, I could
do the same thing. With that. I could find a little shapes in here which vaguely
looks similar. The shape in, select them both, that one and this one, and use the Boolean to
unite them together. Now, if I'm happy
with that shape, as I said, it doesn't
have to be perfect. I can then make a copy
of it really easily. I don't need to do
that by holding down the Command key on the Mac or the Control key
on the PC and copying it. And now I want to
flip this over. So we've got to flip
option right at the top. I can click on that to flip it. And I'm going to move it into the right position. Over there. As before, I'm going to select those shapes
that I've created. And I'm going to go up
and lock them down. So that's layer and lock. Have a go. They don't have to be perfect, especially if things
are symmetrical, then perfection doesn't matter. It's still looks
right. Try it out.
50. Draw a Peg and Copy & Flip: Now we're going to do the
little keys over here. You'll notice that I'm
doing things from the back first terms of building
up the process, starting with what as the objects that
will be at the back. We're not going to be
accurate with these. Just get a rough shape. I'll use the pen tool for this. Click, click, click. Right now that looks
more like an arrow. But I'm going to
use my node tool to select this point here, make it into a smooth point, and put it out until it
roughly matches that shape. These ones can
still be moved into the right position over there. That's all that I'm going
to do with that one. And then I'm going to
make copies of them. So I'm going to hold
down the command or the Control key and just
copy that one up to there. I'm going to select
both of these. I'm going to hold down the command key and copy
both of them across. And then I'm going to
go up to the top here. I'm going to flip
them and then move them up into the right
position over there. Now, one of them's not quite
in the right positions, so I'm going to have to
just select this one individually and move
it across until it is. I keep saying you
don't have to get them right Just roughly
where you want. Them. Have a go with doing the pegs.
51. Do the Head and Neck: Now the last bits are
pretty easy to do. Rarely, we're going
to use the pen and I'm just going to go
across like this. Over to there. I'm
going to go up to here. As you can see, not
overly accurately, using my node tool to move
things in the right position. This little shape. Once again, that can be
done in the same way. I'm going to go
in with a pen and just draw a little
shape over here. Now as you can see, I made a bit of a
mistake there so I can use my node tool and just click over there and
pull that back in. If I want another node that we just click with
the node tool. And I can then make that into a corner as well to
match the other side. So I'm going to select both of these and unite them
to make them into one shape. I've got an extra little note
there that I didn't want. So I'm going to zoom in there, use my node tool. Go to that point there, and I'm just going
to click on it. And then I want to delete it so I can press
backspace to delete it. Likewise, over here I
can click on this one, press Backspace or Delete on
the keyboard to remove it. And we'll just pull
that out a little bit. Like so. Now I'm going to select both
of those shapes and use my operations to unite them
into one shape together. So we're almost there really. All I've gotta do
Is the strings. But we'll color this up first before we get
into the strings. Have a go, finish that off. Don't be too careful about it. We're going for a look
rather than perfection.
52. Save and Color: Now we're going to
put in some strings. So I'm going to
use the pen tool. I'm going to go down, I'm
going to start down here. But look what happens
when I go there. If I zoom in a bit,
you'll see that this pen is snapping
to various parts. So it'll snap to the middle. Um, it'll snap over there, it snaps to the side there. It won't allow me to place
them wherever I want. So I'm going to
go up to the top, to the options appear. To me. I'm going to switch
off, enables snapping. Now you can see I can quite happily,
let's get rid of that. Quite happily placed my
point anywhere I want. So I'm going to have a
point there, a point there, and then just move up and
maybe a point over here. I'm going to de-select that and then do
the others as well. So this won't take too long. Another one there, point on there and
appointed at the top. Let's go down here. Once again, you need to
de-select all you end up with a line going
all the way back. So we're just de-selected. There are other ways
to de-select as well. We can look at those later on. But for now, we're
just going to use the move tool to deselect skin. Over there, click
back to the pen. And last one over here
from their ups and only missed it up to that
and up to the top. In there. If you want, you can put in a few more details
and putting some of the strings going into men
touching the pegs as well. But I'm going to leave it very, very simple for now. Now before I actually put
in any more detail in this, what we really should do is we should save
this just in case. I'm going to go along to File. And I'm going to choose Save As. However, before I
choose my Save As, I'm going to also save the
history with the document. And what this does is
it saves the history of what I've been doing in case I need to close
the document down, open up again, and then
actually go back and undo. If you don't save the
history with the document, if you open it a second time or you or you close it
and open it again, you'll find that you can't use your undo further than you've actually what you've done since you've opened it, if
that makes sense. Now, I'm going to just go to
Save history with document. And in here just says enable save with history
means that anybody can send that you send this document to see
everything that you've done. So yes, I'm going to
click Okay on that. Now. I'm going to go
to File, Save As, and I'm going to just call
it my violin, which is fine. I'm putting it on my desktop. You can save it wherever
you want on your machine. And I'm going to click
on Save in there. Now that we've saved it, let's go and unlock anything that we've
got logged in here, except for the
background picture. So I'm going to move
over to the layers now. I'll pull my layers out
so that you can see them. If I pull this down, I've got quite a few layers in here or objects, shall I say. Right at the bottom, we've got the graphic. Now. The graphic we don't
actually need anymore. So I'm going to delete it, go to the little bin, click
on the bin and get rid of it. And then we've got all the
rest of the shapes here. Now you can see there
are actually locked. So if I go along and click
on the little padlock, I can unlock all of these
shapes really quickly. And what if, once
I've done that, what I want to do
is to be able to just select them
and recolor them. So I'm going to click on
this object over here, which is the guitar,
the violin body. I'm going to go to my swatches and I'm going to pick a color. Now, you can use any
colors you like. I'm going to go with some
kind of quite groovy colors. So I'll use that sort of
purply pink over there. I can then just work my way
through the various parts, adjusting the colors as well. I'm going to just select all those little keys over there. And I think I'll make
them quite a dark color, maybe even black.
That looks alright. Once again, the same with
the F holes over here. I'm going to hold
down the Shift key to select both of them. And they're going to
be black as well. And finally to the tail piece. Once again, I'll
make that black. And then the strings, I want to select the strings, I'm going to zoom in
a bit. Over here. I'm going to click on one, hold down the Shift key, and then select the other three. And although they're black, the moment you can see in
my swatches over here, I've got them as black. I'd actually like to increase
the width on them as well. So what I'm gonna do is
I'm going to move over to the stroke panel. And I can then just increase
the width over here. So we can just
adjust that as well. If they look a little
bit too harsh. Try different color in here. Maybe I'll try something
else and see how that works. We're going gray. Play
around with your colors. You can always adjust
them later on. But don't forget,
save, save, save.
53. Add a Gradient and Background: As you noticed, I've changed my colors a little bit in here. And in fact, I want to
take it one step further. I really want my violin to
be really bright and vivid because this my post is going to be called classical groove. And so it's got to be
really bright and vivid. But you can do yours
however you like. But I am going to actually click on the body of the violin. And I'm going to use
my gradient tool. Just click and drag
a gradient in here. Now, I think that's going
from light to dark. I'd like to go the
other way around. Remember, you can always
move this any way you like. And if you want to
change the colors, just click on the little
stops and you can pick any color that
you want in here. So something along that line, I think from going from
purple into the pink, looks really funky on mine. So I'm quite happy with that. So once you've
updated your colors, we're then going to look at actually laying
out the document. So what I'd like to do is
I'd like to move this, but I'm going to actually
group this together. I'm going to go along
to the Layer menu and just choose to group it. And that way the whole
thing is grouped. You can see I can just
click anywhere on it and move it all around. And if I de-selected, it's easy to move about. If you need to
ungroup something, all you have to do is go
to layer and ungroup. And that will ungroup
the whole thing. So before our group ID, I want do want to make a copy
of the body of the violin. I'm going to hold down command
or control dependent with your Mac or PC to copy it. And then I'm going to
select the violin. Didn't quite get that one. I'll shift select
that to select it. And I'm going to
group that together. So I'm going to go to once
again, layer and group. So this is all grouped together. And you can see in
my layers over here, I've got the body
of the violin and a group for the
whole violin there. I'm just going to move
it to the side for now. And this is going to
be my background. So I'm going to zoom out. I'm using Command and
minus on the Mac or Control and minus to
zoom out on the PC. I'm going to grab a
corner and I'm going to scale this write-up. I'm holding down the Shift
key so that when I'm scaling, I guess scaling proportionately. You'll find that if
you hold down the, now once again, on
a Mac it's Command. On a PC, it's Control. You can scale from
the middle outwards. And I'm just looking to do
something like this where I can actually get the
shape of the violin. So it's just about in there. Let's just take that down
a little bit like that. So it gives us a background, which is sort of a
violin type of shape. Now that I've got that, I'm
going to lighten this up. So I'm just going to go and
choose a solid color again. And I could either change the opacity to make
it really light, or I could actually just choose a lighter version of
that color in here. So I'm going to go with
a lighter version. Can always change it later
on I'm going to experiment and see what color
would work the best. And I'm gonna go with
more of a purple. Now. Where is my violin? And I know that I
put on the side, but if you're not sure, you can just click on
the group in there. It'll show you where it is and I can then move it back in. You can see though it's
behind the violin body. So I can just drag the violin
body underneath that group, not into it, but
actually underneath it. To change the stacking order, we're going to take the violin, I'm going to rotate it around. I'm going to make
it a bit bigger. Once again, I'm dragging out the whole of that
group in there. So maybe something
along that line there. Anyway, have a goes to make
yourself a background. Change the colors, put on
gradients if you want, you can always go back
and play with the colors and see what you can get
for your background. I'll have a go with mine
while you try yours now, come up with an interesting
background color.
54. Add the Text: As you can see, I've gone for a very vivid background
of purple in there. I'll zoom into
that a little bit. And I'm now going to
put in some text. Before I do that, I'm
just going to lock that group so I can't
move it by mistake. I'll click on the padlock there. I'll go to the curve and
I'll lock that as well. I'm going to pop in
my text down here. So I'm using, as we did before, the Artistic Text tool. And I can just click and drag to get the size roughly correct. So I'm going to just put in
my type classic call groove. You can do any type,
type you like. We can select the text
and then we can go in and choose a
different typeface. And as you go up and down, you can see the various
typefaces in there. Now, obviously mine is, well, it's quite a funky old poster. So I want an appropriately
wacky type of typeface. So that one looks interesting. Although to be perfectly honest, the one that was on
to start off with was quite nice as well because
although it's a bit wacky, it's also got that
art deco feel to it, which my poster might have a little bit of
that feel about it. You can then go and change
the colors as well. I'm just going to go with white. I'm keeping my color
palette fairly plain. My color palette is the
purple and the pink really with a bit of
white and black on there. And I can move that around
into the right position. I think we'll center
that over there as well. And then down here, we can put in the
date of this concept. So I'll do the same thing
again with my text. Just click and drag
a little bit here, put in the details that I want. Now, mine is going
to be quite large. You'll see I'll have to
scale it down shortly, but this will be Thursday. Right? This is pretty big. So to select all my text, you can use either control or Command a to select
all of your text. You can go to the
top and you can change the size in here. And I'm just going
to pick something roughly about the right size. And I'm going to go
with a much more plain typeface as well. So I've got those
wacky one there. This one will be a bit plane. I can move that into
the right position. Down there. You put in any details that
you want for yours. Have a go get some more
groovy colors going in. Or if you want to keep it more subtle and really classical, use some classical colors and then pop in your text
after you've scaled this up, try that out, and
then we'll come and we'll export it in
the next lesson.
55. Export as pdf and jpg: Now we're going to
export this so we can send it to the local
print shop who will just print it on the laser
printer or to somebody in the office who's
going to print it on their printer as well. So I'm going to go to File, and I'm going to go down to Export about three-quarters
of the way down. And in here, we can choose
how we want to save it out. So if I'm sending it to
somebody else in the office, they might just ask
me for a PDF or JPEG file or even a PNG. I'm going to do a
PDF file over here. And in the preset
options in there, I'm just going to say PDF
for print over there. And we'll just click on Export. I could choose where I want it. And I'm putting mine on
the desktop because well, I can save that. Once again, I'm
going to go to File. I'm going to go down to export. I'll export this
also as a JPEG file. Now with a JPEG file, do what your quality. Try not to take it too far down. I like to keep mine really
quite high over here. I know it makes the file bigger, but you might end up getting
funny little weird details. If you take the quality too low. And once again, I'll
just export that. I'm going to put it
onto my desktop again. Let's just okay that
those are done. Orange to go. Don't forget before you
close it down to do just a normal Save in there. So you've then got the
fully editable document that you can use it anytime. You can always go in. Remember, you've got
a group in here. You can ungroup it. You can click into the group and work with any individual part, change the colors, or make
changes that you need. Have a go, have fun with it, and try other shapes as well. Violins are nice and easy. They've got lots
of curves in them, but they haven't those
guitars or trumpets. So pianos for that matter, lots of repetition in there
though, with the keys. Anyway. What if you do have lots of fun?
56. Introducing Layers: In most graphic design software, you'll find one word runs through all of them,
and that's layers. In designer, we've got a number of different
types of layers. We have got pixel layers, we've got vector layers,
we've got adjustment layers. I'm going to take
you through one of those so you know
exactly what they are, exactly what they do, and how useful they
can be for you.
57. What are Layers: Let's have a look at layers. Believe it or not, So far, we haven't actually
worked with layers. I know we've been into
the Layers panel, but we've just been
working with objects. Now, let me show you. I'm going to go and get some shapes, so I will take a star. Let's give it some
color over here. And let's have two more
different shapes in there. Maybe a crescent change
the color of that, and one more cloud in there. So these are all just objects and they happen to show
up in the layers panel. So how do we get a layer
and what is a layer? With? A Layer allows you to have multiple objects inside itself. You can almost think of it like a drawer in a cupboard where you have a number of different
drawers and each drawer has got different
objects inside it. So I'm going to go
down and I'm going to make a layer down here. I'm going to click on the new
layer or Add Layer button. And that's by the bin, two over not one of the dots
on That's a pixel layer. So I'm just going to do
the new layer button. And I've now got my new layer. It's called layer one. All I need to do now is to drag these objects
into that layer. And you can see we can just
drag and drop them in there. Those objects are now
inside the layer. And I can then click on the little drop-down
button to see the objects in they're very similar in a lot of
ways to grouping. If I'm on my layer and I decide to add more objects, well, I can go along and
I could use the pen tool and I can draw a quick little shape in there. And you can see that has in, has become part of
that layer that's inside that layer over there. So think of layers, not like individual objects, but they're more like
folders where you can have a lot of
objects inside them. If you come from the
Photoshop type of background or even
the photo background, you'll see that all of
your layers there are individual objects that
they are the same thing, but in here it's different. Layer is more like a folder where you can
put your objects inside. Try that out and have a
little bit of a look. Maybe make a layer and pop a few little shapes in just
to get a feel for them.
58. Adjustment Layers: Now we have a different
type of layer because we've got various
options down here. This is called an
adjustment layer. Adjustment layers allow you
to change certain things, particularly about the color. If I click on this
little circle, it's sort of half black and
half white and go down. You can see these are
all the different things that we can adjust. So e.g. if I wanted to make this document or one that we've
just done in the project. Black and white. I can choose
black and white in here. And once again, I've
got some options. I will just adjust
the options to make maybe the blues slightly darker and the pinks
darker as well. I kind of like what I've got in then I can close that down. So here is my adjustment layer, and it's affecting all of
the objects below itself. These are groups, by the way, there's a group of the violin is a group for the background. If I moved that black and white adjustment
layer below the text, below the group,
not into the group, but below the group. You can see it's only
affecting the very background. So it's only affecting
what is below itself, not what is above itself. If I were to drag
it back up again, once again, it's affecting
absolutely everything. But what about if
I wanted to only affect this group over here? Well, if I were to
take that group, I'm just going to
make a new layer. And I'm going to put that
group into that layer. So I'm just going to
drag it into the layer. You can see the whole
thing has gone blue, not below or above, but right onto it. So now this is
actually a, a layer. Inside that layer is a group. And in the group or the objects. I'm just going to move
that back down again. So I'm moving the layer
back down to where it was. So if I took my black and white and I dropped
it inside that layer. Now look what's happened. You see the black and white adjustment layers in that layer. And it's only affecting
the violin over there, which is in that layer. The background, this curve
is not in that layer, so it doesn't get affected
by the adjustment layer. Adjustment layers
only affect what is inside the layer they are in. Or if they're not in a layer. And we can move it
right to the top. It will affect everything, whether it's inner
layer or it isn't. It gets a little bit
confusing, I know. But try it out. And what I'm going to
suggest is that you actually open up the
last project that you've done and have a little bit of a play with something from
the adjustment layers. I find that, that
the black and white is particularly
useful because it's very obvious to see what it's affecting and
what it isn't. But if you want to try
some of the others, by all means do so. There's a whole lot of different
things that you can use. I'm going to actually
suggest that you try doing a bit of a
re-color on things. You can click on
re-color and you can get some really wacky results from that and see what you
can do with those. Once again, that's in the layer. If I drag it above the layer, it's going to affect
everything in my document and I can just re-color that two
different shades of that. Don't forget if you
want to get rid of it. You can just take
that adjustment layer and drag it into the
bin at the bottom.
59. Adjustment Layers on a Photo: I've got a document up over
here and what I'd like to do is to actually
make it landscape. Now rather than closing it
down and open up again, I can go to the documents setup, that's this little
area over here, and click on that. And in here I can
switch portrait of, so it'll become a landscape. You can see, you can actually
change the sizes in here. You can go along
to the color mode. You can go from RGB to
CMYK or gray scale. You can work with
the bleed as well. But I'm going to
just click okay, and that gives me
a landscape page. What I'd like to do
though now is to actually bring in a photo that I might want to use on my
document and then have a look at the adjustment
layers on that. So what I'm going to do,
rather than actually going in and using the tool we used
before to find the picture. I'm going to go to
the Window menu. I'm going to show
the stock library. Now, there are two
stock libraries that we have with designer. One is Pexels and
one is Pixabay. They're both much of
a merchant is rarely, the other one is Unsplash. But you can't get to
that within designer, you have to go to a
website for that. But these are royalty
free libraries. And all you need
to do is to click in here and type
in what you want. So I'm going to put in
buildings and press Return. And it shows me a holler. Buildings, by the way, the first time you do this, a little window will appear over here and you've
got to kind of say okay to the terms
and conditions. Now I want to find one
to start off with, and we're going
to have a look at something like this with
these building blocks. I'm going to just drag
that onto my page. Then you can say, I've got this very
colorful picture in here. Now. I want to use an
adjustment layer on that, and I want to use a black
and white adjustment layer. So if I go to my adjustments and I'm going
to choose a black and white. The first thing you
can see is that it hasn't actually put it above it. It's actually put it
almost inside that shape. If I click over here, you can see I've got the
black and white adjustment right in that shape over there. So just be aware of that. We're going to be
getting into why these things do what
they do later on. In here. I can then adjust the
various colors now, the black and white
adjustment layer, if I just switch it off, I can see the colors straight away. So just, um, and, well, it stops it from
showing up that effect. And I can see over
here there's some red and some red
and some red there. Well, using the black and white, I could either lighten
those reds or I could darken down those reds. I can do the same with
any of these colors here, lightening or
darkening the areas on the picture depending on the
effect that I want from it. Remember that's
not set in stone. You can still deleted. Let me do that again with
a different picture. So once again, I'm going to go and pick a picture over here. Let's go with tau bridge. Just drag that into my document and I'll
move it across in a instantly minor coming in in the document there
because I'm working on an A3. If you're on a smaller document, you're going to find that
these pictures might be really big and you might
have to scale them down. So I'm going to go in and I'm going to go and
add a black and white. Now, look at the
difference here. This black and white is
coming above that picture. Why has that happened? Why didn't go into the
picture like the last one? Well, that's because
I was sneaky. I did something without actually telling you
what I was doing. You see the first
time that I did it, I clicked on that
particular image. And then when I added this in, it added into that picture. So it becomes almost
part of that picture. When I did it the second time, I clicked off of the picture
so it wasn't selected. And then when I added, added in, it came in as a
separate object above it. So same again over here
I can go to the blues, I could darken down the blues
to darken down the sky. Let's go to the reds
and see if there's any. Yeah, we can lighten
that up a little bit, lighten up some
of these yellows. Maybe darken it down a
little bit actually. And the pinks, what
is there in pink, that'll work quite nicely. So we can then add them in. And we can do that
on pictures as well. And any of these adjustments
can be done on an image. I'm just going to go into
another option over here. I'm going to choose
the gradient map. Now you can see how it's actually mapping my
colors in there. It's gone really,
really strange. But of course, I can click on these colors and change them. So this color here, I'm
going to make that pink. And this one here, I'm going to make that red. And we can then adjust these to affect the different
parts of the image. If you want to get rid of them, you just click the little
Delete button there. So I've now just got pink going through two blue in there. If you want to change
it around, just click Reverse and that'll give
you the opposite area. You can use this
gradient map to create all sorts of weird and
wonderful effects on an image. I'm going to go with a green, lime green over
they're going to pink. But I'm going to
just reverse that. So it's the other way around. Remember, you can
experiment with this if you don't like it. Well, you can either click
on that little link there. I can click on the
black and white. Not doing that
much to be honest. Or I can benefit as well. Have a little play with some adjustment layers on a photograph and
see how you get on.
60. Add Some Effects fx: I've got another picture here,
and I'm going to click it. So it's selected in there. This time next to the
adjustment layers. I'm going to go over
to the Effects, That's the effects in there. I can add an effect
to the object. So over here, I've
got various effects. I can add an outline
to 3D in a glow. By the way, that's not true 3D. It's a simple 3D effect. I've gone to outer shadow. Now what I want to do is I
want to actually be able to see that and see
what's happening. The first thing I'll need is to actually not just click
the word outer shadow, but click the little
tick next to it. And now you can see it
will show up in here. I still can't see the shadow. But if I go and change some
of these settings and I'm going to go to the
offset and you can see I can sort of
offset that shadow. There it is over there. Intensity. I can change
that to adjust it. I can change the
radius to soften it out quite a lot as well. I think we'll just take
the intensity down a bit. And lastly, I've got
the opacity so I can have a very subtle
shadow in there. I'm going to move the offset
back just a little bit. When I click on Close, I've now gotten effect on here. You can just about
see that very, very subtle drop shadow
behind the picture. If you're going to
use drop shadows, please be really
delicate with them. They can look very over-the-top,
very, very quickly. So you'll notice now
that on my object, you'll notice I haven't
said in my layer, my object in the layers panel. That's this little
effects on there. If I click on that, it'll fx. It takes me back into
the layer effect window. So I can then add more or switch the one off that I didn't want. Let's go over to 3D.
Click on the little tick and you can sort of get an idea from this, what
it's actually doing. If I change the radius, it's just putting vague 3D
effect onto that shape. So it looks like
it's got a bit of depth and the light is
coming from that side. And you can adjust
it in here as to where you want your
light to come from, as well as various
other settings which I'm not going
to go through because otherwise we'll be here all day just playing with the
settings inside here. Trials are lots of these. Remember, you can
switch them on, you can switch them off. I'm going to go to
outline this time. I'm going to change the
radius over there and just put a color around
the outside of my photo. Click on clothes. Dried out.
61. Project: Create a Social Media Document: It's social media project time. And what we're going to do
now is we're going to create a post for a made-up band. Now we're gonna be using text and pictures and all
sorts of things in here. And I'm going to
call mine the band. I know it's not very creative, but you've come up
with your own name for your made-up banned. Anyway. Without any further
ado, let's get started.
62. FP1 Project Social Media Post Blend Images: Before we start this project, I'm going to go to the
Window menu Studio, and I'm going to
say reset studio to just clean up all
of these panels, which are all over the show. Now that I've got that
I'm going to go to File and New this program, this program, this project, we're going to be creating a social media post for a band. And I've got some pictures
that I'll be sharing with you. But I'm going to be using the social media square
area and that's in the web. So this will give me a square
which is 1080, 1080 pixels. And over here you'll notice
that it's already RGB, so we don't need to
worry about the color. But if you did,
you could click on Color and check and
change it in there. I am, by the way, while I'm in this area using a color profile,
which is SRGB. Now, sRGB is one of the lowest common
denominator if you like. Color profiles, which will
work on most browsers, if you choose one of the others, you might not be so sure that
it would look exactly the same on somebody
else's browser to how it's looking
on your machine. Let's click on Create. Now we're going to
bring in some pictures. Now the pictures that
I've supplied for you are in with your resources. And I've just got two
pictures of guitarists. Of course, you can use any
image you like if you want to go and search for
your own pictures, that's absolutely fine. But I'm going to go over
here to my place Image Tool. And I'm going to
find the first one. Click on open and bring it in. So I'm going to just click and drag across to get
that picture in. And I'm going to have a
quite big over there. I'm going to move it
around until I've got the guitarist on the right-hand side of
my page of my document. Like so you can move it around later if you
don't get it right. I'm now going to go and
bring in the second picture. But before I do that, over here, you can see
I've just got my picture. I would actually like to start working in layers for this. And you'll see why later. I'm going to go and add a layer. And I'm going to call
this layer guitarists. You can call yours
whatever your subject is. I'm going to drag my
guitarist into that layer. So you can see he's now
in that layer there. While I'm in there. I'm also going to lock
that guitarists down. So I'm going to just
click on the lock to lock the guitarist,
not the layer. If you're on the layer
and you lock it, you will lock your entire layer. But I'm just locking the object which is inside that layer. Let me bring in my next picture. So I'm going to go once
again down to my place. Image tool. Choose the second
guitar, click Okay, or open and click and
drag that one in as well. So that's over the top. And you can see because
I was on that layer, it's automatic coming
inside the layer. Now what I want to
do is I want to use a tool to actually blend
these two pictures together. And there's a lovely
tool overheads underneath the Gradient Tool. And this is the
transparency tool. If I click the
transparency tool, I can then click and drag
to make things transparent. You can see if I
go up, down left, right, It's going from solid
through to transparency. I'll just go to the
edge of the picture. If you go too far,
you'll see that you'll get a really hard edge in there. I'll just make sure I
stopped before that edge. Like so I can move the middle around as well if
I want more of the guitar or less of the guitar or the guitarist hand
july say in there. Now that I've got those two in, I will make sure that
they are both locked. So I will actually lock
the layer over there. So they both locked and they
can't be moved around yet. Try that out, make
a new document, bring into pictures and blend
one into the other one lag. So don't worry about the color, whether they're weird, weird, a wonderful, We're
going to actually colorize them up ourselves. Do make sure though, that
they are in a layer.
63. Add Gradient Map to Unify Color: What I'd like to
do now is to add an adjustment layer to unify these two with
similar colors. Now, the adjustment layer
is actually going to go inside this layer here. So I might have to unlock it. So if you have locked
it, you can unlock it. I'm sorry, I got you
to do that earlier, but I want you to get
into the habit of just locking things as you go. So I'm going to go down
to the adjustment layers. And I'm going to
use the one that I mentioned earlier
on in the lessons, which is going to be
the gradient map. It comes in with these
horrific colors. I'm going to get rid of the
middle one and delete that. And I want to use two shades
of blue for my gradient map. Over here, I'm going to
click on the left-hand side. I'm going to go and choose
quite a darkish blue in there. Then I'm going to go
to the other side. And I'm going to
choose a lighter blue, not of the same blue. I'm going to go for more
of a greeny blue in there. And you can see a
hacking then gets an interesting effect like that. So although it's a bluish image, is actually made up
of a greeny blue. And on this side here, a darker, more, more ready blue,
or more purply blue. You can do anything you like. You're really but I quite
like the look of that. I remember you can
always reverse it if you want it
the other way round. Although using light
for shadows and dark fur highlights gives
you a negative effect. I don't want that. I just wanted to unify
those two together. Remember, if you
move these down, they will not affect the objects which
are on top of them. So make sure your gradient
map adjustment layer is above both of those, but still within your layer. Have a go with that.
64. FP3 Project Social Media Post Text Effect on Layer: Now this time I really am going to lock this down properly. So I'll just lock
it, close it up. I'm going to go and
add a new layer. I'm going to double-click this one and this one's going to be called main text. In this layer, I'm going
to put in my texts or I'll use the little
Artistic Text tool. Click and drag the text and
put in the name of the band, which I'm gonna call banned. Not very creative,
but hey, there we go. I think I'm making a
little bit bigger. In fact, I'm going to select it. Now you'll notice that I've very quickly selected that by just clicking a few times on
it until it selects. So I'm going to go and find a typeface which is
all Arial Black. That's absolutely
perfect for this. I just want to be big
and bold and loud. Pretty much like the band is. Let me move that
in and maybe scale it down. Just a little bit. Like so. I'd like this bit of texts to be the same color as the blue
that I've got down here. So I'm going to use
in the color area, the little eyedropper and
just drag that onto the page. Move it around to
where I want to pick the color from and release. Now you can see that
still selected. So if I now go and click
on that little icon there, it will choose that color for me. Let me just do that again. So I'll just move the
little eyedropper over to the color that
I want to select. So let's go with this
color over here, and once again,
click it in there. Now you can't see the text
very clearly in here. So I'm going to go into the effects area and I'm
going to add an effect layer. But before I do that, I'm just going to
cancel it for now. Am I going to do this on the text or am I going
to do it on the layer? Well, I'm going to do it on the layer and you'll
see why in a moment. So if I do it on the layer, I'm going to go
and add my effect. I'm going to use an outline. And I think for my outline, I'm just going to choose white there and maybe make it a little bit thicker than
it is at the moment. Here we go, just a nice thin
key line around the outside. But then if I thought,
you know what, it will look really
interesting if I had another key line
around there as well. Remember this one
is on the outside. So if I added and I can do that by going to our planned
clicking on the plus, add another key line in there. I'm going to put this
one on the inside. I'll change the color
to something else. And maybe I'll
even sampler color directly from the
images over there. Click on that. Now you can see I've
got two key lines, one on the inside and
one on the outside. And I can adjust them
independently so I can make this one
thicker or thinner. If I wanted. You could put
in a third one in there. You could do that on the center over there as well if
you if you wished. So I won't I'm going
to leave it with two. Now that I'm happy with that,
I will close this down. So why did I do
that on the layer? Well, because I've got
the word banned in there. And there could be a second word that
went in here as well, which would be live. So what I'd like to do is
to I would like to have the the live band in there. So I'm going to put in some text and watch what happens now. I'm still in that same layer. And I'm going to
click and drag over here and put in the live. You can see straight away, if you have a effect on a layer, anything that's in that layer gets that effect applied to it. Whereas if I actually put
it onto the text itself, it wouldn't be applied to it. Now, maybe I don't want that. So if I were to drag the text, the live over here
above that layer. Now it won't have that applied. Fact. I'm going to put it down
there because it's gonna be a bit more subtle. Underneath. Let's do something like that. We can barely see it, but
I can change the color. Should I wish, by very simply
just adjusting it in here. You can of course, also adjust the opacity
so I could get some of the background picture
coming through. If I wanted. Try that out, Have bit
of a play with that, do a second layer in there. Remember this last bit of
text I've got is not a layer, it's just an object which
is sitting there and that is absolutely fine, dried out.
65. Make a Logo: I like a bit more text in here. And I really think that
I should put that bit of text the live, by the way, you'll see I changed
it a little bit, made it a little bit
less in your face. I wanted to put this
all into its own layer. So I'm going to once again
go down here, add a layer. I'm going to call this
secondary texts or subtext. And uptake the Live and
put that into there. It just cleans this
up rather nicely. Now, I need a bit more text
in here, so same again, using the same tool, I'm going to click
and drag here. And I'm one more night. And Wembley Stadium, London. You can see it's pretty
large. As always. I'm going to just
take it down a little bit and pop that on a new line. This text is a bit too heavy
and you'll see it's picked up the same way to the same transparency
that I had before. So I'm going to take
the opacity right up. I've just realized I've
spelled something wrong there. So I'm going to go in for a more slightly
delicate typeface and just change my
spelling in there. I think that's okay for
that little section. But lastly down here, I want to do a little logo for the
promoters of the bands. So I want to make a little very simplistic guitar and then I can put the
promoters name inside that. So I'm going to same as always, go into my layers and make
a new layer for that. By the way, you'll see
that my one more night at Wembley is not actually
in the correct layer, so I might need to just drag it and drop it into that layer. I'm going to lock these
other layers down. So this one's going
to be locked, that one's going to
be locked there. And I'm going to add
a new layer up here. Double-click and call this logo. Now, we're going to make a
very simple little shape just using some of the
basic shapes we've got. I'm going to start
off with an ellipse, and I'm going to
draw an ellipse. Now remember, you
don't have to get this right size-wise the first time you can
draw it as big or as small as you want. I'm actually going to zoom in. So I'm using Command and plus or Control and plus dependent
with your Mac or PC. To zoom in a bit, I'm
going to start off by creating the end of
the guitar like that. And then I'm going to make
a copy of that shape. So I'll go to my move tool, hold down Command on the Mac, Control on a PC and
just drag a copy over. I want to make this one smaller. So I'm going to grab a corner
and I'm going to scale it. But when I'm scaling it, I'm going to hold down Command on the Mac,
Control on a PC. So it scales to the middle. And if you hold down
shift to constrain the proportions at the
same time as well. So that's pretty okay. I'm using the arrow
keys on my keyboard to just move it down a little bit. I'm going to select
these two shapes. And up here, use my boolean options to just
add them together into one. Of course I want this to look more like an electric guitar. So I'm going to just
do a cutout over here. Once again using a circle. Make a little circle, like so. And I'm going to move
that across the guitar, select both of those, and subtract one from the
other to get that shape. Now I need the neck of the guitar and the head
of the guitar here. They're going to be very simply, just little simple
shapes like that. Now, that's not too bad, although it's not
quite in the middle. I'm going to move it down a
bit like so look at that. You can see how two
lines itself up. Select those, add them together. Let's do the head of the guitar. Now for the head,
I'm going to go down to one of these
shapes over here. And I'm going to use
this trapezoid tool to make a shape like that. That's going to be the
head of the guitar. Then I'm going to
rotate it around so I can go over here and
just rotate it around. If you hold down the Shift key, you can then rotate it
in smaller increments. I'm going to use my
move tool to move it across into there. Something like that. Once again, select
both of these and unite them together with
1 billion operations. That's it for my shape. And then I can just
come in and put in my promotors name in here. So I will do exactly that. I'm going to use my Artistic
Text tool, click and drag. And this will be Tim promos. I'll select all the text. I'm going to choose the color, or I can sample the color
from that, from that. In fact, this is probably a logo which has got
its own brand colors. So let's pick a totally
different color in there. I'm gonna move that into the
right position and scale it down over there. So we've got some sort
of interesting logo. Let's take that whole
thing and scale it down. It's gonna be small
in the corner. You can make yours a bit
more interesting than mine. In fact, I don't even like
what I've done with this word. So I'm going to just put it over two lines in there because it didn't it
didn't seem quite right. We go slightly better, but of course, it can
be larger as well. You could just spend so
long just fiddling with these little bits and pieces until you feel happy with them. But I'm going to
stop right there. Remember, if you've
got a shape like this, you can always get a U-shape. I did mine in white, but you can always use
the color directly from the image and color
it up with that. Or you can use your
own custom color and go really wild with that. Fact that looks a whole lot
better than it did before. Let's use white text on that. Have a go with that. And then we'll save this out.
66. Save & Export: Once you've finished your
document and then you suddenly realize that you've made
a spelling mistake. You can see over here where
I've typed in Wembley. It's kind of come up with a
little red line underneath. And I've realized this
should be an e in there. Well, first of all, I can't select it
because it is locked. I know that's pretty obvious, but if I went in here, I can then unlock it. But I'm going to open
this up and I'm going to double-click on the text because if I
double-click in here, it just makes it
full screen size. And it's much easier to edit. I can double-click on the word, and then I can click
between the L and the Y and put in my E in there. So once we've done that and
you've just checked and made sure that all
your spelling is correct and you've got
everything where you wanted, then we can save this out. Well, in fact, we
should have saved it as we've gone along, but I'm going to go
to File and Save As. And in here, I'm going
to say the band. I'm going to just click on,
Click to say that this is saving an editable version
with all the layers intact. And then I'm going to go to File and I'm going to choose Export. We're going to be exporting
this as a JPEG file. And then in here you can
choose your quality. Once again, I'm
keeping it quiet high. I don't want to lose any
inequality on that picture. And click Export. Once again, give it a
name and save that out. And it's done. Enjoyed. Create some different
versions of this. Use your layers to make sure that everything is in
good, neat orders. And you can lock things down as you go along
so you can't make any mistakes unintentionally
while you're working. Most importantly, just
have fun with it.
67. Introduction to Adding Text: Text is such a large part of any design package and affinity
designer is no exception. There are two main types of texts that we have
in Affinity Designer. We have frame text and
we have autistic text. And I'm going to show you
the differences between those and why you
want to use one. Why you'd want to use the other. Then we'll go and we'll
delve into a lot of the options to do with
typography and text.
68. Frame Text Versus Artistic Text: Now there are two types of texts that we have in
Affinity Designer. There is, if you have
a look down here, Artistic Text and frame text. Now we've used the text or the Artistic Text tool
quite a lot so far. And to use it, all you do is you click and you drag to
get the size correct. And then type straight in. This is great for certain
things like headings, large bits of texts that
you need in a graphic. But it's not so good when you've got a lot of texts to put in. Now, what I'm going to do
is just de-select that. So I'll go back to my Move
tool and click to de-select. Then I'm going to go
down and I'm going to use the frame text tool. With a frame text. If I just scroll up
a little bit here, what I'm going to do is
I'm going to click and drag to make a frame. Now I'm going to paste
my text in there. So I've just got some text
which is in word over here. And I'm going to select
the text, copy it. I'm using Command C
or Control C on a PC, Command Z on the Mac to copy it. Go back in here again, make sure I've clicked inside that frame and then use paste. Now you can use Command
V or Control V to paste, or you can go to Edit and
Paste that way as well. Now the difference between
these two is that if I change the frame size with
this bit of text is in, this is Artistic Text. You'll see the text will
scale at the same time. We've done this numerous times. But what about this
bit of text here? Well, if I go down to
the inner box there, you can see there's
a box over here. And then there's also a little dot right on the
outside of the box. So if I go to the one
that's on the inside, when I click and drag, it will change the
frame and the text will automatically flow
within that frame. If I go to the outer one, then when I scale it, it will scale the text and
the box at the same time. Now, we can actually
make this box a lot smaller and you'll see
that it cuts the text off. Now yours might not do that. And that's because there's
a little eye over here. If I click on the eye, it will show the extra text
which is outside the box. I can click on that I to hide
the text outside the box. I just pull this
around to make it any particular shape that
I like for that box. So do have a look at the
differences between these two. Remember this one when
you grab a corner, it automatically scales
the texts and the frame. This one, the inner corner, will scale the frame, but not the text. The outer dot at the bottom
right-hand corner will scale both the
frame and the text. Try it out so you can see
the difference yourself.
69. Fonts: Let's have a look at some
of the type options. I'm going to click
on this bit of type. And what I want to do is
select some of the text. So if I were to
just double-click now you'll see I'm on the
move tool at the moment. But if I double-click, it changes me over
to the Type tool, the frame text tool. And I can then just double-click
on words to select them. If I do three clicks, I can select a line. I can do a paragraph
with four clicks. And if you do five clicks, you can select the entire story. Just basically keep clicking until you select what you want. I've got all my text
selected in here. And I can go right
away to the top, to the character options. Now starting at the top here, we have got our type faces. These are also known as
fonts or font families. You can just scroll down
and you can actually see any selected text will
automatically change. I'm just going to select a
little bit of texts there. After that, we then
have the style now that could be bold or
italic or bold italic, different typefaces have
different styles in there. I'll just choose
regular for now. After that, we have our sizes. So the sizes are in points. If you're not sure how
big points are, e.g. you're doing a big banner and maybe you wanted your texts, the main text on the banner, to be 2 " high? Well, there are 72
points in an inch, so 2 " would actually
be 144 in there. Most text for reading generally tends to be between the tin
and the 12th point mark. Over here we've got some
quick ways of doing bold, italic and underline. And then we get to the color. So I can click over
there and I can change the color of my text. You'll see if I click off, it is now pink. I'm going to select
all the text again. So I'll just keep clicking
until I pick it all up. Do have a look at
these options here. Just select your text. And the same applies to text which has done
as Artistic Text. And then we'll have a
look at what these rules, the rest of the
options in here do. Don't forget, you just keep clicking until you select the one that you want to effect. And you can then make
your changes up here.
70. Preset Character & Paragraph Styles: This area here is
to do with styles, and we've got two
types of stars. We've got the
character style over here and the paragraph style. Now I'm just going to show you some of the pre-made
styles in there. But on the level two course, we actually go in and
we make our own styles. Let me show you how this works. These character styles affect either the word or whatever
happens to be selected. So if I were to select
this word here, I can go into the
character style and I could choose emphasis, strong or strong
emphasis on there. Or I could select
a number of words and do exactly the same
thing affected in here. And I'll just go with
strong for that. The paragraph style,
on the other hand, affects the entire paragraph. So if I were to
select this paragraph here now you'll notice
I'm not actually going in and clicking
and dragging. All I've done is I've
put my cursor in there. So now it knows that
I'm in that paragraph. And if I choose one
of these paragraphs, you can see we've got headers, this table body option as well. So a paragraph style affects
an entire paragraph, whereas a character style effect whatever happens to be selected. Once again, have a
quick look at those.
71. Character & Paragraph: Now next to the
character option, There's a little a over here. And if you click on that, this brings up the
character panel. And these are all different things that
you can do to type. Once again, we get further into a lot of these details
on level two course. But for now, you can see that
a lot of the things in here are exactly the same as
you've got up the top here. So if I select some text
within this character option, I can change the typeface. I can change the style.
I'm going to go bold. For that. I can change the
color in here as well. There's another one, which is the little paragraph symbol. And this gives you more
options for paragraphs. So you'll notice that the
paragraph options there are the same as the ones that
we get along the top. We've also got things in here, unlike the ability
to indent text. So I can just push text in from one side based on a paragraph. You don't have to select
the whole paragraph as long as you've
clicked in there. You can do that paragraph. I've just clicked in
this paragraph here. Once again, I can just
adjust that paragraph. But moving along, we've then got the options over
here for alignment. Now I'm going to undo what
I did with the indents. I'm going to use
Command Z on the Mac or Control Z on a PC to undo. And you'll see if I'm
in this paragraph here. Now I don't have to do this. In fact, I can just click
and put my cursor in here, but so that you
can see it easily. I've just selected all the text. I can then have left, center or right alignment. Or I could have
full justification. And with full justification, you can either choose
to have the last line, this one here,
aligned to the left, center, or to the
right, or justified. All. You'll see if I
choose justified left. It aligns everything
up on both sides, but this last line here is
aligned over to the left. Let me do it on this
one here to show you. So same again, in their
Wrong one, sorry. Over there. Justified Center. It's justified to both sides. And the last one
is in the center, same with the right and
then justify it all. Does all of the lines. You can see it makes a horrible
mess of certain texts. So this last line over there, I could never get
away with that. It just looks so bad having
that spread all the way out.
72. Vertical Alignment of Text: Now the next little
button allows us to align the text to the top, to the middle or the
bottom of the box that the text is in all
the frames the text is in. Now this doesn't seem to
be terribly useful at the moment if I just sent
her that vertically. But when we've actually got text inside a frame and you've
got a color on the frame. And maybe it's a quoted, you
want to go in the middle. This is very, very useful and it's something
we'll get into later. You can see I can align the
text top, center, or bottom. And I can also align the text. So it justifies all
the way across. So it'll just spread my text out right the way through from
top to bottom of that frame. It's just pull this
up a little bit like that and you
can see the text will just spread itself
all the way across.
73. Bullet & Number Points: I've got a little
bit of texture. In fact, it's just
three sentences and I've just done
returns between them. So there's this one here
which is paragraph. It's trying to
select that again. This one here which
is another paragraph, and that one there's
a paragraph as well. I'll just select them. I'm going to go up here and
we have got bullet points. And once again, the bullet
points will appear for each particular paragraph or
number of points in there. Really nice, easy one. Once again, there's
more things that we can do with those bullet points, but not quite at the moment.
74. Leading & Typography Options Caps: Let's have a look
at the last little buttons along the top here. This one is to do
with the distances between the various lines
of texts in a paragraph. And it's known as letting. You can see over here, I've got 12 point text and
my lettering is set to 14.6. If I click in there
and I go to 14, you can see it's about
the same in there. I can then increase the leading, the gap between the lines, or I can decrease it. In fact, I can keep going till it's virtually
on top of one another or move it to
make it really large. Not sure of what size to go for. I would actually just
go up to the top and choose the default in there. You want to be a little bit
more accurate about it. The standard loading is usually the size of your typeface
plus 20 per cent. So if you've got
ten point text than the standard letting
would be 12 points. 12 point text would be 14.4. But you don't have to
worry too much about that. The default there
is pretty good. The last one that we have in here is the topography options. And if you click in there, there's a lot of
different options can change how your textbooks. So what I'm going to
do is first of all, hide the irrelevant features. I always like to switch
that on because you don't need a lot of the things
that are in there. We're not going to
look at all of these, but I do want to go
down to the capitals. So in here, if I were to just move that
across a little bit there, I could say I want everything
in caps or just normal. Now you can see nothing's appears to be
happening because I really do need to select
some text in there. So I'm just going
to select that. But if text, once again in here, I can go all caps to make
everything capitals. Over here. I can go with small caps, which is quite nice feature it gives you a big capital in it. Everything else is smaller. Do the same with
that one over there. So I'm going to
go to small caps. And you can see how that's
working. Really nice. For titles. We can have all
small caps as well.
75. Outline Text or Convert to Curves: The last option we're
going to look at is not one of the options
along the top, but it's actually in the menu. And it's under the Layer menu. When you have some
texts like this, the text is fully
editable, which is great. But it does mean that if
you go into the document, you have to have that font or that typeface on your system. Now sometimes when you
send stuff to printers, they'll say, could you make sure that you outline all your text? So what does that
mean, outlining text? Well, it means they want you
to convert your text from editable text into
vector shapes. That way it doesn't
matter whether they have the font on their system or not. So how do we go
about doing that? Well, you select the text
and you go along to a layer. And you just choose
convert to curves. You can see it still
looks exactly the same, but this is no longer
editable text. I could do the same
down here if I selected this and went to layer, convert to curves, it is still, well, it looks, it
looks exactly the same, but it's no longer
editable text. So if you're going to do this, I would suggest that you
make sure you save a copy of your document with
editable text first. So what else can
we use this for? Well, one of the nice things for this is that we
can then actually change the hour or customize
the fonts themselves. This one's about savings. So I want to actually
go right in. And you can see if
I click on the S, It puts all those
little nodes in there as we looked at nodes
earlier in the course. This is what it is. It's just a shape made
out of the nodes. So it means that I can
actually go in and I can pull this up and
I'm going to pull it so I get something which kind
of closely resembles a sale. Maybe. Let's try that out. Okay, it's not a great sale, just looks like something
which is really strange. But you get the general idea. Sometimes this can be really
interesting because you can select individual
points like that. I can take those two points there and I can maybe
pull them down a little bit like that
or this one here. Let's select those two and
pull that down as well. And you can just adjust your characters as
you want them to be. Do try it out. It's very useful when you're
asked for outline text. It's destructive that you don't have the original
editable text anymore. And lastly, it
allows you to change the type so you can edit
it yourself with nodes.
76. Introduction to Project: Create an Advert: It's Texts Project time. So during this project, we're going to create an
advert for a yoga business. Now, if you don't like yogurt, you can use any other
subject that you like. But what we're gonna be
doing is we are going to be creating three sets of texts. So this is going to be
like a subscription that this particular company has and will create one
of those sections. And then we'll reproduce
it twice more. And on those copies
will change the text. Now this is not just
going to be about texts. We're also going to be adding in gradients and a picture in
the background as well. So let's just jump straight
in and get started.
77. New Document and Make Shape: We're going to do a new
document for this project. And depending on whether
you want to create this ad for either print or for the web. You can choose what
you like in here. Remember if you're doing it for something that is going
to go for printing, commercial printing, you
probably want to go with press ready and make sure you
have some bleeds in there. If you're doing it for the web, you can choose one
of these over here. Now, I'm going to go
with the print version. I said you can choose whichever would be more likely
for you to do. I'm going to just make this A4. It's going to be landscape. And down here I'm
going to just check on my color to make sure
that that is set to CMYK. Now we have a color profile. And in here this is set
to US web coded swap. Now that's the most popular
profile in the states. If I was doing this
and I was like, I am near London in the UK, I would probably use for gra, over here we've got a couple
of different photographers. But the thing is,
if you're not sure, speak to your printers about it, I'm going to make
sure when I go to bleed that I've got
a three millimeter bleed in there and I'm
going to click on Create. Now. I can't see my margins. So I'm going to go
to the View menu and just make sure that I can
see my margins in there. It'll just help me with
my design a little bit. I'm going to go to the View menu and we can do things
like show grid, if that helps you to
design using a grid. And we've also got Show
rulers in there as well. And from the rulers you
can actually drag down, you see I just click
in the ruler and drag, you can drag down more
guides onto your document. Now I want to get rid of those. I'm just going to use if
you're on a Mac Command, Z, if you're on a PC Control
and Z to undo those. And I'm actually going
to go and switch off the grid in there. Once you've set up your page and that's a nice easy thing. We've done it so
many times before. We're going to design
the first one of our shapes that we're going
to be putting the text in. I'm going to use a
little rectangle. I'm just going to click and
drag to make my rectangles. I'll just choose
the rectangle tool, click and drag to make
the rectangle shape. I'm going to have three
of these in here, so that's what I'm
going for size-wise. And then I also want to round off the corners
on this shape. I'm going to go along here to the various tools that we have. And one of them is a corner tool for
rounding the corners. And you can see if
I hover over it, it says Corner tool. And then I can just go onto my corners and round them off. I can do these one
at a time like that. Or I could do them by
selecting them altogether, to select them all together. Use your corner tool and just click and drag
over all of them. And then you can
click on one of them and pull them in
to round them off. Like so. Now, this is quite boring, having a little shape like this, I want to make it slightly
more interesting. So I'm going to add a
little bit extra to this. I'm going to take
another rectangle and put this rectangle
over the top. So I'm just going
to click and drag another one in, like so. Now I need to make sure that these two things are
lined up perfectly. So I'm going to take this shape here and drag it until
I get to the middle. And you can now see
that that's lined up like so if I take the
top one and drag it along, there we go, it's lined
up with the bottom one. I'm going to overlap
them ever so slightly. I'll just use my arrows on the keyboard to
move that one down. And I'm going to
select them both. And then use my boolean options, appear to add them together. So I just click on the
Add option, like so. Now I still want to keep that rounded corner
look going on here. So once again, I
can use this tool and I'm going to select
those two at the top. Try that again,
select those two at the top and round them off. Like so, so quite
a lot in there. And then I could actually select these ones here and
round them off. I quite like that
corner point in there. Anyway, have a go make a shape. It doesn't have to
look like mine. You can use other shapes in
there as well if you like, you can cut bits out. So e.g. you could
go along and use a different shape and I'll
just use a circle, like so. And I could put that maybe
at the bottom over there. And then maybe once again, select those two
shapes and maybe cut one from the other to achieve an interesting look like that. I'm going to undo
that because I like that simple shape that I've got. Have a go with that.
78. Bullets & Duplicates: Now I want the three of
these little shapes. So before I go any further, I'm going to make sure
that I put this one right in the middle of my page. I'm going to move it until I see that green line coming up here. If you don't see
that line there, these auto lines can be
gotten from the view menu. And you can just go
in and make sure that you've got things like
snapping switched on. We also looked at it
up here where you can enable snapping in there. And there's quite a few
options that we can snap too. I've made sure that that's
right in the middle. And now what I'm going
to do is I'm going to make two copies, one on either side. So I'm going to hold
down on the Mac, it's Command on a
PC, it's Control. And just click and
drag this across. While I'm dragging it, I want to make sure
that I'm dragging it absolutely in line
with the other one. Now I can do that by seeing the little red
lines when they come up. Or I can actually hold down the Shift key at the same time. And that'll ensure that it moves perfectly in line with the
other one. Will do this again. So I'm going to go back to here. Hold down Command or Control, start dragging it, hold down the Shift key and move along
into the right position. All right, So because
this was centered, if I put those two
to the margins, everything will work now so that I don't move
them by mistake. We haven't finished
with them yet. We have to change the color. But for the moment, I'm
going to go over to my layers and I'm just
going to lock them down. So I can select one
layer, hold down, Shift, and then select
multiple layers in there. And then click the
little padlock at the top to lock
them all down. Of course you can do
them one at a time. Now we're going to be
bringing some text. And so I've just got
a little bit of text. I wrote in Word. You can do your own text for this because it's not
very complicated. But I'm going to use the
text as a frame, frame text. I'm just going to drag in my frame and paste the
text in that I copied. So as you can see,
it's very simple. You can do your own in here with whatever topic you're using. I'm using yoga life as my topic. Now, the first thing
I want to do is to select the text in there and go along the top because these are
going to be bullet points. So I want to use the bullet point tool to make
them into bullet points. Then going to go across to the left-hand side and change
the size because they're quite large the moment and I'd like them to
be a lot smaller, something like 14 or 15 on mine. But you choose what
you want to use the Move tool and move
this across to here. Let's just move that
back again today. So that's going to be
down there somewhere. We just neaten this up
by putting that around. Now that I've got that, I want to have the same
thing on these as well, but obviously these
are different. How do we call them
different levels of the, the course that you can buy for this particular
yoga course. So what I'm going to be doing is this one's
going to have all of the things that you get with that level and we're going to have less with that
unless with that. So I'll just hold
down command once again and drag that in. Hold down command again
and drag it into there. This way. Now I can actually go
in and for this level, we just get the newsletter
and a goody bag in there. Where is this level here? They also get a yoga
mat and a consultation. Let's get rid of that one
in so they're all lined up, they're all looking
exactly the same. You can still of course
move them around. Should you need, but have
a go make some copies of that shape that you've got
and get some text in there.
79. Add Some Gradients: As you can see, I've put in
some more figures in here, just these are the different
plans that we've got. A little bit of text
over here which says, basic plan for a
stress-free life. Now before I copy that
across to the other sides, because I'm going
to have a free plan and I'm going to
have the Pro plan. I want to just sort
this out and we'll get, get the font looking quite good. Now I'm going to go up to the options over here
and I'm going to use the Character Style. And I'm just going to
choose a strong emphasis. So basically it's making
it bold and italic. I could have done the
same thing by choosing bold and italic over there. And then I'm going
to copy it across. So once again, hold down
Command or Control and Shift. And you can do a copy. And the same again, I could do one on
this side as well. I'm going to change
the names on this. So this is going to
be the Pro plan. This one is going to
be the free plan. Now we've got all our texting. We really need to start
looking at some color in here for the shapes behind the texts because they
look a bit bland. Well they look extremely boring. So what I'm going to
do is we're going to open up a picture and we're going to use the
colors from a picture. I'm going to go over here
to my place Image tool. And it is part of the course, you'll have this picture. But if you don't, you can go and find any
image that you like. So I'm using a picture
that came from Unsplash, and it is this one over here. I'll just click and
drag to drag it out. Like so. I've chosen this
because it's got some really nice
soft colors in it. As I said, you can use
any image you want, but you will find this in
with the course resources. So now that I've got
the picture in there, I want to sample some colors. I'm going to go up here. And I've got my color, and I've got my swatches area. Now, I'm going to go in and
I'm actually going to make a new swatch specifically
for this particular job. And it's going to be a swatch
just for this documents, I'm going to say add
document palette. So it'll only be for this
document and give it a name. And I'll call this yoga. Click. Okay, and now when I start
sampling these colors, I can just put them into my yoga palette for this
particular I'm document. Now I'm going to be using this
little sampling area here. Now, if you click it and it thinks you want to make
that picture black and white, just use your command
or Control Z to undo. I'm going to make sure
that I've de-select it first before I go to
that little sample tool. So now I can take my sample tool and I can drag it
onto the image. So I'm going to go and find a nice darkish turquoise color. I click it to choose it, and then I can add
it in to my swatch. I want that blue there, but I also want a
lighter version of it. So I'm going to go
over to my colors. And you can see it's still remembering that color in there. I can then choose maybe a
lighter version of that. In the swatches. I
could then add that one into my swatch as well. Let's do a different
color in here now. I'm going to use the eyedropper. I'm going to go and sample
one of these sort of so many pinks over there. I'll click on it up here
to bring it to the front. I'm going to add it in. But in fact I want to
make it darker first, so I'm going to go to color. I'm just going to
darken it down in here. I'm going to go to the back
to the swatches and I can then add that in over there. I've still got the original,
so I could click on that and then add
that in as well. So you can see what
I'm doing here. I'm having a dark
version lite version, dark version of light version. And let's go with
something else. In here, find another
color that we can use for the third one. So I'm just going to
have a look around and see what I've got in here. That's very similar
to the orange, that's similar to
the blues over here. I think maybe some
pinkish gray color there. So same again, I'm
going to just click on that to bring it in
so I can go here, then choose a darker
version of that color. Once again, back to my swatches. Add that in, and then add in the other one for
the lighter version. So there's all my
colors ready to go. Now, I'm not going to
get rid of this picture. I'm going to put it to the side only because we're going to be using it in a while
to do the heading. But let me now go and make the backgrounds the right color. And we're going to be
using gradients on them. Now at the moment, they
are all locked down. I'm going to go down here again. I'm just going to choose
to unlock them by clicking on that little
padlock at the top. So let me start
off with this one. Over here. We're going to be, as I
said, using a gradient. So I'm going to go
to my fill tool. And with the fill
tool we can then just click and drag to
make a gradient. So this one here is going
to have that color, which is going to
be the dark blue. And this color here is
going to be the light blue. And as you can see, I can just move it around, but I can also choose, instead of it being
a linear gradient, I could choose to have
it as a radial gradient. So this time it'll go from
this bit in the middle. And I'll just pull
this in so you can see it to that bit out there. I'd like it the other way round. And we've got some
more buttons in here. And this little button here
just rotates it around a bit. This one here will
actually flip the colors. So now I've got the dark
area on the outside. I think I'm going to have
that right at the top over there and then take
the dark but down to there. Now, if you find that
the colors are still a little bit too bright, you can always go over to your colors and you
could just adjust them in here so I can
go with something a little bit more subtle.
I think like that. It looks a little bit better. I don't get to move on and
do the next one as well. So I'll click on the shape. Go back to my swatches. I'm going to be
using the same thing again over here to
click and drag, choose the colors
that you want there. So just get your
colors in like so. Remember we're doing this
as a radial gradient. And if it's the wrong way
round, you can always flip it. It's this one just
moves it around. That's the second
button there is the one that you want, which is reverse. I'm going to move
that down to here. And this one's going to
go up there somewhere. Like so. Then we get the last
one done as well. So click on the shape, use the fill tool. Click and drag with
your fill tool. Choose the colors that you want. Another color up here. And don't forget, you can
always use the radio. Now, this one is not
working at all color wise, that the outside is nice, but this color in
here doesn't work. So I'm going to click it. And I'm going to
go to my colors. And I'm just going to add
a bit more color to it, but maybe lighten it up a
little bit so it fits in with the rest of those
different plans. Lastly, in here, for the moment, I'm going to go through my text. And I'm going to make
my text white at the, just the bit at the top
with the prices in it. Have a go, get your
colors going like that. Once you've done that, go to file and choose save as and give it a save
called anything you like. And save it wherever
you want to save it. I'm saving mine onto my desktop, but it's entirely
up to you where you want to save it just in case your machine crashes and you lose the whole thing. Have a go.
80. Add a Photo into your Text and an FX: Let's put a title
across the top. I'm going to select
all of these areas. And I'm going to move them
down a little bit like so. And then my title is
going to go in there. So I'm going to go
over to my text. I'm going to be using
the Artistic Text tool. I can click and drag
it to the right size. And I'm going to
put in the text. Now, my text has disappeared. And why is that? Well, it's because it's white because I change this text to white, so
just remember that. So I'm going to have to select it and I can choose the
color that I want it. I'm going to do it as black. Now. I've actually
missed type that, so let me go and do that
again. Absolutely perfect. I can then still re-size
this by grabbing a corner of it and putting it out a bit. I think these need to be moved down just a little bit more. If you find that there are two big, you don't
have enough space, you could of course
re-size them in there. But I think that's gonna
be about right for me. I'm going to select the
text and change the font. So I'm just going to go
and choose something else, which is in keeping with the
field that I'm going for. Now, you can see
my text over here is what's called sans
serif or sans-serif. It doesn't have any of
the curly bits in it. It's very easy to read and it's quick for the user to
look through and go, oh yes, That's the
plan that I want. But for the title itself, I want something a little
bit more delicate. So maybe a script might work, or maybe something
with a few serifs, like I've got over here. And I can then choose. If I had a version, a bold version of that. I'm going to go
back again and just pick something else which
has got a little bit more. Well, delicacy to it. That's a little
bit over the top. Let's go with that one there. What I'd like to do now is I'd like to put this photo that I've used inside the text. So I'm going to move it
up a little bit too. I want to have the where the
wave is hitting the sand. I want this bit here
to go inside the text. So in here, what we have is the text up there and
the picture over there. If I were to drag the picture
onto the text and drop it, you will see now the
pictures inside that text. So I'm going to undo that. Be careful when you drop it. If you drag and drop it
underneath or above, you might just move it above it. You drag it until you see the, the text highlighted totally. And then you can let it go. You can then still click on
that little drop-down arrow. You can get to the picture. So you can move
the picture around if it wasn't quite in
the right position. So maybe mine wasn't
quite right in there. Maybe a little bit
more more sea there. You can also click on the text over here and you can adjust
the text if you need. I'm going to maybe make
mine a little bit bigger. So now that we've got that in, I'm thinking it would be
quite nice if I had a very, very subtle shadow
underneath my text. So I'm going to
click on the text. I'm going to go to Effect
that little fx at the bottom. And I'm going to choose
an outer shadow. I'll just switch it on. And we can then move these settings over here to
get the shadow to show up. You can change the intensity, you can change the
radius. In there. The thing is whatever you do, keep it very, very subtle. So I'm going to move that down. So we just get a very subtle
little shadow underneath it. And I'll click on Close. Now what I'd like
to do is to take this drop shadow and applied
to these shapes here. So if I select the text, it's got the shadow on it, the effect, and go
to Edit and Copy. I can then go along to these shapes here I'm
selecting the shape, by the way, not the text on it. And I'm going to go
to Edit and Paste FX. And you can see it's just
putting that very simple, very subtle shadow behind my shape to just
lifted off the page. You don't have to do this. It's just a style. I'm going
to select those two there. I'm going to go to Edit
and Paste effects. So you can paste effects, you can paste styles, you can paste objects in there. Try that out and get your
picture inside your text. Don't forget, you can always go to the picture if it's not in the right place and move it around until you
get what you like. I think I might even choose
something like that.
81. Background Photo & Export: I'm going to bring
in the same picture again to make an
interesting background. So once again, I'll
go to the same tool, choose that same picture, and drag it across. Now remember if you're
doing this for print, you will need to drag it so
it covers not just the page, but the bleed around
the outside as well. If you're doing anything for
web, that doesn't apply. Now what I'd like to do
is I'd like to change the blend mode of this picture. It's right at the top. I'm going to go from
normal down to Multiply. And you can see
with the multiply, I can actually see the details
coming through underneath. Then with multiply, I'm also going to go to my
opacity and just reduce my pasty write
down what I'm looking for here is just something
very subtle in the background. This is a very delicate advert. We've got very gentle
colors in there and I want a gentle picture in the
background while I'm here. I've also used the horizon
line to create a section between the price and the plan name and the
contents over there. So it is very, very subtle in there. Just pop that back.
Once you've done that, don't forget file and save. If you're saving
this out for web, you can go to file
and use export. You can export it in here
as a JPEG or a PNG file. If you're saving something out for something like PowerPoint, I'd recommend using PNGs
because what it'll do is it'll make that background transparent for your
semi-transparent. If we're doing
something for print, then we're probably
going to want to use the PDF option in here. With a PDF option. Just make sure you go
through all the options and switch on anything
that the printers need, particularly the
include bleed and possibly include the printers
marks in there as well. Once you've done that,
click on export from there. So I'll just export that out. I'm going to put mine
onto my desktop. After you've done that,
have a little bit, look, open it up and see
what it looks like. So I'm just opening mine. That's my printed version. Ready for the printers.
82. Introduction to the Pixel Persona: So far, everything
that we've been doing in design has
been about the vectors. What I'd like to do now is to take you into the pixel area. Pixels are the tiny
little dots that make up things like photographs. And we're going to
be using pixels to paint on vector shapes, stranger know, but it
looks really, really good. So let's get started.
83. Vector Versus Pixels: Before we start looking
at the next persona, which is the pixel persona. So this one is the
design persona, that one is the pixel persona. Let's have a look at the
differences between vectors, vector and pixel images. So when we're working in
the designer persona, it's predominantly vector
that we're working with was when we work in
the pixel persona, it's predominantly pixels. On the left, I've
got a little shape which was made in the
designer persona, and it is a vector shape. If I click on it, you can
see I can move it around. Over there. You can see it in the layer. It's called an ellipse in there. If I go to the pixel persona, I created this one in
the pixel persona. Once again, I can click on it and you can see
it's called pixels. Now, look at the
layers over here, next to on the left of the red dots in the
pixel persona layer. I've got little dots there,
so that's a pixel layer, whereas this is a shape
or a vector layer. So what does this actually
mean in principle? Well, really it's
to do with scaling. If I start to scale
these objects, that's when you're going
to see the difference because a vector is made of lines and fills,
which all mathematical. Whereas pixels are
made of little dots or pixels on the screen which
has got an individual color. Each pixel has gotten
individual color. So let's see what happens if
I scale the vector and I'll just zoom out a
bit and I'm going to scale this up quite large. So I'm gonna go
really big like that. Place it over there. And we'll do the
same with a pixel. As you can see, I
can scale it up, place it over there, put next to that one and
put it out a bit. So roughly matches in there. And then we're going to have
a look at the difference. When I zoom in, you can see when you
scale something, which is Pixels, you'll
actually get the pixels. Well, they can
actually look really poor and slightly out
of focus potentially, because it's trying to
scale up little dots. When you scale up a vector, it's just redrawing
the line for you. So it will always be
absolutely sharp. If you are doing
line work like this, you'll find that the vector
gives you the better option. But if you're doing textures, as we will do later on, you're going to
find that the pixel will be easier to work with. Photos e.g. are
going to be pixels, whereas most logos
tend to be vectors. I know that's a
sweeping statement, but that's generally
what they are.
84. Paint with Pixel Brushes: At the moment, we are
in the design persona. So you can see the tools
that I've got here are all my usual design tools that we've been
looking at so far. If I go over to
the pixel persona, the tools automatically
change to pixel tools. Now when you look at the
right-hand side here, not that much seems to change. A few little bits do
move ever so slightly, but it's generally
pretty much the same. So let's bring in a
picture and then we will see what we can do in the
persona of the pixels. I'm going to go down to my place or Place Image
tool, shall I say? I'm going to find a picture. Now, once again, I've
added this picture into your course so you'll
be able to get to it. But if you want to use
your own pictures, that's absolutely fine. I'm going to use this one's
tiger picture in here. You can do any image
you like for this, I'm going to click and
drag my picture in. The picture itself is
made up of pixels. If we zoomed right into it, you could see individual
pixels that are in there. You'd never get
that with a vector. I'm going to now go across
to my pixel persona. And what I can do
is I can actually paint on this
picture with pixels. I'm going to go into the tools. I'm going to go and
find the paintbrush. Now with a paintbrush, we have different sizes and you can see if I go to
the width up here, I can change that width
to any size I like. I can get quite large
brush in there. The color that I'm going to be painting with is
this color up here. So we can just pick a
color to paint with. Moving along a little bit, there are a number of
options for this tool. But for now I'm going to
leave it on the default. I will however, go across to my layers and I'm going
to paint on a new layer, not directly on the image
itself, but on a new layer. So I'm going to make
a new pixel layer before we've used
these standard layers. But this is going
to be the pixel that's the one next to the bin. So now when I'm painting, you can see it will paint
anywhere on that area. And I'm painting with pixels. If I go to my brushes over here, I can change from the standard brushes from
hard brushes to soft brushes. In there. There's quite a
few other brushes that we have in here as well. If I click e.g. I. Go down to the
dry media and you can see we've got more textures
that we can paint with. Now once again, I'm
going to go to my size. I'm going to make it
a whole lot bigger. Maybe not quite that big. So you can see the texture. When I'm painting with that. We're not gonna go through
every single one of these. Just want to point out a
few of them that I like. I particularly like this
sprays and splatters effects in here where
you can just put great big dots around items. I find it quite useful for
doing textures on things. Change your color in here. Once again, you can just
paint with the new color. If you just want
a standard brush, go back to the basics. And you can pick one of these
standard brushes in there. Have a little bit of a go
and experiment with that. I know it's a bit mad
just going through the brushes like this and
just having a good old play. But it gets you to have
a feel for the brush. You can see exactly what
that brush is going to work like when we start putting
it onto the image itself.
85. Colorize: I'm going to remove
this pixel layer, so I'm just going to
take it and drop it into the bin at the bottom
of the Layers panel. Now, if you notice on
this picture there's a little icon next to the
photo on the left hand side. And that means that
this is an image layer. So if we want to paint
on the image directly, we need to go to the Layer menu and just choose to
rasterize that picture. Now watch what happens
when I choose Rasterize. It changes the
little icon there. So this is now a
raster pixel layer. You'll find that if
you try and paint onto the picture directly
while it's still, haven't done it, while
it's still an image layer. Over there, the assistant will actually rasterize it for you. Occassionally, that
doesn't happen. It just doesn't allow you to paint directly onto that layer. So just be careful with that. If it weren't allowed
to paint on the layer, just rasterize it yourself by going to Layer and Rasterize. Now I'm going to just undo that over there
Because what I want to do is I want to
paint on my tiger. So I'm going to zoom in. I'm using Command and plus on the Mac Control
and plus on the PC. And we'll just move him around
a little bit like that. Over there. I'd like to change the color
of the eyes of the tiger. I'm going to go and
find a different color, and let's go with
a blue over here. Now, straight away, I can
actually tell that I'm on an image rather than a raster layer because
when I've chosen my color, there is no fill, no stroke, there's just a line through it. So before I paint, I'm going to go to
Layer and rasterize. Once I've done that, you
can see now it gives me the color and the color
inside the brush. When you're painting,
if you want to change the color of something, if you just paint
directly on that layer, You're not going to
fool anybody with that. It looks awful. I'm going to undo that. So I'm using Command or Control
Z or a quite a lot now. I do want to also
switch off wet edges because then I get an better
solid color in there. Now I'm going to go to my
brushes and I'm going to choose a soft brush over here
that's quite large. It's go to something smaller. And once again, you can
see now if I paint, well, it's better, but
it's still not right. So how can we
change the color on something without getting
that awful effect? Well, it's to do
with the blend mode. If I go to my blend modes, you will see when I click there a lot of different blend modes. Now these blend modes
work with brushes. They also work was blending
one layer over another. And you'll find the
last project we did. We used a bit of a blend. We used the multiply to blend two layers or photo onto
a background layer. The one I'm
interested in though, is actually right down here
and it's called Color. And when you choose color, if you paint now, what it does, it changes the color
of the pixels. So it doesn't affect the
lightness and darkness. So when I'm changing
the color here, I can then just paint
those pixels in blue. And okay, I'm sure that's
not going to fool anybody, but it's certainly looks a lot better than it looked before. Let me just paint a
little bit on his coat. I think I'll paint in this ear over here so that
you can see the effect. So we'll just zoom
in a bit like so. I want a slightly bigger brush. I'm just going to
take the flow up. We talk about these, a lot of these settings
in the level two course. I think maybe just a little
bit smaller with that brush. Like so. I'm going to find
a different color. So let's give them a pink ear. And you can see now
as I'm painting, it's only affecting the color. It's not affecting the light
or the dark pixels in there. Let's give another pink here
on this side over there. So even though I'm
going over those white and those dark areas, then not becoming pink nose
and make that pink as well. And you can see if I
started to paint over here. I'm just colorizing him
up with those pixels. Try that out. Just a standard soft brush. And in the blend
mode, It's color. Now, do be careful
because this color dodge, this lighter color,
this darker color, There's all sorts
of colors in here. The one you want is
just colored by itself. It's near the bottom in there. And that will just
colorize up the pixels. And you'll see I can go over
his eye as well in there. Try it out.
86. Paint on Vector Shape: Now we can also paint
on vector shapes. I'm going to go and get
an ellipse over here. I'm going to click and drag
to make an elliptical shape. I'm holding down my shift
key to get a perfect circle. What I'd like to do is I'd
like to texture this shape up. So I'm going to go over
to my pixel persona. And I'm going to add a
pixel layer down here. I'm going to just
add in a pixel layer so I can paint onto
that layer there. And then I want to get a brush. So I'm going to
use a paintbrush. I'm going to make this
brush really big. But in fact, instead of
just being a normal brush, I'm going to use
a texture brush. So I'm going to go
over to brushes. In my basic brushes, I'm going to click
on that and I'm going to go down and find the spray and textures or
spread splatters, shall I say. I'm going to find
a texture in here. I will use this one in there. And you can see if
I click and paint, That's the texture that I get. You can see I'm kind of
going for that sort of orange orange skin
type of approach. And I'm going to
take my color and just make it maybe a
little bit darker. Now, when I paint
over my orange there, I can then just
change the colors. We can get a few different
colors going in here. I know it doesn't look good
yet, but bear with me. Feel a little lighter
oranges in there. Let's get some really
light ones going in there. So I've painted on
this layer here. What I want to do is
I want this layer to only show on the shape. So I drag it. We've done this with
pictures and text before. I'm going to drop it onto
the lips right over there. And you can see now how to
just linked to that layer. Let me do that
again. I'm going to shade this a little bit as well. So I'm going to do another one. You can see it's automatically
because that was selected come inside that ellipse shape. So it will automatically
be a mask to that shape. And this time I'm going
to go to my brushes. I'm going to go back to
my standard brushes. I just find my basic brushes. I'm going to get a soft brush, but make it really big. If you want to make your
brush bigger or smaller, there is a shortcut and that
is the square brackets. The right square bracket
will make it bigger. The left square bracket
will make it smaller. So I'm going to make
mine a whole lot bigger. I'm going to choose
a darker orange. And I'm just going to shade
that area over there. Then I'm going to choose
a much lighter orange. And maybe just with a slightly smaller brush
shaded up, up there. Now you see my layers that
that's on a separate layer. If I were to drag my pixel layer above the other pixel layer, I can then get the
texture coming in above or below. The other one. You can move these layers
around or the objects around jealousy inside the shape. Depending on what
stacking order you want. You can also go along to them and you can change the opacity. So over here I can just adjust
the opacity of my texture. If it's a bit too much, I can go to my shading and I can adjust the shading
in there as well. If I've overdone it.
87. Selection Tools: Let's bring the picture. So I'm going to go and get
that picture of a tiger again. So we'll find that one. I'm going to click and
drag my target in. And I'm going to go across
to my pixel persona. What I'd like to do is
I would like to get the target to be half in color and half in
black and white. So to do that, I'm going to use one of the selection tools. There's a number of different
selection tools here. And I'm going to choose
this rectangular selection. And I'm just going to click
and drag to make a selection. I've let go too soon. So what I want to do is I
want to add to the selection. So if I click over
here and start to add, you can see it just gets
rid of the first selection. So if you want to
add to a selection, you go up to the little
buttons along the top, and I can choose to
add to that selection. So now it'll allow me to add
onto my existing selection. Or you can subtract
from a selection by clicking and dragging over
the area one to subtract. Or finally, you can intersect and keep just
the overlapping areas. If you want to de-select, you use a select and
deselect up the top. I'm going to do that again. I'm just going to go
to a new selection. And I'm going to click and drag my new selection in there. Now, this part is selected
and this part isn't. So if I go along to my layers and I'm going to go down to the
adjustment layers. I'm going to choose
black and white. You can see immediately it only affects the part
that is selected. So in here, I'm going to take the reds down a
little bit, I think. And the yellows up from
this black and white, and maybe the greens
and the blues, down to darken down the
background a little bit. I'll close it down. And then I'm going to
go along and de-select. So I'll choose, select and deselect that would
de-select that selection. But before I do that, what about if I wanted to actually select
the opposite area? Well, I could go to
select an action, actually choose to invert
the pixel selection. So now it's the opposite
areas that selected. Let me show you if I went
in here and chose, well, let's say hue, saturation
and luminosity. And in there I was to choose
to increase the saturation. It would work on the
opposite area there. So I could increase
the brightness or the saturation, shall I say? On that side. I'm going to now
go to select and actually choose to
de-select it in there. Have a bit of a go with
that, with some pictures. Use some of these selection
tools in here and try using some more of
the adjustments in here. Black and whites, a great
one because you can see exactly what you're
doing really obviously. After you've finished this, we're going to then be
starting on the last project. It's going to be a big project and we're going to be using some of the pixel persona
in that project as well. So enjoy this last section.
88. Introduction to Create a Complex Logo: It's project time again. And this time we're going
to make this amazing logo. As you can see, there's
birds and as leaves. And if you don't like
birds and leaves, if you can feel free
to do other things. Anyway. Once we've created this,
we're going to take it into the pixel area,
the pixel persona. And we're going to use some
of the brushes to paint texture into it as well. So let's get started.
89. Create Leaf: For this project, we're
going to create a graphic which could be used, well, all over there
showed could be sized up. So it could be used on a poster. It could be taken
down for the web. It can be used on business
cards or wherever. So we're going to design it
using predominantly vectors, will be using a little
bit of pixels in there. But there'll be so minimal
that even if it is sized up, people wouldn't be able to tell that it is actually pixels. Now I'm going to go to file and new document as per usual. And I'm going to be
creating this using CMYK. Now, that way it can be used
for both RGB and CMYK uses. And it will still look alright
and look exactly the same. If I did it for RGB, you might find that you use to brighter colors and when you
change them over to CMYK, it looks a little bit duller. So I'm going to go with CMYK. I don't need full press
ready options in there. I can use this print
option in here, and I'll go with a four. And then just go to
my Color and change this to CMYK in here. Once I've got that, I'm
going to click on Create. You'll notice I haven't actually bothered with a bleeder tool. It really doesn't need it. We just looked at the
graphic because the graphical be taken from here and used in other ways,
not printed directly. I'm going to click on Create. Now. We're going to put in
some text and we're going to have some jungle type
of leaves around. So I'm going to start off
with the jungle leaves. First of all, I'm
going to redraw one. Now to do that, I'm going to use an image which I've got and
it's been provided for you. I'm going to click and find it. And it's called the, I can get mine up. It's called this
plant image here. Now, if you want to use another
image, absolutely fine. Don't forget, you could
actually go to the Window menu. You can go down to your stomach and you could do a
search for leaves on there if you
thought you could find a better life than than that. I'm just going to hide
that stock for now. Now what I do want to
do is to lock this down and reduce the opacity. So it's a bit lighter, bit easier for me to redraw. And I'm just going
to lock it in there. Now I'm going to be
redrawing and you can use whatever tool you prefer. I'll just zoom in a
little bit like that. If you want to use
your pen tool and start working around this,
That's absolutely fine. You can click and drag and make your curves as you
want them to be. Clicking in there. Clicking and dragging like this. You can see it's pretty
fast for me to do that. Or I'll get rid of that. If you wish, you could
actually go along and you could use
your pencil tool. And this will be less accurate. But remember it's a leaf, it doesn't have to
be that perfect. Now, if you are going
to use your pencil, then I would suggest going up here and switching
on sculpt mode. That way if you're drawing
a line and you let go, you can continue going
from that point. Just a bit too far
they're deleting. And then over here, I'd also switch on stabilize. Now, how much you stabilize will really depend on how you actually drawing and how
smooth your hand is. So if you do a lot of
stabilizing in here, I'm just going to push this up. You can see it will smooth
it out really nicely, but it gets quite difficult sometimes to
actually control that. And then back here again round because it's like dragging a pencil and end of
a piece of string. It does really make
it nice and smooth, but you might find
problems with it. This is entirely up to you. If you are using the pencil, I would suggest going with a much shorter bit
of stabilizing. And that'll be a lot
easier to work with. Like so. As I said, you don't have
to be accurate with this. You just get it
roughly, correct? I'm going to do mine
using the pen tool, just clicking over here
and then clicking and dragging around like that. But if click and drag there, click, I'm not going to
do this whole thing. And while you're watching, I'm going to just
do a little bit of it and then I will
speed the rest up so you can see it. Every happen. So let me just do
this very fast now. Once I've finished,
I'm going to use a tool to subtract some
of those little holes in the leaves that are typical
of this type of plant. Here we go. So I want a shape over there
to subtract from this one. And I'm going to use a
little ellipse over here. So I'll just draw an ellipse. I'm going to rotate it into the right position and
place it over there. I don't want to more now, I will just make a
copy of that one, make it a lot smaller. So that one's going
to go roughly here. And I'll hold down
the Alt key and make another one in there. If you think it
looks interesting, you can add some more
elsewhere in the leaf. In fact, I'll do that. I will make a copy of this one. Remember to copy, you're holding down either control or Command, depending with your Mac or PC. And I'll put another one
over here somewhere as well. Now, if I go and fill
my leaf with a color, any color at all, I can then select all of
those shapes and cut out. And you can see at the
moment that's how they are. Cut those front ones out
from the back one using the Boolean operations
at the top. There we go. I've got my leaf.
I'm just going to give it a bit of green in there. I can go back and I can delete
or get rid of the plant. Have a go, make yourself a leaf. If you want to make two
or three different shapes of leaves from different plants. Absolutely fine, fantastic. And in fact, use the pen or the pencil tool, which ever one works best for you and make some
holes in them as well. And then come back and we'll
go on to the next step.
90. Color & Texture: Hopefully leaves
are looking good. What I'm going to do now is to put some shading on my leaf. So I'm going to do it by
going into the pixel persona. And I'm going to make a
pixel layer over here. And I'm going to
use a paintbrush and just paint onto that leaf. Now, I will use the same sort of green
that I've got there, but I'm going to just
darken it down a little bit and maybe make my
brush a bit bigger. Remember the shortcut for
making your brush bigger and smaller is the square
brackets on the keyboard. So I can then just
paint over here to darken down the edge of
the leaf a little bit. I hope this is dark enough. We'll find out shortly. And then drag that object in the layers panel
onto the leaf. There we go. You can see we've
got a little bit of darkening coming in. Now. I'm also going to put in
some light areas here. And I might actually,
because it's lighter, maybe go towards
the warmer side of the spectrum to lighten it up. And let's have lightness
going on in the leaf. Over there. It's a leaf. You can lighten and
darken as you like. I'd also like some texture. So same again, using
the paintbrush, I'm going to go over
to the brushes panel, but I'm going to go down. There is a texture option in here that's got some
interesting textures in. And really it's just a matter of playing to see
what you can get, but just experiment with one, try it out and see
what you can do. E.g. here I'm just
going to paint on that. You can see there's
a little bit of texture now on my leaf It's very, very minor. But I'm going to undo
that because I don't like that texture really. I like to use the spray and
splatter options in here. I think they're great. I'm going to go and find
some spray options. Once again, much
bigger brush in there. You can see as I
move over how it shows me those splatters. And I think I'll make those
a little bit darker there. So we're just
splatter a few bits around on my leaf
to get that sort of slightly mottled effect, change color as you go. So you can get some different
splatters in there. Maybe a few darker bits
along the top, like so. Then when you go
back to your layers, you can click on that. And if you wish, you can either hide all of those effects in there or you can reduce
them using the opacity. When they're
depending on entirely upon what you, what you want. I'm reasonably
happy with my leaf, so I'm going to leave mine, uh, like that, but do
have a bit of a go. We are in the pixel
persona and you can be painting on a pixel layer. And then on your pixel layer, don't forget you just, if it's like that, you just drag it and drop it
on top of your leaf. So when you leave goes blue, drop it on there and we'll
put it inside that object. Have a go.
91. Duplicate the Leaves and Transform: I'd like to make
some new leaves now, and I'm just going to use copies of these leaves and change them. I'll be going back to
the designer mode. And I'm going to zoom
out a little bit. And then I want to
copy this leaf. So I made sure that
I'm on the leaf, not on the texture object. So I'm on the leaf itself. And then I'm just going to
copy it by holding down Command or Control and
just dragging a copy, changing the size a little bit, maybe rotating it
around a bit there. And I can even then
change the color on that. So I'm on the leaf, so I can adjust
the color in here. On the leaf itself, not on the pixel layer. So this is my first leaf. Hold down the Command or
Control, make another copy. Now, I've made a
small mistake there. I'm going to undo it.
You can see I was actually on the texture
when I copied it. So it's just copied the texture. So let me go back again, make sure I'm on my leaf. Once again, hold down Command or Control and
drag a copy in there. Pull that up. If you wish. You could still go in and make other changes
to it as well. So I can even change the
opacity on that leaf to make it slightly transparent
and see a few of those bits of the
leaf behind it. So some leaves, I'll have that semi-transparent
look to them. This one I think I
will just adjust the color and make
it slightly browner. Let's have one more. Hold
down the Command or Control. And I'm gonna do this leaf
here. Make a copy of that. I'm going to make that one a lot larger and pull it around a bit. And that's going to go
underneath the other ones. I'll just drag it all the way
underneath down to there. If I drag and drop
it on top of it, it would actually pop
it inside that leaf, which once again gives us an
interesting texture as well. Let's undo that. And I'm going to
lighten this one up because it's bit
on the dark side. So it's entirely up to you what you'd like to do
with those leaves, just get a few of them going. We want this have jungle look. And then we're going to be
putting those onto our text.
92. Add the Text and Change Characters: I'm going to put some
text in here now. So what I'm gonna
do is I'm going to use the Artistic Text tool. So just make sure that
you select that one. I'm going to click and drag
to get the first letter. A reasonable size. I'm just going to type
in the word jungle. Now. I'm going to select
that and make it a bit smaller using the
settings in here. So we'll just get it
to a reasonable size. So I can see what I'm doing. And then we need to go and
find a jungle typeface. It's up to you to just
go through this and decide what you
would like to use. I'm going to use something very, very simple because the, the leaves themselves
are quite, quite wild. So I've got the word
jungle in there. But I want the j to
be a lot bigger, so I'm going to select that and increase the size of the j. Let me move that
across and I can grab a corner now and just
scale the whole thing up. Now, don't hold down the Shift key when you're scaling
text because if you do, you can actually miss scale it. So something like that. I'd like to change the
color of the text to some sort of green
similar to what I've got. And then I'm going to be scaling down the leaves to go on there. I'm going to select
all the leaves. I'm selecting that one right
way down to this one here. I'm just using the Shift
key to select them all. I'm going to go
to the Layer menu and choose to group them. And that group's
them all together. So if I select one,
they'll all Select. And now I can just scale
them down to the size I want them,
something like that. So that's going to
go on top of the j. This J is actually
not tall enough. Now, the way that I'm going
to do it is I'm going to go to the text menu. Sorry, let's try
that sentence again. I'm going to go to
the Layer menu, and I'm going to say
convert to curves because now all of these
characters are just curve. And you can see I can select
them with my Node tool. And I can select
those points there. I can just pull them
upwards like that. I'm holding down the
Shift key as well. So we can make
that a lot taller. And I think the L as well, I'm going to select that, select those two points
with my Node tool and pull them up a
little bit as well. That's a jungle
tree type of log. Now of course these
can be moved across. They do need to go on top
of my layers if I pull my layers panel out
so you can see them, I can then just drag them up, not onto that group
but just above it. So I'll have all of
those sitting on my J. I might make them a
little bit bigger as well. You can move them around, you can angle them, whatever works for you. Have a go get your
text in there and get your jungle look going on, on top of the j. Once you've done that, you can then go into the leaves
and you can ungroup them. So why am I in grouping them? Well, I actually want to
use one of these leaves. I'm going to actually
use a copy of it. So I'm going to hold
down command or control and to just
copy that leaf. Now, just be careful
when I select it, make sure I select
the correct thing, not the, not the texture inside. Hold down command or control
and make a copy of that. And that's going to
go across over here. So we're going to have
another leaf on top of the L in there. At any point, you can still go and move
these things around. If you look at anything,
actually that leaf just doesn't look,
looks so good. No problem. You can
move it out of the way. And I generally tend
to leave things on the outside. If I
don't want them. You can still hold down
the Control or Command and making more copies of
the items as you need. Anyway, habit of fun with that. And then we'll put some, some jungle birds
into there as well.
93. Draw the Birds: You can see I've
put in a little bit more text over there. I've just lined it up
with the UN G. So by just scaling it up and get it to
just the right size in there. This whole thing though
looks very, very green. I know it's a jungle, but we need some color
to complemented. So what I'd like to
do is I like to put into little jungle birds. And I've gone and I've found some images that we can use
or an image we can use. And once again, this is in
with your course images. And I'm going to go and find it. It's called Bird in there. And I'll click and drag. All right, so this is the
little bird that I want to use. The green and the
red or the pink sharp really nicely because they are almost
opposite each other. If you look on the
color spectrum, you've got greens down here and you've got
ready pinks up there, so they're complimentary colors. I'm going to find those
colors from the bird. Let's zoom right into the
little bird over here. Instantly when you zoom in, you might notice that some of your leaves have got black
lines around the outside. And that's a stroke. You can go in and
you can just remove the stroke to get rid
of them really easily. So I need to do to
mother leaves as well. So here's my bird and I want to sample some of these colors. So I'm going to do
what I've done before. In the Swatches. I'm going to make a new swatch. I don't want to add to
my existing swatches. I'm going to make a
new swatch in here, which is going to be
a document swatch. And I'll just call
it jungle. Click. Okay. And then I can start
to add in those colors. So I'm going to sample the
red from the bird over here. And I'm going to then added in by clicking on the
little plus in there. Don't forget, you
can either use it fill or stroke to do this. Once again, I'm going to find
another color over here, maybe a bit more of a pink. Click on that, bring
that in as well. This dark gray black color. Let's sample that one
and add that one in. And something from the
leg I think as well. Might need to sample that. We can still lighten
and darken these as we go and have more
of a brownish color. You can see all the pixels
in here that I'm going to, once again, we'll
add that in like so. Now I need to draw this. So we can use the pen or
we can use the pencil. I'm just going to
lock it before I do. And I might even go in
and reduce the opacity. So it's easy to see now, I've just done this on
entirely the wrong layer. So this is where it's a
great idea to lock things. Let me show you the problem
and what I've actually done. I've changed the color
of my word planters in there without meaning to. Now that was a genuine mistake. I wasn't didn't realize it was selected when
I clicked on it. I'm just going to
change that back to the green that I was using. And the opacity back to 100
per cent in here as well. That's better. Lets me make sure that I'm on the correct layer this time. I'm going to lock it
so it doesn't move. And I'm going to go to
the opacity and reduce the opacity right down. Let's zoom into the bird. Now to draw it either
pen or pencil, whatever works for you. I'm going to use the
pencil this time. So up the top here, I'm going to go to
my stroke and I'm going to add a stroke color. We can change this. It doesn't matter. Then when I'm drawing the shape, I start from the
back most object, which in this case
is the head end, this part of the
body around here. That's sort of what
I see is the back. I mean, we could
actually say that this leg is
technically the back, but I'm just going to use
the body for the moment. So using the pencil tool, I've got my stroke
color on there. I'm on sculpt mode. So if I stop and I
can continue on with my line and my
stabilizing is quite low. I'll zoom in a bit more. So I'll start over here and you can see I'm going
right into the wing. I'm just going to pull this up. This is going to be quite
small and we are stylizing it, so it doesn't have
to be perfect. Let's go down here. I think I'll go
all the way along, right up to there
and back again. So there's my first first
one in there and we'll just finish off that line there. Then I want to do the, the next thing on, which is probably going
to be this little tail. So I will draw that tail. Then maybe the beak,
maybe their beaks. The next thing over there. So let's go all the way
down and back again. Not accurate, stylized. And then this area
here, which is the, the, the wing of the
bird will go all the way around like that. Then I can draw the legs. So I'm just going to get them
roughly right over there. You're going to see these
atoll on the final result. So this doesn't matter too much. That'll go to there. And the last leg because
it's quite thin at the top, isn't it? The one claw. Another 1 ft, I suppose. As you can see,
it's not terribly accurate, but that's fine. Now I'm going to start
to color these up. So I think taking the
two legs over here, I'm going to just sort of
give them a pinkish color. Now, I'm going to
make sure that I'm actually unfilled not on stroke. So I can click on that
little double arrow to flip those around. I don't actually
like that as pink. I think they should
be a darker color. So I'm going to go to my colors here and just choose
a darker shade, maybe sort of more towards
the gray spectrum. But the bird itself, that can definitely
be red over there. Maybe the tail is red. But of course, once again, that's a little
bit too dark red. Let's lighten up a bit. And this little feather
area can be pink. The beak. Now the beak should be the
same colors that I think. So I'm gonna make
sure I select that. There's that color. I'm going to add
it to my swatch. Then I can go to the beak and I can choose that color quickly. I'm going to select all of these items and remove
the stroke from them. So over to the stroke and
choose none for the stroke. I've forgotten the I have an
eye over to a little circle. Now, where's the I go? Well, if I go back to my layers over here and
just hide this layer, I can see where the
eye goes and it goes up roughly about there. Let's make that a little
circle and make that black. So there's my bird. I'm going to get
rid of the picture, the photo from the background. So this is it here. I'm going to press on
the bin and delete it. And I'm going to
group it together. So select all of the bird, go up to the Layer
menu and choose Group. And then we can just
scale this down. I'm going to have a little
bird sitting over there. And then we'll do
another one up the top. So hold down the Alt key, hold down the Command key
or Control to make a copy. Now, I've just copied the wing rather than the whole bird. Just make sure I
select all of it. You can see it's
selected in there with a group not on the
individual object. And then hold down command
or control to copy it. And this one, I'll
actually scale up just a little bit like that and pop it in
there somewhere. Maybe conserve, sit right
at the top like that. Now they look too similar. So I think this one here
needs to be flipped around. If you go to the
top, you'll find this a Flip option
and you can just get things to point the other
way. If you flipped it. I also sometimes like
to rotate it a bit so it doesn't look
quite so perfect. So do have a bit
of a go with that. Get you your bird or any
other animal you want. You can do a snake's of going around the j or around
the L if you wished, just to get a bit of
different color in there. And then we'll come, we'll
put the final underline and save out in a moment.
94. Create a Hand Drawn Brush Line: As you can see, I've adjusted
my leaves a little bit. I just got rid of the big one. I thought it didn't look
quite so good in there. You can do what ever you like
to be honest with those. But I'd also like
a bit more color. And what I want to do is I
want to have almost like a hand drawn line underneath it. I'm going to use the pencil
tool to draw this line. So I'm going to go along to
the pencil over to the top. I'm going to choose stabilized, but I'm going to increase the smoothness for
this line quite a lot. So when I draw it and
I'm going to start from here and draw along. You can see how it's pulling it along really nice and smoothly. And remember, you can always
continue on if you have got your sculpt switched on. Right? So I've got a nice
smooth line that goes up and goes round
where the jeers. But I want it to look
almost like it's hand-drawn or just put on
with a quick paintbrush. And to do that, I'm going
to go over to my brushes. Now that I've created that. And I can choose some of these brushes in here
and you can see I can just click on the brush
to apply that to it. Now, I'm in the oils brush
over here and that is just, that's actually
looking really lovely. This one here, that's not bad, but I liked that thick one. First, you can
pick any you like, have a look through the
brushes and see what you get. But of course, I want that to be a very similar
color to the birds. So it reflects the
color of the bird. And I wanted to
reflect that red. So I'll click over there. And that then gives us
the red line underneath. I'm going to select
all of those items, just move them into
the correct position. Now, I've tried to do that and the planter word doesn't move. And that's because it's locked. I'm going to unlock it in there, make sure that nothing
else is locked. And I can then move all of this into the middle
of my document. Don't forget to
save File, Save As. And I'll call this planters
jungle or P jungle. And I'm going to save
it onto my desktop. So that's an editable
file that I can always reuse at a later stage. Once you've finished doing your logo or your
graphic like this, try some other options. Why not go in and have a go
and see if you could put some texture onto
the text. So e.g. here, if I go to the
word jungle over there, there it is in the group. Maybe I could actually
use the pencil or the vector brush and draw
a line through the text. And then if I took that and I
put that inside that group, it'll go into the group. But if I took it and I put
it inside a character, and I'm just going
to go down to the j. You can see I can
get it to just go on that particular
character there. Let me take it up
to the planters. So over here I'm going to
go to the word planters, which is where is it
There it is over there. So I'm going to drag that up. Not dropping into, into any
item but onto planters. And you can see how to
actually go into plant is now the reason it goes
in there rather than just on a single characters
because we actually took these characters
and we broke them apart. We use layer and we use convert to curves to make
them non editable text. But you can experiment with different things masked
into different shapes. I'm going to get rid
of that one now. Anyway, I hope you enjoyed that and try out some different
variations on that.
95. Well Done on Completing the Course: Well done. You've made it to the end of the
beginner's course, you should be very
proud of yourself. I'm sure you've created
some amazing things so far. Now, on to the next level, there is a level two cores, and that'll take your
skills all the way up. I'll see you in the next one.