Mobile app version of vmapp.org
Login or Join
Shelton719

: Converting shape into symbol in Illustrator distorts the box I am trying to convert a simple shape into a symbol. When I do that, the selection box (I don't know the technical term for it)

@Shelton719

Posted in: #AdobeIllustrator #Grids #Shapes #Symbols

I am trying to convert a simple shape into a symbol.

When I do that, the selection box (I don't know the technical term for it) changes.

So here we have the shape. Align to pixel grid is off, snap to grid is on. As you can see, the pink selection is aligned to the grid. This is how I want it.


Now I have converted this into a symbol, again Align to pixel grid is off.
Now the pink selection box selects the boundaries of the shape. This box is not aligned to the grid.


I need to keep snap to grid on because i need precision in my work. The changes in how illustrator sees this symbol really makes it tough because snap to grid is on. Now when I move this symbol, the selection box aligns the outside of the symbol to the grid.

I need help to understand how I can keep the symbol and the selection just like in the first figure.

Plus.. what is the technical name for the pink selection box?

Thanks

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Shelton719

3 Comments

Sorted by latest first Latest Oldest Best

 

@Caterina889

By default, all strokes in Illustrator are aligned to the center of their corresponding path. The bounding box on paths, is defined by the outside edge of the path and not the stroke applied to that path. You can see this by changing the stroke weight... the bounding box won't change no matter how thick or thin the stroke.

A Symbol is seen as a rectangle with contents. There is no "path" directly for a symbol. The bounding box for a Symbol is defined as the outside preview of the symbol contents, and not the paths within the symbol.

You can see identical bounding boxes for both pieces of art by ticking the Use Preview Bounds option in Preferences > General.

There is no way to change what a symbols sees as it's defining shapes. It'll always be the preview bounds. Therefore, if you want symbol and standard artwork to have the same bounding box, you need to check Use Preview Bounds in the Preferences and leave it on.

In some cases you can align a stroke to the inside on non-symbol artwork as @Lucian answers. That will work for simple stroked shapes. However, that is not always a viable solution and is highly dependent upon the actual artwork containing the stroke.

10% popularity Vote Up Vote Down


 

@Nimeshi706

Firstly, the pink box is commonly referred to as a bounding box.

Secondly, I don't think that it is possible to achieve the behaviour that you are looking for.

In your first image the bounding box shows the extent of the shape. The key line is a style applied to that shape so it can go beyond the bounding box. Once the shape is converted to a symbol, the appearance is expanded (sort off) so the bounding box moves to the extent of the resulting object. That's just how illustrator works.

As I see it, you have two options; either don't use symbols (you can still duplicate the shape and it will then behave as you want it to) or if you need to use symbols, then align the centre of the symbol to your grid, rather than the edges. If your example is representative then the centre won't move.

10% popularity Vote Up Vote Down


 

@Shanna688

Before converting to symbol, align the stroke of your circle shape to inside by clicking this button shown below. This pushes the stroke inside the circle so it doesn`t go off the grid.

The pink box is called 'Bounding Box' and it is pink because your layer is pink. Bounding boxes will take the color of their layer. Change the color of your layer to green, the box will be green and so on. Not always pink :)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme