Subirla a Storyboard That

Para usuarios avanzados y artistas que usan el Storyboard That

SVG , o gráficos vectoriales escalables , es un archivo de imagen web generado por Adobe Illustrator y otros programas de edición de vectores. Las imágenes que se crean en este formato y se exportan se pueden escalar (aumentar y disminuir de tamaño) sin perder calidad en la imagen. Esto puede ser extremadamente útil para los usuarios que desean la libertad de dimensionamiento libre.

Pasos para exportar un SVG en Illustrator

1. Crea tu imagen deseada en Illustrator.



div class="img-thumbnail">

Haga clic en Archivo> Guardar como y seleccione la opción .svg.

div class="img-thumbnail">

Se abrirá el cuadro de diálogo Opciones de SVG y se le dará la opción de cambiar las opciones de .svg.

* Tenga en cuenta que debe hacer clic en el botón "Más opciones" para ver todos *

div class="img-thumbnail">

Seleccione lo siguiente:

• Perfiles SVG: SVG 1.1
• Tipo: Personalizado
• Subconjunto: Ninguno (Usar fuentes del sistema)
• Ubicación de la imagen: Enlace
• Desmarque las capacidades de edición de Preserve Illustrator
• Propiedades CSS: Atributos de presentación
• Decimal Lugar: 1
• Codificación: Unicode (UTF-8)
• Comprobar: Salida menos elementos
• Desmarcar : incluir datos de segmentación, usar el elemento para Text on Path, Include XMP, y Responsive

¡Ha creado una imagen SVG que ahora puede cargarse en StoryboardThat .com y será escalable y no rasterizada!

SVG coloreables

¿Quieres que partes de tu imagen .svg puedan ser coloreadas , como los personajes y objetos en el Storyboard That? Al incorporar los siguientes códigos HEX en su imagen, podrá acceder a las paletas de colores para esas secciones de su trabajo.

• HEX CODE 1: # 1D7A7C
• CÓDIGO HEXICO 2: # 199119
• HEX CÓDIGO 3: # A51717
• HEX CÓDIGO 4: # B5B51F

* Tenga en cuenta que estos colores aparecerán por defecto en 4 colores básicos (azul, verde, amarillo y rojo) en su imagen. *

Aquí hay un ejemplo:

Este cuadrado tiene los códigos HEX correctos y se carga en Storyboard That.

div class="img-thumbnail">