icono en capas en PSD en imagen vectorizada

Hice un ícono combinando múltiples capas de formas usando la varita mágica, la herramienta de rectángulo y la herramienta de círculo, todo esto en PSD.

Ahora, ¿cómo puedo convertir eso en un vector SVG que pueda usarse en un sitio web o una aplicación móvil?

He analizado algunas preguntas similares como esta y esta , pero como soy un desarrollador nuevo en el trabajo con gráficos y Photoshop, no estoy completamente seguro de lo que debo hacer.

¡Hola! ¿Puedes subir una imagen de tu gráfico? También ayudaría si nos dijera por qué las respuestas en esas dos preguntas que menciona no ayudaron. ¿Qué pasos te están dando problemas?
La solución típica es redibujarlo en formato vectorial. Puede haber formas de automatizar eso hasta cierto punto (trazado automático), pero realmente depende de la imagen en particular de la que estemos hablando.
En términos generales, intentaría iniciar el flujo de trabajo al revés: comenzando con información vectorial (es decir, de Illustrator) y llevándola a Photoshop desde allí. La razón por la que un par de comentaristas sugieren que vuelva a dibujar desde cero es que la información de píxeles (PSD) y vector (SVG) son formatos completamente diferentes. EDITAR: Aquí hay un buen artículo sobre el tema: 1stwebdesigner.com/design/pixel-vector-graphics-difference

Respuestas (1)

Bueno, hay dos métodos para convertir su imagen rasterizada en una imagen vectorial.

  1. Abre tu diseño en Adobe Illustrator y selecciónalo, ahora obtendrás algunas opciones debajo de la barra de menú principal "Image Trace" . Haga clic en ese botón y su imagen estaría en vector.
    Nota: Su diseño debe estar en alta resolución para convertirlo en vector, de lo contrario no funcionará. Aún necesitaría refinar los bordes del diseño para que se vea igual que antes,
    como se ve en esta imagen. El diseño está en forma de trama y está seleccionado y una opción en un círculo azul.
  2. Tendrás que volver a dibujarlo.

Soy usuario de Adobe Illustrator CS 6 y esta respuesta se basa en esa versión.

Como Tester mencionó anteriormente, lo volvería a dibujar en Illustrator. Importe la imagen a Illustrator y configure la capa como plantilla, esto hará que la imagen se desvanezca un poco para que pueda ver sus contornos. El redibujar. Perdería mucho tiempo con la herramienta Trace. Juega un poco con él, pero tus resultados mejorarán mucho si solo lo vuelves a dibujar. También se verá mejor.