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
- Crea tu imagen deseada en Illustrator.
* Tenga en cuenta que debe hacer clic en el botón "Más opciones" para ver todos *
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.
Los colores cambian a los valores predeterminados en la paleta de colores, pero ahora existe la opción de cambiar los colores de esas secciones.
Como puede ver, puede acceder a la paleta de colores, o incluso seleccionar colores personalizados , presionando la flecha hacia abajo.
¡Ahora puedes llevar tus gráficos más lejos y mejorar tus guiones gráficos!
Cómo subir un SVG a Storyboard That
¿Cómo usar imágenes SVG en actividades interactivas en el aula?
Integra imágenes SVG en tus lecciones para involucrar a los estudiantes con visuales dinámicos. Los SVG mantienen una alta calidad en cualquier tamaño, lo que los hace ideales para pizarras, folletos y tareas digitales.
Elige una actividad que se beneficie de los visuales
Selecciona una lección —como narración de historias, diagramas científicos o problemas matemáticos— donde los visuales ayuden a los estudiantes a comprender conceptos más fácilmente. ¡Las ayudas visuales aumentan el compromiso y la comprensión!
Descarga o crea SVGs adaptados a tu tema
Busca o diseña imágenes SVG que se ajusten a las necesidades de tu lección. Usa recursos gratuitos o crea gráficos personalizados en Illustrator para cumplir tus objetivos. Los visuales personalizados hacen que el aprendizaje sea personal e inolvidable.
Sube SVGs a Storyboard That o a tu plataforma de aprendizaje
Importa tus archivos SVG en Storyboard That, Google Slides o tu herramienta digital de aula. La mayoría de las plataformas soportan SVGs para imágenes nítidas y escalables. Esto asegura que los visuales se vean geniales en cualquier dispositivo.
Anima a los estudiantes a interactuar y personalizar SVGs
Permite que los estudiantes cambien colores, añadan etiquetas o modifiquen formas SVG en la actividad. La edición interactiva fomenta la creatividad y una comprensión más profunda.
Share and discuss student creations
Showcase student work by displaying their customized SVGs in class or online. Invite feedback and celebrate creative solutions. This builds confidence and a collaborative classroom culture.
Preguntas frecuentes sobre cómo subir un SVG a Storyboard That
¿Cómo exporto un archivo SVG desde Adobe Illustrator para usar en Storyboard That?
Para exportar un SVG desde Adobe Illustrator para Storyboard That, crea tu imagen, ve a Archivo > Guardar como, selecciona .svg como formato, ajusta las Opciones SVG (SVG 1.1, tipo personalizado, enlaza imágenes y desmarca las casillas innecesarias), luego haz clic en Aceptar. Tu SVG estará listo para subir y será totalmente escalable.
¿Cuáles son las mejores configuraciones de exportación SVG para la compatibilidad con Storyboard That?
Para Storyboard That, usa estas configuraciones de exportación SVG: Perfil SVG 1.1, Tipo Personalizado, Subconjunto Ninguno, Ubicación de la imagen Enlace, Propiedades CSS atributos de presentación, Codificación Unicode (UTF-8), Decimales 1, y asegúrate de desmarcar las opciones de edición y respuesta como se indica en la guía.
¿Cómo puedo hacer que partes de mi imagen SVG sean coloreables en Storyboard That?
Para hacer que las secciones SVG sean coloreables, aplica estos códigos HEX a los rellenos de los objetos: #1D7A7C (azul), #199119 (verde), #A51717 (rojo), #B5B51F (amarillo). Storyboard That reconoce estas áreas como modificables en color, permitiendo a los usuarios escoger nuevos colores desde la paleta.
¿Por qué debería usar imágenes SVG en lugar de imágenes rasterizadas en Storyboard That?
Las imágenes SVG son escalables y mantienen alta calidad en cualquier tamaño, a diferencia de los formatos rasterizados (por ejemplo, PNG, JPEG) que pueden pixelarse. Los SVGs ofrecen flexibilidad para redimensionar, editar y colorear—haciendo que sean ideales para historias y gráficos personalizados.
¿Qué hacen los códigos HEX colorables predeterminados en las cargas SVG de Storyboard That?
Los códigos HEX predeterminados (#1D7A7C, #199119, #A51717, #B5B51F) indican a Storyboard That qué áreas de un SVG son coloreables. Cuando se suben, estas secciones aparecen en azul, verde, rojo o amarillo, y los usuarios pueden cambiarlas fácilmente usando la paleta de colores o la herramienta de colores personalizados.
© 2025 - Clever Prototypes, LLC - Reservados todos los derechos.
StoryboardThat es una marca registrada de Clever Prototypes , LLC y registrada en la Oficina de Patentes y Marcas de EE. UU.