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.
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
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.
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.
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?
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
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"?
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?
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.
+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!
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?
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.
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 👍
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? ua-cam.com/video/x5qiUJste8E/v-deo.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 :)
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.
You just saved my life! Stuck for 2 days regarding this specific matter. Thanks a ton! Take love and keep up the good work! ❤
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!!
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
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 always find illustrator too intimidating but you've changed my perspective coz you made it looked so easy!
"smaller caps are way sexier" i love this channel its so helpful
I made my first ever illustrator project using this tutorial. Thank you Teela!
Thanks Teela! This was really helpful, I've been needing to learn this for some time now.
Your tutorials are really good!! thank you, such a lifesaver :)
Really great effect... and so simple!
Just subscribed... Love this tutorial. Can't wait to watch all your other videos.
Thank you!
+Claudia White yay! So glad you're here!
Thankyou Teela!
thanks for that make compound path trick, will remember that one.
Wonderful tutorial.
i have referred back to this video multiple times. Thanks!!
Thank you Teela for a great tutorial!
+Matej Ilcik Thanks for watching! :)
Thanks so much, very instructive!
Loved it! Thanks
Thank you! This was incredibly helpful, thank you for doing it step by step!!
+Emmalene Meyers I'm so glad! Thanks for watching! :)
Great tutorial !!!
Thanx a million !!!
Thanks Teela! Have a great weekend. Bob
i love this video so much !!!!!
Thanks for sharing this details tutorial.
It's great! Thanks so much Teela!
+Austin An Tran yay! Thanks for watching! :)
Great tutorial... that blend tool is wicked
Zoe Doucette thanks! I know! loveee the blend :)
Awesome Thanks great tut!!
nice effect never knew how its made thx alot for sharing
Such a great tutorial! Thank you!
+Megan Weeks Thanks for watching! :)
Great tutorial. Love it.. Keep up the great work
+Robert Hawkes thanks so much!
Great tutorial! I am now EMPOWERED!!!!!!!!!
+inheritance comic yay!! thanks for watching! :)
I learnt much from this video. Thanks, Ma'm
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!
Nice job!
Way to do things right! The video was very informative and helpful and had good clear instruction as well (which is rare on UA-cam).
Andre Thomas Thanks so much! Feels great to hear :)
Thanks for sharing!
very nice tutorial! thank u :)
I am in love with these tuts>> thanks Teela Cunningham
i am Arabic Saudi girl just like to wait your update every Tuesday
Thank you! This was so helpful!
Carla Gentry awesome! thanks for watching! :)
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!
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.
Great tutorial! Thank you!!
+Cristina Kalen thanks for watching! :)
Great tutorial, thank you! I enjoyed it that's for sure :)
+TheParaSIET yay! thanks for watching! :)
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.
Good Tutorial, very helping , Thankss
+adie asyraf thanks for watching!
woo-hoo, I did it perfectly. Thank you!
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!
Thank you for the tutorial.
Thanks for watching!
super tut thanaks
real nice! thanks
+Michiel De Gelder thanks for watching!
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?
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
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"?
Thank you !!!! :)
Is there any way to make the stroke of the top most layer transparent, instead of white? For placing on certain color tshirts?
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?
thank you
thanks
thank You
Thanks! :-)
I came, I saw, I subscribed
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.
My text box keeps on becoming the clipping mask instead of the text. Any ideas on how to fix this?
Hello. I was wondering if you can do the Adele 25 font. Thank you
very shadowing
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.
You are amazing! Do you do any sort of online tutorial 1 on 1?
Anthony Smith Not yet, but maybe in the future!
solid tutorial. subscrib'ddd
yay! thanks for watching! :)
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. :)
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. :)
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
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
Does anyone know the best way to make this effect in procreate?
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 👍
CAN'T DOWNLOAD THE FONT. CZ I DON'T FIND ANY DOWNLOAD OPTION. CAN YOU HELP ME.
Click on the buying choices button (pink)
how do you make those little windows with the colors you're using on the text?
+Ruben Vatle just the rectangle tool :)
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 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? ua-cam.com/video/x5qiUJste8E/v-deo.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 :)
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 :)
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
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.
It Doesn't Want To Work For Me It Just Fills All The Lines In ...
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!