Comment faire un Spotify Code et le personnaliser ?

Vous connaissez toutes et tous les codes barres sur les produits ou QR Codes utilisés de manière plus générales pour accéder en un coup de caméra à un lien. Spotify à développé depuis peu un superbe système avec le même fonctionnement : scanner un Code Spotify pour accéder au morceau ou a la playlist directement ! Idéal pour partager à notre entourage nos musiques préférées !

Comment faire son Spotify Code ?

Pour faire son Spotify Code c’est très simple, l’outil de création se trouve sur le site de Spotify, entrez le lien de votre morceau ou de votre playlist et vous pourrez télécharger le code de l’image !

Sur mobile

Vous avez trouvé votre titre ? Super, maintenant on cherche ou obtenir le lien de celui-ci pour l’entrer dans l’outil

Comment faire un Spotify Code sur mobile

  • Appuyez sur le symbole partager
  • Copiez maintenant le lien

Une fois le lien de notre morceau copié dans la mémoire du téléphone on va tout simplement le coller dans le champ de l’outil Spotify Code

  1. Collez le lien précédemment copié
  2. Appuyez sur “Get Spotify Code”
  3. Changement du fond du code (présenté ici en rose)
  4. Couleurs des barres verticales (en blanc)
  5. La taille finale du code
  6. Son format
  7. Bouton du téléchargement du Spotify Code

Et voici le résultat :

Spotify Code

Sur PC :

Le fonctionnement est très similaire au mobile (en prenant une musique différente), il nous faut juste obtenir le lien de la musique et de le coller dans l’outil

 

Comment faire un Spotify Code sur PC

Comment scanner le code ?

ouvrir spotify > recherche > icone caméra en haut a droite

Maintenant, une coque Spotify Code !

Pour faire une coque avec un Spotify Code c’est simple, commencez par vous rendre ici et sélectionnez le modèle de votre smartphone.

Commençons par choisir un fond qui nous intéresse, pour l’exemple on prendra un fond Aesthetic, un style dérivé des coques à tons Synthwave :

  1. Dans la galerie Coque Custom allez sur le dossier Aesthetic
  2. Maintenant sélectionnez le dossier FONDS
  3. Choisissez le fond

Redimensionnez et déplacez-le pour qu’il soit bien centré.

Une fois fait on va ajouter notre overlay Spotify :

  1. Entrez dans le dossier Spotify
  2. Cliquez sur l’image, elle sera superposée au fond
  3. Redimensionnez-la à l’aide du curseur
  4. Changez sa couleur en blanc

Intégrer le Spotify Code sur notre coque

On va ensuite intégrer ce qui nous intéresse le plus ! Notre code Spotify :

Avant toute chose, si vous continuez à suivre cet exemple il nous faut absolument enlever le fond du Spotify Code que nous avions précédemment téléchargé.

Si vous désirez enlever le fond du Spotify Code rendez-vous sur cet éditeur d’image (svg) en ligne  (Utilisez de préférence un PC) et ouvrez l’image .svg en faisant File > Open SVG…

  1. Cliquez sur la flèche de sélection des éléments
  2. Sélectionnez le fond noir du Spotify Code
  3. Supprimez-le

Vous pouvez maintenant l’enregistrer et l’ajouter sur notre coque.

  1. Cliquez sur l’icone représentant un appareil photo et allez
  2. Localisez le .svg du code Spotify précédemment enregistré sans son fond ou glissez-le directement dans l’espace
  3. L’image n’est pas visible, c’est tout à fait normal car le motif est blanc, cliquez dessus.

Et voilà ! Notre Spotify Code est centré sur notre coque !

Mais on a un problème ici… Après essai, le scan du code ne fonctionne pas. Et pourquoi ça ?

Observez le code Spotify, les blancs se confondent avec notre fond. Pour régler ça on va juste ajouter du contraste entre notre fond et le code :

  1. Sélectionnez votre fond
  2. Utilisez la fonction “édition avancée”
  3. Ouvrez l’onglet “Manipuler couleur”
  4. Changez la luminosité à -0.2
  5. Le contraste à -0.2

Voilà ! Notre Spotify Code est de nouveau fonctionnel.

Une coque avec un fond et le code Spotify uniquement :

L’idée pour celle-ci est de juste ajouter et dupliquer un texte avec le code Spotify :

Un superbe rendu, pour faire cela avec l’éditeur c’est simple :

Pour faire cet effet il suffit de créer un texte, choisir sa police et sa taille, ajouter notre Spotify Code et dupliquer les deux !

Bien sûr comme tout est personnalisable rien ne vous empêche d’enlever ou de rajouter tout ce qui vous passe par la tête !

Pensez à toujours tester votre code après les modifications sur le fond, c’est pour cela que l’outil Spotify “force” l’utilisation d’un contraste très élevé entre le code et son fond.
Le code ne doit pas être étiré jusqu’au bords : Notre caméra ne pourra scanner si le code est courbé aux bords de la coque.

Laisser un commentaire