Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
This course reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator. Author and Adobe Certified Expert Justin Seeley covers topics such as building responsive layouts with artboards, producing custom color palettes and swatches for web graphics, and making vector shapes and text that seamlessly scale. The course also explores adding drop shadows and other live effects, setting up interface elements such as forms and tabbed interfaces, optimizing and exporting different types of graphics, and speeding up your workflow with reusable image sprites and Smart Objects.
One of my favorite things to use inside of Adobe Illustrator has got to be the Live Effects. Live Effects allow you to nondestructively edit artwork and easily change that edit any time you need to on the fly. Live Effects are a great way of manipulating your artwork into different shapes, also adding specific effects like drop shadows, glows, warps. Anything you want to do to your artwork you can pretty much do with a Live Effect. And like I said, the best part is they're nondestructive. You can always turn them on, turn them off. You can change them anytime you want. It's almost like a layer style in Photoshop.
It's very, very useful. And so inside of Illustrator we have access to several different effects in the Effect menu, and the ones that are listed underneath Illustrator Effects are the ones that I'm talking about. We have things like 3D; Convert to Shape; Distort & Transform; Path operations, Pathfinder; Stylize, which includes your drop shadows, your feathers, your glows, that kind of thing; SVG Filters; and of course the most widely used one, the Warp. In this movie, I'll be exploring how to utilize these Live Effects and also how to edit them in a moment's notice in case the client comes back and says "I need it to be a little less warped" or something like that.
And we all know that clients do come back and say things like that. So I'm going to select this little banner piece of the robot logo, and basically what the client has told me is that they need this to be in an arch shape. They need it to be arched right up in this area here. And so in order to do that, I could just re-create the shape using the Pen tool or I could try to use the Converter Anchor Point tool to turn corner points into curves, et cetera, but I think adding a live effect is a lot easier. So with the object selected, I'm going to go to the Effect menu, I'll go down to Warp, and I'm going to select Arc.
With that selected, I'm going to turn Preview on so you can see exactly what's happening here, and when I do that, you can see that I get a real live preview of what this is going to look like when it's finished. I can drag this up or down to control the amount of the arc so if the client wants it to be arced up, I do like this; if they want it to be down, I do it like this. So in this case, I think we'll need to do it about 10. And I may actually change this from Arc to Arch, just to keep it a little even on each side. It makes it a little cleaner-looking. And I'm going to increase the Bend amount to something like 20. There we go.
And once I hit OK, that is now applied. In other programs, like Photoshop for instance, you might apply a filter to something and you are stuck with it. Well that's not the case inside of Illustrator. All of these effects that you apply get recorded inside of the appearance panel, as I could see when I bring the Appearance panel, Warp is right here. It says Warp: and then the word Arch, letting me know which warp is being applied. Anytime I want to get into modify that, like let's say the client comes back and says "No that's arched up too high. We need it to be a little bit more shallow." That's okay. Just click on Warp and then take back the Bend.
Let's take that back to about 10. I'll preview it first to see it. It's just kind of slight bend; that's okay. Hit OK, and we are good. If the client says "No, I don't want it to be warped at all. I needed this to be straight again," just take that, throw it away, and you have a really straight object once again. So applying these live effects is going to be a great way for you to enhance your workflow because of the fact that you can get in and change them at anytime, you can throw them away at anytime, and they're nondestructive to your artwork.
So the next time you have to do things like warp or change an object, my suggestion would be to explore the Live Effects panel versus trying to do it some other way, and see what you can come up with. And then anytime you need to make a change, just hop right in and do it.
Find answers to the most frequently asked questions about Illustrator for Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.