CONTEÚDO

03
O TUTORIAL E
REQUISITOS

04-08
CANVA:
EVENTO ESPORTIVO
GIF

09
EVENTO CIENTÍFICO

10
DOCUMENTOS E
APRESENTAÇÕES

11-14
ADOBE SPARK POST

15-17
VÍDEO

18
REDES SOCIAIS
O TUTORIAL

Este material foi desenvolvido pela plataforma Vidya de

projetos estudantis em colaboração com a AAAXXJ, da
FCFRP-USP, com o objetivo de apresentar e praticar o

design gráfico através do uso de ferramentas gratuitas e

acessíveis disponíveis em apps e sites.

O tutorial apresenta instruções para a utilização do site

Canva e do app Adobe Spark Post , ambas ferramentas de

design gráfico. Estas são gratuitas, com alguns recursos

pagos não necessários para a realização deste tutorial.

Apresenta também alguns recursos úteis para download de

imagens, áudios e ícones gratuitos necessários para a

confecção das artes.

REQUISITOS
Acesso à internet;

Um computador (Notebook ou Desktop); e

Baixar o app Adobe Spark Post e o YouCut.

VIDYA & AAAXXJ PÁGINA 3

 CANVA

COMO USAR O CANVA?

Antes de tudo, crie uma conta no site . Você pode usar

também o login do Google (Gmail) ou do Facebook.

Vamos fazer dois exercícios, uma divulgação de um evento

esportivo e um científico. Criaremos também um GIF, no

final do evento esportivo!

EVENTO ESPORTIVO
Clique em “criar um Design” e digite “ Redes Sociais” .
As dimensões 800px x 800px, ou 1:1, são reproduzíveis

em todas as redes sociais, como facebook e instagram .

Como iremos fazer um post, e não uma capa de evento

(retangular, 2:1), essas dimensões são perfeitas.

Escolha uma imagem que represente o tema Esportes .

Vá à barra vertical à esquerda e selecione “Elementos”

e digite no campo de busca “Esporte” , selecione uma

imagem e amplie-a até preencher o espaço em branco.

Se quiser cortá-la , clique duas vezes na imagem.

Ajuste a imagem de forma que não tome mais atenção
do que o texto. Há três maneiras de se fazer isto:

1) clique na imagem > na barra superior, selecione

“Filtro” e escolha um, de preferência não muito

vívido;

VIDYA & AAAXXJ PÁGINA 4

 CANVA

2) clique na imagem > Ajustar > diminua um pouco o

brilho > aumente um pouco o desfoque, de forma que

não fique tão desfocado, mas não tão nítido.

3) vá novamente em Elementos > apague o que foi

buscado (“esporte”) > “formas” (todos) > escolha um

quadrado e aumente até preencher o quadro > vá na

barra superior, clique no ícone de xadrez e aumente

a transparência. Escolha uma cor.

Adicione um texto . Vá na barra lateral e clique em

“Texto”. Escolha um que tenha uma fonte minimalista

(Glacial Indifference, Montserrat etc);

Clique na caixa de texto e clique em

“Desagrupar”, na barra superior.

Adapte o texto. Adicione estas frases

separadamente , aumentando ou diminuindo a

letra, mudando o espaçamento e posição :

‘evento’

‘Intracampus’

‘venha participar!’

‘modalidades’

‘futsal, handball, corrida, arremesso de peso,

voleibol’

‘local: cefer’

‘dia 05/11’

VIDYA & AAAXXJ PÁGINA 5

 CANVA

Adicione o logo da atlética. Faça o upload da

imagem em “Uploads” . Depois, vá em E lementos

e procure “Quadros” . Escolha o quadro redondo

e arraste-o para algum canto, de preferência no

centro, abaixo ou acima. Vá em uploads e arraste

o logo da atlética para o quadro.

Pronto. Você acabou de fazer uma imagem

para divulgação!

