Illustrator Tutorials: Overlapping Text Effect in Illustrator

Check out the new, updated version of this video for 2023!:
• Overlapping Shapes in ...
In this Illustrator Tutorial I will show you how to create an overlapping text effect. This is a great technique that can be applied to logos, title treatments, and more. I will show you how to use the Knife Tool along with Pathfinder and other helpful tips along the way.
If you want to learn how to create custom logos and professional branding be sure to check out our new design course Brand U:
www.teach-me-to-design.thinkif...
Check out the Adobe Illustrator Basics Video Series:
• Adobe Illustrator Basics
Connect with us online:
Blog: www.teachmetodesign.com
Facebook: / teachmetodesign
Instagram: / teachmetodesign
TH-cam: / teachmetodesign

[@ray_liu]

Great tutorial, thank you =D
1:15 "T": text layer, text=DOC
4:30 pathfinder panel: hit "combine"> "V": select the rest "C", hit "delete", now the empty edge (deleted after combined) will show

[@aubreymartin435]

Excellent Tutorial, Thank you so much! (Still can't do it but its me practicing being a beginner!)

[@maximusdoomed]

Excellent!!! I think I understand when to use merge vs unite from this tutorial....

[@MartinaBrittYelverton]

I've watched this like20 times and am amazed at how much I miss each time LOL. You go so fast but I am still able to follow when I stop and replay and find the areas you're referencing. Thanks so much for this tutorial, its exactly what I needed to figure out a new spine on simplified logotext when requested by my clients. I will definitely be heading over to view your take on Branding in your course. Thanks again! ~#BrandMaster❤️

[@EricVasquezDesign]

Thanks so much and glad you found it helpful!

[@ismailahmed786]

EXCELLENT JOB THANK YOU

[@A3Srini]

wow...what a technique u were amazing

[@msadoc]

Thanks so much for this tutorial, I made it :)

[@Saramatt2023]

Loved it!Will give it a shot now....a bit confusing, not because of how you taught it but the idea itself! :)

[@neilbruno6170]

instablaster.

[@edvegavlog3749]

i made it thanks for the tut!

[@miltonrodriguez2804]

This was easy and i think I just kept overthinking it, but now I've got it!! thanks a lot dude!! fucking life saver!!

[@mdshakib-vz2ms]

nice logo learning video. thanks for it

[@rogerbeltz2370]

Excellent tutorial but admittedly, I'm going to need to watch this a few more times to fully understand the procedures. I have a "similar" project but not exactly the same situation as in your tutorial. I hoping that it won't be absolutely necessary to add a stroke to each object (because that won't work for me). Thanks my friend.

[@tasnimsarker4653]

Loved it

[@BilalHassan-iz6dl]

Really awesome my heart touching work

[@EricVasquezDesign]

+Bilal Hassan thank you!

[@fofonono4894]

Thank you

[@NehaGupta-ld2bk]

I could successfully do it. Thanks for explaining it well. I am just not able to make out the use of applying stroke, then expanding and merging it. Why did we take those steps.? I am just a beginner so kindly explain.

[@courtneywalle498]

Very clear and exactly what I needed. To everyone else who is confused, just follow his exact instructions step by step (even if you don't understand why) and it should turn out fine. I can help anyone who's confused as well.

[@samplower5860]

Help! This is confusing to the max.

[@lewisnjagi2215]

Thanks

[@alihsanable]

Learned a lot
Thank You pal

[@EricVasquezDesign]

+Ehsan - you got it man! Thank you for watching and for your support

[@sofianeboulahia3402]

Great!!

[@creativedesign2696]

More than amazing

[@sheikhabulasim]

Thank you from Pakistan :)

[@susanpratt3290]

This is really cool. Except when I did a Create Outline on my text, it doesn't let me fill the color in. I am using Adobe Illustrator CC 2019. That I don't have the Gotham Font.

[@breagalper6711]

It's not working for me. Expand is greyed out, so I just used expand appearance. I didn't get the outline and I followed step by step 3 different times. Not sure what I'm doing wrong

[@prashantgoutam4940]

thanks

[@sphillips71]

Nice!

[@erdalyalcn7319]

very helpfull

[@majidislam9385]

How do i will be able to select the copied C when it is merged with O..

[@ruciokas]

I think way faster to do an overlapping text with a shape building tool. And instead of using strokes I would use an offset path.
Another super fast option is to use a pathfinder tool and it's very easy to get same effect in no time.
Your way is an interesting and complicated way to do it. I'll try that too, thank you.

[@Aria1456]

hi do you have a good video to recommend me on how to do so??? im new to illustrator...thanks

[@raselkhan1384]

Great tutorial. But thankfully, this can be done in illustrator 2023 in 10 seconds. Yet, your effort is appreciated.

[@ericvasquez161]

Yes the new version has some great new features that can save a lot of time. This particular technique that I show here is from a few years back. Hope you enjoyed it either way!

[@OfficialRilas]

How on earth do you do it though? I’ve been stuck on doing this for days and can’t work it out for the life of me

[@raselkhan1384]

There's a tool called "intertwined". As easy as marking the area for intertwining.

[@EricVasquezDesign]

Check out our recent video! I just made an updated version showing how it’s done.

[@beyond-v2j]

The first minute went a long way for me. Thank you

[@EricVasquezDesign]

Glad it helped!

[@timothyjefferson666]

how did you delete guide line? anybody?

[@rp_designs11]

Really good video

[@jelenagvozdenovic736]

Thank you super clear

[@EricVasquezDesign]

You are welcome!

[@surir76]

T.T I made it! thank you!

[@sofianeboulahia3402]

Cool😮

[@eriariantory9001]

at 2:53...after press Ctrl C and F what did you press on the keyboard?

[@AminsHub]

great tutorial :)

