Como fazer quadro de música do Spotify personalizado no Canva

É possível fazer um quadro de música do Spotify personalizado com o Canva. O editor online permite criar imagens com QR codes que, quando escaneados, direcionam para músicas hospedadas na plataforma de streaming. Os usuários ainda podem personalizar o projeto para que ele inclua fotos pessoais em vez da arte do álbum da música em questão, o que faz do quadro interativo do Spotify uma boa opção de presente para casais, amigos ou familiares. Também é possível vender os designs customizados e obter uma fonte de renda extra.

🔎 Spotify: 6 truques diferentes que você deveria testar agora

O código adicionado ao quadro é obtido por meio do site Spotify Codes — de resto, toda a construção do quadro é feita por meio da versão gratuita do Canva. O procedimento pode ser feito tanto na versão para computador quanto na versão mobile do editor. No tutorial a seguir, veja como gerar o código e fazer um quadro de música do Spotify no Canva.

1 de 37 Tutorial ensina como fazer quadro de música do Spotify personalizado no Canva; veja passo a passo — Foto: Gabriel Pereira/TechTudo

Tutorial ensina como fazer quadro de música do Spotify personalizado no Canva; veja passo a passo — Foto: Gabriel Pereira/TechTudo

📝 Qual o melhor app gratuito para editar fotos? Opine no Fórum do TechTudo

Como gerar código do Spotify

Passo 1. Antes de tudo, é preciso gerar o código da música com a qual você quer produzir o quadro. Para isso, acesse o web player do Spotify, abra a música desejada e clique nos três pontos das configurações. Depois, repouse o mouse sobre "Compartilhar" e, por fim, selecione "Copiar link da música";

2 de 37 É possível copiar facilmente o link de qualquer música do Spotify — Foto: Reprodução/Gabriel Pereira

