If you want to know why the Knockout Group setting effectively clipped the drop shadow, you can read my explanation here, where I used a similar technique to simulate stitched lines for apparel designers. (You may need to click twice to get a check mark in the box.) With the object still selected, open the Transparency panel and expand it so that all of its options are visible. At this point, you’ll be able to see the drop shadow through the fill of the object. Choose Effect > Stylize > Drop Shadow, and apply your desired drop shadow settings. Click on the word Path at the top of the Appearance panel to target the entire object.ĥ. Target the dark blue fill and change its opacity to 80%.Ĥ. Choose Window > Appearance to open the Appearance panel (and shame on you if the panel wasn’t already open). Fill the rectangle with a dark blue color and choose a light blue color for the stroke.ģ. If you’d like, choose Effect > Stylize > Round Corners to round the corners of the rectangle.Ģ. Now let’s come full circle back to Illustrator, where the Drop Shadow dialog box (found in the Effects > Stylize menu) has no setting to instruct Illustrator to knock out the effect, to create the iPhone dialog step by step.*ġ. There, a setting called “Object Knocks Out Shadow”, also on by default, helps you keep drop shadows from being seen through objects with transparency settings, such as opacity or blend modes. ![]() ![]() If you head over to InDesign, you’ll find a similar option in the Drop Shadow section of the Effects dialog box. There you’ll find a checkbox marked “Layer Knocks Out Drop Shadow”, which is turned on by default.Ĭlick on the image to see a larger version: ![]() How did that happen? The answer lies within the Drop Shadow section of the Layer Styles dialog box. It’s as if the artwork knocks out the drop shadow beneath it. Instead, you’d adjust the Fill Opacity, which will allow the just the art to be transparent, leaving the drop shadow at full strength.īut notice that the drop shadow isn’t visible through the art of the object itself. ![]() But you wouldn’t want to reduce the Layer Opacity, because that would lower the opacity of the drop shadow along with the art itself. In my example above, if you wanted to create an object that had a transparent fill and a drop shadow, you’d first apply a drop shadow layer effect. Photoshop has two opacity settings: Layer Opacity, which applies to the entire layer, including its layer effects and Fill Opacity, which applies only to the pixels that are drawn in the layer, and not its layer effects. Why? Because they both have something that Illustrator doesn’t have. And if the fill of the object is transparent, you can see the drop shadow through the fill, which isn’t called for in the design.īefore you learn how to make this work in Illustrator, let’s look at two other Adobe applications: Photoshop and InDesign. In Illustrator, you can easily apply an opacity setting to fills and strokes independently, but the dialog also has a drop shadow. In the process, one of the elements I had to create - the alert dialog - presented an interesting problem in that the dialog had an opaque stroke and a transparent fill. On my blog, I made note of my quest to create an iPhone skin entirely in Illustrator.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |