マンツーマンオンラインレッスンについて

【InDesign】QRコードを生成する方法forインデザ初心者

本ページにはPRが含まれます
InDesign(インデザイン)でQRコードを生成する方法をインデザ初心者の方に分かりやすく解説します。

サイトのQRコードジェネレーター等を使う必要無し!
InDesignなら簡単かつ編集性の高いQRコードを簡単に作れます。

Webハイパーリンクだけでなく、電子メールや名刺、テキストメッセージや書式なしのメッセージなどが作成可能!ベクター形式なので拡大・縮小を行っても劣化せず、色変更や効果も追加できます。

InDesignを始められる方、より詳しくインデザインの使い方を学びたい方にオススメですよ!

何ができるの?

InDesignで上記のようなQRコードがゼロから作成できます。
作成に必要な時間は10秒!
サイトのQRコードジェネレーターより使い勝手が良いデータが短時間で作成できますよ。

ポートフォリオの自己紹介ページ等に掲載するQRコードをインデザインで作成してみませんか?

QRコードの作り方と作例

それではInDesign(インデザイン)でQRコードを作る方法を解説します。
インデザ初心者の方にも再現できるように詳しく解説いたします!

InDesignを導入しましょう
当記事の内容を実践するにはInDesign(インデザイン)が必須です。
未導入の方はAdobe公式サイトから導入できます。(7日間の無料体験が可能)
なお、Adobe CCのプランはコチラの記事で徹底解説しています。

QRコードの作り方

STEP.1
ドキュメントを作成
InDesignでドキュメントを作成します。
サイズやカラーモードはお好みで設定してください。

サンプルは印刷用A4のレイアウトグリッドを選択しました。
STEP.2
正方形を作成
[ 長方形ツール ] で正方形を作成します。
※長方形ツールのショートカットは [ M ] 

[ Shift ] を押しながらドラッグすると縦横比を1:1にできます。

塗りと線はお好みで設定してください。
STEP.3
QRコードを生成する
正方形を [ 選択ツール ] で選択します。
※選択ツールのショートカットは [ V ] 

InDesign画面上部の [ オブジェクト ] → [ QRコードを生成 ] をクリックします。
※右クリックメニューにもあります。
QRコードを生成の設定画面が開きます。

種類:Webハイパーリンク・書式なし・テキストメッセージ・電子メール・名刺

