for Adobe® Creative Suite®
  • SVG Kit trial

    Buy now

    • 1 year support
    • free updates and bug fixes
    • no functional limitations
  • SVG Kit trial

    Download free trial (160MB)

    • full-functional version
    • limited support
    • limited functionality when trial period expires

Quick Guide

Back to Index

As soon as SVG Kit is installed, you don't need any 3rd party tool; all functionality is integrated into InDesign or Photoshop like it's shown below:

placing svg image

Adobe InDesign

When you chose such image, you can place it on the page (typical quality by default):

svg image

"Typical quality" means, that SVG Kit plug-in displays image as pre-generated raster proxy image, to let you see what is placed on the page. Anti-aliasing, text anti-aliasing and other quality effects are "dirty", because it is only a preview. For all requirements of export / printing and high quality view, plug-in displays image as a couple of lines / curves / fills.

To see, how the printed svg image would look, switch to high quality preview:

svg prepress display options

Now you can see clear differences between preview and high quality output, especially if you zoom in:

prepress printing

For preview purposes svg image is generated as fast as possible. For high quality mode, quality is an absolute priority for software, that's why you can face light slowdown of dragging / moving images, if there are many big and complex SVG images on page.

Of course, you can manage SVG images in the same way as other images, by adding Adobe InDesign effects:

using indesign effects

This is radial gradient effect applied to the SVG image, directly in InDesign.

As opposed to raster / imported formats, effects are applied to SVG file content itself, according to figures on SVG image:

svg image without effects svg image with indesign effects

At the left you can see original SVG image, and at the right you can see the same image but with effects ("inner glow", "bevel and emboss", "satin", and "basic feather", all defaults) applied.

Adobe Photoshop

You can use SVG in Photoshop in the same manner.

svg photoshop plugin

Here you can see SVG image, which was opened in Photoshop. You can also see layers, which were detected.

Note: our plug-in does not use SVG layers, which were defined in SVG image, because it depends on complexity, author preferences and corresponding tool. We're calculating layers on the fly depending on SVG content.

Sometimes big images like maps may produce several dozens of layers, that's why we compose all layers, that aren't intersecting, into one. This feature activates automatically, when you deal with the picture, which has many layers.

Just a few more illustrations for our innovative approach:

photoshop plugin at work

After hiding top layers, we can see previous ones. Pay attention, that there are real figures, than pieces.

photoshop plugin at work

Back to Index