Adicionando cores a paleta de cores do Captivate 2017

Quando temos um projeto e necessitamos aplicar as mesmas cores em Formas, nos perguntamos, como colocar esta cor especifica na paleta de cores.

Vou mostrar neste tutorial, como criar e adicionar cores a sua paleta ou trazer de outros softwares como Adobe Illustrator ou Photoshop e atribuir no Adobe Captivate 2017.

Primeiro vamos ao menu Janela > Gerenciador de Amostras como mostra a imagem a seguir.

Sem Título-1a

Assim que aberto o painel Gerenciamento de Cores, teremos opções para carregar uma paleta externa ou salvar uma nova paleta, vejamos a imagem a seguir:

Sem Título-2     Sem Título-salvar

Obs.: Caso queira poderá neste momento carregar paletas de outro software como Adobe Illustrator, basta escolher paletas com extensão .ASE

Para adicionar um valor RGB ou hexadecimal a paleta, basta clicar sobre o ícone Escolher Cor, vejamos a imagem a seguir:

Sem Título-escolher_cor

A seguir, teremos o painel seletor de cores ou poderemos ajustar pelos valores em HSB, RGB e Hexadecimal, caso não entenda os padrões de cores, pesquise por tabela de cores HSB e RGB.

Caso queira um cor especifica exemplo, cor de alguma imagem, basta utilizar o conta gotas.

Sem Título-seletor

Assim que definida a cor, basta adicionar um nome e clicar em Ok para finalizar.

nome da cor

Até o próximo tutorial.

Fabio Oliveira (Fojool)

Como visualizar os paineis, que considera importantes em um projeto.

Como todo software Adobe o Captivate também tem seus paineis de ajuda e propriedades.

Alguns desse painéis não ficam visíveis o tempo todo, precisamos habilita-los para por utilizar seus recursos, estarei mostrando alguns desse paineis que considera importantes, vamos lá.

Para habilitar os painéis, vá ao menu Janela (Window) e escolha o painel desejado, neste caso mostrai o painel Anotações de Slide, vejamos as figura a seguir:

Captura de Tela 2017-10-30 às 15.44.44

Após clicar em Anotações do Slide, vera na parte inferior junto Linha de tempo (Timeline) o painel, vejamos a imagem a seguir:

Captura de Tela 2017-10-30 às 16.36.10

 

 

 

Clicando no sinal de + podemos adicionar as observações nos Slides.

Captura de Tela 2017-10-30 às 16.37.34

Você poderá adicionar comentários para cada Slide, fazendo anotações sobre o slide ou sobre o projeto para os demais desenvolvedores.

Observe que temos também um botão para converter o texto em Audio ou seja, as anotações serão modificadas para Fala, isso e muito bom e importante para a questão

acessibilidade, como eu já venho mencionando a muito tempo, o Captivate tem diversos recursos de acessibilidade por padrão.

Captura de Tela 2017-10-30 às 16.37.34 cópia

No próximo tutorial sobre os painéis, falarei sobre o de Informações do Projeto.

Abraços

Fabio Oliveira (Fojool)

 

Alterando o tamanho de palco em projetos em branco

Como está, espero que bem!

Vamos a mais um tutorial Adobe Captivate 2017, vamos tratar do assunto tamanho de palco, como alterar.

Sempre que iniciamos um novo Projeto Vazio, definimos o tamanho de tela logo no inicio, vejamos a imagem a seguir apontado pela seta.

Captura de Tela 2017-10-20 às 17.39.19

Quando você define o tamanho do palco e depois resolve mudar o tamanho se pergunta, como faço para alterar o tamanho do palco? Muitos fecham o projeto e iniciam um novo.

Vou mostrar que não é preciso encerrar o projeto criado para poder alterar o tamanho de palco.

Com o projeto aberto, clique sobre Modificar > Reescalonar Projeto, vejamos a imagem a seguir:

Captura de Tela 2017-10-20 às 17.32.19

Em seguida, teremos a janela para modificarmos os valores do palco.

Onde temos o circulo sobre os valores, indica valores atuais do palco, caso queira definir um novo valor, poderá alterar por porcentagem % ou Largura ou Altura.

Vejamos a imagem a seguir:

Captura de Tela 2017-10-20 às 17.32.32

Utilize sempre este caminho para fazer alterações no tamanho do palco sem a necessidade de encerrar e criar um novo.

Até um próximo tutorial.

Abraços

 

Fabio Olivieira (Fojool)

 

 

 

 

 

Adobe Captivate 2017 – Criando criando campo Entrade de texto com Ações Avançadas.

Neste vídeo dou continuidade ao vídeo 1, Criando caixa de entrada de texto com Adobe Captivate. Iremos adicionar Ações Avançadas e dando uma maior interatividade e dinâmica no conteúdo desenvolvido com Captivate 2017.

 

Fabio Oliveira – Fojool

Adicionando video do Youtube ao projeto, Captivate 2017

Olá Como está?

Neste tutorial, demonstro em como adicionar um vídeo do youtube em seu projeto Adobe Captivate 2017, sem a utilização de um Widget, player para carregar vídeo do youtube.

Lembrando que, para que o aluno possa visualizar o vídeo, o mesmo deverá estar online conectado uma rede de internet, este processo não levará o vídeo junto com compilação.

 

Tutorial simulação de software Adobe Captivate 2017

Neste tutorial, mostro como criar uma simulação de software como demonstração e treinamento, onde treinamento o aluno sempre terá de interagir para poder avançar para o próximo slide e gerar pontuações.

É uma atividade muito bacana, onde podemos coletar dados do aluno utilizando junto com  SCORM em plataformas LMS.

 

 

Abraços

 

Fabio Oliveira – Fojool

 

Criando campo de texto com validação e atribuindo variável – Parte 2

Nesta segunda parte de como criar um campo de texto, vou ensinar a bloquear o campo para que as pessoas não passem para o proximo slide com um nome vazio.

Iremos bloquear utilizando Ações Avançadas e Variaveis é bem interessante quando começamos a travar ou criar uma maior interatividade em nossos projetos educacionais, fazendo com que as pessoas se engajem, participem mais e não ficar apenas pulando slide por slide.

Abraços.

Fabio Oliveira

Criando campo de texto com validação e atribuindo variável. Parte 1

Olá,

Neste tutorial mostro como construir um campo com entrada de texto e validação ou seja, usuário não poderá prosseguir se não digitar um nome correto no campode texto e tabém como passar o nome digita a um campo de texto utilizando uma variável. Em um próximo tutorial, irei mostrar como atribuir Ações Avançadas com Variável.

Abraços

Fabio Olvieira

Adobe Captivate 2017, Projeto responsivo, tamanho personalizado.

Neste vídeo mostro como criar um projeto responsivo com a criação de tamanho personalizado de tela e também a criação de Fluid Box e ajustes de objstos. Fluid Box em projetos responsivos com Captivate 2017 é uma pratica de melhoria nos tamanhos personalizados em tela, podendo fazer diversos ajustes em objetos dentro da Fluid Box.

Abraços,
Fabio Oliveira