Editable Outline Stroke Text Effect | Illustrator CC Tutorial

In this Illustrator CC tutorial, I show you how to use the offset path effect on strokes to create interesting outlined shape and text effects. This tutorial is non-destructive and editable, MUCH better than my last attempt.
TUTORIAL CHANNELS //
• Main Channel - bit.ly/PixelAndBracketYT
• Illustrator - bit.ly/PBIllustrator
• Photoshop - bit.ly/PBPhotoshop
• InDesign - bit.ly/PBInDesign
• Premiere Pro - bit.ly/PBPremierePro
• After Effects - bit.ly/PBAfterEffects
TAKE MY CLASSES //
• Illustrator for Beginners: bit.ly/Illustrator5Essentials
• Photoshop for Beginners: bit.ly/Photoshop5Essentials
Download project files and other resources from the Pixel & Bracket Vault on my website: pixelandbracket.com/vault
Get Skillshare Premium for free and learn from myself and thousands of other creators: bit.ly/PBSkillshare
My favorite place to get music for my KZbin videos: bit.ly/PBEpidemicSound
I love using StreamYard for my livestreams, video recording, and podcasts with guests. You can try it for free and get $10 off when you sign up with my link: bit.ly/PBStreamyard
My two favorite KZbin browser plugins and keyword research tools are VidIQ (bit.ly/PBVidIQ) and TubeBuddy (bit.ly/PBTubeBuddy). I use each and HIGHLY recommend them if you want to grow a successful KZbin channel! (btw just pick one, having both is probably overkill... 😅)
MY KZbin GEAR //
• Work Camera - geni.us/Dg20
• Work Camera Lens - geni.us/A06gBf
• Personal Camera - geni.us/lAgB
• Personal Camera Lens - geni.us/JkCngL
• Webcam - geni.us/6BVc
• My Favorite Tripod - geni.us/hwfntp
• Camera Mic - geni.us/mobx
• Desk Mic Bundle - geni.us/5mv8s4o
• Mic Arm - geni.us/TB8zg
• SD Card - geni.us/nURBUAp
• Card Reader - geni.us/CtuA
• Desk Lights - geni.us/KV3yb
• Studio Lights - geni.us/rFZK5
• RGB Lightstrip - geni.us/WLdfn
• RGB Bar Light - geni.us/U1hNTJm
Some of the links above may help support this channel through a small affiliate commission at no extra cost to you!
COME SAY HI //
• pixelandbracket
• pixelandbracket
• pixelandbracket
• www.pixelandbracket.com

[@pixelandbracket]

Try Skillshare Premium for free and watch my classes here: bit.ly/PBSkillshare

[@damnname]

That is awesome and super easy! Exactly what I was looking for! Thanks a lot!

[@nizamuddinshaikh3185]

Excellent tutorial. I could come to know many options available in Illustrator CC and the resulting text is editable, it's a bonus. Thanks.

[@TaylorZenki]

This was great! Im pretty new but the advance tutorial was easy to follow. Thank You!!!

[@VincentForDesign]

This is soo so helpful! Wish I knew this 2 years ago (almost the same time when you record this video) when developing a logo which required me to use this effects!

[@LOGOASSASSIN]

WELL DONE THANKS. Caps lock on nearly caught me out, so many tutorials overlook things like this.

[@JeanneSullivanDesign]

Valuable content! Appreciate your expertise and skill at helping to unravel the mysteries of Ai CC!!! Many thanks.

[@tayshacosper9265]

Straight to the point, very helpful! Thank you.

[@elsapakopoulou6759]

Excellent tutorial! Thank you so much!

[@mona2063]

You're a lifesaver, Thank You! this was so easy to follow

[@maryschlafly5717]

Great tutorial. Thank you so much.

[@megxerri2394]

This is tremendous, thanx heaps!

[@marzenatutak3488]

This is awesome! Thanks!!

[@stephaniesheehan5901]

Excellent stuff!

[@IAmDKhairho]

Good stuff! Just showed me a faster way to get ‘er done! 👍🏾💯

