Cómo llegar para SVG con Illustrator CS4

Estoy tratando de obtener los <path>datos de un archivo SVG que estoy creando con Illustrator CS4. Debe verse así, donde estoy interesado en recuperar los números dentro del datributo...

<path d="M100,0 C155.2286,0 200,43.7106221....etc." id="myID" fill="#444444"></path>

El problema es que no importa qué configuración intente, la salida de mi archivo SVG no contiene este <path>elemento. Solo contiene un <image>elemento que se parece a esto...

<image style="overflow:visible;" width="200" height="200" id="myID" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAACXBIWXMAAAsSAAALEgHS3X78AAAA...

Estoy viendo varios tutoriales en línea como este . Muestra configuraciones que generan <image>pero al final salta a una salida que contiene lo <path>que quiero. El problema es que en realidad no muestra nada sobre cómo llegar a ese punto. No importa lo que haga, solo veo <image>. Gracias.

EDITAR :

Me estoy acercando. Finalmente me di cuenta de que para obtener una <path>necesitaba convertir la imagen rasterizada en vectores. Usé la opción "Live Trace> Make". Ahora mi salida contiene varios <path>elementos además del <image>elemento... ¿cómo obtengo solo uno <path> ?

EDITAR 2 :

Según una solicitud en los comentarios, aquí hay una imagen de ejemplo ya creada por otra persona. Es un ícono de RSS representado por un solo <path> ...

<svg width="200px" height="200px" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <path d="M100,0 C155.228476,-3.41060513e-14 200,44.771524 200,100 C200,155.228476 155.228476,200 100,200 C44.771524,200 0,155.228476 0,100 C0,44.771524 44.771524,3.03201907e-14 100,0 Z M40.0135555,79.4855784 L40.0135555,102.780614 C55.2214198,102.790103 69.6051125,108.763989 80.3694989,119.544636 C91.1311742,130.291394 97.0806631,144.696768 97.1050629,159.95749 L97.1131962,159.95749 L97.1131962,159.999512 L120.504488,159.999512 C120.485511,137.809245 111.465711,117.709228 96.8827535,103.115434 C82.2970845,88.5243505 62.2051899,79.4991339 40.0135555,79.4855784 Z M44.7525423,155.112773 L44.7471201,155.112773 L44.7525423,155.118195 L44.7525423,155.112773 C47.7008537,158.048883 51.7200459,159.849046 56.1947014,159.849046 C60.6747791,159.849046 64.7034602,158.054305 67.6531271,155.118195 L67.6639714,155.112773 C70.6082161,152.172597 72.4056694,148.168318 72.4165138,143.718064 C72.4056694,139.259678 70.6082161,135.255399 67.6531271,132.304378 L67.6585492,132.304378 L67.6531271,132.300311 L67.6531271,132.304378 C64.6993935,129.369624 60.6747791,127.55726 56.1947014,127.55726 C51.7214015,127.55726 47.7022092,129.365557 44.7525423,132.304378 L44.7525423,132.300311 C41.8110087,135.24591 40,139.259678 40,143.718064 C40,148.17374 41.8110087,152.173952 44.7525423,155.112773 Z M40.0555774,62.9029686 C93.5271714,62.9416349 136.994841,106.477281 137.030841,159.999512 L160,159.999512 C159.984,126.919781 146.538769,96.9493582 124.809601,75.2055351 C103.073766,53.4683787 73.1233263,40.0151548 40.0555774,40.0004883 Z M40.0555774,62.9029686" fill="#444444"></path>
    </g>
</svg>

icono RSS

Generará un <path>elemento por ruta en el archivo de Illustrator. Si un archivo tiene varias rutas, tendrá varios elementos.
@AlexBlackwood, tiene que haber una manera de hacer esto... porque acabo de hacer que suceda (accidentalmente). Después de buscarlo a tientas por un tiempo, terminé con un solo camino y se representa perfectamente como la imagen completa. El problema es que no recuerdo exactamente lo que hice para llegar allí y todavía necesito duplicar esos resultados en un archivo diferente.
El Live Trace probablemente esté creando múltiples rutas, dependiendo de su complejidad y configuración de color. Sin un ejemplo, es difícil saberlo.
@AlexBlackwood, solo quería saber los pasos exactos necesarios para generar una ruta única que represente mi imagen. Sé que es posible porque después de cerrar el archivo, abrirlo, hacer otro "rastreo en vivo", luego "guardar como SVG" con la misma configuración que antes, finalmente me dio una ruta única . En este punto, ni siquiera puedo publicar una respuesta que sería útil para otra persona, ya que anteriormente probé esos mismos pasos muchas veces y fallé. Tal vez me perdí algo.
Ok, ¿puede dar un ejemplo de qué imagen está tratando de representar con una sola ruta?
@AlexBlackwood, tengo 35 archivos. Cada archivo contiene un icono popular de redes sociales en blanco y negro. Los 35, por complejos que sean, ya están representados por un solo <path>. Hoy, solo quería agregar dos íconos más a la colección de archivos. Como dije, eventualmente tuve éxito, pero realmente desearía saber por qué los resultados no fueron repetibles. Publicaré una ruta de ejemplo en breve.
¿Podría resumir los pasos para los 'novatos'? Tengo problemas para seguir estos pasos.

Respuestas (1)

Deberá crear una ruta compleja desde un archivo Live Trace.

Dado que las rutas complejas no pueden contener varios colores, deberá usar la configuración "Blanco y negro" con un umbral adecuado o usar la opción "Escala de grises" con la cantidad mínima de colores.

En ambos casos, asegúrese de seleccionar "Ignorar blanco".

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Expanda la imagen calcada usandoObject > Expand...

ingrese la descripción de la imagen aquí

Esto debería darle un grupo que contiene una sola ruta compleja. Puede inspeccionar más la salida utilizando la Layerspaleta.

ingrese la descripción de la imagen aquí

Cómo llegar para SVG con Illustrator CS4
RespuestasAquíPolítica de privacidad1y, 0v