【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【InDesign】定規とガイドの便利な使い方forインデザ初心者

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

InDesign(インデザイン)の定規とガイドの基本操作と便利な活用方法を徹底解説します。

インデザインの作業効率を高めたり、正確なレイアウトを行う上で必要不可欠なガイドと定規の使い方をインデザ初心者の方にも分かりやすく解説いたします!

定規の基本設定

InDesignの定規の基本設定です。
基本的に定規は表示させておく方が断然便利ですよ。

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

定規を表示させる

InDesignのワークスペースに定規が表示されていることを確認して下さい。
定規が表示されていない場合は [ Ctrl + R ] (Mac: + R) を押して表示させましょう。
[ 表示 ] → [ 定規を表示 ] でも可能です。

定規の単位

[ Ctrl + K ] → [ 環境設定 ] → [ 単位と増減値 ] → [ 定規の単位
(Mac: + K)

上記から定規の単位を変更できます。必要に応じて変更してください。
InDesignの初期設定では [ mm(ミリメートル) ] が使われています。

ガイドの基本操作

InDesign(インデザイン)のガイドの基本操作です。
ガイドは正確なレイアウトを行う際によく使う機能です。
インデザ未導入の方は事前にAdobe公式サイトから入手しておきましょう。

ガイドを出す

定規の上にカーソルを合わせてキャンバス内にドラッグするとガイドが出せます。
水平、垂直のガイドが作成可能、もちろん複数作れます。

ガイドをロック・ロック解除

[ 表示 ] → [ グリッドとガイド ] → [ ガイドをロック
上記手順でガイドをロック・ロック解除できます。
ショートカットは [ Ctrl + Alt + ; ] (Mac: + Option + ;)

ロックしていない場合は [ 選択ツール ] や [ ダイレクト選択ツール ] で選択できます。

ガイドを表示・非表示・削除

[ 表示 ] → [ グリッドとガイド ] → [ ガイドを隠す ]
上記手順でガイドを表示・非表示させられます。

ガイドを隠すショートカットは [ Ctrl + ; ] (Mac: + ;) です。

ガイドを選択した状態で [ Delete ] または [ BackSpace ] でガイドを削除できます。
任意のオブジェクトをガイドにできない
Illustratorには自由に作成したオブジェクトをガイドに変換する事ができます。例えば名刺の仕上がりサイズ、塗り足しサイズなどを長方形ツールで作成してガイドに変換する等。
しかしInDesignにはオブジェクトをガイドに変換する機能がありません。

レイヤーでガイドを管理

ガイドは専用レイヤーを作成して個別管理しておくと便利です。
様々なレイヤーにガイドが散らばっているとよく分からなくなりますからね。

STEP.1
新規レイヤーにガイドのみ追加
ガイド専用のレイヤーを作成し、ガイドのみ追加します。
ガイド以外のオブジェクトは入れないでください。

※分かりやすくレイヤー名を変更しておきましょう。
STEP.2
ガイドはロックしない
ガイドが編集できるようにガイドのロックは解除しておきます。
FINISH
完成
ガイドの編集が完了したらレイヤーにロックをします。

定規で追加したガイドのみ非表示にしたい場合はレイヤーで非表示設定にします。
[ Ctrl + ; ] (Mac: + ;) を押すと全てのガイドが非表示になってしまいますが、この方法だと表示・非表示の選択肢が広がりますよ。
ものさしツールの使い方を極める
併せてInDesignのものさしツールの使い方を学習されてみませんか?オブジェクトのサイズを正確に測る際に活躍する便利なツールですよ。

その他便利なガイド機能

InDesign(インデザイン)には制作を効率化できるその他便利なガイド機能が備わっています。
よく使う2つの機能を解説、これらはIllustratorでも応用できます。

ガイドにスナップを活用

[ 表示 ] → [ グリッドとガイド ] → [ ガイドにスナップ ] にチェックを入れるとガイド付近にオブジェクトを配置すると吸着します。
キッチリとガイドにオブジェクトの位置を合わせたい時に便利です。

※ガイドにスナップのショートカットは [ Ctrl + Shift + ; ]
(Mac: + Shift + ;)

便利なスマートガイド

[ 表示 ] → [ グリッドとガイド ] → [ スマートガイド ] にチェックを入れるとオブジェクトの端点等でキッチリと位置合わせする事ができます。
非常に便利な機能ですが、フリーで位置調整する際は解除しておく方が良いです。

※スマートガイドのショートカットは [ Ctrl + U ]
(Mac: + U)

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

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選!
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign(インデザイン)を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽!
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ!
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ!
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか?そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材
上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています!

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

プロが作成した生データを研究する事は重要です。
普段からデザイン業務をされている方にとって自分以外のプロのクリエイターが作成したデータを見る事は日常茶飯事ですが、そうでない方は見る機会がありません。

AdobeStockのテンプレート素材はプロによる高品質な作品ばかり!
全て商用利用可能なので、テキストを変えるだけでそのまま使えます。

制作の手間を格段に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。


InDesignで編集可能なINDT形式で作られた雑誌のテンプレートです。短時間で高品質なページ物のレイアウトが作成できる優れもの!全て商用利用可能です。
高品質な雑誌のレイアウトテンプレート30選


フライヤーでよくある二つ折りのテンプレートを厳選しました。ゼロから作ると時間がかかる二つ折りパンフレットですが、テンプレートを活用すれば文字と画像をはめ込むだけ!
【商用可】二つ折りパンフレットのテンプレート50選


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


写真をはじめとしたアート作品を掲載するのにピッタリなフォトブックテンプレートです。印刷用途、PDF化、どちらにでも使える便利なテンプレートばかりです。
【商用可】高品質なフォトブックテンプレート24選


お洒落で高品質なカフェメニューのデザインテンプレートを厳選しました。ペライチ、二つ折り、三つ折りなど、よくある高品質なカフェメニューがあっという間に作成可能です。
【商用可】高品質なカフェメニューのテンプレート48選


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

おわりに

以上、InDesign(インデザイン)の定規とガイドの基本操作と便利な活用方法についてでした。

ガイドはガイド専用のレイヤーを作成して管理しておくと編集と表示・非表示がより便利になります。
バラバラとガイドを作成し、様々なレイヤーに散らばっていると管理が面倒。

またガイドにスナップやスマートガイドを活用し、レイアウト作業を効率化させましょう。

ではまた!

Illustratorは活用されていますか?
Photoshopだけでなく、Illustratorも活用されているでしょうか?
まだIllustratorを導入されていない方はAdobe公式サイトから入手できます。
なお、学生や教職員の方は公式サイトの学割コンプリートプランが最強にお得!
Illustratorの使い方はゼロから始めるIllustratorで徹底解説しています。
目次一覧
ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!