Boardnest — Storyboard

Manual do Boardnest

Da importação de um roteiro do Scriptnest, passando pela divisão em cortes e desenho vetorial, até a reprodução e exportação como animatic — acompanhe todo o fluxo de criação de storyboard em telas reais.

6 capítulos / 34 tópicos · 70 capturas de tela

Abrir Boardnest Fazer uma pergunta

1Criação de um novo projeto e vinculação do roteiro

A produção começa com a estruturação do projeto. O Boardnest se integra estreitamente à ferramenta de roteirização Scriptnest, permitindo uma transição perfeita do texto para o visual.

Iniciando e gerenciando o projeto

Criando um novo projeto#

Clique no botão “Criar novo projeto” no canto superior direito da tela de lista de projetos.

Figura 1.1: Botão de criação de novo projeto
Figura 1.1: Botão de criação de novo projeto

Definindo o nome do projeto#

Digite o nome do projeto na caixa de diálogo e selecione “Criar”.

Figura 1.2: Tela de definição do nome do projeto
Figura 1.2: Tela de definição do nome do projeto

Acessando a tela de gerenciamento#

Clique em “Abrir projeto” no cartão do projeto criado para entrar na tela de gerenciamento da estrutura do projeto.

Figura 1.3: Abrindo um projeto
Figura 1.3: Abrindo um projeto
Figura 1.4: Tela de gerenciamento da estrutura do projeto
Figura 1.4: Tela de gerenciamento da estrutura do projeto

Importando o roteiro do Scriptnest

Pressionando o botão de importação do Scriptnest#

Inicie o processo de importação a partir do botão na parte superior da tela.

Figura 1.5: Botão de importação do Scriptnest
Figura 1.5: Botão de importação do Scriptnest

Selecionando o projeto e a linha#

Selecione o projeto e a linha de destino e execute a importação.

Figura 1.6: Selecionando o projeto do Scriptnest
Figura 1.6: Selecionando o projeto do Scriptnest
Figura 1.7: Seleção de linha e execução
Figura 1.7: Seleção de linha e execução

Importação da estrutura concluída#

As informações de cenas e linhas são incorporadas automaticamente ao projeto.

Figura 1.8: Estrutura de linhas importada
Figura 1.8: Estrutura de linhas importada

2Editor de roteiro: estruturando o texto para o visual

No editor de roteiro, você pode editar e estruturar o texto livremente como um “projeto das imagens”.

Operações básicas do editor e importação de texto

Entrando no editor de roteiro#

Pressione o botão “Roteiro” da cena para abrir o editor.

Figura 2.1: Navegando até o editor de roteiro
Figura 2.1: Navegando até o editor de roteiro
Figura 2.2: Tela do editor de roteiro
Figura 2.2: Tela do editor de roteiro

Ferramentas de edição de linha e mudança de atributos#

Com as ferramentas à direita, você pode adicionar ou excluir linhas, reordená-las e alterar atributos como cabeçalho/ação/diálogo.

Figura 2.3: Adicionando, excluindo e reordenando linhas
Figura 2.3: Adicionando, excluindo e reordenando linhas
Figura 2.4: Menu de alteração de atributos de linha
Figura 2.4: Menu de alteração de atributos de linha

Importando arquivo externo#

Compatível com a importação de texto simples (.txt) e do formato padrão ocidental Fountain (.fountain).

Figura 2.5: Carregando arquivo de roteiro externo
Figura 2.5: Carregando arquivo de roteiro externo

Divisão em cortes (manual e automática com IA)

Divisão manual de cortes#

Pressione o ícone de raio para inserir um corte no momento que desejar.

Figura 2.6: Dividindo cortes com o ícone de raio
Figura 2.6: Dividindo cortes com o ícone de raio
Figura 2.7: Inserindo um corte em qualquer posição
Figura 2.7: Inserindo um corte em qualquer posição
Figura 2.8: Configuração de divisão de cortes concluída
Figura 2.8: Configuração de divisão de cortes concluída

