Os objetos multiestados no Adobe Captivate podem converter qualquer objeto interativo ou não interativo em um objeto multiestado. Nesta seção, você aprenderá como pode desenvolver uma interação básica de multiestado.

Ativos e amostras

Os procedimentos neste documento exigem o uso de ativos como imagens e arquivos de projeto de amostra do Adobe Captivate. Você pode optar por usar seus próprios ativos e amostras. No entanto, é recomendável baixar e extrair o seguinte arquivo zip no computador:

Multi-state-objects.zip

 

Antes de trabalhar com objetos multiestados no Adobe Captivate, tenha esses pontos em mente:

  • Qualquer objeto pode ter vários estados.
  • Os objetos interativos têm estados inerentes.
  • Você pode personalizar os estados de objetos estáticos e interativos.
  • Os botões e formas inteligentes possuem estados inerentes com estilos associados.

Adicionar estados a um objeto

Vamos adicionar estados a um objeto usando as seguintes etapas:

  1. Abra um projeto em branco.

  2. No menu Slides, adicione um Slide de conteúdo ao seu projeto.

  3. Para adicionar objetos, clique em ativos e adicione um Personagem ao seu slide. Você pode selecionar a exibição do personagem como Close-up, Metade e Inteiro. Vamos renomear o estado como Joe. Da mesma forma, renomeie todos os objetos no seu slide. Para saber mais, consulte Renomear objetos em seu projeto.

    Observação:

    Certifique-se de adicionar ativos usados no seu projeto à Biblioteca do Captivate para que o projeto possa acessá-los.

  4. Inserir um nome para o estado
    Inserir um nome para o estado

    Para adicionar um estado a um objeto, selecione o personagem (Joe) e, no Inspetor de propriedades, clique no ícone + em Estado de objeto. Insira um nome para o estado na caixa de diálogo que é exibida e clique em OK.

  5. Clicar em Visualização de estado para os diferentes estados
    Clicar em Visualização de estado para os diferentes estados

    Na seção Estado de objeto, clique em Visualização de estado para ver todos os estados atuais no seu projeto.

Renomear objetos e estados

Você pode renomear objetos e estados no Adobe Captivate. Ao adicionar um objeto ao projeto, é exibida uma caixa de diálogo. Insira um nome e clique em OK. Para renomear, selecione o objeto e renomeie-o no campo superior do Inspetor de propriedades.

Para renomear um estado, selecione o estado e clique em Visualização de estado no painel propriedades. Na lista de estados, clique com o botão direito do mouse no slide e selecione Renomear estado.

Adicionar vários estados a um objeto

Utilize as seguintes etapas para adicionar vários estados a um objeto no Adobe Captivate:

  1. Adicionar estados no painel Estados de
    Adicionar estados no painel Estados de

    Para adicionar vários estados a um objeto, abra a Visualização de estado e clique na opção +Novo estado no painel Estados de. Renomeie o estado na caixa de diálogo e clique em OK.

  2. Adicione outro personagem no painel Biblioteca do Captivate à esquerda do espaço de trabalho e renomeie-o.

  3. Siga o mesmo procedimento e adicione um terceiro estado. Adicione outro personagem ao slide a partir do painel Biblioteca e renomeie-o como John.

  4. Depois que terminou de adicionar estados, clique em Sair do estado na barra de ferramentas.

Adicionar botões ao seu projeto

Use as seguintes etapas para adicionar botões para navegar e visualizar os estados diferentes:

  1. Adicionar botões ao seu projeto
    Adicionar botões ao seu projeto

    Para  adicionar botões, na barra de ferramentas, clique no menu Interação e selecione Botão.

  2. Selecione o primeiro botão e abra o menu Ações no Inspetor de propriedades.

  3. Ação Alterar estado de
    Ação Alterar estado de

    Clique no campo No êxito e selecione a ação Alterar estado de na lista suspensa. Os estados personalizados dão suporte a objetos estáticos e interativos. Você pode acioná-los através da opção Alterar estado de.

  4. Nas próximas duas listas suspensas, selecione o objeto e o estado esperado que você criou. Certifique-se de desmarcar a opção Continuar reproduzindo o projeto.

Observação:

Se adicionar qualquer Forma inteligente ao slide, converta-a em um botão para ativar a opção Ações no Inspetor de propriedades.

Introdução aos estados do botão

