titles template pro premiere essential cinematic graphics svg

graphics - template - Libros/Tutoriales para aprender SVG



titles premiere template (9)

¿Alguien aquí sabe SVG? Si es así, ¿cómo lo aprendiste?

Cualquier puntero de libros / tutorial será beneficioso. También soy programador, no diseñador, así que quiero aprender algunas habilidades allí también.


En respuesta a su pregunta: Sí, sí sé SVG, o al menos un subconjunto de esto.

Cómo lo aprendí: tenía una tarea específica que quería resolver y SVG parecía el curso más fácil. Era un sistema de mapeo así que necesitaba un pequeño subconjunto de las funciones y luego sacar la imagen como jpg. Para eso utilicé Batik, mirando sus ejemplos, viendo cómo se construyen las imágenes en XML es sorprendentemente útil y haciendo preguntas en foros / listas de correo. También es útil cometer errores, aunque a veces sea frustrante.


Lo aprendí con la especificación: Gráficos vectoriales escalables en W3C . Ver la especificación SVG 1.1 . Un poco seco, pero eso es lo real. También proporcionan muchos enlaces a recursos.
Por supuesto, recomiendo leer la especificación XML primero ... :-) Un poco de conocimiento de JavaScript también puede ayudar.



Un método que quizás desee probar es la experimentación directa. Inkscape es un editor SVG de código abierto que le permite ver y manipular directamente el árbol XML mientras lo edita gráficamente. Entonces, de esta manera, puedes experimentar con cosas y ver cómo afectan el XML que se genera.



El mejor libro de referencia que he visto en SVG es SVG Essentials por J. David Eisenberg. Usé ese libro para aprender SVG. También usé Firefox para ver SVGs e Inkscape para crearlos.


Considero que SVGbasics es un buen punto de partida. En segundo lugar, la elección de Rich para SVG Essentials .

Y para obtener los últimos detalles, debe tener a su alcance la especificación SVG . Según las especificaciones, es una lectura bastante aburrida, pero también contiene una serie de ejemplos.



Lo aprendí desarrollando el software SVG Tiny , principalmente leyendo las especificaciones. SVG Tiny es básicamente un subconjunto de SVG completo y se centra en el uso en teléfonos móviles y otros "dispositivos".

Agregando a los enlaces de respuestas anteriores, KevLinDev tiene un montón de tutoriales amigables para principiantes.

EDITAR: eliminó el enlace de Ikivo Animator, ya que ahora lleva a un tipo de sitio completamente diferente.