Configurações de IA e geração de divisão de cortes#

Conecte uma API (Gemini/ChatGPT/Claude etc.) ou um LLM local para obter sugestões automáticas de divisão de cortes geradas por IA.

Figura 2.9: Caixa de diálogo de configurações de IA
Figura 2.9: Caixa de diálogo de configurações de IA
Figura 2.10: Configurando diversos modelos LLM conectáveis
Figura 2.10: Configurando diversos modelos LLM conectáveis
Figura 2.11: Iniciando a geração de divisão de cortes por IA
Figura 2.11: Iniciando a geração de divisão de cortes por IA
Figura 2.12: IA analisando o roteiro
Figura 2.12: IA analisando o roteiro

Selecionando e aplicando a proposta#

Selecione entre os cortes ideais propostos pela IA após analisar o contexto da cena, e aplique-os.

Figura 2.13: Selecionando a proposta de corte da IA
Figura 2.13: Selecionando a proposta de corte da IA
Figura 2.14: Executando a aplicação da proposta
Figura 2.14: Executando a aplicação da proposta
Figura 2.15: Aplicação da divisão de cortes por IA concluída
Figura 2.15: Aplicação da divisão de cortes por IA concluída

3Gerenciamento do storyboard e uso do “Smart Sync”

O recurso “Smart Sync” sincroniza instantaneamente as alterações do roteiro com os dados de desenho, eliminando a reorganização manual.

Smart Sync e a transição para a tela do storyboard

Indo para o storyboard#

Pressione “Para o storyboard” para mudar de tela.

Figura 3.1: Indo para a tela do storyboard
Figura 3.1: Indo para a tela do storyboard

Executando o Smart Sync#

Pressionar “Smart Sync” gera automaticamente os quadros de desenho (painéis) com base na divisão de cortes do roteiro.

Figura 3.2: Executando o Smart Sync
Figura 3.2: Executando o Smart Sync
Figura 3.3: Lista de painéis de corte sincronizados
Figura 3.3: Lista de painéis de corte sincronizados

Edição detalhada no quadro de cortes

Operações de corte e configuração de duração#

Use os botões à direita para reordenar ou excluir, e o campo de segundos abaixo para definir a duração do corte.

Figura 3.4: Reordenando cortes e definindo a duração
Figura 3.4: Reordenando cortes e definindo a duração

Gerenciamento de status (progresso)#

No lado esquerdo do quadro de cortes, você pode visualizar o status de produção de cada corte.

Figura 3.5: Exibição do status de progresso do corte
Figura 3.5: Exibição do status de progresso do corte

Recurso de comentários de direção#

No ícone de balão de fala no canto inferior esquerdo, você pode inserir comentários de direção para cada corte.

Figura 3.6: Inserindo um comentário de corte
Figura 3.6: Inserindo um comentário de corte

4Tela de desenho: desenho vetorial profissional

O mecanismo de desenho vetorial permite traçar linhas nítidas de alta qualidade que não se degradam ao ampliar, com dados extremamente leves.

Ferramentas de desenho e recursos de suporte ao trabalho

Iniciando a tela e ferramentas de desenho#

Pressione “Desenhar” para iniciar. Caneta, lápis e ajuste de espessura (predefinições/controle deslizante) estão disponíveis.

Figura 4.1: Iniciando a tela de desenho
Figura 4.1: Iniciando a tela de desenho
Figura 4.2: Ferramentas de desenho
Figura 4.2: Ferramentas de desenho
Figura 4.3: Ajustando a espessura da caneta com o controle deslizante
Figura 4.3: Ajustando a espessura da caneta com o controle deslizante

Modo somente caneta (prevenção de toques acidentais)#

Ao usar uma mesa digitalizadora com tela, ative “Somente caneta” para evitar toques acidentais da mão.

Figura 4.4: Ativando o modo somente caneta
Figura 4.4: Ativando o modo somente caneta

Desenho de formas e setas 3D#