Os diferentes estados do botão na Visualização de estado
Os diferentes estados do botão na Visualização de estado
O Adobe Captivate possui vários estados incorporados que você pode personalizar de acordo com os requisitos. Você pode escolher os diferentes tipos de estados na lista suspensa Estado de objeto e clicar em cada estado.
  • Normal: o estado padrão de um objeto na visualização de estado. Esse é o estado que você vê primeiro quando você reproduz seu projeto.
  • Rolagem: o estado destaca o botão quando o usuário passa o ponteiro do mouse sobre o estado selecionado. Por exemplo, para perguntas do quiz, se houver cinco opções para a resposta correta, o estado de rolagem ajuda a identificar as respostas previamente selecionadas.

Você pode usar formatação diferente para todos os quatro estados do botão. Para alterar a formatação, selecione um botão e use as configurações na seção Caractere do Inspetor de propriedades.

Mantenha o estado ao revisar

Para objetos multiestados, você pode optar por manter o estado ao revisar o slide. Isso é útil quando você está criando uma interação com vários slides envolvidos e deseja que o estado selecionado seja mantido ao revisar o slide. Por exemplo:

  • Utilização dos estados para botões de módulo em um slide de menu personalizado.
  • Utilização dos estados para os elementos Barra de progresso, que são exibidos no resto do projeto.
  • Interação de ramificação em que os alunos precisam retornar para o slide principal para explorar o resto das
  • opções.
  • Quando você estiver usando as ações de Ir para estado anterior e você revisar o slide, o objeto é redefinido para o estado inicial. Com essa opção, você pode iniciar o loop a partir do último estado visitado.

Para manter o estado ao revisar, selecione o objeto multiestado, vá para o Inspetor de propriedades e selecione Manter o status ao revisitar o slide.

Excluir/Redefinir estados

Você pode redefinir as alterações feitas nos estados na Visualização de estados. Clique com o botão direito do mouse e selecione Redefinir estado. Para excluir, selecione Excluir estado.Após terminar as alterações, clique em Sair do estado na barra de ferramentas.

Exemplo: projeto de visualização de cores

Agora que já experimentou como é trabalhar com objetos multiestados no Adobe Captive, vamos criar um interessante projeto de visualização de cores. Neste projeto, os usuários podem verificar qual a aparência da parede com diferentes cores e texturas.

Veja qual a aparência do projeto final:

Select-colours---Captivate

Para criar esse projeto, use as seguintes etapas:

  1. Em um projeto em branco, na barra de ferramentas, clique em Formas para adicionar uma forma de retângulo ao slide.

    Adicionar formas ao seu projeto
    Adicionar formas ao seu projeto
  2. Vamos distribuir as formas em duas seções:

    • Cores
    • Texturas

    Adicione 12 retângulos em cada uma das seções. Para adicionar vários retângulos, crie duplicatas com Cmd+D (Mac) ou Ctrl+D (Win).

  3. Selecione cada retângulo e altere a cor na seção Estilo no Inspetor de propriedades. Use as configurações Preenchimento e Traçado para obter a aparência.

    Configurações de preenchimento no Inspetor de propriedades
    Configurações de preenchimento no Inspetor de propriedades
  4. Adicione a imagem da sala usará para este projeto (baixe os itens adicionados no início deste artigo). Para adicionar, clique em Mídia e selecione Imagem.

    Adicionar imagem ao projeto
    Adicionar imagem ao projeto
  5. Vamos criar multiestados para a imagem. Siga as instruções nas seções Adicionar estados a um objeto e Adicionar vários estados a um objeto. Nomeie os estados de acordo com as opções de cor adicionas ao projeto. Crie os estados iguais às formas totais adicionadas ao projeto.

    screen_shot_2018-05-28at74532pm
  6. Após adicionar estados à imagem, saia da visualização de estado e vincule as formas aos seus respectivos estados. Por exemplo, corresponda a forma azul com o estado Azul. Agora, converta as formas em botões para permitir o vínculo. Selecione uma forma e, no Inspetor de propriedades, selecione a opção Usar como botão na seção Nome do estilo.

    Usar formas como botões
    Usar formas como botões
  7. Siga as etapas na seção Adicionar botões ao projeto para vincular os estados às formas.

  8. Na barra de ferramentas, clique em Visualizar e selecione Projeto na lista suspensa.

  9. Para publicar o projeto, clique em Publicar e escolha entre as diferentes opções de publicação.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online