Visio Guy

Visio Discussions => Shapes & Templates => Topic started by: berrick on November 18, 2017, 05:51:55 PM

Title: How do I import a shape from illustrator? - found a solution
Post by: berrick on November 18, 2017, 05:51:55 PM
 8)Hi All,

I hope I have posted in the right place.

I have created an image in illustrator of a piece of network equipment which I have tried to get into visio Pro 2010 but everything I try fails to import it correctly.

Am I better trying to create this shape in visio rather than importing from illustrator cs6?

I'm looking for guidance/link on how to do any of this as I don't know how to create shapes in visio etc. I suspect this is where most of my problems stem from.

TIA



Title: Re: How do I import a shape from illustrator?
Post by: Yacine on November 18, 2017, 05:57:17 PM
Illustrator is a vector graphic program. It should be able to export to SVG. The SVG can then be imported into Visio.
Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 18, 2017, 06:31:45 PM
Thanks for the reply. I have already tried this but I get an error and the log file contains many entries as below

[Information] DataType: Element <path>
Context: Line 21
Description: Unsupported attribute type clip-rule. Attribute ignored.


The resulting image is horrible. I just went with the default svg settings when saving in illustrator
Title: Re: How do I import a shape from illustrator?
Post by: Yacine on November 19, 2017, 09:02:55 AM
That is certainly because Illustrator has more effects than SVG supports.
Either use less fancy effects or do a complicated export as bitmap, then vectorize back (in Illustrator? or Inkscape).
Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 19, 2017, 07:18:03 PM
@Yacine
QuoteThat is certainly because Illustrator has more effects than SVG supports

Is what I thought. However as a test I created a basic file consisting of a rectangle with flat fill. Inside this I had a rectangle with rounded corners and some text inside it.

It still gave same errors. However I ignore errors and it looks OK apart from the fact that text doesn't scale  >:(
This is most likely because I am not really sure of what I'm doing regards visio.

So question is how do I import and keep text at right size and allow it to scale in visio?

If there are any tutors on how to do this I would appreciate links.

many thanks
Title: Re: How do I import a shape from illustrator?
Post by: wapperdude on November 19, 2017, 09:00:37 PM
Any chance we can see the image?  There might be an alternative that word fail to provide.

Wapperdude
Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 20, 2017, 08:39:50 AM
Hi All,

So I have been playing around some more and the only way I can get the text to scale is to use the info found here http://www.visguy.com/2009/05/06/top-twelve-text-tips/ (http://www.visguy.com/2009/05/06/top-twelve-text-tips/) Tip 11.

I thought text should scale without the need for something like this as the file is in svg?

Am I going to have to do this for every bit of text I use in my shape  :o ?

I have attached the file I'm using as a test as saved from illustrator
Title: Re: How do I import a shape from illustrator?
Post by: Paul Herber on November 20, 2017, 10:31:20 AM
I think we also need to see the original, i.e. a screenshot of what you see in Illustrator.
Fill patterns from Illustrator will not work correctly in Visio.
The 'stroke-miterlimit' warning is just saying that Visio cannot handle this attribute. It took a few seconds for me to work out what 'stroke-miterlimit' was trying to mean. 'stroke-miterlimit' would be 'stroke-mitrelimit' in British English but then 'stroke-mitre-limit' might be better!

Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 20, 2017, 05:56:40 PM
Thanks for all the replies.

Just to clarify I'm not overly concerned about the log errors as it appears ok when inserted.

But I would like to understand if the text should scale when inserted without having to make changes to the shapesheet?

I have attached an screen shot of the shape in illustrator
Title: Re: How do I import a shape from illustrator?
Post by: wapperdude on November 20, 2017, 07:09:22 PM
That's it???

3 rectangles and some text?  Do this directly in Visio.  Draw the rectangles, for simplicity, largest 1st, smallest last, select all, use alignment tool to center the three shapes, group.  Create your text, position it where you'd like it, add to group.

You can use the fill tool/options for each rectangle to get specific color/shading.  Once grouped, however, group attributes will push into all subshapes.  But, you can click on a subshape to identify it only.  Move it, re-size it, change coloring, line style, etc.

