• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
2

How to create QR Code in Illustrator

New Here ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

I'm working on a project. I would like to insert a QR code. Is there a way to generate it in illustrator?

TOPICS
How-to

Views

20.6K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 14, 2023 Nov 14, 2023

You can generate it in Indesign and import it into your project on Illustrator as a vector.
To do this in Indesign, go to Object > Generate Code.

Votes

Translate

Translate
Adobe
Community Expert ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

You cannot create the QR code directly in Illustrator, but you can generate it in Adobe Indesign.

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

You can generate it in Indesign and import it into your project on Illustrator as a vector.
To do this in Indesign, go to Object > Generate Code.

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

@Michael Ambroise , thank you very much!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

You're welcome!

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 14, 2023 Nov 14, 2023

Copy link to clipboard

Copied

Another alternative: the QR Code generator in Adobe Express:
https://new.express.adobe.com/tools/generate-qr-code

It will let you download a SVG version of the code that can be placed in Illustrator.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

These codes need to be cleaned up. Here's how: https://youtu.be/KQUrluJ5CU4 

Express generates a mess of clipping masks and calls that an SVG file. In Illustrator this results in the "Clipping will be lost on roundtrip to tiny" warning that we all love seeing. Illustrator opens the file anyway and it can be cleaned. Here's how. And here's how to vectorize QR codes and how

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

I don't understand why Express is generating SVG files of QR Codes in that manner. Thankfully the clean-up process doesn't take long, but such a thing shouldn't be necessary either.

 

Astute Graphics' Vector First Aid plugin isn't of much help cleaning up those QR Codes. Strangely, it sees no issues with the QR Code art when the SVG file is initially placed, even though the artwork is invisible. If the clipping groups are released Vector First Aid will see a bunch of unfilled and unpainted paths it wants to delete. That would delete all the QR Code data spots. So the QR Code artwork has to be cleaned-up manually. On the bright side, Vector First Aid can quickly delete the unnecessary anchor points after the QR Code data tiles are welded together using the Unite command.

 

The QR Code generator in Adobe InDesign is pretty basic, but the exported artwork is more clean than the code artwork from Adobe Express.

 

CorelDRAW has a built-in QR Code/Barcode generator. The QR Code feature has a lot of useful settings. The codes can be one of 8 message types (including Web URL). The QR Code pixels can be changed from squares into circles, diamonds or stars (other custom shapes can be applied to the data spots using CorelDRAW's Pointillizer filter). If squares are used they can be welded automatically. There is a corner roundness setting for squares. There are four error correction levels that can be used to generate codes (low, medium, quartile and high). There is a code validation feature. Logos/icons can be placed in the middle of the QR Code artwork. No clipping masks/groups are generated in the code artwork. If Adobe does incorporate a QR Code generator into Illustrator it should emulate or even improve what Corel did with its QR Code generator.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied


@Bobby Henderson  schrieb:

I don't understand why Express is generating SVG files of QR Codes in that manner.


 

Me neither. It's insane. 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

quote

The QR Code generator in Adobe InDesign is pretty basic, but the exported artwork is more clean than the code artwork from Adobe Express.

 

By @Bobby Henderson

 

You're right, and that's why I always use InDesign to generate QR codes. Just copy and paste into Illustrator and you're done.

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

You can also right-click in Google Chrome on any page and choose

Screen Shot 2023-11-15 at 9.21.13 AM.jpg

 

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

The QR Code feature in Chrome can be convenient for some users. I just don't like the visual style of those codes. They download as PNG images; a vector format like SVG doesn't appear to be an option.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

It can only be used for web hyperlinks, but in Indesign besides hyperlinks there are other options such as: "Plain text, Email, Business card, Text message"

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

I think the QR Code generator in CorelDRAW has the most features out of any in-application code creator. It can generate 8 QR Code message types: URL, email address, phone number, SMS, contact info, calendar event, geo location and plain text. Its barcode creator covers 18 barcode formats. CorelDRAW various flaws, but the code creator feature is nice.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 15, 2023 Nov 15, 2023

Copy link to clipboard

Copied

LATEST

I agree with you. Hopefully, in future updates, Adobe Illustrator will continue to evolve by offering equally or even more impressive features in the area of code creation.

_______
Senior graphic designer | United Nations Population Fund

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines