How do I create a Designer QR Code in my account?

You can create free Designer QR Codes at QR Planet. If you also registered an account with us, you may save design templates and re-use them for other QR Codes.

How to create a designer QR Code in your account

1. Log into your account

Faça login em sua conta em nossa plataforma QR.

Formulário de Login

Head to your QR Code or Landing page section from your dashboard, click down the Options menu and select Design QR, or click the QR Code's picture in the overview to enter the QR Code Designer Mode.

Screenshot of QR Code options — Open the Options or click the QR Code.

Time to take a closer look at the different options in our QR Code Designer, like templates, colors, logo, and more.

Screenshot of QR Code Design Options — Overview of the designer QR Code Options.

3. QR Code design templates

Choose between pre-made templates and your saved custom designs for your QR Code. Learn more about working with templates.

If you have no template ready and want to create a new design, continue with this article.

Screenshot of Design Templates — Manage your templates and apply them to your QR Codes.

4. Choose your QR Code's colors and background

Tem várias opções à sua disposição para dar um toque de cor aos seus designs de códigos QR. Vamos dar uma vista de olhos rápida a todas elas.

Lembre-se de utilizar sempre cores com, pelo menos, um contraste moderado entre si e em relação ao fundo. Se o contraste for demasiado baixo, isso poderá dificultar o processo de digitalização.

Cor única

Escolha uma cor de fundo para aplicar a todos os elementos do código QR.

Marcadores

Defina as cores dos Marcadores do seu código QR. Pode utilizar cores diferentes para cada um dos três centros e bordas.

Captura de ecrã do menu de marcardores dos olhos do Código QR — Define as cores até mesmo para o terceiro olho.

Degradê

Aplique uma mudança de cor em gradiente, de cima para baixo. Se os «Olhos» já tiverem sido definidos, não serão afetados pelo gradiente. Exiba as cores de forma radial ativando a opção.

Captura de ecrã do menu de cores em gradiente do código QR — Utilize cores em gradiente para dar mais vida ao seu código QR.

Transparente

Utilize esta opção em conjunto com a opção «Fundo Transparente» (ver abaixo) se pretender utilizar o suporte em que imprime o código como fundo visível e se pretender que o código tenha uma melhor legibilidade em qualquer fundo, mesmo que este tenha a mesma cor que os píxeis.

Captura de ecrã do menu de transparência do código QR — Quer imprimir um código QR azul sobre um fundo azul? Utilize esta opção.

Multicolorido

Dê ao seu código QR a melhor identidade de marca, aplicando as cores da sua identidade corporativa até mesmo no ponto mais pequeno. Defina uma cor de primeiro plano e até três cores adicionais para dar mais vida ao seu código QR.

Fundo

Para todas as definições acima referidas, pode ainda definir a cor de fundo pretendida para o seu design.

Pode ativar a opção Fundo transparente: apenas os elementos do código QR serão apresentados, mas não a cor de fundo; isto é útil se pretender que o suporte em que o código QR será impresso apareça como fundo visível. As regras de contraste continuam a aplicar-se!

Se quiser imprimir o código num suporte da mesma cor que o código, utilize também o separador Transparente!

Captura de ecrã da opção de fundo transparente do código QR — Utilize um fundo transparente, se necessário

5. Select design patterns for your QR Code

There are a number of patterns available for you to choose from. Use the Design tab to set the inner code pattern.

Screenshot of pattern design tab — Remember to test your QR Code if using more exotic patterns.

Under Eyes Frame you will find different shapes for the QR Code marker borders.

The markers are important, as they indicate the correct orientation of the QR Code.

Screenshot of pattern eye frame tab — In nature, not all eyes are squares.

Eyes in allows you to change the marker centers.

Screenshot of pattern eyes in tab — Set the inside of your markers.

6. Select your QR Code's frame and set a label

The frame wraps around your QR Code. It often increases the QR Code's visibility and can include a call to action, like “Scan me” or “Download”.

Choose between frames with or without labels and define a separate frame color. You can also set the text size, font, and color of your label.

Screenshot of frames tab — Make your QR Code stand out or give instructions.

Custom Frames are only available for our Enterprise customers. Contact us if you want to learn more.

7. Choose or upload your QR Code's logo

If you choose to use a logo, it will sit in the middle of your design and will not only show who the QR Code belongs to but can also help indicate where the QR Code will take the user. Choose one of our prepared prominent logos or pick your own.

