Hard vector inset shadow
I'm trying to re-create a hard inner shadow effect in illustrator, similar to the effect on the text in the Kit Kat logo:
Heres another good example:
Heres my attempt at re-creating it:
Mine seems like it needs some refinement, after a hours of trying this is the closest I could get and I'm still not quite happy with it. It seems like such a basic effect, but I think my brain is short circuiting.
Does anyone have a better technique to achieve this kind of effect? One of my main concerns is getting it to work across a variety of fonts.
Is this what youâ€™re looking for?
This effect has been produced using AdobeÂ® IllustratorÂ® plugin called Oblique Projection 'opoâ€™. Iâ€™ve written this extension to automate the creation process of parallel perspective effect (the inner shadow in your case). You can grab your free evaluation copy at http://63mutants.com/subc/products/opo_m01/opo_m01.php
And here is how to create the â€˜KitKatâ€™ effect using â€˜opoâ€™:
1) create a new document (RGB color)
2) create â€˜shadowâ€™ layer, and two sub-layers â€˜maskâ€™ and â€˜textâ€™:
3) put your text on the â€˜textâ€™ layer (about 150pt height). Then select it and go to Object > Expand:
4) select text and go to â€˜opoâ€™ panel, choose XY projection with 8px for X and -8px for Y (my text is about 90px height). Set projection order to â€˜Z-â€˜ and projection type to â€˜solidâ€™. Choose â€˜Custom Projection Colorâ€™ option and set fill to RGB 204,204,204. Hit â€˜Create Projectionâ€™:
5) this should produce:
6) copy all objects from â€˜textâ€™ layer into â€˜maskâ€™ layer. Then toggle off visibility of â€˜textâ€™:
7) select all objects from â€˜maskâ€™ layer and go to Object > Compound path > Make:
8) go to Layers panel, select â€˜shadowâ€™ layer, and hit Make/Release Clipping Mask button:
9) go to Layers panel, select all objects in â€˜text_BZ-â€˜ layer and set its fill color to white:
10) create new â€˜strokeâ€™ layer (above â€˜shadowâ€™). Copy â€˜textâ€™ layer content into â€˜strokeâ€™ layer. Toggle of â€˜textâ€™ visibility:
11) select all objects in â€˜strokeâ€™, go to Objects > Ungroup and Objects > Compound path > Release
12) One more time Select all letters from the â€˜strokeâ€™ layer, go to Appearance Panel, hit Add New Stroke button. Set Stroke color to Brown, width to 8 px, align stroke to outside. One more time hit Add New Stroke button. Set Stroke color to White, width to 4 px, align stroke to outside: