7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe InDesign

Wie man einen QR-Code in einen Flyer einfügt

Read Time: 7 mins

German (Deutsch) translation by Ahmet Öztürk (you can also view the original English article)

In diesem Tutorial zeigen wir Ihnen, wie Sie einen QR-Code selbst erstellen können und wie Sie einen QR-Code in einen Flyer einfügen, um auf einfache Weise zusätzliche Informationen bereitzustellen. Falls Sie sich schon mal gefragt haben "was ist ein QR-Code?", "wie erstelle ich einen QR-Code", oder  "wozu brauche ich einen QR Code?", dann versuchen wir nun genau diese Fragen zu beantworten. 

Aber was genau ist überhaupt ein QR-Code? Sie haben sie wahrscheinlich schon überall gesehen, von Flugblättern über Plakatwände bis hin zu Speisekarten in Restaurants. Es handelt sich dabei um eine Hieroglyphengrafik, die aus blockartigen Formen besteht. Stellen Sie sich das wie eine Abkürzung vor, die Ihre Handykamera oder Ihr QR-Reader zu entziffern weiß. Instagram und PayPal bieten zum Beispiel diese Funktionalität innerhalb des Apps, um das Teilen mit Freunde un Kontakte zu erleichtern. Sie können einen Instagram QR-Code erstellen, indem Sie auf den Hamburger-Menü (oben Links) klicken, und dann auf "QR Code".

Beispiel-QR-Code in einem Indesign-LayoutBeispiel-QR-Code in einem Indesign-LayoutBeispiel-QR-Code in einem Indesign-Layout
Sie lernen, wie Sie einen QR-Code-Flyer wie diesen erstellen können. Scrollen Sie nach unten, um mehr QR-Code-Flyer-Vorlagen zu finden!

InDesign bietet Ihnen eine Möglichkeit, solche Codes direkt im Programm zu erstellen. Es handelt sich dabei im Grunde um ein Vektorgrafikwerk - Sie können das Endprodukt sogar in Illustrator einfügen und es auseinandernehmen, wenn Sie es möchten.

Wussten Sie, dass Sie auch in einem Video-Tutorial lernen können, wie man einen QR-Code in einen Flyer einfügt? Wenn Sie Videos schriftlichen Anleitungen vorziehen, ist dieses neue Video aus dem Envato Tuts+ YouTube Kanal genau das Richtige für Sie:

Was Sie in diesem QR Code InDesign Tutorial lernen werden

  • Wie man einen QR-Code in InDesign erzeugt 
  • Wie Sie den QR-Code auf Ihre InDesign-Seite bringen
  • Wie Sie einen bestehenden QR-Code ändern
  • Wie Sie überprüfen, ob der QR-Code richtig funktioniert

1. Wie man einen QR-Code in InDesign generiert

Schritt 1

Ein Flugblatt mit einem QR-Code zu erstellen ist wirklich einfach. Ich habe diese Flyer-Vorlage verwendet, aber Sie können auch jede andere verwenden, die Ihnen gefällt. Zunächst müssen Sie den QR-Code generieren, indem Sie Objekt > QR-Code generieren wählen.

das Menü Objekt mit der Auswahl QR-Code generierendas Menü Objekt mit der Auswahl QR-Code generierendas Menü Objekt mit der Auswahl QR-Code generieren

Schritt 2

Das Dialogfeld, das sich öffnet, hat zwei Registerkarten: Inhalt und Farbe.

das Dialogfeld QR-Code generieren ohne Eingabe von Informationendas Dialogfeld QR-Code generieren ohne Eingabe von Informationendas Dialogfeld QR-Code generieren ohne Eingabe von Informationen

Schritt 3

Auf der Registerkarte Inhalt in der InDesign-Option QR-Code legen Sie die Informationen fest, die im fertigen Code enthalten sein sollen. Im Pulldown-Menü Typ haben Sie die Wahl zwischen Hyperlink, Klartext, Textnachricht, E-Mail und Visitenkarte, jeweils mit einer Reihe von Eingabefeldern.

die Content-Registerkarte des Dialogfelds QR-Code generieren mit eingegebenen E-Mail-Informationendie Content-Registerkarte des Dialogfelds QR-Code generieren mit eingegebenen E-Mail-Informationendie Content-Registerkarte des Dialogfelds QR-Code generieren mit eingegebenen E-Mail-Informationen

Schritt 4

Auf der Registerkarte Farbe können Sie eine Farbe aus den vorhandenen Farbfeldern auswählen. Dies wird die anfängliche Farbe des QR-Codes sein - Sie können diese später jedoch ändern. Klicken Sie auf OK.

Die Karteikarte Inhalt des Dialogfelds QR-Code generieren mit ausgewähltem FarbmusterDie Karteikarte Inhalt des Dialogfelds QR-Code generieren mit ausgewähltem FarbmusterDie Karteikarte Inhalt des Dialogfelds QR-Code generieren mit ausgewähltem Farbmuster

2. So fügen Sie einen QR-Code zu einem Flyer hinzu

Wenn Sie vor der Erstellung des QR-Codes einen Rahmen ausgewählt hatten, wird Ihr neu erstellter Code innerhalb dieses Rahmens erscheinen. Andernfalls klicken Sie auf OK (Schritt 4 oben) und platzieren den QR-Code mit einer der folgenden Methoden:

Methode 1

Klicken Sie auf die Seite, um ihn in der Standardgröße zu platzieren.

der gelesene QR-Code zum Anklicken, um ihn auf der Seite zu platzierender gelesene QR-Code zum Anklicken, um ihn auf der Seite zu platzierender gelesene QR-Code zum Anklicken, um ihn auf der Seite zu platzieren
Der geladene Platzierungscursor, nachdem Sie die Optionen eingestellt und im Dialogfeld QR-Code generieren auf OK geklickt haben. Verwenden Sie eine der genannten Methoden, um die Platzierung abzuschließen.

Methode 2

Klicken Sie in einen leeren Rahmen, um den Code in diesem Rahmen zu platzieren.

Methode 3

Klicken und ziehen Sie, um den Rahmen und den Code visuell festzulegen.

3. So ändern Sie einen QR-Code in InDesign

Nachdem Sie Ihren Flyer mit einem QR-Code erstellt haben, werden Sie vielleicht feststellen, dass Sie ihn ein wenig abändern müssen. Auch wenn ein in InDesign erstellter QR-Code etwas anders gehandhabt wird als andere Grafiken, ist er dennoch leicht zu ändern.

Schritt 1

Sobald sich der Code auf der Seite befindet, können Sie ihn wie jedes andere InDesign-Objekt verschieben. Verwenden Sie das Werkzeug Auswahl, um den Rahmen zu greifen und ihn auf der Seite zu verschieben. Und wie bei jeder anderen Grafik können Sie das Werkzeug Richtungsauswahl verwenden, um den Code innerhalb seines Rahmens zu verschieben.

Verschieben des Bildes außerhalb des Rahmens mit dem Direktauswahl-Werkzeug
Das Bild mit dem Direktauswahl-Werkzeug getrennt vom Rahmen bewegen

Schritt 2

Sie können die Skalierung der Codegrafik nach Bedarf ändern. Denken Sie daran, mit Befehl/Steuerung den Rahmen und die Grafik gemeinsam zu skalieren und fügen Sie Umschalten hinzu, um die Proportionen zu beschränken. Es ist am besten, die quadratische Form der Grafik beizubehalten, damit die Geräte den Code richtig lesen können.

Schritt 3

Standardmäßig hat der Code einen transparenten Hintergrund. Sie können dies ändern, indem Sie den Rahmen markieren und eine Füll- und Konturfarbe aus dem Bedienfeld auswählen. Wenn dieses Panel nicht bereits geöffnet ist, gehen Sie zu Fenster > Farbe > Farbfelder.