Resizing text is not quite so straight forward.  There are several common techniques, but the attached file illustrates what I believe to be the most successful.
Wapperdude
Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 20, 2017, 07:27:27 PM
@wapperdude LoL,

That's the test file I was using to see if my shape was causing the errors in the log file, not what the actual finished result will be. The actual shape I'm creating I will be starting from scratch as I screwed up the scale and other bits trying to understand about the errors etc and before I posted here.

I will take a look at the file you supplied thanks  ;D.

If there are any tutorials about creating shapes in illustrator or best practice and then importing it would be very helpful? 
Title: Re: How do I import a shape from illustrator?
Post by: wapperdude on November 20, 2017, 07:36:38 PM
 ;)

I'm not aware of any direct import into Visio, certainly not Illustrator.  Most imports come in as bmp, png, wmf, etc.  While Visio was intended to be a full-fledged "drawing" tool, it does have a good array of tools.  Big advantage is objects in native format, and you avoid a lot of file bloat.

You can draw from scratch, or use an image (place it on background) and trace over it.

HTH
Wapperdude
Title: Re: How do I import a shape from illustrator?
Post by: Yacine on November 20, 2017, 08:14:45 PM
Quote from: berrick on November 20, 2017, 05:56:40 PM
But I would like to understand if the text should scale when inserted without having to make changes to the shapesheet?

Presumably the text size comes from the setting in the "standard" style (see Drawing Explorer for styles).
From here 2 possibilities:
1) change the standard style
2) resize the text of your shapes
- manually if possible
- by code, if for what reason ever, it is necessary.
Title: Re: How do I import a shape from illustrator?
Post by: Nikolay on November 20, 2017, 09:02:17 PM
I would try with EMF format (it's vector)
Many "equipment" companies use this approach, as far as I know (e.g. most of stencils from http://www.visiocafe.com/ are EMF)

Means - try exporting EMF from illustrator, and importing into Visio.
Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 21, 2017, 08:43:13 AM
Thanks for all the suggestions.

EMF looks promising. A quick test shows text scales great. However some of the graphics look horrible all jagged and some parts of a rectangle no fill just stroke don't display, these display great as svg.

How can I clean up the jagged graphics, sure I read something about this in all post I read.

Title: Re: How do I import a shape from illustrator?
Post by: berrick on November 26, 2017, 10:35:56 PM
Hi everyone,

just a quick update to let everyone know that I have managed to get result I am happy to use. I found the easiest way in the end was to use inkscape to load work into and cut n paste from it into visio.

I also found Dmitry's png2vss util did a good job as well and saved some time as it could created the stencil too.

Thanks to all that offered suggestions to my question

:D
Title: Re: How do I import a shape from illustrator? - found a solution
Post by: Nikolay on November 26, 2017, 11:06:11 PM
Glad that it worked for you  :)

Just curious if you were able to import vector using inkscape, or a raster bitmap (png)?
If png, do you mean that copy-paste (or saving as png) from illustrator directly did not work for you?

It is just that we were under i pression that you wanted a vector (scalable) image in visio..
Title: Re: How do I import a shape from illustrator? - found a solution
Post by: berrick on November 27, 2017, 07:39:49 AM
@Nikolay

I open the .ai in inkscape. I tried many things but copy n paste from inkscape worked for my needs.

As mentioned copy n paste from illustrator to visio the quality was horrible. Jagged edges and finer detail would be missing.

A lot of the difficulties I encountered may well be due to me not having much experience and although I like visio I find it incredibly frustrating to do stuff like this without a lot of messing around.

Quotewe were under i pression that you wanted a vector (scalable) image in visio..

Maybe this was my lack of in experience and I didnt need a .svg? I wanted to create a shape for visio that would scale without loss of quality and where the text also scaled.

As this is the first time I have tried to create a shape I assumed I needed to save the illustrator image as .svg? Most of the ways I tried to accomplish my goal hit problems of one type or another. Eventually the method I used above gave me the results I was prepared to except.

Hope this answers your question. Please feel free to correct any thing I have said which is incorrect?