Comment personnaliser et décorer vos codes QR avec des images

Nous connaissons tous les codes QR. Certaines boîtes noires et blanches contenant des données codées. Ennuyeux, n'est-ce pas? Décorer et rendre votre code QR plus élégant et personnalisé!

Non, les codes QR ne sont pas morts. c'est simplement le fait que les gens n'ont pas réussi à les utiliser correctement. Aujourd'hui, nous allons vous expliquer comment créer des codes QR attrayants. Regardons un code QR plus en détail. La disposition des petites boîtes noires dans un code QR détermine les informations qu’il contient. Mais la couleur du code n'a pas d'importance, tant qu'elle est lisible par un lecteur de code QR. À cette fin, nous vous suggérons d’obtenir une application de lecture QR pour votre téléphone. Pour iPhone, Scan est un bon outil et pour Android, QR Droid.

Commençons. Nous avons maintenant deux choix. Tout d'abord, vous pouvez créer un code QR personnalisé en ligne, mais le niveau de personnalisation sera limité. La deuxième option consiste à générer un code QR simple, puis à le jouer dans Photoshop / GIMP / votre programme de retouche d'images préféré pour créer une version personnalisée. Il y a plusieurs possibilités dans ce dernier cas. Cependant, la seule chose à garder à l'esprit est que l'intégrité du code QR reste intacte et que les informations codées ne sont pas perdues. Nous en reparlerons plus tard.

La méthode simple

Si vous avez juste besoin d'un code QR simple avec un peu de style basé sur la couleur, allez sur Unitag. Tout d'abord, vous devez spécifier les données que vous souhaitez incorporer dans le code QR, qu'il s'agisse d'une URL, d'un texte brut ou autre. Vous avez le choix entre plusieurs options, mais l'option requise ici est «Lien». Sélectionnez cette option et saisissez le lien dans le champ. Une fois cela fait, cliquez sur le bouton “Next Step”.

L'onglet suivant concerne les paramètres de taille du code QR. Tous les paramètres de cet onglet sont optimaux, nous n’avons donc pas besoin de les modifier. Vous pouvez modifier la taille, ajouter une rotation ou ajouter une ombre si vous le souhaitez. Appuyez sur le bouton “?” Pour obtenir plus d'aide.

L'onglet «Couleurs» vous aide à choisir une couleur pour votre code QR. Vous pouvez choisir de l'avoir dans une couleur unie ou dans une couleur de style dégradé. De plus, vous pouvez également changer l'orientation et la couleur du dégradé. Vous pouvez également ajouter un logo au-dessus du code QR, mais le problème est double. Premièrement, cela ne semble pas très beau et, deuxièmement, cela peut rendre le code QR illisible par l'application. Nous allons travailler avec des logos dans la méthode expert. Lorsque vous avez terminé, cliquez sur le bouton "Générer".

Une fois généré, vous pouvez télécharger votre code QR sous forme d'image PNG. Téléchargez-le et scannez-le avec votre application de lecteur de code QR. S'il n'est pas reconnu pour une raison quelconque, vous pouvez toujours en créer un autre. Scannez le code QR ci-dessous pour voir quel lien il contient. Ce code QR a été créé avec la même méthode.

La méthode expert

Pour cela, nous supposerons que vous possédez des connaissances essentielles en matière de retouche d'image utilisant Photoshop ou tout autre programme de retouche d'image professionnel. Si vous avez besoin d’aide supplémentaire, vous pouvez consulter nos guides Photoshop. Tous les programmes d'édition d'images ont généralement les mêmes fonctionnalités.

Premièrement, nous devons générer un code QR pour notre lien, et ce sera un code QR spécial. Les codes QR ont des niveaux de correction d'erreur. Le niveau le plus élevé contient beaucoup de données (beaucoup de points noirs), mais peut également être fortement personnalisé. Puisqu'il contient beaucoup de données, la modification de la "conception" n'affectera pas beaucoup. Si tel est le cas, rappelez-vous le bouton «Annuler»! Commençons.

Ce générateur de code QR est bon car vous pouvez générer un niveau de correction d'erreur spécifique. Sur cette page, il vous suffit d'entrer le lien et de définir le «Niveau de correction d'erreur» sur H. Nous avons besoin du code QR dans une taille plus grande. Réglez donc la taille du module sur 0.1. Le repos est bien tel qu'il est.

Une fois cela fait, cliquez sur le bouton «Générer un code à barres». Quand il est généré, enregistrez-le sur votre ordinateur (clic droit, enregistrer l'image sous). Maintenant, ouvrez l'image enregistrée dans un programme d'édition d'image. Comme mentionné précédemment, nous utilisons Photoshop ici.

Voici comment nous allons procéder. Nous devons vider une partie spécifique du code QR pour mettre un logo. La première étape consiste à commencer à effacer une zone particulière du code QR. Une estimation approximative consiste à utiliser uniquement 20 à 30% de la surface du code QR pour les logos et autres éléments. Alors, prenez la gomme, ou un pinceau blanc, ou l'outil de sélection (selon votre choix) et commencez à supprimer les cases noires. Le centre est normalement un bon point de départ. Effacez une petite zone, puis utilisez l'application de lecture de code QR de votre smartphone pour numériser le code. S'il est reconnu, vous pouvez procéder à un nouvel effacement. Sinon, annulez l'effacement et essayez une autre zone. C'est juste une question de succès, alors jouez avec elle pour voir ce qui vous convient le mieux..

Jusqu'à présent, notre code QR est intact. Séparons la zone noire du blanc. Naviguez pour sélectionner> Plage de couleurs. Cliquez sur une zone noire du code QR. Déplacez le curseur de flou vers la fin et appuyez sur OK. Puis (avec un outil de sélection sélectionné), cliquez avec le bouton droit de la souris sur la zone sélectionnée, puis cliquez sur «Calque via couper»..

Maintenant que la partie noire du code QR est séparée, nous pouvons lui appliquer certains effets. Rien de trop difficile maintenant, il suffit d’appliquer un biseau 3D et une superposition de dégradé à partir des options de fusion. Et si vous vous demandez pourquoi nous avons créé l’espace au centre, introduisons un invité spécial pour le démontrer. Et scanner le code QR confirme qu'il est toujours intact. Parfait!

Ajoutons quelques touches finales. Un peu de texte et plus d'esthétique. Tant que le code QR est lisible par l'application, vous pouvez continuer à apporter des modifications. Ça y est, vous avez un joli code QR qui a l'air meilleur que ce code QR black-box-white-box!

Tous les codes QR mentionnés dans ce guide ont fonctionné pour moi. J'ai utilisé l'application iPhone «NeoReader» pour scanner les codes. Si les codes ne fonctionnent pas pour vous, c'est probablement à cause de l'application. Certaines applications sont également glitchy, alors assurez-vous de scanner le code plusieurs fois. Mais heureusement, tous les codes peuvent être décodés quelle que soit l'application que vous utilisez.