Para usuários avançados e artistas que usam Storyboard That
O SVG , ou Scalable Vector Graphics , é um arquivo de imagem da Web gerado pelo Adobe Illustrator e outros programas de edição de vetor. As imagens criadas neste formato e exportadas podem ser dimensionadas (aumentadas e diminuídas em tamanho) sem perder qualidade na imagem. Isso pode ser extremamente útil para usuários que desejam a liberdade de dimensionamento gratuito.
Etapas para exportar um SVG no Illustrator
- Crie sua imagem desejada no Illustrator.
* Por favor note: você deve clicar no botão "mais opções" para ver todos *
Selecione o seguinte:
- Perfis SVG: SVG 1.1
- Tipo: personalizado
- Subconjunto: Nenhum (Use System Fonts)
- Localização da imagem: link
- Desmarque a opção Preservar os recursos de edição do Illustrator
- Propriedades CSS: Atributos de Apresentação
- Lugar Decimal: 1
- Codificação: Unicode (UTF-8)
- Verificar: saída menos <tspan> elementos
- Desmarque a opção : Incluir dados de fatiamento, Usar elemento <textPath> para texto no caminho, incluir XMP e responsivo
Você criou uma imagem SVG que agora pode ser carregada no StoryboardThat .com e será escalonável e não rasterizada!
SVGs coloridos
Deseja que partes da sua imagem .svg possam ser coloridas , como os personagens e objetos no Storyboard That? Ao incorporar os seguintes códigos HEX na sua imagem, você poderá acessar as paletas de cores para essas seções do seu trabalho.
- CÓDIGO HEX 1: # 1D7A7C
- CÓDIGO HEX 2: # 199119
- CÓDIGO HEX 3: # A51717
- CÓDIGO HEX 4: # B5B51F
* Por favor, note: estas cores serão padronizadas para 4 cores básicas (Azul, Verde, Amarelo e Vermelho) na sua imagem. *
Aqui está um exemplo:
Este quadrado tem os códigos HEX corretos e é carregado para o Storyboard That.
As cores mudam para o padrão na paleta de cores, mas agora há a opção de alterar as cores dessas seções.
Como você pode ver, você pode acessar a paleta de cores, ou até mesmo selecionar cores personalizadas , pressionando a seta para baixo.
Agora você pode levar seus gráficos ainda mais e fazer seus storyboards ainda melhores!
Como fazer upload de um SVG para Storyboard That
Como usar imagens SVG em atividades interativas em sala de aula
Integre imagens SVG em suas aulas para envolver os estudantes com visuais dinâmicos. Os SVGs mantêm alta qualidade em qualquer tamanho, tornando-os ideais para quadros brancos, folhetos e tarefas digitais.
Escolha uma atividade que se beneficie de recursos visuais
Selecione uma lição—como narrativa, diagramas de ciência ou problemas de matemática—onde visuais ajudam os estudantes a compreender conceitos mais facilmente. Auxílios visuais aumentam o engajamento e a compreensão!
Baixe ou crie SVGs personalizados para o seu tema
Encontre ou crie imagens SVG que atendam às necessidades da sua aula. Use recursos gratuitos ou crie gráficos personalizados no Illustrator para se adequar aos seus objetivos. Visuais personalizados tornam o aprendizado mais pessoal e memorável.
Faça upload de SVGs na Storyboard That ou na sua plataforma de aprendizagem
Importe seus arquivos SVG na Storyboard That, Google Slides ou na sua ferramenta de sala de aula digital. A maioria das plataformas suporta SVGs para imagens nítidas e escaláveis. Isto garante que os visuais fiquem ótimos em qualquer dispositivo.
Incentive os estudantes a interagir e personalizar SVGs
Permita que os estudantes alterem cores, adicionem rótulos ou modifiquem formas SVG na atividade. Edições interativas promovem criatividade e compreensão aprofundada!
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.
Perguntas frequentes sobre como fazer upload de um SVG para Storyboard That
Como faço para exportar um arquivo SVG do Adobe Illustrator para usar no Storyboard That?
Para exportar um SVG do Adobe Illustrator para o Storyboard That, crie sua imagem, vá em Arquivo > Salvar Como, selecione .svg como formato, ajuste as Opções de SVG (SVG 1.1, tipo personalizado, link de imagens e desmarque caixas desnecessárias), depois clique em OK. Seu SVG estará pronto para upload e totalmente escalável.
Quais são as melhores configurações de exportação de SVG para compatibilidade com o Storyboard That?
Para o Storyboard That, use estas configurações de exportação de SVG: Perfil SVG 1.1, Tipo Personalizado, Subconjunto Nenhum, Localização da Imagem Link, Propriedades CSS Atributos de apresentação, Codificação Unicode (UTF-8), Casas Decimais 1, e certifique-se de desmarcar as opções de edição e responsividade conforme o guia.
Como posso tornar partes da minha imagem SVG coloríveis no Storyboard That?
Para tornar seções de SVG coloríveis, aplique estes códigos HEX às cores de preenchimento dos objetos: #1D7A7C (azul), #199119 (verde), #A51717 (vermelho), #B5B51F (amarelo). O Storyboard That reconhece essas áreas como passíveis de mudança de cor, permitindo que os usuários escolham novas cores na paleta.
Por que devo usar imagens SVG em vez de imagens rasterizadas no Storyboard That?
Imagens SVG são escaláveis e mantêm alta qualidade em qualquer tamanho, ao contrário de formatos raster (por exemplo, PNG, JPEG), que podem ficar pixelados. Os SVGs oferecem flexibilidade para redimensionar, editar e colorir—sendo ideais para storyboards e gráficos personalizados.
O que fazem os códigos HEX padrão de cores em uploads SVG no Storyboard That?
Os códigos HEX padrão (#1D7A7C, #199119, #A51717, #B5B51F) indicam ao Storyboard That quais áreas do SVG são coloríveis. Quando carregados, esses setores aparecem como azul, verde, vermelho ou amarelo, e os usuários podem alterá-los facilmente usando a paleta de cores ou a ferramenta de cores personalizadas.
© 2025 - Clever Prototypes, LLC - Todos os direitos reservados.
StoryboardThat é uma marca registrada da Clever Prototypes , LLC e registrada no Escritório de Marcas e Patentes dos EUA