You can also take on more complex shapes with a little tweaking to get even closer to the ‘Photoshop drop shadow’ effect. Have a play with the options, colours and transparency levels to achieve the best results. To edit the ellipses relative positions to each other or tweak the colours, first you must double-click the blend group, this will isolate the two initial ellipses so that you can move them independently of each other and alter the colours and sizes, etc. Note that you can easily offset the smaller, darker ellipse to give more feathering on one side, you can squash the shape to suit, add more steps (in Blend Options) and alter the colours and/or transparency. You now have a feathered drop shadow with vector loveliness! I use ‘specified steps’ and generally use anywhere from 20 to 50, but each project may call for different values. To edit the Blend Object ->Blend ->Blend Options… Here you’ll see a number of options. You should have a blend that contains a single step between the two original ellipses. Select both ellipses and create a blend Object>Blend>Make.
Select the larger ellipse and set the transparency to ‘0%’įinding the right icon designer doesn't have to be difficultĤ. Copy+paste in place the ellipse, and proportionally reduce the size a little, using alt+shift and grabbing the handles.ģ. Using the ellipse tool, draw a ‘flattish’ ellipse, fill it black and make sure it has no stroke.Ģ. An elliptical feathered shadow is very simple to create and can work very well for many applications and icon styles. Although it will never be as smooth and buttery as a Photoshop drop shadow, it certainly can be close and it should look a lot better than a hard-edged shadow (unless that is the desired effect, of course). It should be possible to see how this effect could work for a feathered drop shadow.
ILLUSTRATOR CS3 CONVERT RASTER TO VECTOR SOFTWARE
This is how blend works, much as the vector animation software Flash, creates a tween. The simple example below shows a green stroked circle blending to a larger blue stroked square in five steps. To achieve a vector drop shadow, I use Illustrator’s ‘Blend’ effect, which essentially uses two paths and blends between them using a number of specified parameters. This was the case for a recent custom icon design project that I had the good fortune to be involved with, which required XAML vector custom icons, and which partially inspired this post. Another scenario is for software or applications that can only utilise vector artwork, such as the XAML Icon format. Maintaining a completely vector file when designing icons is particularly important when the client wishes to use them for Print and therefore scale them up. In other words, the vector object will scale perfectly but the raster drop shadow will not, giving a pixelated, ‘blocky-looking’ effect when zoomed in or enlarged.
However, I find the effect can be a little clunky to work with because the shadow effect is rendered as a raster object so you lose the benefit of scalable vector loveliness when the file is opened anywhere except in its native Illustrator.
ILLUSTRATOR CS3 CONVERT RASTER TO VECTOR HOW TO
This article looks at how to keep your Illustrator files ‘fully’ vector and still create an attractive vector Drop Shadow effect.įor any icon designer it’s a straight-forward process to create a nice, feathered, transparent drop shadow in Photoshop, and the same process can be followed in Illustrator too by using the ‘Effect -> Stylize -> Drop Shadow’ command.
0 kommentar(er)