É possível copiar facilmente o link de qualquer música do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 2. Em seguida, acesse o site Spotify Codes (https://www.spotifycodes.com/), cole o link na caixa de texto e clique em “Get Spotify Code'';

3 de 37 Spotify Code gera códigos de músicas disponíveis no Spotify — Foto: Reprodução/Gabriel Pereira

Spotify Code gera códigos de músicas disponíveis no Spotify — Foto: Reprodução/Gabriel Pereira

Passo 3. Na opção “Bar color”, o usuário pode escolher se o código será da cor branca ou preta. É interessante selecionar uma cor que combine com o estilo do quadro que você vai produzir;

4 de 37 Opção "Bar Color" permite customizar a cor de fundo do código do Spotify — Foto: Reprodução/Gabriel Pereira

Opção "Bar Color" permite customizar a cor de fundo do código do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 4. Também é possível determinar o tamanho da barra na opção “Size” e escolher o formato da imagem por meio da opção “Format”;

5 de 37 Usuário pode alterar, se necessário, o tamanho em píxels do código do Spotify — Foto: Reprodução/Gabriel Pereira

Usuário pode alterar, se necessário, o tamanho em píxels do código do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 5. Finalizadas as edições, clique em “Download” para baixar a imagem do código.

6 de 37 Botão "Download" permite baixar seu código do Spotify — Foto: Reprodução/Gabriel Pereira

Botão "Download" permite baixar seu código do Spotify — Foto: Reprodução/Gabriel Pereira

Como fazer um quadro personalizado do Spotify

Passo 1. Na tela inicial do Canva, clique em “Criar um design" e escolha a opção de tamanho personalizado;

7 de 37 Canva permite que usuário crie um design do tamanho que desejar — Foto: Reprodução/Gabriel Pereira

Canva permite que usuário crie um design do tamanho que desejar — Foto: Reprodução/Gabriel Pereira

Passo 2. Altere a unidade de medida px (pixels) para cm (centímetros), escolha o tamanho 10 x 15 e clique em “Criar novo design”;

8 de 37 Canva permite customizar tamanho do projeto em centímetros — Foto: Reprodução/Gabriel Pereira

Canva permite customizar tamanho do projeto em centímetros — Foto: Reprodução/Gabriel Pereira

Passo 3. As margens serão necessárias para este projeto. Caso seu Canva não mostre esse recurso, vá em “Arquivo”, posicione o mouse sobre a opção “Configurações de Visualização” e clique em “Mostrar margens”;

9 de 37 Canva permite definir margens nos projetos — Foto: Reprodução/Gabriel Pereira

Canva permite definir margens nos projetos — Foto: Reprodução/Gabriel Pereira

Passo 4. Em seguida, vá na opção “Cor”, presente na parte superior esquerda da tela, e selecione a cor de fundo do quadro;

10 de 37 Usuário tem à disposição a paleta de cores do Canva para definir a cor de fundo do quadro — Foto: Reprodução/Gabriel Pereira

Usuário tem à disposição a paleta de cores do Canva para definir a cor de fundo do quadro — Foto: Reprodução/Gabriel Pereira

Passo 5. No menu lateral, clique em “Elementos”, desça a barra de rolagem lateral até a opção “Quadros” e selecione “Ver tudo”;

11 de 37 Menu de Elementos do Canva tem diversas opções — Foto: Reprodução/Gabriel Pereira

Menu de Elementos do Canva tem diversas opções — Foto: Reprodução/Gabriel Pereira

Passo 6. Procure por um quadrado e clique para adicioná-lo ao projeto. Feito isso, arraste o quadrado para a parte superior esquerda da margem, clique sobre o ponto presente na parte inferior direita do formato e arraste até o quadrado atingir o limite máximo da margem;

12 de 37 Usuário deve expandir o quadrado para continuar com a confecção do quadro interativo do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Usuário deve expandir o quadrado para continuar com a confecção do quadro interativo do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Passo 7. Selecione “Uploads” no menu lateral e clique em “Fazer upload de arquivos”;

13 de 37 É possível enviar fotos, vídeos e áudios para o Canva por meio do botão "Fazer upload de arquivos" — Foto: Reprodução/Gabriel Pereira

É possível enviar fotos, vídeos e áudios para o Canva por meio do botão "Fazer upload de arquivos" — Foto: Reprodução/Gabriel Pereira

Passo 8. Busque pela imagem do código baixado anteriormente e pela foto que deseja adicionar ao quadro. Selecione ambas e clique em “Abrir”;

14 de 37 É possível fazer upload de mais de um arquivo para o Canva simultaneamente — Foto: Reprodução/Gabriel Pereira

É possível fazer upload de mais de um arquivo para o Canva simultaneamente — Foto: Reprodução/Gabriel Pereira

Passo 9. Identifique a imagem que deseja dar destaque no quadro e dê um clique para adicioná-la ao projeto. Feito isso, arraste a foto para o quadro. A imagem irá se encaixar automaticamente ao formato;

15 de 37 Canva permite que as imagens sejam adicionadas com um clique ou arrastadas para o projeto — Foto: Reprodução/Gabriel Pereira

Canva permite que as imagens sejam adicionadas com um clique ou arrastadas para o projeto — Foto: Reprodução/Gabriel Pereira

Passo 10. Em seguida, dê um clique sobre a imagem do código e posicione-a abaixo da foto de destaque;

16 de 37 Código do Spotify posicionado no design do Canva — Foto: Reprodução/Gabriel Pereira

Código do Spotify posicionado no design do Canva — Foto: Reprodução/Gabriel Pereira

Passo 11. Selecione a opção “Textos” no menu lateral e clique em “Insira um subtítulo”;

17 de 37 Botão para inserir um subtítulo em destaque no Canva — Foto: Reprodução/Gabriel Pereira

Botão para inserir um subtítulo em destaque no Canva — Foto: Reprodução/Gabriel Pereira

Passo 12. Escreva o nome da música escolhida e posicione abaixo do código;

18 de 37 Nome da canção deve estar alinhado à margem do quadro com música do Spotify — Foto: Reprodução/Gabriel Pereira

Nome da canção deve estar alinhado à margem do quadro com música do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 13. Dê um clique com o botão direito sobre o nome da música e selecione "Duplicar";

19 de 37 Botão para duplicar elementos em destaque; também é possível duplicar os itens do Canva com o atalho "Ctrl + D" — Foto: Reprodução/Gabriel Pereira

Botão para duplicar elementos em destaque; também é possível duplicar os itens do Canva com o atalho "Ctrl + D" — Foto: Reprodução/Gabriel Pereira

Passo 14. Posicione a caixa de texto logo abaixo do nome da música, diminua a fonte para 12, remova o negrito e, por fim, escreva o nome do artista. Após isso, clique novamente no nome da música e troque a fonte para "Clear Sans Bold";

20 de 37 Personalização de texto do quadro de música do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Personalização de texto do quadro de música do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Passo 15. Agora, para adicionar a barra de progresso da música, selecione a opção “Elementos” no menu lateral e clique sobre a linha presente no grupo “Linhas e formas” para acrescentá-la ao projeto;

21 de 37 Linha inserida no Canva servirá como barra de progresso das músicas — Foto: Reprodução/Gabriel Pereira

Linha inserida no Canva servirá como barra de progresso das músicas — Foto: Reprodução/Gabriel Pereira

Passo 15. Arraste a linha para pouco abaixo do nome do artista. Clique nos círculos presentes nas extremidades da linha e arraste-os até o limite da margem;

22 de 37 Círculos das extremidades da linha servem para auxiliar o movimento de arrastar e aumentar o comprimento do ícone — Foto: Reprodução/Gabriel Pereira

Círculos das extremidades da linha servem para auxiliar o movimento de arrastar e aumentar o comprimento do ícone — Foto: Reprodução/Gabriel Pereira

Passo 16. Clique sobre a linha com o botão direito e selecione a opção “Duplicar”. A linha duplicada representará o progresso da música;

23 de 37 Menu de opções e atalho "Ctrl + D" permitem duplicar os itens no Canva — Foto: Reprodução/Gabriel Pereira

Menu de opções e atalho "Ctrl + D" permitem duplicar os itens no Canva — Foto: Reprodução/Gabriel Pereira

Passo 17. Diminua o tamanho da barra conforme seu gosto e troque a cor para cinza. Após isso, posicione a barra para que ela fique sobreposta à barra maior;

24 de 37 Barra cinza deve ficar sobreposta à barra branca para criar efeito de progresso da música no quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Barra cinza deve ficar sobreposta à barra branca para criar efeito de progresso da música no quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 18. Ainda na opção “Elementos”, no menu lateral, clique no círculo localizado no grupo “Linhas e Formas”;

25 de 37 Círculo adicionado ao quadro de música do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Círculo adicionado ao quadro de música do Spotify no Canva — Foto: Reprodução/Gabriel Pereira

Passo 19. Reduza o tamanho do círculo e troque sua cor para o mesmo cinza da barra de progresso. Em seguida, posicione o círculo no final da barra cinza;

26 de 37 Cor do circulo deve combinar com a linha de progresso feita pelo Canva — Foto: Reprodução/Gabriel Pereira

Cor do circulo deve combinar com a linha de progresso feita pelo Canva — Foto: Reprodução/Gabriel Pereira

Passo 20. Duplique o nome do artista e posicione-o abaixo da barra de progresso. Substitua o nome duplicado pelo tempo aproximado da música e, após isso, diminua a fonte para 10;

27 de 37 Barra de ferramentas do Canva permite diminuir tamanho da fonte do texto de tempo inicial da música — Foto: Reprodução/Gabriel Pereira

Barra de ferramentas do Canva permite diminuir tamanho da fonte do texto de tempo inicial da música — Foto: Reprodução/Gabriel Pereira

Passo 21. Duplique a caixa de texto com o tempo aproximado da música e mova-a para a outra extremidade. Substitua a numeração pelo tempo total da música;

28 de 37 Tempo de duração da música deve estar alinhado à direita do quadro — Foto: Reprodução/Gabriel Henrique

Tempo de duração da música deve estar alinhado à direita do quadro — Foto: Reprodução/Gabriel Henrique

Passo 22. Na barra de pesquisa presente da seção de Elementos, busque por “Player” e clique em “Ver tudo” no grupo “Elementos gráficos”;

29 de 37 Pesquisa por "Player" na busca de elementos do Canva — Foto: Reprodução/Gabriel Pereira

Pesquisa por "Player" na busca de elementos do Canva — Foto: Reprodução/Gabriel Pereira

Passo 23. Escolha o elemento gráfico de player que mais lhe chamar a atenção para adicioná-lo ao projeto. Diminua o tamanho da figura e posicione-a abaixo da barra de progresso;

30 de 37 Posicionando o ícone de player no centro do quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Posicionando o ícone de player no centro do quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 24. Ainda no grupo “Elementos gráficos”, clique no ícone de “aleatório” — caso não encontre, utilize a barra de pesquisas para buscar pelo ícone. Reduza o tamanho do elemento e posicione-o abaixo da duração total da música;

31 de 37 Ícone de reprodução aleatória deve estar alinhado à direita do quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Ícone de reprodução aleatória deve estar alinhado à direita do quadro do Spotify — Foto: Reprodução/Gabriel Pereira

Passo 25. Identifique, no grupo de “Elementos gráficos”, o ícone de "avançar" e clique sobre ele;

32 de 37 Ícone de avançar adicionado ao design do Canva — Foto: Reprodução/Gabriel Henrique

Ícone de avançar adicionado ao design do Canva — Foto: Reprodução/Gabriel Henrique

Passo 26. Troque a cor do ícone para branco, diminua seu tamanho e posicione-o ao lado direito do player;

33 de 37 É possível trocar a cor dos ícones facilmente no Canva — Foto: Reprodução/Gabriel Henrique

É possível trocar a cor dos ícones facilmente no Canva — Foto: Reprodução/Gabriel Henrique

Passo 27. Duplique o ícone e posicione-o no lado esquerdo ao botão de "play". Depois, clique no botão de "rotacionar" abaixo do ícone e gire-o em 180°;

34 de 37 Canva permite rotacionar qualquer elemento — Foto: Reprodução/Gabriel Pereira

Canva permite rotacionar qualquer elemento — Foto: Reprodução/Gabriel Pereira

Passo 28. Por fim, busque por “coração” na barra de pesquisas do Canva e clique no ícone destacado na imagem abaixo. Reduza o tamanho do ícone e posicione-o abaixo do tempo estimado da música;

35 de 37 Ícone de coração adicionado ao design do Canva — Foto: Reprodução/Gabriel Pereira

Ícone de coração adicionado ao design do Canva — Foto: Reprodução/Gabriel Pereira

Passo 29. Agora que seu quadro interativo do Spotify está pronto, clique em "Compartilhar" e, em seguida, em "Baixar";

36 de 37 Botão "Baixar" em destaque no Canva — Foto: Reprodução/Gabriel Pereira

Botão "Baixar" em destaque no Canva — Foto: Reprodução/Gabriel Pereira

Passo 30. Escolha o formato e confirme a ação em "Baixar".

37 de 37 É preciso clicar em "Baixar" para concluir o download do quadro interativo de música do Spotify — Foto: Reprodução/Gabriel Pereira

É preciso clicar em "Baixar" para concluir o download do quadro interativo de música do Spotify — Foto: Reprodução/Gabriel Pereira

Seu quadro de música do Spotify está pronto. Após o download, é possível imprimir a imagem e colocá-la em uma moldura para servir de decoração ou, até mesmo, vender e ganhar um dinheiro extra.

Como colocar música do Spotify no Instagram

O que você está lendo é [Como fazer quadro de música do Spotify personalizado no Canva].Se você quiser saber mais detalhes, leia outros artigos deste site.