Trabalhar com SVGs no Adobe Captivate

No painel Propriedades visuais, o controle deslizante de Largura do conteúdo e o Preenchimento horizontal estão vinculados na seção Alinhamento e Espaçamento. Mover o controle deslizante a partir da esquerda altera o valor de preenchimento esquerdo, e mover o controle deslizante a partir da direita altera o valor de preenchimento direito. A alteração exata é replicada no controle deslizante de Largura do conteúdo quando você altera os valores de Preenchimento horizontal à esquerda ou direita.

Se você deseja adicionar preenchimento na parte superior ou inferior do bloco de conteúdo selecionado, insira os valores desejados para o preenchimento Superior e Inferior alterando os valores no Preenchimento vertical.

Marque a caixa de seleção Altura de ajuste automático para ajustar a altura do bloco de conteúdo para adaptá-lo ao slide.

Mova o controle deslizante Número de ícones para aumentar ou diminuir o número de SVGs. Você pode adicionar, no máximo, quatro SVGs.

Substitua os ícones de SVG clicando nos ícones de pasta. Clique em qualquer pasta e selecione um SVG em Ativos ou no seu computador.

Selecione uma opção de design. As Opções de design apresentam layouts pré-configurados com elementos de design mais limpos a serem aplicados ao bloco de conteúdo de SVG.

Para mais informações, consulte Opções de design no Adobe Captivate.

Na seção Componentes, é possível alterar o seguinte:

• Ícone: essa opção permanece desativada.

Mova o controle deslizante Escala para redimensionar os SVGs sem distorcê-los. Dimensionar significa que os SVGs se ajustam à largura disponível.

• Título: adicione ou remova os títulos dos SVGs.
• Legenda: adicione ou remova as legendas dos SVGs.
  
• Corpo: adicione ou remova o texto do corpo dos SVGs.
  
• Cartão: adicione ou remova o cartão ao redor dos SVGs.

Na guia Plano de fundo da seção Aparência, você pode alterar as configurações de cor no nível do bloco de conteúdo. Adicione a cor do plano de fundo, a borda e aplique uma sombra à borda. Selecione uma cor sólida, um gradiente linear ou radial, ou adicione uma imagem como plano de fundo.

Se você ativou Cartão, você pode alterar as propriedades do cartão, como preenchimento, e adicionar cantos arredondados alterando os valores do raio.

Além disso, adicione uma cor, borda ou sombra do plano de fundo na guia Cartão.

Selecione um cartão de SVG no bloco de conteúdo.

Na seção Componentes, você pode alterar o seguinte:

• Ícone: adicione ou remova o ícone de SVG. Mova o controle deslizante Escala para redimensionar o SVG sem distorcê-lo. Dimensionar significa que o SVG se ajusta à largura disponível.

• Título: adicione ou remova o título do SVG no cartão.
• Legenda: adicione ou remova a legenda do SVG no cartão.
  
• Corpo: adicione ou remova o texto do corpo do SVG no cartão.
  
• Cartão: adicione ou remova o cartão ao redor do SVG.

Se você ativou Cartão, você pode alterar as propriedades do cartão, como preenchimento, e adicionar cantos arredondados alterando os valores do raio.

Além disso, adicione uma cor, borda ou sombra do plano de fundo na guia Cartão.

Selecione um cartão de SVG no bloco de conteúdo.

Após substituir o ícone de SVG padrão, selecione o ícone de SVG. Depois, selecione Ativos e selecione um SVG em Ativos ou no seu computador.

Clique em Substituir ícone.

Selecione o SVG.

No seção Estados, clique em Adicionar para iniciar o submenu Estados. Adicione os estados personalizados do SVG.

Para mais informações, consulte Estados no Adobe Captivate.

Selecione o ícone de pasta na seção Ícone para substituir o SVG em Ativos ou no seu computador.

Vire o SVG horizontalmente ou verticalmente na seção Inverter ícone.

Na seção Aparência, mova o controle deslizante Opacidade para aumentar ou diminuir a transparência do SVG.

Selecione o caminho do SVG e aplique a cor de preenchimento do seletor de Cor sólida para alterar a cor.

Marque a caixa de seleção Ativar clique na caixa delimitadora para tornar o SVG e seu espaço em branco na caixa delimitadora clicáveis no tempo de execução.