Overview
Daniel Scott
Founder of Bring Your Own Laptop & Chief Instructor
instructorI discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.
Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.
We’re awarding certificates for this course!
Check out the How to earn your certificate video for instructions on how to earn yours and click the available certificate levels below for more information.
Hello.
Let's learn how to curve.
Text a line in illustrator.
All right, first up, we need, Well, I've got a blank document.
if you want the big, fluoro thing, I've got a file called type on the path.
that is, it's nothing.
It's just a big, colorful background.
So it doesn't matter where you start.
What we do need, though, is a path to start drawing on top of.
So I'm going to use the curvature tool okay.
And I'm just going to do click once twice three times four times.
Just a really subtle kind of slope.
First of all, how do I disconnect this, you know, escape key okay.
Should break it. And my one is a fill.
Can you see over here I've got a fill with no stroke on the opposite around.
It's a little bit more advanced where we aren't.
But let's do it anyway because it's quite useful is
I want to swap these around on the fill to be none but the stroke to be black.
See this little arrow over here?
It's basically the same thing.
Fill and stroke.
Okay, but I looks I can hit this little arrow to say switch these guys around.
So instead of, fill with no stroke, I'm a stroke with no fill.
Nice. And it's connected up again. Escape.
So now we're going to put the type on the path.
So grab the type tool.
There is an official type in the path tool.
I don't know why we need it though because it works without it.
So you can use that tool if you like.
Cable ends up happening is just with the regular type tool.
If I get close to the line, can you see the icon changes?
I'm not doing anything, just goes, hey, you mean this one okay?
And it changes to the type in the path tool?
Okay.
So and the one thing when you are putting type in the path,
you got to be a little bit careful about where you actually click the line.
So if I click the line here you see it's started at there.
I can adjust that afterwards. It's just a bit of a pain.
So I'm going to undo
and I'm going to start right back at this anchor point there.
If that's not working and not attaching go to view and go to Smart Guides.
Make sure they're on okay.
You should get type on a path. Excellent.
Now it feels it would learn ipsum.
It's kind of not what I want.
So I'm going to type in all new recipe recipe.
I'm going to pick a font.
You didn't have to.
I'm going to pick a font
I like this one from our last Adobe font kind of expedition, called Asia.
So I'm gonna use that one and you can use the boring old very.
It should remember the last font you've used.
So whatever appeared in there to be the right,
you know, whatever size and font you've been using.
so I'm going to use this one.
Now I need to bump it up quite a bit in terms of size.
Okay.
Another little shortcut is you can use the drop down.
And we've kind of went through other things.
We're going to expand our shortcut.
So I'm going to click in here okay. In the field.
And if I hit the up arrow key you see it just goes up in one point increments.
And if I hold shift down and hit the up okay.
It goes in ten points.
So up and down up and down I do this quite a bit because I'm like,
I don't even know what size I need to be.
I'm just kind of like looking at it going, right, okay, so I'm getting mine.
So it kind of fills the, path that I'm on.
Actually, I make mine a bit smaller because I want to show you
some of the adjustments and be prepared. There. All tricky.
Okay.
So type in a path is not gonna be a pain.
So I'm going to move to my direct selection tool.
And there's a couple of things.
So mine's defaulted to center.
It's probably defaulting on yours to left.
So you can decide where you want this to be okay.
It's using the entire path, which is cool.
Let's say I'm left aligned and I just want a little bit over
what you're doing is direct selection tool and you're hovering above key.
So you're looking for that icon.
See that little arrow
kind of you're looking for this like line on the side here okay.
Can be tricky to find.
There's some cases where it's kind of not lining up.
You just looking for that icon.
Because that icon, if you click and drag
can you see move it back and forth up the line okay.
So that's dragging that side.
You can do the same on this side I don't tend to like you can like I've dragged it.
There's not enough room now.
And the line's broken off into another line.
There it is there and undo.
But the side here you can see got a whole lot smaller for some reason.
Okay.
So it's a little bit tricky to grab it and drag it along.
If you do it with the black arrow it works, but you end up looking for
see that icon there?
That is the icon you do not want?
That is the square with the dots on the side.
That's fine. If I click on that, I end up like
it kind of like
takes the ticks out of this line and connects it over here to another line.
And I'm going to undo.
And if this is see that stuck?
Can I get rid of that?
Now it's kind of see my icons got it's got the text loaded in.
So it wants to work.
So I'm gonna have to go I'm going to click on the background undo.
I'm going to just change from this tool to this tool.
Kind of clears it out to even the path. Man. It's weird.
Those are kind of easy.
It's just, I don't know, some reason you can get a little bit lost.
Other things you might be doing is I'm going
to grab my direct selection tool and can I do this on purpose?
I do it all the time.
Oh, when I want to break it, I can't.
I want to flip it.
I end up flipping it all the time.
there I go.
I somehow was like, sometimes if you dragging it along.
Oh, come on down, find the icon.
fun. Can't break it easy.
There you go. So I'm dragging along.
And then sometimes you accidentally drag it on the other side of the line.
If you want to do that on purpose, that's cool.
But just know that it happens.
And when you want it to happen, I can't make it happen.
All right. So that's basically it.
One of the other, interesting things for more details is
ALS is quite a easygoing curve, so it's not very extreme.
If I grab my direct selection tool, okay.
And click on the path, not the text.
Okay. Can you see it's different?
If I click on the path, I get the kind of normal path stuff.
And whereas if I click on the text with the direct selection tool,
I get all my like little icons, I can start dragging things around.
It's I'm gonna drag you back.
You can go back over there. Yeah. Cool.
so I'm gonna click off, click on my stroke, and it's hard to see the stroke.
How do we go into X-ray mode to see the stroke?
If we need to.
You got it.
Command or control Y.
Okay, that's sometimes easier because now I can see it.
And so I can click on this and let's watch this so it won't adjust.
You know it kind of likes it starts adjusting after you've let go of it.
But now we can go through and I'm going to make mine a bit more extreme okay.
Because things like this, when you have got some are really extreme
curve you might want to go through and start playing around with the spacing.
So let's have a little look.
Trying to wreck mine
anyway.
Right enough.
So what I'm going to do is I'm going to go out of X-ray mode.
I'm going to click off, select the whole thing,
and I'm going to go to type.
And this is kind of all the custom stuff you can do.
So type we're going to get type on a path or it is okay.
And go to the options okay.
And you can first of all turn preview on okay and go flip okay.
So that we accidentally did that earlier.
You can do it on purpose okay. rainbow.
So basically effects of how it follows a line.
Rainbow is kind of the normal one. You want skew.
That is how you might want it.
And that would work if we didn't have such an extreme line okay.
And you can just work your way through like ribbon tries to flip around.
I never use that. let's go to stair step.
There will be occasions when you might need that and gravity
doesn't even know what it's doing.
Getting it back to rainbow.
and the thing I do change a lot is these two.
So spacing at the moment it's automatic.
Okay I'm going to go let's space it out a bit further.
And again using my arrow keys I'm going to increase it.
I'm just using the up arrow I'm holding.
Shift up play around with the spacing between them.
Go on okay I'm going to go back to auto because that was kind of working for me.
But this time do you need to space it differently.
And this one here aligned to the path okay.
So the path is this.
We give it lots of names right. We call it the stroke.
We call it the path to the line okay.
But that's what it is.
It's the path down the bottom there okay.
And baseline means there's a font okay.
And this font has a baseline okay.
And it's the bottom of the fonts okay.
And I can say actually I want you to find the center of the fonts.
That makes sense okay a cinder and de cinder.
Let's actually change this type.
And we'll come back to it to explain that a little bit better okay.
So yeah, we'll come back to you.
So we're going to go to myriad, which is the kind of like default for illustrator.
Go, let's go back
to our type on the path type type in a path options.
And then these will make more sense.
Make sure previous on it's always off okay.
And we're going to go to baseline.
So baseline is an interesting one.
Can you see the p actually drops below.
So that's the baseline.
And the P sits on it.
But then there's these things called descendants okay.
The decent the hangs below the baseline.
So if I want everything to kind of sit on you know on the p the bottom of the P
to kind of write on that, I can say right on the descendants of that font.
So you can see there is a big gap here, but at least the P doesn't drop down.
I'm showing you this mainly because,
it's interesting to know ascenders and descendants and baseline.
Let's go.
When you're
dealing with fonts in illustrator, and there might be a chance that you need it
and probably be like, what are these now?
You know, the ascender.
So you can see the irony goes to what's called the top of the x height.
Okay.
Which is kind of see this, the E, the C
bit of the eye, they all kind of have that same top that's called the x height.
And the ascender is things that pop up above it.
So let's have a look.
There's no real good ascenders.
so an ace into would be an H.
See that bit at the top there?
That is, since above the x height dissenters below the base line.
We're getting a bit font nerdy here, but hey,
I'm going to go
undo undo undo undo undo undo and do to my nice curve.
Came back okay. That's what I was looking for.
One of the thing
you might do with, typing a path is that you might want the stroke still.
So that's what I want.
I'm going to bump mine up, okay.
And use my arrow keys to go up.
I want the stroke because I want it.
You saw at the beginning they're kind of top and bottom.
It is better to do it at the right at the beginning.
Okay.
I'm going to show you what I would do is.
Well, I'll tell you what I do before I actually convert it to type in the path
because you notice the stroke disappeared.
Okay. Is that I would copy and paste it.
So I had another version of it. That's the best way of doing it.
There is, another way you can do it,
which is a bit of a pain, is maybe we can select the path.
Okay.
And I can say I want you anchor point.
Hold shift your anchor point. You.
You okay? Got them all. Copy paste.
Use my, direct selection tool to drag it down.
Can't really see it.
Okay, so I'm going to go.
You have, fill
I mean, stroke.
so we've got that path.
I'm going to copy and paste it. So I got two of them actually.
We'll style this one first.
Let's do a little bit of styling.
Do I want just something over here.
Let's have a look.
Yeah. yeah. That'll do.
Okay. So I'm going to copy and paste use.
I got two of them and I'm just going to
we're not going to really attach them to them.
We're just going to kind of like put them there and there.
I'm going to pick one of them, go to my path width profile.
I'm going to flip it over.
So that one's going that way.
I'm going to use the same font color.
Use my arrow keys just to kind of bump this up.
And what we might do is we'll group it together.
We haven't done a whole lot of grouping.
I'm going to say you, grouped.
So we're going to go to object and we're going to go to group
just means that I don't have to move them around all separately or select them all.
They're all together.
I can ungroup them and I can double click to go inside, okay.
To mess around with them and then come back out.
Or just double click on the background and it's still a group.
There we go.
It's the all new recipe.
This is a long video, but like I guess essentially
I don't want you to be too scared of talking about draw
something, grab the type tool, click where you want it to start.
add text, add text.
Not a big deal.
Really easy, but it can be a little bit funny when you are dealing
with, some of the path you want to go in adjusted afterwards.
That's why we got into a bit too much detail.
There you go. Type in a path in illustrator.