VIDYA & AAAXXJ PÁGINA 6

 CANVA

GIF
Para criar um gif, é indicado dividir o conteúdo de um

texto comprido ou de uma imagem cheia de conteúdo, como

a anterior. Começaremos por ela.

Clique em “+ Adicionar nova página” . Ela abrirá outro

quadro com o mesmo plano de fundo.

Faça o primeiro slide. O primeiro deverá ser a capa do

gif contendo o texto de chamada, como “Intracampus”
e “Venha participar!” . Adicione também o logo da

atlética. Para copiar e colar, clique em cada texto, vá

em “copiar”, no canto superior direito, e arraste-os ao

novo slide. Lembre-se de centralizar os textos com a

ajuda das linhas roxas que o canva indica ao

movimentar algum elemento!

Adicione cada modalidade a cada slide. Para isso,

coloque “Modalidades” em cima e a modalidade no

centro. Adicione também um ícone referente a

modalidade e, no canto inferior, o logo da atlética.

Há duas formas de fazer isso:

1) Vá em elementos > Procure “esporte” e

selecione a coluna “Elementos” . Adicione um

elemento ao quadro. Se quiser mudar a posição

em relação ao texto, vá em “posição”

VIDYA & AAAXXJ PÁGINA 7

 CANVA

2) Acesse o site flaticon.com (recomendado) e

procure uma das modalidades, em inglês -

"soccer", por exemplo . C lique com o botão

direito em qualquer ícone que não tenha uma

coroa e baixe em formato png . Faça upload para

o canva.

Nos últimos slides , adicione separadamente a

data e o local .
Agora, baixe os slides em formato .png .

Vá ao site gifmaker.me e faça o upload das

imagens. Aumente “Animation speed” para

3000 miliseconds e clique em “Create GIF

Animation” e, por fim, “Download the GIF” .

Pronto! Você acabou de fazer um GIF!

VIDYA & AAAXXJ PÁGINA 8

 CANVA

EVENTO CIENTÍFICO
Para criar um evento ou uma imagem relacionada a

ciência, faça exatamente o mesmo que na seção

"Evento esportivo" e utilize o banco de imagens

Cell Image Library . Lá, você encontrará vídeos e

imagens de células, processos e elementos celulares

super legais para melhorar a estética da sua arte!

Lembre-se de prezar pelo minimalismo!

THE CELL IMAGE

LIBRARY

VIDYA & AAAXXJ PÁGINA 9

 CANVA

APRESENTAÇÕES E
DOCUMENTOS
O canva é perfeito para criar apresentações de slides

e documentos A4 com uma estética realmente bonita.

Da mesma forma que você fez nos exercícios

anteriores, você poderá criar esses documentos a

partir de templates já prontos! Só procurar

"Documento A4" e "Apresentação de slides". Este

tutorial, inclusive, foi feito pelo canva!

Item 1
13%

Item 5
26.1%

G RÁFICOS
Item 2
18.8%

Item 4
25.4% Item 3
16.7%

É possível também criar gráficos visualmente bonitos

pelo canva. Basta procurar, em Elementos, a palavra

"Gráficos" e selecionar o melhor tipo para os seus

dados. Clique no gráfico e vá em 'Editar'. Adicione os

dados e construa seu gráfico!

VIDYA & AAAXXJ PÁGINA 10

 ADOBE SPARK POST

COMO USAR O ADOBE SPARK POST?

O adobe Spark Post é um app ótimo para design rápido e

chique! Os templates são tão bons quanto os do canva e o

app é mais estável e fácil de usar.

Se você pegou o jeito do canva, você será super capaz de

utilizar o adobe spark post para suas artes. Sério, é muito

intuitivo.

APP STORE

GOOGLE PLAY

VIDYA & AAAXXJ PÁGINA 11

 ADOBE SPARK POST

COMEÇANDO
Abra o app;

Crie uma conta na Adobe;