Hintergrund des Codes ändern bei geöffnetem Farbfelder-Panel und ausgewähltem QR-CodeHintergrund des Codes ändern bei geöffnetem Farbfelder-Panel und ausgewähltem QR-CodeHintergrund des Codes ändern bei geöffnetem Farbfelder-Panel und ausgewähltem QR-Code

Schritt 4

Um den Inhalt des QR-Codes - einschließlich seiner Farbe - zu ändern, müssen Sie das Dialogfeld QR-Code bearbeiten öffnen. Markieren Sie dazu den Rahmen des Codes mit dem Werkzeug Auswahl, klicken Sie mit der Rechten Maustaste oder mit der Steuertaste und wählen Sie QR-Code bearbeiten aus dem Kontextmenü, das sich öffnet. Sie sehen die gleichen Registerkarten Inhalt und Farbe und können dort alle Anpassungen vornehmen.

ein Kontextmenü auf einem QR-Code mit der Auswahl QR-Code bearbeitenein Kontextmenü auf einem QR-Code mit der Auswahl QR-Code bearbeitenein Kontextmenü auf einem QR-Code mit der Auswahl QR-Code bearbeiten

Wenn Sie die Farben anpassen, sollten Sie den Kontrast und die Lesbarkeit der Farbauswahl für den Code und die Füllfarbe des Rahmens berücksichtigen. Sie wollen sicherstellen, dass das Gerät den QR-Code genau lesen kann.

4. Wie Sie überprüfen können, ob der QR-Code richtig funktioniert

Sie sollten sich vergewissern, dass Ihr fertiger QR-Code-Flyer für Geräte lesbar ist und dass die darin enthaltenen Informationen und Funktionen korrekt sind. Sie können den Fortschritt während der Arbeit leicht überprüfen und auf jeden Fall überprüfen, bevor er gedruckt oder exportiert wird.

Schritt 1

Sie können die Genauigkeit schnell mit der Kamera Ihres Handys überprüfen. Die meisten modernen Handy-Kameras können QR-Codes erkennen und verarbeiten. Ältere Telefone benötigen möglicherweise eine spezielle App zum Lesen der Codes. Öffnen Sie einfach Ihre Kamera-App und zeigen Sie damit auf den Code.

Person, die eine Handykamera auf einen QR-Code auf einem Laptop richtetPerson, die eine Handykamera auf einen QR-Code auf einem Laptop richtetPerson, die eine Handykamera auf einen QR-Code auf einem Laptop richtet

Schritt 2

Klicken Sie auf den Link oder die Benachrichtigung, die angezeigt wird. Vergewissern Sie sich, dass der Link oder die Benachrichtigung dorthin führt, wo Sie wollen, oder die richtigen Informationen auf dem Bildschirm anzeigt. Wenn Sie z.B. eine URL angegeben haben, wird der Browser geöffnet und Sie werden zu dieser URL geleitet. Bei einem Code mit E-Mail wird Ihre E-Mail-App mit den entsprechenden Informationen aufgerufen.

Onscreen-QR-Code-Benachrichtigung in Handykamera-AppOnscreen-QR-Code-Benachrichtigung in Handykamera-AppOnscreen-QR-Code-Benachrichtigung in Handykamera-App

5 Top QR Code Flyer Vorlagen von Envato Elements

Wissen, wie man einen QR-Code in InDesign erzeugt, ist immer praktisch. Nach diesem QR-Code InDesign-Tutorial können Sie Ihren eigenen Code erstellen. Wenn Sie aber keine Zeit haben, einen QR-Code-Flyer von Grund auf zu entwerfen, können Sie sich mit einer professionell gestalteten Vorlage stundenlange Arbeit sparen.