[@ganeshkumarking04]

Really super.........

[@EricVasquezDesign]

+ganesh kumar thank you!

[@qaisarabbaskhan7425]

thanks dude.

[@EricVasquezDesign]

Happy to help

[@multipurposechannel4912]

nice one full watched

[@alishbajannat4033]

D AND C nife sa cut nh hora can u xplain y?

[@kyisoe3473]

Good

[@majidislam9385]

how can we delete if we merged the copy OF alphabet O...?

[@kathleenfrazier1220]

Hi. I'm older and you're really fast. Do you have these instructions in written form?

[@tinap.2928]

I am ecstatic Canva finally gave us the option for curved text. I mean it is about time for such a simple feature. But what we also need is a line or border option like Microsoft word has. We should be able to choose the thickness of the line, or type of line (dotted, dashes) or color . There is no way we should still be adjusting rectangles in 2020.

[@designlink117]

Thanks for your nice and easy explaining. Can you please conduct a free training about logo design Idea

[@EricVasquezDesign]

shanto bhattachariya thanks for your comment! I actually have a course on developing a brand from start to finish using my own processes that you may find helpful:
teach-me-to-design.thinkific.com/courses/brand-u

[@sadaqat_ali]

Awesome bro

[@EricVasquezDesign]

+sadaqat ali thank you for watching and for the kind words :)

[@sadaqat_ali]

No problem bro

[@toriscott5276]

tooooo faaaast

[@faik3427]

if anyone is confused about that cursor thing with O just select O and right click it and then ungroup the unwanted line

[@lutherboyd5615]

could you also use shapebuilder for this?

[@pirzadau]

Yes much easier

[@hottestgadgetsunitygamedev6158]

NICE VIDEO!!!! __

[@kashafria3124]

👍

[@sedonabaldaccini9634]

How do you make the outline transparent? Where it will still show the effort of the outline on any background color?

[@EricVasquezDesign]

That can be done by selecting the shapes and going to Object > Expand. After that, select the color you want to remove with the Direct Selection Tool (A) and then go to Select > Similar > Fill color and delete.

[@alaminhossain-fy9du]

i don't understand keyboard shortcut key................?

[@PK-id6fy]

Show objects and files some clarity when the video describes,,,,,,Thank you,,,,,,

[@RainorShine1]

I know this is old but just found it but you made me laugh when you went through all step and deleted and nothing happen and you did it 3 times then realized that there was and extra O great video

[@EricVasquezDesign]

Glad you found me! And yes sometimes it happens ;) We are gearing up for exciting things here. Let me know where you are at in your design journey!

[@rajaomer1000]

Use shape builder tool.. 🙄🙄🙄

[@sabrina2007]

i dont hv knife tool..

[@sarapohner9690]

is there written directions? im struggling

[@kathleenfrazier1220]

Hi Sara, Did you ever get a response about written directions?

[@VEERURA]

Use shape builder tool 🤜

[@Aayatq]

so confusing. I'm lost😑

[@ahl6845]

I know right, I'm not feeling this. talking way too fast. And I know how to use illustrator, I needed some refreshing and this did not help at all.

[@ruciokas]

use shape building tool it's way easier and faster

[@VladoTraceur]

With shape builder tool you would make this in 2-3 minutes if not earlier, this just overly complicated for newcomers. I know they can learn other useful stuff, but for this exact example nah

[@YaroLord]

pro tip: forget all this complicated nonsense and use the following method... stop at 2:08 and
1 - offset path to your liking
2 - select all and pick the shape builder tool
3 - hold alt and delete the 'overlapping' parts to your desire
same result and 3 times easier and quicker

[@Aria1456]

hi do you have a good video to help me?? im new to illustrator...thanks!

[@MuhammadTahir-dr7ov]

You are so fast

[@tanmoychakrabortty2325]

Easy work but u explain & work process so hard.... just lol

[@DanteMishima]

Why doesn't anyone ever do this with straight letters or objects

[@rerere175]

this is extremely confusing...need to explain better

[@fauzisriwidagdo9687]

U sharing a knowlegde but too fast for beginner,vain dude!thats too VAIN!

[@TRNTNO_Studio]

did not help at all. im on a windows laptop and not a mac, he kept using keyboard functions a lot.

[@Sam-rp6zz]

To fast!!!!

[@ahsanjaved7102]

thanks