Selecione o ícone "+" , no canto inferior direito. Você pode

usar um template também, mas neste tutorial

começaremos do 0;

Procure uma imagem para plano de fundo ("sports") .

Selecione-a e vá ao botão "Add 1", no canto superior

direito;

Escolha o tamanho ("Choose size") . Para post em redes

sociais, selecione o quadro do Instagram e aperte "Done",

no canto superior direito;

Adicione um texto. Uma caixa de texto aparecerá na

tela. Clique nela e adicione o mesmo texto do evento

feito pelo canva:

‘evento’

‘Intracampus’

‘venha participar!’

‘modalidades’

‘futsal, handball, corrida, arremesso de peso,

voleibol’

‘local: cefer’

‘dia 05/11’

VIDYA & AAAXXJ PÁGINA 12

 ADOBE SPARK POST

Troque a cor em "Color". Escolha branco;

Troque a fonte em "Font". Escolha a fonte "Futura PT",

no grupo de fontes "Clean";

Troque o estilo em "Shape". Escolha a primeira opção

"nenhuma";

Aumente o espaçamento entre as letras em "Spacing".

Escolha 16 e clique em Done;

Adicione os outros textos na opção "+ Add". Aumente ou

diminua a caixa de texto pelos círculos adjacentes à

caixa de texto

Teste todas as opções possíveis de forma,

alinhamento e cores! Mas, lembre-se sempre de

disponibilizar o conteúdo de forma atrativa e minimalista!

Um dos tipos de alinhamento mais interessantes é o

"Magic" , e você deveria usá-lo principalmente quando o

texto não está justificado, como no caso das

modalidades;

Volte à edição da imagem. Clique no plano de fundo e vá

em "Filter" . Selecione a opção "Colorize". Se você clicar

novamente na opção, ele trocará por outra cor dentro

desse filtro!;

Se você não gostar da paleta de cores , vá em "Palette"

e busque a melhor;

Agora, para colocar efeitos cool na imagem e transformá-

la em vídeo ou gif, vá em "Effects" . Neste caso,

usaremos a opção "Pan" em "Image";

Por fim, baixe a imagem

VIDYA & AAAXXJ PÁGINA 13

 ADOBE SPARK POST

Parabéns! Você acabou de fazer

uma imagem de divulgação pelo
Adobe Spark Post!

VIDYA & AAAXXJ PÁGINA 14

 ADOBE SPARK POST

VÍDEO
É possível transformar um gif em um vídeo, com música e

animações. Para isso, siga as etapas:

Volte à tela do spark post "My posts", selecione a imagem

que você acabou de criar e duplique-a em "Duplicate".

Divida o conteúdo igual você fez no canva;

Para adicionar um ícone , o app já disponibiliza vários

ícones ótimos já baixados. Vá em Add > "Icon" e procure

o ícone referente à modalidade;

baixe em formato de vídeo

Refaça todos os slides e os

Baixe o app YouCut (clique aqui);

Adicione os vídeos e defina o tempo de cada slide para

o mais lento possível (4s);

Adicione uma música de fundo:

Vá ao site Free Music Archive (clique aqui) .
Lá, você encontrará músicas gratuitas e

livres de direitos autorais dos mais diversos

gêneros musicais!;

Escolha uma música do gênero "Electronic" e

encontre alguma música do subgênero

"ambiente electronic" e baixe-a;

Faça o upload da música para a edição;

Baixe o vídeo e aguarde um momento;

VIDYA & AAAXXJ PÁGINA 15

 ADOBE SPARK POST

Parabéns! Você acabou de fazer

um vídeo com música de forma
gratuita e rápida!

VIDYA & AAAXXJ PÁGINA 16

 FIM

CURTIU?
SIGA-NOS EM NOSSAS REDES SOCIAIS

AAAXXJ

VIDYA

VIDYA & AAAXXJ PÁGINA 18