サンプルはよく使う [ Webハイパーリンク ] を設定。
URLに [ https://sdesignlabo.com ] を入力。
画面上部の [ カラー ] をクリックするとQRコードの色が設定できます。

設定後は [ OK ] をクリック。
FINISH
完成
以上でQRコードの生成が完了しました。
InDesignを使えば様々なQRコードが手軽に作成できますよ。

QRコードを編集する方法

InDesign画面上部の [ オブジェクト ] → [ QRコードを編集 ] をクリックします。QRコードの種類や内容、カラー等が編集できます。

編集後は [ OK ] をクリックすると、編集内容がQRコードに反映されます。

使えるテキストメッセージ一覧

左から順にWebハイパーリンク、書式なし、テキストメッセージ、電子メール、名刺のQRコードです。
スマホのカメラで読み込むと内容が表示されますよ。

QRコードに装飾を加えると?

例えば [ 効果 ] を適用させて表現を変える事もできます。
ドロップシャドウを落とす、グラデーションぼかしをかける等…

ただしQRコード自体に装飾を加え過ぎるとQRコードが読めなくなるのでオススメできません。
装飾を加えるとしても周囲のフレームに適用するくらいに留めておきましょう。

フォトショやイラレにコピペ可能

InDesignで作成したQRコードを選択し、[ Ctrl + C ] (Mac:⌘ + C) でコピー。
その後にIllustratorやPhotoshop上で [ Ctrl + V ] (Mac:⌘ + V) を押すとQRコードをペースト可能。

汎用性の高いQRコードが作れるので、インデザインのQRコードを生成は非常に便利ですよ。

イラレ・フォトショを未導入の方はAdobe公式サイトから入手しておきましょう。

高品質なポートフォリオテンプレート

InDesignでポートフォリオを作成するなら、高品質なテンプレートの活用がおすすめです。作品画像やテキストを差し替えるだけで、洗練されたレイアウトの作品集を効率よく制作できます。デザインの参考資料としても役立ちますよ。
※テンプレートの編集にはInDesignが必要です。未導入の方はInDesign公式サイトから入手できます。詳しい編集方法はコチラの記事をご覧ください。

#01 Pink Portfolio Layout
ピンクを基調としたポートフォリオテンプレート
ピンクを基調としたポップで華やかなテンプレートです。イラストやキャラクターデザイン、グッズ制作など、カラフルな作品を魅力的に見せたい方に最適。個性をアピールできる作品集が手軽に作れますよ。

ダウンロードする
#02 Portfolio Layout with Gray Accents
グレーを基調としたA4ポートフォリオテンプレート
グレーを基調としたシンプルで洗練されたA4サイズのテンプレートです。写真や建築、Webデザインなど、作品そのものを引き立てたい場合に最適。余白を活かした落ち着いたデザインが特徴ですよ。(コチラの記事で当テンプレートの編集・活用方法を解説しています。)

ダウンロードする
#03 Minimalist Portfolio Layout
余白を活かしたミニマルなInDesignポートフォリオテンプレート
無駄な装飾を抑え、文字と写真をバランスよく配置したテンプレートです。就職・転職活動用の作品集や、企業向けの制作実績紹介に最適。情報を整理して伝えやすく、プロフェッショナルな印象に仕上がりますよ。

ダウンロードする
その他のポートフォリオテンプレート
ほかにも高品質なポートフォリオテンプレートを多数紹介しています。用途やデザインに合わせて、お気に入りの素材を探してください。

ワンランク上のテンプレート素材

InDesignで編集できる、高品質なデザインテンプレートを紹介します。
雑誌やパンフレット、ポートフォリオ、フォトブックなど、さまざまな印刷物の制作に活用可能。
プロが制作したテンプレートは制作の効率化だけでなく、レイアウトや文字組みを学ぶ教材としても非常に役立ちますよ。


写真と文字を組み合わせた雑誌の表紙と見開きページのレイアウト
InDesignで編集可能なINDT形式で作られた雑誌のテンプレートです。短時間で高品質な複数ページのレイアウトが作成できる優れもの!全て商用利用可能です。
高品質な雑誌のレイアウトテンプレート30選


企業案内や商品紹介に使える二つ折りパンフレットのデザイン
フライヤーでよくある二つ折りのテンプレートを厳選しました。ゼロから作ると時間がかかる二つ折りパンフレットですが、テンプレートを活用すれば文字と画像を差し替えるだけ!
【商用可】二つ折りパンフレットのテンプレート50選


モノトーンと余白を活かしたシンプルなポートフォリオのレイアウト
シンプルで使いやすい白黒のポートフォリオテンプレートです。豊富なレイアウトパターンが収録されているので初めてポートフォリオを作る方にもオススメですよ。もちろん商用利用可能!
高品質な白黒のポートフォリオテンプレート42選


写真を大きく配置したフォトブックの表紙と見開きページ
写真をはじめとしたアート作品を掲載するのにピッタリなフォトブックテンプレートです。印刷にもPDFにも使える便利なテンプレートばかりです。
【商用可】高品質なフォトブックテンプレート25選


写真や価格を整理して配置したカフェメニューのデザイン
お洒落で高品質なカフェメニューのデザインテンプレートを厳選しました。1枚もの、二つ折り、三つ折りなど、よくある高品質なカフェメニューがあっという間に作成可能です。
【商用可】高品質なカフェメニューのテンプレート48選


良質な素材をもっと見る
上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しています。あわせてチェックしてみてください!

おわりに

以上、InDesign(インデザイン)でQRコードを生成する方法についてでした。

この機能はInDesignの中でも地味に便利です。
ポートフォリオやフライヤー、名刺などの印刷物全般でよく使うQRコードをサクッと作成でき、IllustratorやPhotoshopにもコピペできます。

サイトのQRコードジェネレーターを使っていた方はインデザのQRコード生成を一度お試しください。
InDesignを使ったクリエイティブを更に加速させる事ができますよ!

ではまた!

InDesignの記事一覧