【Pages】図形ツールの使い方 基本編｜絵を描かずに作るデザイン、イラスト

ame

図形ツールを使いこなして、表現の幅を広げたい！

イラストを配置したり紙面をデザインすると文章は伝わりやすくなるので、少しは取り入れたい。

の、ですが。

絵を描くのは好きなものの、得意かどうかは別問題。

そこで、絵が描けなくてもPagesの図形ツールでそれっぽいことができる方法を考えました。

今回は『図形ツールの使い方基本編』として、図形ツールでどんなことができるかを簡単に説明していきます。

後日、応用編として『独自の図形（マイシェイプ）の作り方』を書く予定。これが使えるようになると、もっと自由度が増します。

応用編書きました

【Pages】図形ツールの使い方 応用編｜図形を結合、マイシェイプ｜独自の図形で作るデザイン、イラスト

以前記事にした装飾付き扉の作り方でも図形ツールを使っています。

【同人小説本】装飾付き扉の作り方

それと併せて、その他の既存図形の使用例＆作り方を載せました。

多様な使い方を見つけたので、使用例だけでもぜひ見ていってください。

スポンサーリンク

図形ツールの基本

Pagesのファイルで、右上の「＋」→「□○」を選択し、図形ツールを呼び出します。

iPadOS 16／Pagesバージョン12.2を使用中の方

図形は中央ツールバーにあります。

図形はカテゴリごとにタブ分けされています。

正直、このカテゴリ分けはわかり辛いです。検索窓を使用した方が早いことも。

図形の詳細設定

設定したい図形を選択し、右上の「刷毛アイコン」から詳細設定に入ります。

設定できることは大きく3つ。

それぞれ見ていきましょう。

スタイル

スタイルと言う名前の通り、見た目に関する設定です。

テキスト

書式設定は通常のテキストとほとんど同じです。

書式設定に関する記事

Pagesを使った同人小説原稿の始め方

【Pages】文字の装飾（書式設定）の使い方

配置

「テキストと共に移動」「テキスト折り返し」「余白」についての解説

【解説】本文に画像・図形を挿入したら必ず確認すべき3つの設定｜これでもう謎の挙動に悩まされない！【Pages】

複数の図形を選択しているときにしか出ない設定もあります。

「図形を統合」に関しては、マイシェイプの記事で説明しています。

マイシェイプについての記事

【Pages】図形ツールの使い方 応用編｜図形を結合、マイシェイプ｜独自の図形で作るデザイン、イラスト

「グループ」と「整列して均等に配置」を見ていきます。

「グループ化」と「解除」の仕方

1．1つ図形を選択し、「オブジェクトを選択…」を選択 → グループ化したい図形を選択

キーボードの場合、［shift］押しっぱなしで図形選択できます。

2．配置設定から「グループ」を選択

3．グループ化したら、オブジェクト選択を終了する

4．解除するときは、配置設定から「グループ解除」を選択

「整列して均等に配置」

バラバラな位置に配置された図形を、縦・横に整列できます。

参考：「書類本文」と「ページレイアウト書類」設定について

覚えておくとお役立ちな「書類本文」設定についても書いておきます。

「書類本文」を「ページレイアウト書類」に変換することで、本文テキスト使用不可（テキストボックスや図形等のオブジェクトを使用したテキストのみ有効）の状態になります。

この設定は、「…アイコン」→「書類設定」→「書類」→「書類本文」から変換できます。

iPadOS 16／Pagesバージョン12.2を使用中の方

書類設定はファイ名の階層にあります。

「ページレイアウト書類」に変換されたあとは

• 背景は、何も選択していない状態で「刷毛アイコン」から設定可能
• ページの追加は左下の「＋」から可能
• ページは全て異なるセクションになる

この設定は、書類全体に影響します。「書類本文」と「ページレイアウト書類」を混在させることはできません。

図形ツールしか使わないときにご活用ください。

既存図形の使用例＆作り方

ここからは、使用例と作り方を書いていきます。

小説の中扉

作り方はコチラ↓

【同人小説本】装飾付き扉の作り方

ドリンクのアイコン

作り方

1．図形ツールから「飲み物」で検索し、グラスとストローを選択

2．グラスをコピペし、1つはグラス（入れ物）、1つは中に入っている飲料になるよう、色、サイズ、位置を調整する

3．ストローの色、サイズ、角度、位置を調整し、最背面に設定

4．ストローが透けて見えるよう、グラスと飲料の不透明度を調整

