Video není dostupné.
Omlouváme se.
Easy and Awesome Text and Bevel Effects for Adobe Illustrator CS6 and Below
Vložit
- čas přidán 19. 08. 2024
- Simple Tips and Techniques to Make Cool Looking, Sexy, Professional Text Effects and Bevels in Adobe Illustrator CS6 and Below
Like my tutorials? Why not donate a buck or two!
www.paypal.com...
Learn Why Illustrator is Better than Photoshop for Logo Design and Text Layout for Packaging Design, Posters, Brochures. Learn to Beat Your Addiction to Photoshop and Make the Switch to Illustrator.
Note: There are many ways to achieve the same highlight and shadow bevel effect from outlined text. Others include Pathfinder/Trim and Pathfinder/Knockout Back. The method in the video is kind of a clunky way to do it but I just keep doing it out of habit. Whatever works for you is fine, experiment and have fun.
See the tutorial on my blog: www.claytowne.c...
Or download the companion Illustrator editable PDF file: www.claytowne.c...
See real world examples of these techniques in my product package design portfolio: www.claytowne.c...
Tech Specs for people who are into this stuff:
I use a Wacom Intuos 4 medium size tablet. If you are a serious artist you MUST have a tablet. At the very least get a Wacom Bamboo. They're like $50. I'm running a custom rig that I built myself back in 2009. It's a Windows 7 64 bit box with a Asus P6T Deluxe V2 motherboard. It's got 12 GB Corsair DDR3 RAM, a Pentium i7 920 CPU, a Nvida GeForce GTX 280 graphic card, six WD Caviar Black 1TB drives in a RAID 1 configuration. My OS and programs are on one RAID array, and the other two RAID arrays hold my files. I also have two RAID 1 external drives for additional backups. Rounding out the system is a Corsair XT 750 power supply, two 1000 watt UPS backups, a USB 3 PCI Express card, an eSATA PCI express card (I ran out of SATA ports with so many hard drives) a HD Pro Logitec webcam and a pair of DVD burners.
There are a lot of excellent ink and color tutorials on the web, so what is different about this tutorial?
1. Real time. Unlike those speed drawing tutorials that blow your mind but teach you nothing, this one is a true speed drawing tutorial as it's in real time. No cuts and no sped up sections to hide the true time it takes.
2. Learn a simple and easy technique for making text look cool in Illustrator.
3. Vector. In the print industry vector rules the roost so those Photoshop text tutorials aren't very helpful for someone who's primary concern is clean reproduction in all mediums including brochures, t-shirts, posters, trade show booths, video and packaging.
These methods are limitless in there application and manipulation so with mixing and matching a few basic techniques you can create an infinite number of possibilities.
These techniques look particularly good on logos, packages, posters, banners, and brochures.
10 years since the video was uploaded and I believe this is still the best video I have ever watched on the bevel issue.
ive been looking for beveled illustrator tutorials forever, thank you man this is just genius. tedious but so worth it. my headers and tee designs are forever changed for the better.
I got my first computer in 1998 so that was my first introduction to the entire digital art world. I won a scholarship in high school (I won the nation portfolio division in the Scholastic Art Competition) to the art college of my choice in 1984. I went to the Colorado Institute of Art for year and then dropped out because I was frustrated with the program. This means sometimes, for good or bad, I do things differently than people who went to school to learn these programs.
Clay, you are a fantastic teacher. Your style is personal and engaging but also clear and concise. I like the fact that it's "never good enough until it is"...from a fellow perfectionist. Most appreciated is your clear enunciation and recording of the dialogue. I just learned a couple new tricks--thank you.
That. Was. AWESOME. Very helpful and funny to boot. You packed so much into such a short lesson and I learnt a heap. Love the delivery, cracked me up.
That's great pal. You surely are knocking artistic ignorance off our heads in as far as these illustrator skills are concerned...
You're welcome. My next ones going to reverse engineer a book cover project with a complex pop art illustration. Basically take it apart and expose how it was really done, which is quite different than how you'd probably think it was done.
hey, i have seen many many videos on youtube on this subject, and you are by far the best teacher, your easy to listen too, very likalbe, on top of that talented... plus you exlpain it well, i am a fan of yours from now on!
I'm not american but I understand like 60% of english, anyways, the way you explain, it's really awesome, you make me learn everything, keep making this kind of videos, you're awesome too!
You can if you like. I mainly use Photoshop for web but will create certain elements in Illustrator and then cut and paste them into my Photoshop layout. Like the header on my Beats Digging Ditches Dot Com website header was done in Illustrator.
Simpler is harder because every line counts for so much more. I would recommend that you choose your fonts carefully and then do something with the letters to give them a brand appropriate twist. Like the middle cross bar on a capital "E" could be manipulated into a leaf shape. Something very subtle. That's an option for a nature/natural bases company. But you'll probably blast though at least 2000 fonts just to find a few respectable capital letters that look good together.
AWESOME tutorial. Liked the way how you explained the things step by step.
Clay, I hope you realise how good you are presenting these tutorials
This indeed was awesome
More please... :)
Great tips that lend themselves to producing marketable files. I've worked in Illustrator for years and this is valuable lesson. Thanks!
You completely rock. I have told you that before but I just felt like telling you again! YOU are AWESOME!
Thank You for all wonderful Tutorials!
Mate, you should really do more illustrator tutorials. Your style of presentation is very good. Usually I find people trying to be funny on tutorials quite annoying but this was entertaining. Nice work.
Great tutorial! You had me cracking up after every effect when you said something like, "it needs to be a little more awesome". Very fun to watch! You earned my sub!
This was a very... AWESOME tutorial! Thank you.
This tutorial is 100% AWESOME! Thank you!!!
You are a very cool dude.
You can teach me anything anytime!
Thanks for your tuts.
Because there was a top to bottom gradient on the object before I cut it. That make the two new shapes have the same gradient but they are relative to their own shape. Instant chrome effect.
*wins Nobel prize for awesome text, which was so inspirational it ended all wars and a particularly inspired scientist found cure for cancer*
...
"But it's STILL not awesome enough"
:)
Yippie!
Thanks! I just try to explain things the way I'd like them explained to me.
Great video! I received Adobe CS6 Master Collection as part of my school program and have no idea how to use anything besides Photoshop and Dreamweaver. This is a great start in introducing what I can do in Illustrator
THANK YOU for your time.
Thanks for your Awesome Tutorial.
Yep, I just double checked. I did misname the tool but I didn't really mix them up as far as function since tracking is just kerning a bunch of letters at once So tracking is kerning. Thanks for the heads up though. I never really paid any attention to the specif names of those two tools because I know that they both adjusted kerning.
Very cool tutorial. It helps me to learn something awesome. Thank you.
It was awesome ten awesomes ago, but you can never get too awesome, so... Awesome.
Never thought to add bevels with strokes before! Thanks :)
Thank for a very, very nice tutorial mr. Really appreciate it.
I LOVED this tutorial, very helpful, thank you :)
thanks for sharing, this is very cool and indeed soooo awesome!!!!!
I've been using Ilustrator for a looong time. Learned a ton from your tutorial, had never really used the Appearance palette, thanks so much for posting I feel much less dumber now :)
Very skillful tutorial, thank you!
You're so fun to follow, I actually watched the whole thing. I'm a die hard photoshop fan specially because I work with art, not design. To be honest I've always hated illustrator, because it's a different mindset and specially because I never really knew how to use it. But you're inspiring me to go back and try again. This was fun. Great tutorial man, cheers
Thanks!
Awesome dude, you make this a fun tutorial, keep up the good work cheers from newbie!
ohh, aaawesome. jeje. i had the gradient but it just stayed the same. then i tried ungrouping, and it seems that was what allowed it to reflect... i think. thanks for your help Clay!
*liked* Good tutorial dude! Working as a Desktop Publisher I rarely ever use Illustrator as I've always perferred PhotoShop. My mission is to change that to open doors into Graphic Design. I do find it frustrating at times when I'm trying to do something in Illustrator for 2 hours, to only give up and go do it in Photoshop in 10 minutes lol. I will keep at it though. Your tutorials are helping me tremendously. :) I've been experimenting with a intuos3 tablet as i hear theyre pretty handy too.
Fantastic tutorial. Subscribed!
I think you are awesome! Thanks for another great video
I'm going to do tutorial about bezier curves and anchor points as that is a really tough one to get you mind around. But once you do, Photoshop seems really clunky
just wanted to say this is AWESOME
jokes apart i learned a lot today i am a fan now or you can say AC but really love your work great job keep them coming.
subscribed and liked :3
AWESOME! :)
Love it. Shared on the Graphic Design Stuff Facebook page.
send me the link to that page please :)
Very very good tutorial indeed, you should do more, cheers
Thank U! Great tutorial, Awesome tutorial))
Great Job! I understood pretty much what you did. I've been using Illustrator for about 2 years inconsistently. I've been using PS since the first version! :)
AWESOME video!
It is a lot to learn if you are new to Illustrator. But you aren't so it's just review for you. But if you were addicted to Photoshop like most young designer are, it would blow your mind to see what you've been missing by avoiding Illustrator.
I totally agree with you !
Thank you, it was indeed awsome
Eternal awesome.
Yeah...now is AWEEEEEESOME ENOUGH :)
10:45 MARK. "O's are easy can't mess up those...whoops" LMFAO. This was a GREAT TUT! I've watched maybe 5 times.
Yeah, when you pointed that out I watched that part. Too funny. Didn't even remember saying that.
It's awesome enough, okay!? Geez!!
No but really, thanks for the video. Totally gonna use it for my graphic arts class.
AWESOME!!
Didn't have to think twice but subscribe. Great work man. Just to feed my curiosity, how long have you been working with illustrator? Did you attend a school or learnt through trial and error?
You're AWESOME
Thanks!
aweSOME :)
you are awesome :)
thank you buddy
LETS MAKE THIS A LITTLE MORE AWESOME
It's really awesome at 19:01 :D
wow this video seems like a lifetime ago, I'm new-ish to Ai, Really love using it since I got to learn it (I'm an ex-Ps user) couldn't live without it at the time, now I barely even run the program, just wanted to say BIG thanks for your truly AWESOME tutorial, loved the video, it helped me in so many ways, I would probably use 3d Bevel outline the 3D-ish stroke effect and start messing around from there but good tutorial nonetheless! props to that!
Thanks. I hardly use Photoshop as well anymore. It feels so clumsy for anything besides image editing or natural media painting.
Super!!!
If you're going to talk about kerning you should also draw attention the 'optical' as well as the 'auto' option in the Character box . Just saying. Otherwise a pretty good tutorial, thanks.
I just eyeballed it. An easy way to do it is to activate Smart Guides ( View > Smart Guides) and that will guide you to the middle. I'm sure there must be another way, but that's how I do it if I'm concerned about it being perfectly bisected.
InDesign is a pretty lousy program for anything creative. It's text abilities are very limited. That's why no one uses it for anything but catalogs. Designers usually use Illustrator for logos, posters, postcards, book covers...anything that requires more than basic layout.
awesome
Great tutorial tnx:0
Your sound awesome too.
james za Thanks!
I'm looking forward to this one. When do you think it'll be uploaded?
I think the difference between illustrator and photoshop is that it looks so mush sharper ..
Illustrator is like a retina version of Photoshop
yes. you are super awesome XD
i can prety mutch make this but maybe the chrome cut effect, on only one text object with the illustrator effects and so you could then change the word for any other words without any concern of re doin all those steps... its a realy beginer tutorial... i was expecting more from the intro saying its alot to learn
Wish I could help you. I'm totally out of the loop on books. I know Lynda's stuff is good though.
Don't have any advice on that one. I build my own systtems from scratch. But what ever you pick, make sure you are storing your files on an external RAID 1, or make daily backups. Hard drive fail all the time.
My guess is that you used the slice tool instead of the knife tool.The slice tool is for making webpages
hey Clay thanks for the tutorial. Can I ask a specific question? When you were adding anchor points to the rectangle shape, you were just eyeballing. If I wanted to add anchor point at a perfect midpoint is there an easy way to do it? On top of my head I could think of subtracting the two Y positions, adds an anchor point, then assigns the Y position based from the subtraction's result to the new anchor point so it would be perfectly in the middle. But that's really tedious...
"looks awesome, but it's just not awesome enough"... Awesome video, LOL!!! Can't wait to get a new laptop and get back to business. By the way, which would you say would be a smarter choice, a Sony VAIO SVE 14 or a Hp Probook 6360b?
I drop out from my art college in 2011. I was into Digital art even before i got into my college and i am to people around me a fool... having interests in Digital art and dropping out of Art College
Thanks +1
Probably in a couple of weeks.
Very cool! Is it possible to do what you did but have the word(s) on a pennant instead of a ribbon? (maybe with a very slight wave affect?)
Hi Clay thank for sharing illustration CS6, I've purchased but never know how to use it. However , I've a problem my slice tool doesn't curve it moves on a straight line, hope you can advice what I'm missing.
Yeah, it's a weird thing to do. But we're in good company. Bill Gates, Mark Zukerberg, Steve Jobs, Larry Ellison, Henry Ford, Larry Page, Michael Dell, David Geffen Richard Branson, Jerry Yang, Tom Hanks, Johnny Dept, Leonardo DiCaprio, Clint Eastwood, Harrison Ford, Thomas Edison, Benjamin Franklin, Walt Disney...the list goes on. Of course, dropping out doesn't make you successful, it's just successful people don't confuse going to school with getting an education or following their passion.
GR8
Hi, Its good tutorial.I learnt step by step. But when you started to create bg or box for 'awesome', i didn't understand. What you pressed so that awesome gradient color went to the box. Please clear it.
So, when working always make sure you have the Appearance Pallet open ( Window > Appearance). In the appearance pallet you can see all the stokes and fills and effects you have for any selected object. Since I already had some good gradients and strokes created from my lettering, I selected the lettering, then selected one of the appearances that I like, and then dragged that over to the box shape I had just created. Instant transference of the selected appearance to the new box. You can do that will anything in the appearance pallet.
Ok, Thank you very much I will check it.
love tutorial. @ 8 minutes with the text shapes, why does using the knife give that chrome effect? when i cut it, it just... makes a cut no chrome.. :s
Dude, you should work for somebody like Lynda.com. That was one of the best tutorials I have ever seen.
+Ken Jones Thanks! I just try to explain things the way I'd like them explained to me.
I just started using illustrator, and I'm not finding half of the menus that you have. I'm starting to just wander around the program to see if I find anything cool.
Just FYI, seems like you mixed up kerning and tracking in the tool pallete around 3 minutes
Yu are Cool and Mad.
Hey Clay, I'm a fly by the seat of my pants kind of girl and I'm still learning the many facets of Illustrator.... Where you can't fly by the seat of your pants at all! LOL I'm loving this video, but I'm finding that when I follow the steps, it doesn't always work. For example. I tried to do what you do above EXACTLY. The first thing that goes wrong, is when I try to change the color of my text, it stays black. (this doesn't always happen, but sometimes it does) So I got frustrated with that part and I thought I'd just move on and learn how to use the knife tool to make the line through the word. After I created the outlines and had my text selected, i chose the knife tool and succeeded to draw about 9 squares near the word with one swoop. No line through the text. I think I must have something set up improperly for it not to follow orders. Ack! Love it, but I get so frustrated sometimes. What am I doing wrong with this Knife tool? Thank you! Stephanie
To add a new fill color go to the Appearance Pallet, clink on the little window expander thing on the top right, and select "add new fill". You can then do what you want with it. For the other issue, you are probably using the slice tool (which is for web design) and not the knife tool.
InDesign it is for typeface..
How did you copy your strokes from the text and apply to the box? Thanks great work!
My favorite way is to drag the effects from the Appearance Pallet to the object you want to take on those effects. Just select the very top level appearance on the pallet and it will drag the entire list of effect over. You can drag just about anything, Swatches and Brushes too. Boom, instant change.
beginner here. i dont know how to get that 'appearance / graphic styles' fill thing out. Help!
+MaisarahMrazi Top menu. Choose Window > Appearance
got it! thanks :)
I use both programs everyday as I work for a sign shop. Photoshop like he said, not good for layout. Photoshop works best if you're coloring line art
And then we discover InDesign and realize, wow, Illustrator is really not for layout. Illustrator is for illustrating :) Both photoshop and Illustrator are for creating graphic assets for your layouts, but illustrator really shouldn't be used to create a layout. Utilize the whole package kids, you are paying out the ear for it :)
Correct but I'd still never use InDesign for a logo, cool text of any kind, or simple layouts like brochures, postcards, banners and business cards. It's way too clunky and limited when you want to be clever. And like you said, you'd be offloading all the cool assets creation onto Illustrator or Photoshop anyway. It's great for catalogs though. Anything that has multiple pages, InDesign shines. But for smaller collateral (one and two sided documents), InDesign is a bit too clumsy in my opinion and adds an unnecessary third step that Illustrator can complete just fine alone.
Nice work. I've been trying to get an etch look as if engraving into metal or stone or some other object, but can't seem to get the same effect as if I use Photoshop. Any suggestions?
If you don't need it to be vector, Photoshop is superior for that etched look into wood or steel. I recently did a logo that needed a natural wood background with shapes embossed into the wood and the lettering burned in like a branding iron. Photoshop was the only way to pull off a photo realistic look. So I set up the file at two feet across at 600 dpi just to make sure we could blow it up the size of a trade show booth no problem. Of course the very first thing the box printer asked was "where is the vector file?". It really rare I use PS to do logo/layout/print work but sometime you have no choice. You may be able to do it in Illustrator though. Download some vector metal patterns. Using masking, multiple layers, shadow effects, transparency effects ( multiply, color burn, etc) you could probable get something that looks pretty awesome and keeps all the advantages of vector.
I'll play around with it. I've yet to see anything within Illustrator that conveys an etched look with text. Just thought and hoped maybe you were able to pull this off. I just love vector over pixels.