You have no idea how helpful you have been. You're the first (of many) that I can understand and follow as a beginner. Thank you so much! I'll be watching your other videos and subscribing.
This has been the most amazing help. Love your clear style and pace in the video. Learned a lot more than just making a striped drop shadow here. Thank you.
I've been using Illustrator for three years now and the compound path & shift eyedropper tricks just blew my mind!! Can't believe I've been living my life without knowing those things
very helpful tutorial. Is there any workaround in order to make the "space" really transparent instead of using a stroke with same background color? Something like "minus front"?
Great and clear explanation! Is there any way to have a no-fill text? My gold hatch shows through when I have outlined text and I don't know how to make it not show. Thanks!
SHIFT makes things happen! Well done video. I learned so much. Would love it if you could explain the function of "multiply". Also, I have the darnedest time cutting objects out of jpegs in PS. I use my pen tool exclusively because I don't know how to control the magic wand. Do you have a tutorial for that?
is there some sort of pathfinder option to separate the hatch text from the white stroke so that no matter what colour background, the stroke will appear to be the colour of the background rather than white?
At 1:22, how did you scale the text just with the selection tool? When I do that in Illustrator it only scales the bounding box, not the text, because the text is not outlined.
I don’t use text boxes for shorter length text, I use the text tool, click once and begin typing. When it’s selected, you can then scale it up without dealing with a text box. I only use text boxes for lengthy text 👍
Great tutorial! Although in the original I think the shadow text is larger than the black text. Just a thought, in case someone wants to make it more like the original
Thanks for the lesson. Pretty easy and the quality of the video and audio is great. If you don't mind me asking (as I see you use ScreenFlow)...what size resolution do you record at and what are your export resolution settings from ScreenFlow? They look great. Thanks.
GLASSARTZ62 Hey, do you have an example of what you'd like to achieve you can share? Is something like this video what you're looking for? th-cam.com/video/x5qiUJste8E/w-d-xo.html
Teela, Yes I'm trying to do lettering this is like the letter treatments on the Sanborn Insurance Map books. This is my email address I can send you a picture or you can tell me how to post one here. Thanks Bob glassart@socal.rr.com
GLASSARTZ62 Ah, I gotcha. For those, you'd use the blend tool, blending together 2 lines that have a small stroke weight and increase the number of steps for your blend (like 100+). Mask it into text like the line gradient tutorial and you'll get closer to that Map type :)
If you know the color values that you want to use, just select your rectangle tool and make the squares,then fill them with the colors you will be using. I used to wonder the same thing when I first started using Illustrator.
How would you create the gap between the letters and the hatching if your type was on a textured background or something that you couldn't color match?
+Teela Cunningham (Every-Tuesday) Not the same style, but the techniques are the same here. Have a look at this Ai file. www.dropbox.com/s/yzxwrli4copj3yq/Hatched%20Text.ai?dl=0
+Teela Cunningham (Every-Tuesday) Here's how you do this using the appearance panel: 1. Create a pattern of the gold hatch. The quickest (but not the cleanest) way I've found is to draw a diagonal line, with a 1pt stroke. Color it how you want to, then hit Object --> Pattern --> Make. In the resulting tool box, Select "Brick by Row" from the drop down bar, and enter .1 for the width and the height. This pattern will look ok, but may scale a bit janky. You can always tweak it later. 2. Select your text, go to the Appearance panel. Create a fill that has the Dark Grey color. 3. Then underneath that, create a new fill with the hatch pattern you just made. 4. With the Hatch Pattern fill selected, click the fx button, go to "Distort & Transform" --> Transform. Enter a negative value for the horizontal and a positive value for vertical. I used .05" as an increment. 5. Next create a new stroke in the appearance panel, make it white, set the stroke to an appropriate thickness. 6. Go to the Graphic Styles tab and, with your text selected, open the context menu on the side and select "New Graphic Style" Once you have your graphic style swatch, select it and in the context menu again, go to "Save Graphic Style Library." Presto! Now you have a custom, non-destructive, text-selectable hatched drop shadow effect that you can use on any document wherever you like. Cheers!
I need some help if it doesn't bother you. When I hover over the line about to make the blend, the plus doesn't come up but an asterick does.What did I do wrong?
+Mary Stoiana The Blend tool is just one way to create blends. Try this method: Select your two lines with the Selection Tool. Go to Object > Blend > Make. You should see lines appear between the two. Now, go to Object > Blend a second time, and select Blend Options this time, and edit your blend. I like to turn on Preview to see my changes live.
It says my text is very complex when I try to make it a compound mask, and it only makes one of my letters into the compound mask, the rest of the text is non existent.
You have no idea how helpful you have been. You're the first (of many) that I can understand and follow as a beginner. Thank you so much! I'll be watching your other videos and subscribing.
Ditto!!
This has been the most amazing help. Love your clear style and pace in the video. Learned a lot more than just making a striped drop shadow here. Thank you.
You just saved my life! Stuck for 2 days regarding this specific matter. Thanks a ton! Take love and keep up the good work! ❤
I've been using Illustrator for three years now and the compound path & shift eyedropper tricks just blew my mind!! Can't believe I've been living my life without knowing those things
"smaller caps are way sexier" i love this channel its so helpful
Way to do things right! The video was very informative and helpful and had good clear instruction as well (which is rare on TH-cam).
Andre Thomas Thanks so much! Feels great to hear :)
I always find illustrator too intimidating but you've changed my perspective coz you made it looked so easy!
Great tutorial... that blend tool is wicked
Zoe Doucette thanks! I know! loveee the blend :)
very helpful tutorial. Is there any workaround in order to make the "space" really transparent instead of using a stroke with same background color? Something like "minus front"?
Nicely done,...wish I had "discovered" you in 2015 !! Really nice technique, and I love finding these new easter eggs !!
Aww, thanks for going back in time!
Great and clear explanation! Is there any way to have a no-fill text? My gold hatch shows through when I have outlined text and I don't know how to make it not show. Thanks!
Thanks for sharing this details tutorial.
Now I know to press shift when using the eye dropper tool so it changes what I want it to change (in this case the stroke, not the fill). Thanks.
I am in love with these tuts>> thanks Teela Cunningham
i am Arabic Saudi girl just like to wait your update every Tuesday
Just subscribed... Love this tutorial. Can't wait to watch all your other videos.
Thank you!
+Claudia White yay! So glad you're here!
SHIFT makes things happen! Well done video. I learned so much. Would love it if you could explain the function of "multiply". Also, I have the darnedest time cutting objects out of jpegs in PS. I use my pen tool exclusively because I don't know how to control the magic wand. Do you have a tutorial for that?
thanks for that make compound path trick, will remember that one.
is there some sort of pathfinder option to separate the hatch text from the white stroke so that no matter what colour background, the stroke will appear to be the colour of the background rather than white?
I made my first ever illustrator project using this tutorial. Thank you Teela!
At 1:22, how did you scale the text just with the selection tool? When I do that in Illustrator it only scales the bounding box, not the text, because the text is not outlined.
I don’t use text boxes for shorter length text, I use the text tool, click once and begin typing. When it’s selected, you can then scale it up without dealing with a text box. I only use text boxes for lengthy text 👍
I was actually able to sit through this and I have the attention span of a gold fish. Great video, helped a lot!
blazedxjan Ha! Awesome compliment :) Thanks for watching!
Great tutorial! I am now EMPOWERED!!!!!!!!!
+inheritance comic yay!! thanks for watching! :)
Thank you Teela for a great tutorial!
+Matej Ilcik Thanks for watching! :)
nice effect never knew how its made thx alot for sharing
i have referred back to this video multiple times. Thanks!!
Really great effect... and so simple!
Great tutorial! Although in the original I think the shadow text is larger than the black text. Just a thought, in case someone wants to make it more like the original
Thanks Teela! This was really helpful, I've been needing to learn this for some time now.
Thanks for the lesson. Pretty easy and the quality of the video and audio is great. If you don't mind me asking (as I see you use ScreenFlow)...what size resolution do you record at and what are your export resolution settings from ScreenFlow? They look great. Thanks.
Thank you! This was incredibly helpful, thank you for doing it step by step!!
+Emmalene Meyers I'm so glad! Thanks for watching! :)
Your tutorials are really good!! thank you, such a lifesaver :)
Is there any way to make the stroke of the top most layer transparent, instead of white? For placing on certain color tshirts?
Great tutorial. Love it.. Keep up the great work
+Robert Hawkes thanks so much!
Great video, suppose you wanted the lines going through the front of the letter?
I have tried your steps but can't seem to get it to work. Thanks Bob
GLASSARTZ62 Hey, do you have an example of what you'd like to achieve you can share? Is something like this video what you're looking for? th-cam.com/video/x5qiUJste8E/w-d-xo.html
Teela, Yes I'm trying to do lettering this is like the letter treatments on the Sanborn Insurance Map books.
This is my email address I can send you a picture or you can tell me how to post one here. Thanks Bob
glassart@socal.rr.com
GLASSARTZ62 Ah, I gotcha. For those, you'd use the blend tool, blending together 2 lines that have a small stroke weight and increase the number of steps for your blend (like 100+). Mask it into text like the line gradient tutorial and you'll get closer to that Map type :)
It's great! Thanks so much Teela!
+Austin An Tran yay! Thanks for watching! :)
You are amazing! Do you do any sort of online tutorial 1 on 1?
Anthony Smith Not yet, but maybe in the future!
Such a great tutorial! Thank you!
+Megan Weeks Thanks for watching! :)
Hi Thanks for the Video..Could you tell me how you placed those swatches on the Artboard? thanks
If you know the color values that you want to use, just select your rectangle tool and make the squares,then fill them with the colors you will be using. I used to wonder the same thing when I first started using Illustrator.
Thanks I figured as much but I thought there was a way to drag & drop or something..Thanks
How would you create the gap between the letters and the hatching if your type was on a textured background or something that you couldn't color match?
For that you can use a copy of the text as a mask in the Transparency settings of the hatched shadow. :)
Good Tutorial, very helping , Thankss
+adie asyraf thanks for watching!
Hello. I was wondering if you can do the Adele 25 font. Thank you
What if we want to create a transparent stroke/gap around the letters? (rather than a white stroke that may show on a colored background)?
For that you can use a copy of the text as a mask in the Transparency settings of the hatched shadow. :)
how do you make those little windows with the colors you're using on the text?
+Ruben Vatle just the rectangle tool :)
Great tutorial! Thank you!!
+Cristina Kalen thanks for watching! :)
I learnt much from this video. Thanks, Ma'm
Thank you! This was so helpful!
Carla Gentry awesome! thanks for watching! :)
Hey! First, thank you so much for the tutorial! I love your channel! 2 I have a problem with the Compound path! It's greyd out!!
+Yousra M Ok I figured it out! I forgot to create outline for the shape
Wonderful tutorial.
Thanks so much, very instructive!
Nice job!
Thank you for the tutorial.
Thanks for watching!
Is it possible to create outlines on curved text following an arch?
Yep! After you've warped your text or typed it along a curved path, follow the same steps :)
Great tutorial !!!
Thanx a million !!!
Thanks Teela! Have a great weekend. Bob
Loved it! Thanks
Should have done this in the appearance panel. You could retain editable text with this same look.
+Devin Chaves If there's a way to get this exact kind of hatch effect using just the appearance panel, I'm all ears :)
+Teela Cunningham (Every-Tuesday) Not the same style, but the techniques are the same here. Have a look at this Ai file. www.dropbox.com/s/yzxwrli4copj3yq/Hatched%20Text.ai?dl=0
+Teela Cunningham (Every-Tuesday) Here's how you do this using the appearance panel:
1. Create a pattern of the gold hatch. The quickest (but not the cleanest) way I've found is to draw a diagonal line, with a 1pt stroke. Color it how you want to, then hit Object --> Pattern --> Make. In the resulting tool box, Select "Brick by Row" from the drop down bar, and enter .1 for the width and the height. This pattern will look ok, but may scale a bit janky. You can always tweak it later.
2. Select your text, go to the Appearance panel. Create a fill that has the Dark Grey color.
3. Then underneath that, create a new fill with the hatch pattern you just made.
4. With the Hatch Pattern fill selected, click the fx button, go to "Distort & Transform" --> Transform. Enter a negative value for the horizontal and a positive value for vertical. I used .05" as an increment.
5. Next create a new stroke in the appearance panel, make it white, set the stroke to an appropriate thickness.
6. Go to the Graphic Styles tab and, with your text selected, open the context menu on the side and select "New Graphic Style" Once you have your graphic style swatch, select it and in the context menu again, go to "Save Graphic Style Library." Presto! Now you have a custom, non-destructive, text-selectable hatched drop shadow effect that you can use on any document wherever you like.
Cheers!
fantastic tips from all of you. thanks.
I need some help if it doesn't bother you. When I hover over the line about to make the blend, the plus doesn't come up but an asterick does.What did I do wrong?
+Mary Stoiana asterisk*
+Mary Stoiana hmm, i'm really not sure. I've never had that happen before, and I can't seem to replicate it :(
+Mary Stoiana The Blend tool is just one way to create blends. Try this method: Select your two lines with the Selection Tool. Go to Object > Blend > Make. You should see lines appear between the two. Now, go to Object > Blend a second time, and select Blend Options this time, and edit your blend. I like to turn on Preview to see my changes live.
Appreciate it, I will try that method because the method I was using from this video only works on and off-ly.
Awesome Thanks great tut!!
It says my text is very complex when I try to make it a compound mask, and it only makes one of my letters into the compound mask, the rest of the text is non existent.
Thankyou Teela!
I know this is a little bit different, but how do you get passed a graphic design creative block?
Hey, check out this talk by Aaron Draplin - I think it'll help :) creativemornings.com/talks/aaron-james-draplin/1
real nice! thanks
+Michiel De Gelder thanks for watching!
Great tutorial, thank you! I enjoyed it that's for sure :)
+TheParaSIET yay! thanks for watching! :)
Thanks for sharing!
My text box keeps on becoming the clipping mask instead of the text. Any ideas on how to fix this?
i love this video so much !!!!!
very nice tutorial! thank u :)
Does anyone know the best way to make this effect in procreate?
woo-hoo, I did it perfectly. Thank you!
CAN'T DOWNLOAD THE FONT. CZ I DON'T FIND ANY DOWNLOAD OPTION. CAN YOU HELP ME.
Click on the buying choices button (pink)
I think the font is Trend that they used for the original piece.
Jimmy Nichols I think Brandon nailed it below with Neutraface - Trend is a super close match, but the 'S' is slightly different :)
super tut thanaks
thank You
thanks
I came, I saw, I subscribed
Thank you !!!! :)
Thanks! :-)
very shadowing
It Doesn't Want To Work For Me It Just Fills All The Lines In ...
solid tutorial. subscrib'ddd
yay! thanks for watching! :)
cliff notes: "make a clipping mask"
Too much talk :(
Type nazi here - I believe the font from the source image is Neutraface
Brandon Gamm You're totally right! Great eyes - thanks for sharing!
thank you