tutorial piktochart: criando - ufscar · 3. criando um infográfico ao entrar no site, clique em...

 TUTORIAL PIKTOCHART: 

Criando infográficos         

Realização: Secretaria Geral de Educação a Distância da Universidade Federal de São Carlos  

2018   

 SUMÁRIO  

1. Introdução  2 2. Criando uma conta 2 3. Criando um infográfico  3 4. File  5 5. Barra lateral (Graphics , Upload, Background, Text, Tools) 5 6. Tools (Charts, Video, Maps)  8 7. Configurações dos textos e blocos 118. Salvar e compartilhar  12

1. Introdução  

O Piktochart é uma ferramenta online que possibilita a criação de infográficos personalizados, de forma fácil  e  sem  exigir  experiências  prévias  com  edições  profissionais.  Você  pode  inserir  figuras,  formas, ícones, imagens e utilizar modelos temáticos gratuitos disponíveis no próprio site. Este tutorial indicará o que você pode fazer com os temas presentes na versão sem custos do Piktochart.  O site pode ser acessado em https://piktochart.com/ .  

2. Criando uma conta  

Para dar início ao uso do recurso, clique em Start For Free (Iniciar Gratuitamente).  

O próximo passo é fazer seu  login via conta Google, Facebook ou fazendo seu cadastro completo utilizando seu e‐mail. 

3. Criando um infográfico  

Ao entrar no site, clique em Create New (Criar Novo) para iniciar a criação de seu infográfico.  

O  próximo  passo  é  escolher  se  deseja  criar  um  Infográfico  (clique  em  Infographic),  uma apresentação (Presentation) ou Pôster (Printable).  Nesse tutorial, a opção é criar um infográfico personalizado. Para tanto, clique em Infographic. 

Você poderá escolher editar um modelo  sem  formatação. Para  isso, clique em Create your own Infographic. 

Ou poderá escolher um modelo disponibilizado pela plataforma, clicando na opção desejada. Em seguida, clique em Use Template. 

Para a opção de criar um modelo em branco, clique em Create a new  Infographic, e conheça as possibilidades de edição. 

4. File  

No canto superior esquerdo você encontrará o menu File, com as seguintes opções:  o Create New: criar um novo modelo; o Duplicate: duplicar seu material; o Download Visual: fazer download como imagem; o Troubleshooting: fazer a restauração de dados salvos. 

5. Barra lateral (Graphics , Upload, Background, Text, Tools)  

Na barra  lateral  localizada na parte superior esquerda do site, você encontrará a opção Graphics. Clique nela se desejar inserir figuras, emoticons e formas (shapes e icons), linhas (lines) ou imagens (photos e photos frames) importadas pelo próprio site. 

Para  inserir uma dessas  figuras, basta clicar na opção desejada e/ou arrastar o  ícone ou  imagem para a página em branco e, então, posicioná‐la e redimensioná‐la conforme desejar. 

O  site  também  disponibiliza  outras  opções  de  edição.  No  item  Uploads,  você  pode  importar imagens  do  seu  próprio  computador.  Para  isso,  clique  em  Browse  Images,  localize‐as  no  seu computador  e  clique  em  Abrir.  Em  seguida,  a  imagem  será  carregada  e  você  também  poderá arrastá‐la para a página em branco. 

Na opção Background você pode colorir o plano de fundo da página. Basta clicar nela e selecionar a cor ou a  textura  com a qual deseja  fazer o preenchimento,  considerando as opções disponíveis. Você também pode, na escala disponível, definir o grau de opacidade da textura. 

Na  opção  Text,  você  pode  inserir  caixas  de  texto  para  títulos  e  subtítulos.  Além  disso,  há  a possibilidade de escolher o formato, o tamanho e o redimensionamento das letras e dos títulos dos textos. Uma opção disponível é a utilização do Text Frame, que se refere a um  formato de texto personalizado com molduras (texto editável).  

6. Tools (Charts, Video, Maps)  

Para inserir gráficos, mapas, linhas e vídeos, clique na opção Tools.  

Veja como inserir um Gráfico: 

o Ao  clicar  em  Charts,  surgirá  uma  nova  janela.  Selecione,  nas  opções  à  esquerda,  o  tipo  de gráfico entre as opções disponíveis: barras horizontais, barras verticais, curvas, pirâmide, pizza, entre outros. 

o Na imagem a seguir, foi selecionada a opção Vertical Bar (barra vertical).  

o Na  planilha  à  direita  você  pode  configurar  o  gráfico  colocando  as  informações  desejadas. O procedimento é semelhante ao do programa Microsoft Excel.  

 o Você pode digitar um nome para o gráfico e para as retas X e Y.  

 o No  ícone  de  engrenagem  (configurações),  você  faz  as  configurações  de  legenda,  cor,  entre 

outras. Quando o gráfico estiver pronto, clique em Insert Chart para inseri‐lo na página. Todas essas opções estão indicadas na figura a seguir: 

Você  também  pode  inserir  vídeos  no  seu  infográfico.  Para  tanto,  coloque  na  caixa  de  busca  da janela o link do vídeo no Youtube. Em seguida, clique em Insert.  

Se desejar  inserir mapas no  seu  infográfico,  clique na opção Maps. Em  seguida, escolha o mapa desejado dentre as opções disponíveis, na  lateral esquerda da página. Clique em Insert Map para inseri‐lo na página. 

7. Configurações dos textos e blocos  

Você encontrará também as seguintes informações na barra de edição no topo da página:  

  Ao clicar em um dos blocos aparecerão ao lado esquerdo diversas opções como: 

o Adicionar um novo bloco (ícone de +); o Mover para cima ou para baixo o bloco selecionado (flecha para baixo); o Clonar (ícone de divisão de blocos); o Excluir (ícone de x); o Na opção Settings (ícone de engrenagem), você pode configurar o tamanho do bloco.  

 8. Salvar e compartilhar 

Depois de todas as informações inseridas (imagens, mapas, ícones, textos, gráficos e outras) no seu infográfico, você pode fazer o download da imagem ou compartilhá‐la. 

  Primeiramente,  clique em Preview para visualizar  seu  trabalho  final. Caso não deseje  fazer mais 

alterações, clique em Download para baixar o arquivo. 

Para  compartilhar  virtualmente  seu  infográfico,  clique  em  Share  e escolha  a opção Anyone  can view the sharing link (modo público).

Abaixo  aparecerá  um  link  pelo  qual  você  poderá  compartilhar  o  infográfico  produzido  em  seu website ou em um blog, copiando o código.