16/11/2014

Como criar um avatar que fala para colocar no site ou blog

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Comunicando com seus leitores

Uma boa ideia é a comunicação interativa com os seus leitores. Para isso, vamos apresentar neste artigo uma ferramenta integrada e gratuita que cria personagens para servirem como instrumentos motivadores para o seu blog: ora apenas dando boas vindas, ora informando alguma dica ou atividade, ora fazendo o papel de relações públicas do blog. Veja nosso exemplo abaixo:

Com esta ferramenta, você poderá criar personagens (humanos, desenhos, animes, etc.) e personalizá-los da sua maneira, dando-lhe voz através do microfone ou com textos escritos que são transformados em sons em diversas vozes e sotaques .

Depois de criar o avatar poderá adicioná-lo ao seu blog / site ou colocá-lo nos seus perfis de redes sociais. Muito bom, experimente…

Criando seu primeiro avatar interativo

Acesse o site: http://www.voki.com/

1) Clique na guia [Create].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

2) Aguarde alguns instantes. Agora você poderá escolher o seu personagem clicando no botão [Chose Your Character].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

3) Escolha primeiro o gênero do seu personagem:

  • Male = masculino
  • Female = feminino
  • All = todos

No nosso exemplo vamos escolher [Male], ou seja, personagem masculino.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

4) Escolha o tipo de personagem, Classic (humano), Toons (desenho) ou Anime (estilo japonês). No nosso exemplo vamos escolher um tipo Toons.

Depois de definido, clique sobre o personagem que você escolherá.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

5) Agora você poderá determinar as características do seu avatar: tipo de cabelo, tipo de boca, roupa, fundo da tela, etc. Clique no botão

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Nesta fase vamos fazer algumas alterações no nosso exemplo: Primeiro vamos colocar um cavanhaque nele.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Vamos também mudar a roupa do nosso personagem…

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Vamos colocar um óculos bem legal também…

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Abaixo da tela de exibição é possível também configurar a cor (color) e o tamanho (tweak) das características escolhidas para o avatar.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Você também pode modificar a posição do avatar na tela de exibição. Para isso, clique na lupa abaixo da imagem e movimente o avatar através das setas indicadas.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Depois de configurado o seu personagem, clique no botão [Done].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

6) Você poderá também alterar o fundo de tela clicando em [Bacgrounds] e a cor da moldura em [Players].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

No nosso exemplo mudamos o fundo de tela conforme a figura abaixo. Depois de definido o background, clique no botão [Done].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Vamos mudar também a cor da moldura. Depois, clique no botão [Done].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Criando a fala do avatar

Para criar a fala do avatar você poderá utilizar as opções:

  • Gravar o som pelo telefone celular
  • Digitar o texto que o avatar irá falar
  • Gravar a voz usando microfone
  • Pegar um arquivo de música do computador

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

No nosso exemplo vamos usar o modo de texto. Clique no botão com a tecla “T”.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Digite o texto na caixa indicada. Escolha o idioma (language) da pronúncia. No nosso exemplo escolhemos Portuguese, ou seja, Português.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Agora defina a voz (voice) que seu avatar terá. Observe que existem sotaques europeus e do Brasil.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Teste o som da voz, clicando na seta do painel. Faça os ajustes necessários no texto, ou altere o tipo de voz do seu personagem. Tudo pronto, clique em [Done].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Colocando o avatar no blog

Depois de tudo pronto, clique no botão [Publish].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Depois digite o título (nome) do seu avatar e clique no botão [SAVE].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Aguarde alguns instantes. Você verá uma janela para o login. Se você já seja um usuário cadastrado no site Voki, digite seu e-mail e senha e clique no botão [Login].

Caso contrário, crie uma conta clicando no botão [Sign Me Up!]. O cadastro é gratuito e fácil de ser criado. Não esqueça de ativar sua conta através do seu e-mail.

ATENÇÃO: É muito importante você criar uma conta gratuita no Voki. Assim, você poderá salvar seus avatares e utilizá-los ou editá-los quando necessário.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Se você não for cadastrado no site e queira apenas fazer um teste, feche a janela do login.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Escolha o tamanho do avatar. No nosso exemplo vamos escolher Large (300pxX400px).

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Agora copie o código abaixo…

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Se você fez o login – publicar, editar e cancelar

Caso você tenha feito o login, clique no botão [Publish your Voki] para copiar o código.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Escolha o tamanho do avatar e copie o código abaixo…

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

É possível editar ou excluir o avatar, usando os botões [Edit] e [Delete].

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Testar código antes de colocar no blog – #dica

Recomendamos que antes de colar no seu site / blog, teste primeiro no Squids Editor.

Obs.: Para mais informações sobre o Squids Editor leia o artigo: Simulador gratuito para HTML, CSS e JavaScript – visualização em tempo real

Cole o código no lado Código Fonte. Clique no botão [Enviar Código] e teste o seu avatar.

Como criar um avatar que fala para colocar no site ou blog - Visual Dicas

Se tudo funcionou perfeitamente, cole o código no seu site ou blog. Se você não sabe como fazer isso, leia os artigos abaixo:

Como instalar um Widget no seu Blog -(Blogger)

Como inserir Widgets no Wordpress sem a instalação de plugins

Como inserir códigos HTML nas postagens do Blogger

Como inserir códigos HTML nas postagens do Wordpress

byALF

Nenhum comentário:

Postar um comentário