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.
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/C/C/tkOh3JQ0WldeGlavuBug/quadro-musica-spotify.png)
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";
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/x/d/VsmVTjSleMdEbXFNuVtQ/copiar-link.png)
É 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'';
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/j/o/4Or4cfTzaxXmtX5Rl1cw/spotify-code.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/I/b/EpljW4RJWqyEVqFjhpBA/cor-da-barra.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/0/H/4KTPiwQdAyNHUGpoUo2w/size.png)
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.
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/K/g/KOzKhbRxuDMBZleINaSQ/download.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/s/A/yCLI3NQbKkX1VDNoQkfw/2.-novo-desing.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/u/H/UVdaqVTQAyjiAbPhUXDg/3.-medidas.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/T/s/Xd7tvcSbAB3nByoF2dFQ/4.-margens.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/2/v/6Sw5EdS0GuFC310g8oqA/5.-cores.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/0/p/T4QHFITMC8QBFTg8TvcQ/6.-elementos.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/I/8/TKIRFOSrG8SXUBQstduQ/9.-full.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/5/E/Uj5mlITAC5w9KNNwE25Q/10.-upload.png)
É 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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/9/7/e8ghYpSFOELeiSx83i9Q/11.-abrir.png)
É 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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/T/a/0LTDd8QeWpCrSiFyYJTw/captura-de-tela-2023-01-06-214930.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/l/s/vZAsfBRsunb8Z2u5zs7A/codigo.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/3/s/EyeeQeTa61FyB67kKZHQ/15.-subtitulo.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/Z/Q/JHP3yNT4qXzpMSW1CMbA/16.-nome.png)
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";
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/f/6/PfaJUfQ5q1tNB3df6SQw/17.-duplicar.png)
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";
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/a/I/MuGkTmTPKUmLoEGmk4Gw/fonte.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/p/A/CUZSbFSN2Jv0AQMi4vOA/20.-linha.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/A/K/dstNFmTe6OKwKi6cUS8A/22.-extremidades.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/B/g/BaS21eTWuyvE848tfpHQ/23.-duplciar.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/5/4/EyZEfzR2WI7hYWR7Lf6w/cinza.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/G/w/Af9e03QUOViA9vkfspOA/26.-linha.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/B/A/0rlJBGRQ6kfaHZBQOcTQ/bola.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/D/8/ZPFi5AR5alCgJnhVBwNg/30.-fonte-10.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/j/q/xWxvBDS9irDqpvBLABcQ/32.-tempo-final.png)
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”;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/h/M/4rRB2PQamUaFnQLVcd5Q/player.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/Z/Y/cfXWpjSMasNJTlioR5BA/35.-abaixo.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/V/f/HUS24rQJqzRLY9Q3CbRA/37.-abaoixo.png)
Í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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/h/m/pG8J1yTGGuKsjl6neMkg/38.png)
Í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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/A/v/o8WhDHR32XouAGZiYGUQ/39.png)
É 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°;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/P/1/QjulwpTWWBqlA8OsmGYQ/41.png)
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;
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2023/H/M/9VpaSaSAaXufkinZ7UFg/43.png)
Í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";
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/K/U/9UIlMhRzGbyMAKOAsA5A/44.png)
Botão "Baixar" em destaque no Canva — Foto: Reprodução/Gabriel Pereira
Passo 30. Escolha o formato e confirme a ação em "Baixar".
/i.s3.glbimg.com/v1/AUTH_08fbf48bc0524877943fe86e43087e7a/internal_photos/bs/2022/y/y/5W0uAFSb6AAep5hMDDmQ/45.png)
É 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.
Wonderful comments