Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Mordy Golding demonstrates how to be more productive, efficient, and creative by taking advantage of Adobe Illustrator to create pixel-perfect web graphics and interactive Flash content. Illustrator CS4 for the Web investigates the pros and cons of pixel- and vector-based web graphics, demonstrates efficient workflows, and explores the creative options available in Illustrator. Mordy also covers design techniques, such as creating typography that works well on screen, adding reflections, and making Flash animations. He discusses new Illustrator CS4 features, including using multiple artboards, bringing art into Dreamweaver, and utilizing Flash Catalyst. Exercise files accompany the course.
One of the latest design trends these days is adding reflections to your artwork. It's almost like the soft drop shadows of yesterday or the gradients before that, so on and so forth. Every generation seems to have its own little design thingy that everyone kind of clamps on to and I think this is like one of them. So in reality, when you are working inside of Illustrator, it's really easy to create reflections, and we are going to do so through the Appearance panel. The benefit of that is that you can save it as a Graphic Styles, so that applying reflections moving forward would just be a single click. You can't get better than that, let's get started.
I am going to go ahead and select this text right over here called Surfing. I have converted with the outlines in this case, but in reality you don't need to work with outlines; you could use regular live text as well. I want to be a little bit fancy here and turn the I into one of the body suits that we are using. I come over to the Appearance panel and I will see that I now have a Group that's targeted. So the first thing that I want to do is create a secondary fill. Inside of Illustrator, we have the ability to add fills not only to objects but to groups as well. To do that, I will come down to the bottom over here and click on this button, Add New Fill. By default, Illustrator sets that fill to black, but I can easily change it by coming here and changing it back to white.
Now it doesn't look like anything has happened, but wait, let's create the reflection right now. With this fill still highlighted here inside of the Appearance panel, come down to where it says fx and let's add a new effect. I am going to choose Distort & Transform and then I will choose Transform. Let me move the dialog box over here so that we can better see what we are looking at. I will turn on the Preview and then I will click on this button right here, Reflect Y, that just simply flips that fill upside down. I will also change my Origin Point to be from the bottom part of the object. By clicking OK, you can see that I have now created that reflected area for that particular artwork, but it's still missing a little bit of that reality. I want my reflection to kind of fade out. To do so, I will actually use a gradient instead of a regular solid fill, I will go over here to the Window menu and I will choose Gradient to open up the Gradient panel.
By clicking over here, I can actually apply that regular black and white gradient. The first thing I will do is I will actually rotate the gradient. So let me change it to 90 degrees. Now I have it going from white to black. Now I don't want to go to black at all, I wanted to go from white to transparence that it fades out. To do so, I will actually just click on the black color stuff right here and change the Opacity value to 0. I will also double-click on the black color here as well and change it to white. Now, by adjusting the sliders themselves, I can adjust exactly how that gradient looks. I will close the Gradient panel and now I have created my reflection. In order to now save this reflection as a Graphic Styles so that I can easily apply it to other objects, I will click on the object itself and in the Graphic Styles panel, click on this button here called New Graphic Style.
I will double-click on it and call it reflection and that's it, instant reflections.
There are currently no FAQs about Illustrator CS4 for the Web.
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.