Além de linhas retas, círculos e retângulos, você pode desenhar setas 3D para indicar o movimento da câmera ou do assunto.

Figura 4.5: Ferramentas de desenho de linhas e formas
Figura 4.5: Ferramentas de desenho de linhas e formas
Figura 4.6: Ferramenta de seta 3D para direção
Figura 4.6: Ferramenta de seta 3D para direção

Seleção, inversão, cor e onion skin#

Compatível com seleção individual de linhas ou seleção por laço, função de inversão, ajustes de cor/opacidade e exibição de grade/onion skin.

Figura 4.7: Diversas ferramentas de seleção
Figura 4.7: Diversas ferramentas de seleção
Figura 4.8: Inversão horizontal e vertical
Figura 4.8: Inversão horizontal e vertical
Figura 4.9: Paleta de cores e ajuste de opacidade
Figura 4.9: Paleta de cores e ajuste de opacidade
Figura 4.10: Exibição de grade e onion skin
Figura 4.10: Exibição de grade e onion skin

Exibição de referência de movimento de câmera#

Exibe um guia 3D na tela para o tamanho do plano (8 níveis como Waist e CU) e o ângulo (em incrementos de 45°), permitindo decalcar.

Figura 4.11: Exibição da diretriz de movimento de câmera
Figura 4.11: Exibição da diretriz de movimento de câmera
Figura 4.12: Especificando o ângulo (em incrementos de 45°)
Figura 4.12: Especificando o ângulo (em incrementos de 45°)
Figura 4.13: Especificando o tamanho do plano (enquadramento)
Figura 4.13: Especificando o tamanho do plano (enquadramento)

Gerenciamento de camadas e verificação de ação/diálogo#

Você pode adicionar camadas ilimitadas. A ação aparece na parte superior da tela e o diálogo na parte inferior.

Figura 4.14: Recurso multicamadas
Figura 4.14: Recurso multicamadas
Figura 4.15: Áreas de verificação de ação/diálogo na parte superior e inferior da tela
Figura 4.15: Áreas de verificação de ação/diálogo na parte superior e inferior da tela

Referência de atalhos e sugestões de direção por IA#

O ícone “?” permite consultar os atalhos de teclado. “Sugestão de IA” gera automaticamente instruções de enquadramento e direção.

Figura 4.16: Tela de referência de teclas de atalho
Figura 4.16: Tela de referência de teclas de atalho
Figura 4.17: Recurso de sugestão de direção por IA
Figura 4.17: Recurso de sugestão de direção por IA
Figura 4.18: Sugestões de direção e composição geradas por IA
Figura 4.18: Sugestões de direção e composição geradas por IA

5Assistência de desenho por IA (conversão automática para SVG)

As imagens geradas por IA são convertidas automaticamente para o formato vetorial SVG, podendo ser usadas como material de camada livremente retocável e redimensionável.

Configuração e processo de aplicação da geração de imagens por IA

Tela de configurações da IA de geração de imagens#

Pressione o ícone ao lado de “Gerar com IA” no canto superior direito para abrir a tela de configurações e conectar uma API.

Figura 5.1: Abrindo as configurações de geração de imagens por IA
Figura 5.1: Abrindo as configurações de geração de imagens por IA
Figura 5.2: Conexão de API (Gemini / ChatGPT / ComfyUI etc.)
Figura 5.2: Conexão de API (Gemini / ChatGPT / ComfyUI etc.)
Figura 5.3: Selecionando o modelo a ser usado
Figura 5.3: Selecionando o modelo a ser usado

Configurações de precisão de conversão SVG e tradução#

Escolha a resolução e a sensibilidade de detecção de linhas para a conversão vetorial. Para ComfyUI e similares, recomendamos marcar “Traduzir para o inglês”.

Figura 5.4: Configurações de conversão SVG (resolução e precisão de extração de linhas)
Figura 5.4: Configurações de conversão SVG (resolução e precisão de extração de linhas)
Figura 5.5: Tradução automática do prompt para o inglês
Figura 5.5: Tradução automática do prompt para o inglês

