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

【InDesign】図形ツールの使い方forインデザ初心者

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

InDesign(インデザイン)の図形ツールの使い方を詳しく解説します。

長方形ツールや楕円形ツールをはじめとした基本図形の作成、ペンツールや鉛筆ツールの使い方や詳細設定の方法が学習できるコンテンツです。

インデザを使ったオブジェクト制作で必ず活用する基本ツールをマスターしましょう!
これからInDesignを始められる方、より詳しくインデザインの使い方を学びたい方にオススメですよ!

図形ツール一覧

それではInDesignの図形ツールの使い方と応用操作を解説します。
インデザ初心者の方にも再現できるように詳しく解説いたします!

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

長方形ツールの使い方と応用操作

ツールバーの [ 長方形ツール ] を選択し、画面をドラッグすると長方形が作成できます。
※ショートカットは [ M ]

[ Shift ] を押しながらドラッグすると正方形が作成可能です。
[ Alt ] (Mac:Option) を押しながらドラッグでオブジェクトの中心から作成可能。
[ Alt + Shift ] での操作も可能です。

[ 長方形ツール ] で画面上をクリックすると長方形のダイアログ画面が開きます。

オプションの [ ] と [ 高さ ] に値を入力して正確な大きさの長方形が作成可能です。

[ 長方形ツール ] でドラッグ中にEnterキー右下の [ 上下左右 ] を押すと長方形オブジェクトが増減できます。

カーソルキーの↑:垂直方向に長方形を増加
カーソルキーの↓:垂直方向に長方形を減少
カーソルキーの→:水平方向に長方形を増加
カーソルキーの←:水平方向に長方形を減少
角丸長方形の作り方
InDesignの長方形を角丸にする方法を解説しています。角丸だけでなく、様々なコーナーデザインができるコーナーオプションを使いこなしてみませんか?

楕円形ツールの使い方と応用操作

ツールバーの [ 長方形ツール ] を長押しすると [ 楕円形ツール ] が表示されます。
※ショートカットは [ L

[ Shift ] を押しながらドラッグすると正円が作成可能です。
[ Alt ] を押しながらドラッグすると楕円の中心から作成可能。
[ Alt + Shift ] の操作もできます。

[ 楕円形ツール ] で画面上をクリックすると楕円のダイアログ画面が開きます。
オプションの [ ] と [ 高さ ] に値を入力して正確な大きさの楕円形が作成可能です。

[ 楕円形ツール ] でドラッグ中にEnterキー右下の [ 上下左右 ] を押すと長方形オブジェクトが増減できます。

カーソルキーの↑:垂直方向に楕円を増加
カーソルキーの↓:垂直方向に楕円を減少
カーソルキーの→:水平方向に楕円を増加
カーソルキーの←:水平方向に楕円を減少

多角形ツールの使い方と応用操作

ツールバーの [ 多角形ツール ] を選択し、画面をドラッグすると長方形が作成できます。

[ Shift ] を押しながらドラッグすると縦横比が1:1の多角形が作成可能です。
[ Alt ] を押しながらドラッグすると多角形の中心から作成可能。
[ Alt + Shift ] の操作もできます。

[ 多角形ツール ] で画面上をクリックすると多角形のダイアログ画面が開きます。
オプションの [ 多角形の幅 ] と [ 多角形の高さ ] 、多角形の設定の [ 頂点の数 ] 、[ 星形の比率 ] が設定可能です。

[ 多角形ツール ] でドラッグ中にEnterキー右下の [ 上下左右 ] を押すと長方形オブジェクトが増減できます。

カーソルキーの↑:垂直方向に多角形を増加
カーソルキーの↓:垂直方向に多角形を減少
カーソルキーの→:水平方向に多角形を増加
カーソルキーの←:水平方向に多角形を減少
三角形の作り方
InDesignの多角形ツールで三角形を作る方法を解説しています。ゼロから多角形ツールの使い方をマスターできるコンテンツですよ。

線ツールの使い方と応用操作

ツールバーの [ 線ツール ] を選択し、画面をドラッグすると直線が作成できます。
※ショートカットは [

[ Shift ] を押しながらドラッグすると水平・垂直の直線が描けます。

[ 線ツール ] でドラッグ中にEnterキー右下の [ 上下左右 ] を押すと線オブジェクトが増減できます。

カーソルキーの↑:垂直方向に線を増加
カーソルキーの↓:垂直方向に線を減少
カーソルキーの→:水平方向に線を増加
カーソルキーの←:水平方向に線を減少

ペンツールの使い方と応用操作

[ ペンツール ] を使えば自由に線を描けます。
※ショートカットは [ P

美しい直線と曲線を自由に描き、アイコンやイラスト、ロゴなど、様々なオリジナルデザインをゼロから作成できる便利なツールですよ。
ペンツールをマスターしよう
InDesignのペンツールの使い方を完全解説しています。ゼロからペンツールをマスターしたい方は是非ご覧ください。

鉛筆ツールの使い方と応用操作

[ 鉛筆ツール ] を使えばフリーハンドで線を描くことができます。
※ショートカットは [ N

ペンタブがあれば直感的に線が描けます。
※オススメのペンタブはコチラの記事で詳しく解説しています。

ツールバーの [ 鉛筆ツール ] 上をダブルクリックすると [ 鉛筆ツール設定 ] が開きます。

[ 精度 ]:正確さ、滑らかさ
[ オプション ]:選択したまま固定、選択したパスを編集

お好みの鉛筆の描き心地が設定できます。

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

紙媒体や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(インデザイン)の各種図形ツールの使い方と応用操作についてでした。

長方形ツールや楕円形ツール、ペンツールは日々のインデザ作業でよく使います。
単にオブジェクトを作るだけでなく、[ Shift ] や [ Alt ] (Mac:Option) を使った操作方法、オブジェクトのコピーや詳細設定などを知っておくと制作の効率化に繋がります。

ポートフォリオやチラシをはじめとした紙面デザイン、WebやバナーなどのUIデザインに便利なInDesignをより効率的に使いこなしましょう。

ではまた!

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

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