5．図形ツールから、「基本」カテゴリの円を選択

6．色、サイズを調整して、炭酸飲料の泡を作る

7．泡を複数コピペし、サイズと位置を調整して配置

8．ここまでの図形全てを選択、グループ化し、全体のサイズを調整

9．図形ツールの「食べ物」カテゴリから、オレンジを選択

10．オレンジの色、サイズ、角度、位置を調整

完成です！！

影絵

作り方

1．図形ツールの「場所」カテゴリから、ビル群を選択

2．サイズ調整後コピペして計3つのビル群を並べて配置し、グループ化する

3．図形ツールの「旅行」カテゴリから、橋を選択

4．サイズ調整、反射の設定後コピペして計2つを並べて配置し、グループ化する

画像では反射の設定をする前にコピペしてしまっていますが、1つ目の橋を調整している時点で反射ONにしてください。

そうしないと、あとで手間です……。

5．グループ化した橋をコピペし、少しずらして配置

6．図形ツールの「基本」カテゴリから、四角を選択

7．分かりやすい色に変えてビル群のうしろへ配置（最背面に設定）

8．塗りつぶしを「グラデーション」にし、夕焼け空になるよう色を選択

9．夕焼け空をコピペし、橋のうしろに配置
水面に反射した夕焼けの色をイメージして、「グラデーション」の色を変更

10．図形ツールの「基本」カテゴリから、四角を選択

11．塗りつぶしを「イメージ」にし、「カラーオーバーレイ」をON → 塗りつぶしの色を黒にし、オーバーレイの不透明度を調整

参考

図形の塗りつぶしの「イメージ」「カラーオーバーレイ」についてはコチラ↓

【Pages】背景を入れる方法｜画像挿入、背景色の設定

記事の中の『背景の入れ方：イメージ』をご参考ください。

12．配置位置の前後を1つ下げる（橋の間に挟まるように配置）

13．橋全体をカバーできるようサイズ、位置を調整

14．図形ツールの「旅行」カテゴリ（または検索）から、好きな車を選択（画像では「車」と検索しています）

15．橋の上を走っているイメージで、サイズ、位置を調整

16．他の車を追加して、コピペしたり左右反転したりして位置を調整し、対向車線にも車を配置する

17．図形ツールの「基本」カテゴリから、四角を選択

18．図形の塗りつぶしを「イメージ」にし、「カラーオーバーレイ」をON →「カラーオーバーレイ」の色、不透明度を調整したら、図形を書類サイズいっぱいの大きさにする

19．いい感じのフィルターになるよう、図形の「不透明度」を下げる

「カラーオーバーレイ」の色によって雰囲気が変わります。

20．「カラーオーバーレイ」の塗りつぶしを黒、不透明度を35％にする

21．図形の不透明度を39％にする

完成です！！

追記：麻の葉模様、平行四辺形で創るリピートパターン

どちらも、基本的な図形操作で作れます。

作っている様子は動画にしてYouTubeで公開しました。

麻の葉模様の方は、詳細な作り方を記事にしています。

【 YouTube】麻の葉模様を創る倍速動画｜Pages【手順を簡単に解説】

平行四辺形の方は作り方を細かく記事にはしていません。代わりに、動画に簡単なテロップをつけました。

ご興味ありましたら、ポチッとご覧ください〜！

さいごに

イラストが描けなくても、Pagesの図形ツールを使うことでデザインやイラストが作れました！

これが既存の図形だけで作れるのだから驚きです。

少しでも物書きさんのお役に立てば嬉しいです〜。

では！

応用編はこちら

【Pages】図形ツールの使い方 応用編｜図形を結合、マイシェイプ｜独自の図形で作るデザイン、イラスト

飴（あめ）

Profile

iPad（とiPhone）でのんびり物書きしています。
二次創作の同人小説本を作っていました。今は、ブログが物書きとしての活動の場です。
全部PC不使用。iPadだけでできました。

プロフィールを読む

TwitterYouTubeContact

お問い合わせ

質問等あれば、こちらからお送りください。

記事更新の参考にさせていただきます。

もちろん、「記事が役に立った」などの感想メッセージも大歓迎です！

メッセージをいただいた方へは、お返事をさせていただきます。

お返事ページはコチラ

お名前（必須）

メールアドレス（必須）

タイトル

メッセージ本文

ランキング参加中

よければポチッとお願いします↓

にほんブログ村