Configurações de prompt, personagens e estilo#

Selecione os personagens presentes e um estilo artístico (ilustração, anime etc.), edite o prompt e gere.

Figura 5.6: Painel de configurações de geração de imagens
Figura 5.6: Painel de configurações de geração de imagens
Figura 5.7: Ativando personagens
Figura 5.7: Ativando personagens
Figura 5.8: Especificando o estilo artístico
Figura 5.8: Especificando o estilo artístico
Figura 5.9: Editando o prompt e executando a geração
Figura 5.9: Editando o prompt e executando a geração

Adicionando a imagem SVG gerada à tela e salvando#

Revise a imagem SVG gerada, pressione “Adicionar à camada selecionada” para posicioná-la, ajuste a posição e o tamanho com a ferramenta de seleção total e salve.

Figura 5.10: Revisando o resultado SVG e adicionando à camada
Figura 5.10: Revisando o resultado SVG e adicionando à camada
Figura 5.11: Ajuste fino de tamanho e posição com a ferramenta de seleção total
Figura 5.11: Ajuste fino de tamanho e posição com a ferramenta de seleção total
Figura 5.12: Salvando as alterações
Figura 5.12: Salvando as alterações
Figura 5.13: Recurso de salvamento automático (botão Voltar)
Figura 5.13: Recurso de salvamento automático (botão Voltar)
Figura 5.14: Refletido no painel do corte
Figura 5.14: Refletido no painel do corte

6Pré-visualização, exportação e gerenciamento de progresso

Compatível com a direção animada entre várias telas, reprodução em tempo real no navegador e exportação com um clique para PDF ou vídeo (MP4/WEBM).

Configurações de animação da tela

Adicionando e reordenando telas#

Você pode adicionar, duplicar, excluir e reordenar várias telas.

Figura 6.1: Adicionando, duplicando e excluindo telas
Figura 6.1: Adicionando, duplicando e excluindo telas
Figura 6.2: Reordenando telas
Figura 6.2: Reordenando telas

Animação de câmera (pan e zoom)#

Os ícones inferiores permitem configurar zoom in/out, pan e fade in/out.

Figura 6.3: Configurações de animação de direção de câmera
Figura 6.3: Configurações de animação de direção de câmera
Figura 6.4: Configurando o quadro de destino do zoom
Figura 6.4: Configurando o quadro de destino do zoom

Pré-visualização de animatic em tempo real e diversas exportações

Pré-visualização de animatic em tempo real#

Pressionar “Reproduzir pré-visualização” reproduz um vídeo que reflete a duração e a animação de cada corte, incluindo uma reprodução simplificada do diálogo.

Figura 6.5: Executando a reprodução de pré-visualização
Figura 6.5: Executando a reprodução de pré-visualização
Figura 6.6: Tela de reprodução de vídeo de pré-visualização em tempo real
Figura 6.6: Tela de reprodução de vídeo de pré-visualização em tempo real

Exportação de vídeo (MP4 / WEBM)#

Em “Exportar vídeo”, selecione o formato de vídeo desejado para baixar.

Figura 6.7: Exportando no formato de vídeo (MP4/WEBM)
Figura 6.7: Exportando no formato de vídeo (MP4/WEBM)

Exportação para PDF#

Gera um PDF de storyboard padrão pronto para impressão, que pode ser compartilhado imediatamente no set.

Figura 6.8: Exportando no formato PDF
Figura 6.8: Exportando no formato PDF

Taxa de progresso e monitoramento geral#

Na parte inferior da tela de gerenciamento da estrutura do projeto, você pode ver a taxa de progresso geral e reproduzir ou exportar tudo de uma vez.

Figura 6.9: Gráfico de taxa de progresso e área de ações em lote
Figura 6.9: Gráfico de taxa de progresso e área de ações em lote

Se tiver dúvidas

Talvez outra pessoa tenha enfrentado a mesma dificuldade. Faça perguntas ou publique sugestões na comunidade.

Ver a comunidade