[@25maxman]

Thank you. I know nothing. This taught me EXACTLY what I wanted to do in 15 minutes

[@pixelandbracket]

Wish I knew this two days ago... if you all could show this one the same love I'd be so grateful!

[@DesignThisKernThat]

Awesome! I'll have to try this now! Thanks!!!!

[@pixelandbracket]

+Design This. Kern That. with Nimbi Creative ya man it’s awesome!

[@chanhenry9623]

Great! Lifesaver!

[@roguewavecreative]

OMGGFG thank you thank you thank you this is awesome I was doing it another way which was fine but this is way easier thank you so much

[@moniqueenvly91]

Awesome!

[@jbting]

Very Cool, thanks!

[@pixelandbracket]

You're welcome!

[@taynaralima1121]

♥♥ I love it

[@joyouyang6366]

that's cool !!!

[@thetruetimedesigner]

It's awesome.. It's editable which means you can give it to your frnds and others for editing purposes so that they could have fun with it too!!

[@pixelandbracket]

for sure, you can export graphic styles i believe

[@thetruetimedesigner]

Pixel & Bracket Yeah.. I think so too..

[@alanjohnson4541]

Awesome

[@waqariqbal19]

You are amazing

[@pixelandbracket]

+Waqar Iqbal ah thanks!!!!

[@austiebost]

What if I already have an expanded shape. In this case, text as well. I created some distance between layers by accident, and can't recreate the effect-- MID-PROJECT! :D

[@paulkerrigan9857]

Cheers.

[@jwalzer]

Great video - thx for taking the time to walk through this. One quick question - it is possible to have a fill for one of the objects? For example, at 5:14 of the video when you mouse over the most inner object the world PIXEL is filled with blue. Would love to have a design that has one of the objects with a fill while the others are strokes. Thx so much!

[@pixelandbracket]

you can always use a fill as your initial color, that will create a solid interior like when it's highlighted. however, if you want random fills followed by strokes, I would think about it less as a fill and more as a thick stroke. Up your stroke weight and, if needed, the amount of the offset to create sections that appear thicker like fills.

[@jwalzer]

Thx for the repky and suggestions

[@pixelandbracket]

Thanks for watching and commenting, I really appreciate it!

[@marcopolopaixaox]

WOOOW

[@FLOWTUTS]

Cool😉

[@pixelandbracket]

thanks man

[@francoisleccia9624]

Hi, I have Adobe Illustrator CC2015, I followed your steps at the beginning but I can't manage to duplicate the stroke (the eye seems locked as if i was inselected…)

[@luciaaa3962]

Hi! (I guess) I had the same thing over and over again... until I noticed that I made the mistake at the important point mentioned at min.1:30.... when you give your text no stroke and then give a stroke again with the "add new stroke" option down there on the left side at the appearance panel... Maybe this helps? Good luck and greetings!

[@olliejones301]

Is it possible to outline the offset paths to then edit them individually effectively as objects? Thanks

[@pixelandbracket]

For sure just expand it all first and then you can edit them individually

[@Unknownbasedpill]

It won’t allow me to expand the stroke. Only to the fill and object!

[@ramzanalituri]

Hello sir when outline created than how to edit or rewrite those text in which i created outline?

[@pixelandbracket]

Use the type tool

[@ramzanalituri]

@@pixelandbracket thanks a lot.

[@JonathanAyers]

Editable huh. Mmkay. I’m listening haha

[@hothuyha4998]

I'm sorry. I don't know how to creat new stroke. Please, show me again.

[@Mr.K_Vibes]

After expanding n ungrouping.. is it still editable??

[@pixelandbracket]

Once you expand, it’s no longer editable. So leave it unexpanded until you’re sure of the wording. Any time you outline or expand text this is true

[@Mr.K_Vibes]

@@pixelandbracket finally.. thanks for clearing that. Appreciate it 👍😇

[@irajah6615]

Thanks looking for this for a long time. i do laser cutting and wanted to make neon signs this should work for me Thanks