How To Make Svg And Adobe Photoshop Friends Forever.

Those, who have ever been interested in web technologies and web design, should definitely understand all the advantages of vector graphics. No, not Flash, not now at least, please! Of course there are only few vector graphics formats, and Flash is probably the most widespread, but sometimes it isn’t the best choice.

Probably, you have already understood, what I’m talking about. No? Then I’ll give you a few more hints: it is royalty-free open standard; it builds upon many other successful standards such as XML, JPEG and PNG for image formats, DOM for scripting and interactivity, SMIL for animation and CSS for styling; using it, application developers are not tied to one particular implementation, vendor or authoring tool. You are right, I’m talking about SVG.

Continuing our quiz, here is the second question. What is one of most useful and powerful tool for raster image editing and creating, which is so widely used among web developers. You are right again it is Photoshop. Yep, it is not a joke – photography tool is being used for web images. I’ve seen this many times.

Now, when we all have become imbued with the benefits of SVG and Photoshop, why not try to use them together? The effect must be stunning…Nothing of the kind. Photoshop has nothing in common with vector graphics, it doesn’t support SVG, right?

If you search the web, you’ll easily find different lessons and tutorials, which will explain how to create different effects, available in Photoshop, just with SVG; how nice-looking figures are better created with the help of SVG, rather then raster image editors; how to use Batik server an so on. If you have a lot of spare time to solve problems, probably it will do. One more problem is, that when you have your shiny SVG image created, and you need to convert it to PNG, for example, you need a converter. But if you need the work to be done quickly you need a simple and complex solution.

Here I’d like to tell you about the tool, which will give you possibility to combine all the advantages of Adobe Photoshop and SVG file format. Go to and you’ll find there a set of plug-ins, called SVG kit for Adobe Creative Suite. Now you can work with SVG images like with every other ones. Just import the image and let yourself and Photoshop work as always. The image will be converted to PSD on the fly. Moreover, the image will be automatically split into layers, according to its content. That means, that all the parts (like text, figures, etc.) will be moved to different layers, to make your work even more convenient.

Now you can search for all this web tutorials once again, look through them… and afford yourself a smile.

Comments are closed.