While you may upload your logo as PNG or JPG. However, we recommend the SVG Vector Format, not only ensuring a sharp and unpixelated look for your QR Code's logo, but also enabling you to apply CMYK colors to your logo.

If the logo is too small, it may not have the desired effect in regards to brand awareness but a if it is too large, the QR Code might become unreadable. You can also remove the background behind your logo so that the logo doesn't overlap with the pixels of the QR Code and looks nicer.

You can also set your logo as the QR Code's background (see below).

Make your QR Code identifiable by placing your logo in its center.

8. Use an image as your QR Code's background

You can upload an image and set it as your QR Code's background.

Please be aware that this is an experimental feature. When using it, please make sure to also activate Transparent in the Colors Pane, and always test your QR Code - especially before printing in high volumes!

Screenshot of Background Tab — Set an image as background for your QR Code.

9. Set your QR Code's size and ECL

Via the options pane you can choose your QR Code's Size and Precision (also known as Error Correction Level). The standard settings of 600 and H - Best are recommended, but the optimal values variy depending on the type of design you are creating.

The size parameter only affects downloaded QR Codes in PNG format. Vector formats do not have a fixed size since the can be scaled to any size.

Using a logo in the QR Code, the precision parameter will be automatically set to the highest value. This helps ensure the QR Code's readability.

In case your QR Code does not properly scan, try the Improve scanability setting and retest the Code.

Screenshot of the design tool options pane — Play with the settings in case your QR Codes has trouble scanning.

10. Download your QR Code

Now, all that's left to do is saving your design template and/or download your QR Code with the created design.

Screenshot of higlighted Download button — Download your designed QR Code.

You can download your designed QR Code as PNG, SVG or PDF, and without designs as EPS or DXF; this will mainly depend on whether you want to print your Code or use it in digital media.

Alternatively, you can directly print the QR Code; please make sure to fit the QR Code to the page in the printing options.

Should you not be completely satisfied with the design, close the download pane and make all necessary changes before finally downloading.

Screenshot of download pane — Choose one of the many formats to download your QR Code as.

Working with templates

Saving your custom templates

You can save your current design QR Code as a template for future use on other QR Codes and Landing pages. Templates can be applied individually or to a folder/group of QR Codes.

Screenshot QR Code Save Template button — Save your current design as a resuable template.

Optional template attributes

To save the template, please click on the Save Template button. A popup window appears, where you may assign an optional name or tags for your template, under which it can be found more easily later.

Screenshot of Save Template Pane — Set an optional Template Name

After you confirm with OK, the template is saved in the My Templates section. All your QR Code templates are located in this section.

Template Markers

Screenshot of saved templates — Templates are saved under My Templates

Note that the colored frames around the first two QR Code templates. The first one is an indicator that the template has been created by an administrator (and can only be changed or deleted by one). The second green frame is shown when you have selected a template from the My template section.

Deleting a template

If you want to delete a QR Code template, use the X in the Code's top-right corner and confirm.

Screenshot of highlighted delete button for templates — Delete old templates.

Overwriting an existing template

Custom templates can also be overwritten. Simply select the template in your My Templates section and it will be marked with a green frame. Then you can change your template as needed and hit Save Template. You will now see an additional button in the Save pane to Overwrite Template. You can also save the current settings as new template by using the Create new Template button.

Screenshot of Save Pane — Overwrite an existing template.

Limitações do Designer

Produto

Dependente do formato de arquivo selecionado e dos recursos usados em um Designer QR Code a matriz a seguir explica se a saída é vetorial puro ou vetorial combinado com gráficos raster.

	SVG	PDF	EPS (deprecated)
With SVG Logo	Pure vector	Pure vector	Pure vector
With Gradient	Pure vector	Pure vector	Mixed vector / raster

Editor / Visualizador

Dependente do formato selecionado e dos recursos usados em um Designer QR Code a matriz a seguir explica quais visualizadores ou editores podem ser usados para visualizar e editar os QR Codes.

	SVG	PDF	EPS (deprecated)
With SVG Logo	Browser only	Browser / Illustrator	Illustrator
With Gradient	Browser / Illustrator	Browser / Illustrator	Illustrator

Você pode obter resultados diferentes dependendo da versão e capacidades do seu software de projeto.