Als Nächstes stellen wir Ihnen einige Top-Vorlagen für QR-Code-Flyer und QR-Code-Poster-Vorlagen von Envato Elements vor, die Ihnen bei Ihrem nächsten Projekt helfen können.

1. Restaurant-Menü mit QR-Code Layout (INDD)

Restaurant Speisekarte mit QR Code Layout (INDD)Restaurant Speisekarte mit QR Code Layout (INDD)Restaurant Speisekarte mit QR Code Layout (INDD)

Wenn Sie eine Speisekarte für ein Restaurant erneuern müssen, dann ist ein Flyer mit einem QR-Code eine fantastische Option. Diese Vorlage für einen QR-Code-Flyer enthält zwei Designs auf A5-Seiten.

Ihre neue Speisekarte kann auf der einen Seite einen QR-Code in der Mitte der Seite enthalten, auf der anderen Seite können Sie Bilder und weitere Details einfügen.

2. QR Code Flyer Vorlagen (AI, PSD)

QR Code Flyer Vorlagen (AI, PSD)QR Code Flyer Vorlagen (AI, PSD)QR Code Flyer Vorlagen (AI, PSD)

Dieses QR-Code-Flyer-Vorlagenpaket ist ein komplettes Set mit sechs verschiedenen Designs (5x7 Zoll). Sie können sie für Restaurants, Hotels, Cafés oder jedes andere Geschäft oder Event verwenden. Die QR-Code-Flyer-Vorlagen sind in Photoshop und Illustrator bearbeitbar.

3. QR Code Online Menü Flyer Set (AI, PSD)

QR Code Online Menü Flyer Set (AI, PSD)QR Code Online Menü Flyer Set (AI, PSD)QR Code Online Menü Flyer Set (AI, PSD)

Was, wenn Sie sowohl einen gedruckten Flyer als auch eine Online-Version erstellen möchten, die beide mit einem QR-Code versehen sind, der die Besucher auf Ihre Website führt? Mit dieser gut strukturierten Vorlage für Photoshop oder Illustrator können Sie das ganz einfach tun.

4. Sauberes QR Code Flyer Vorlagen Set (AI, PSD)

Sauberes QR Code Flyer Vorlagen Set (AI, PSD)Sauberes QR Code Flyer Vorlagen Set (AI, PSD)Sauberes QR Code Flyer Vorlagen Set (AI, PSD)

Dies ist ein weiteres Komplettpaket mit sechs verschiedenen Optionen. Werten Sie Ihr Geschäfts- oder Projektpapier mit diesen QR-Code-Flyer-Vorlagen auf!

5. Event QR Code Poster Vorlage (EPS, AI)

Event QR Code Plakat Vorlage (EPS, AI)Event QR Code Plakat Vorlage (EPS, AI)Event QR Code Plakat Vorlage (EPS, AI)

Organisieren Sie eine Veranstaltung? Fügen Sie einen QR-Code in das Design ein, damit jeder die Informationen scannen kann. Diese QR-Code-Postervorlage gibt es in zwei Größen (A2 und A4) und fünf Farbvarianten.

Machen Sie noch heute einen coolen QR-Code-Flyer

Ich hoffe, dass Ihnen dieses einfache InDesign-Tutorial für QR-Codes gefallen hat. Sie sehen vielleicht etwas geheimnisvoll aus, aber QR-Codes sind einfach zu erstellen und eine schnelle Möglichkeit, Informationen zu übermitteln, ohne viel Platz in Ihrem Design einzunehmen.

Wenn Sie Ihr nächstes Seitenlayout nicht von Grund auf neu erstellen möchten, warum versuchen Sie es nicht mit einer QR-Code-Poster-Vorlage von Envato Elements? Und Sie können Ihr InDesign-Wissen erweitern, indem Sie einem dieser anderen Tutorials folgen:

    Advertisement
    Did you find this post useful?
    Want a weekly email summary?
    Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
    Scroll to top
    Start your 7-day free trial*
    Start free trial
    *All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.