How to Offset a Stroke with Text in Illustrator

This lesson is exclusive to members

Course contents
SECTION: 4
Keyboard Shortcuts 14:06

Questions

0

Course info

104 lessons / 10 hours 33 quiz questions 31 projects Certificate of achievement

Overview

Hey there, I'm Dan Scott, an Adobe Certified Instructor with over 16 years of design experience under my belt, I'm part of the Adobe Expert program, and my online and in-person classes have been attended by more than a million people, just like you! Join me as we dive into the exciting world of Adobe Illustrator Advanced! In this course, you're not just leveling up in Illustrator, you're transforming into an Illustrator SuperHero!

In this course you will work on a bespoke brief designed to ignite your imagination, coupled with immersive course videos, you'll be crafting jaw-dropping graphics in no time. Throughout our journey together, you'll flex your creative muscles and construct projects that will elevate your portfolio to new heights. So, let's dive in and unleash your creativity!

You’ll learn:

  • - How to use artificial intelligence to boost your creativity in ideation. 
  • - The quick way to take hand-drawn sketches and vectorize and color them. 
  • - The building blocks needed to set you loose on a huge variety of beautiful effects and techniques.
  • - To make beautiful charts and graphs for your documents. 
  • - Color mastery to make quick color adjustments, Pantones, and blend it all together beautifully.
  • - How to master images inside of your illustrator workflow. 
  • - To harness all the secret gems that'll help you level up your typography skills. 
  • - All the tricks of the trade for drawing complex shapes easily. 
  • - To double your creativity with the Transform and Distort section. 
  • - To speed up your personal workflow to get the most out of your creative day.

Explore the full course outline for a comprehensive list of topics that will expand your Illustrator prowess beyond imagination.

If you're already comfortable navigating the basics but want to  unlock the true potential of Illustrator, then this Illustrator Advanced course is your ticket to becoming a master of Illustrator! So join me and the ranks of design superheroes and let's embark on this thrilling journey together.

Requirements:

- All you need is a copy of Adobe Illustrator, you can get a free trial from Adobe here to get started.
- A basic knowledge of Illustrator is required. I recommend watching my Illustrator Essentials course prior to embarking on this epic adventure.

Who this course is for:

- Creative adventurers who already have a basic understanding of Illustrator.
- Self-taught Illustrator enthusiasts yearning for structured guidance.
- Graduates of my Illustrator Essentials Course, hungry for more knowledge and skills.
- Visionaries who have developed their own unique Illustrator approach but crave exploration of the vast universe of tools, updates, and time-saving techniques.

What you'll learn:

- How to use Text to Vector Ai
- How to use Text to Pattern Ai
- How to use Generative Recolor
- When to use the Scissor Tool, Eraser Tool & Knife Tool
- Advanced Shape Builder Uses
- The differences between the Pathfinder Vs Shape Builder
- How to use the Join tool & Joining Path Ends
- Advanced Pen Tool Tricks
- Width Tool Advanced Techniques
- The Curvature Tool
- How to master corners with corner widget effects
- How to work with Compound Paths
- The difference between Expand & Expand Appearance
- How to create Graphic Styles
- How to make Symbols
- How to use the Smooth Tool
- Advanced use of Simplify Path
- What Live Shape Effects are for
- How to make Repeating Grids & Concentric Circles
- How to make Random Objects
- Advanced Keyboard Shortcuts in Illustrator
- How to add a Gradient on a Stroke
- How to add a Gradient in Text
- How to use the Freeform Gradient tool
- How to use Advanced Color Swatches
- How to use Global Color Swatches
- What is the difference between RGB vs CMYK color modes?
- How to proof colors
- How to use Pantone Spot Colors
- Recolor Artwork & Changing all colors at once
- How to use Blending Modes
- How to work with Images & Blending Modes
- How to make Black & White Images
- Learn Advanced Workflow Tricks
- All the Super Selection Mastery
- How to use the History Panel
- Advanced Fonts Tricks & Tips
- Use Retype to know what Font is being used
- How to put Text Inside a Letter or Shape
- How to use the Touch Type Tool
- How to add a Connected Stroke Around Multiple Shapes
- How to Offset a Stroke with Text
- How to make a Bar Chart in Illustrator
- How to make a Pie Chart in Illustrator
- Layer Power Moves
- Advanced Artboard & Pages Tricks
- How to Unlink vs Embedded Images
- How to Crop Images Rather than Mask
- How to Mask Inside Text & Multiple Shapes
- How to you use the Puppet Warp Tool
- How to use the Distort Envelope Shape & Type
- How to use the Envelope Mesh
- How to blend lines together
- How to make a Linocut Effect
- How to make 3D Gradient Lettering Blends
- How to spin text into a ring
- How to turn text into a 3D donut shape
- How to make a Duotone image effect
- How to make a Roughen Stamp Vector Effect
- How to make a Neon Sign Glow Effect
- How to use a Halftone Effect using Plugins
- Advanced Exporting Assets Tricks in Illustrator
- How to use the Dimension Tool

So what're you waiting for? Let's start the course now!
Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I 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.

Certificates

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.

How to earn your certificate

Work your way towards your certificate for this course by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz (Merit level courses only)
  • Complete the Distinction Certificate Project (Distinction level courses only) - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Request your certificate when you've completed the requirements for the certificate level you're working towards

Good luck!

Pass certificates

We’re awarding ‘Pass’ level certificates for this course.

You can work your way towards your ‘Pass’ certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Don’t forget to request your certificate when all your projects are complete

Good luck!

Merit certificates

We’re awarding ‘Merit’ level certificates for this course.

You can work your way towards your ‘Merit’ certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Don’t forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Distinction certificates

We're awarding 'Distinction' level certificates for this course.

You can work your way towards your 'Distinction' certificate by following these simple steps.

  • Watch the course videos
  • Complete the Class Projects - look out for the videos marked with
  • Upload your class projects into the My Projects area in your account
  • Complete and pass the Knowledge Quiz
  • Complete the Distinction Certificate Project - look out for the video marked with
  • Upload your Distinction project to the My Projects area in your account
  • Don't forget to request your certificate when you have passed the quiz and completed all your projects

Good luck!

Downloads & Exercise files

Transcript

Hey everyone, in this video we're gonna do this. We're gonna actually be able to have editable text  that has an offset stroke around the outside. We're gonna get nerdy with the appearance panel. It means there's a gap. That's why it's over the edge here. You can see there's a gap between the text and the outside.

And the text is editable. We don't have to do any CRE outlines. We'll turn it into a style as well  and we'll apply it to shapes as well. Okay? They have a nice kind of clear offset. Alright, let's jump in and do it.

Donut some pizza. Yum. Alright, now first up, type some text on a page. Um, I'm using Museo, which is an Adobe font. I like it. It's really cool.

It's the italic 900 version. I'm gonna lower the tracking. Okay, so I'm gonna, I've selected it with the black arrow. I've got the option key. I'm just gonna use my left. So option, key on a Mac alt, key on a pc  and just use my left and right arrow.

It is a little confusing like  I thought we were using Kooning. Kooning is this one, which is the space  between individual letters  and tracking as to the, all of the letters all at once. Okay? You end up with the same sort of place. So I've got that. I want to add a stroke to it, okay?

And I'm gonna pick a stroke from my kind of, uh, swatches  and I'm gonna make it thickish. Okay? And that works. But we know that if I, 'cause you see it overlaps. I'm gonna go even lower my tracking. You can see it overlaps.

We know that we just need to go ink  and put it underneath the characters and that kind of works. I need to make it thicker so I can see it. Okay? But I want it offset. So you might have used the object path offset. Okay?

I can't do it with this type here. I'd have to outline it so we're advanced. So we're gonna use the appearance panel  and what we can do, like I introduced earlier,  you can say actually you Mr. Stroke, I clicked on the lineup here I can add an effect. And in this effects is one under path called offset path. Okay?

And there you go. It's kind of half working. How much do I want to offset? Okay, I'm gonna go up to 20. Kind of, kind of click down here to get it to do its thing. Yeah, that's the gap that I want.

I'm gonna click, okay, I'm gonna  demonstrate what it's doing. Can you see it's not put in a green gap. It's actually a hole. It's offset it. Okay? Which is cool except there's that weird kind  of like overlapping this going on.

What we can do is we can add multiple effects. I'm gonna click on the stroke again. So I'm not doing it to everything. I wanna do it to this. I want to add another effect. And I want to go to path.

Uh, nope. I wanna go to Pathfinder. Remember earlier in the course, okay,  when we used our Pathfinder where we kind  of stuck things together, kind of like the shape builder. That's what this is. And what we can do is click add,  look at that and it adds all of those together  to make one group cool. I think I want mine a bit bigger  'cause it kind of ends up going down the U  and I don't want that to edit any of these.

You can go to which one I want to go to offset path  and I want it to be a bit more. So I'm gonna go up to 30. This,  that number will depend on your font size, okay? And how big your page is. So you don't have to copy mine. It'll be whatever's appropriate down here.

I want maybe 35  'cause I wanna clear out the hole in the donut as well. And the good thing about it is  because we haven't had to outline it to do it, okay? It is this active effect. We can change the text. Okay, so I can be, oh, pizza, look at that. What I might do as well is add another stroke.

Okay? So I can say you are another stroke. So I got two of the same, the one at the bottom here. I'm gonna change the color. Um, something darker. Okay?

And I am going to not change the width. I'm just gonna, uh, change the offset, okay? To go plus what have I got here? I've got 11. So I want to go out another 11  and we're gonna use those sweet math trick plus 11. Hit enter and it should go out, whatever plus 11 was, okay?

So you can do the math, you  can probably add better than I can. Okay? Let's turn it into a graphic style  with it selected graphic style. You. And now that graphic style. Ooh, that was weird.

It didn't come along. Our graphic style doesn't have a fill. Okay? The text, the fill color is coming from  the actual text itself. That's weird. I I just assumed that would work.

I'm gonna add a fill here. And so the stroke has a fill  and the appearance panel has a fill. It doesn't really matter. We're gonna go to graphic style libraries, okay? And we're gonna add a new one  and we will get rid of this one. You can drag it down or you can click on the delete button.

There we go. This is gonna work better. Here we go. I love it. It's offset. You can see through it.

It's actually a gap between it  and it's an effect that you can apply to anything. So let's apply it to our star just 'cause. So we've got a star, we go bam, graphic style library. Look at our super duper advanced people. The big trick here to remember is that, um,  we've applied things to a specific part. Okay?

You can do things to a fill. Okay? You can say this fill has an effect  and you can go through all the different options in here  and apply it just to the  fill, not to the fill and the stroke. And not only just effects, which will cover a little bit  later in the course, but actually kind  of like a more path stroke style stuff. And even the pathfinder, if you're like,  what was the Pathfinder again? I'm gonna grab my rectangle tool.

I'm gonna do two of these. Stick it over. Remember we were able to do this  and these are the pathfinder options, okay? So this is the like button version we used the,  the effects button get you to the same place. Okay? Add is the same as these two going add.

And remember, if you hold down the option  or the alt key on a PC  and click it, it becomes still adding,  but it's remember, um, kind of still, uh,  editable, non-destructive. All right, we're getting off topic. We came for the text that had the offset  stroke and we did it. Alright, that is it. I will see you in the next video.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025