【Pages】図形で作るフレーム(枠)デザイン
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/図形で作る枠デザイン.001.jpeg)
飴
当ブログのリンクにはアフィリエイトリンクが含まれています。
![ame](https://ameiro-jinsei.com/wp-content/uploads/2024/03/名前アイコン背景オレンジ512px.png)
Pagesで作った枠デザインの画像をまとめました。
今回の記事では、図形で作るフレームデザインのみを集めてみました。
ここで紹介するデザインは、Pagesの図形のみで作れます。
簡単な作り方を併せて紹介していますので、気にいるものがあれば、ぜひぜひ本の表紙や扉作りにご活用ください。
使っているアイテム、作業環境などについては↓の記事をご参考ください。
![【iPad/iPhone】物書きの使用機器、作業環境まとめ](https://ameiro-jinsei.com/wp-content/uploads/2022/08/使っているモノ-320x180.jpeg)
【iPad/iPhone】物書きの使用機器、作業環境まとめ
目次
図形をそのまま使用した枠デザイン
ここでは各デザインに共通する設定と、各デザインの画像を載せていきます。
四角形
共通設定
- 【枠線】ON
- 【カラー】黒
- 【スタイル】デフォルト(一番上の実線)
- 【塗りつぶし】なし
サイズ違いの四角形を2つ使用
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/F11707FF-AAFB-4B7D-8405-598FE7AA0B8F-edited.png)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/632AC2F8-F894-44BE-9487-D0DE5BD5D24E-edited.png)
同サイズの四角形を5つ使用
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/AC4697C8-96CC-443F-812D-9765F49B90D8-edited.png)
【図形の回転】10°、5°、0°、355°、350°
四角形+三角形
設定
- 四角形
- 【枠線】ON
- 【カラー】黒
- 【スタイル】デフォルト(一番上の実線)
- 【幅】外枠:3pt、内枠:1pt
- 【塗りつぶし】なし
- 【枠線】ON
- 三角形
- 【塗りつぶし】黒
- 同サイズをコピーして左右反転、上下反転で四角に配置
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/AB141A2A-19F5-4E9B-AC45-D55E42FFDAFE-edited.png)
「図形を結合」機能を使用した枠デザイン
共通設定
- 【枠線】ON
- 【カラー】黒
- 【スタイル】デフォルト(一番上の実線)
- 【塗りつぶし】なし
ここからは作り方を添えておきます。
四角形ー円形
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/F340CC04-6E9D-451B-8AA2-CBA2C2890064-edited.png)
【枠線の幅】外枠:5pt、内枠:2pt
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/75686BC1-55E7-4FBA-8886-8E49B19C32C0-edited.png)
【枠線の幅】作った枠:2pt、四角形:1pt
作り方
四角形の四角に円形が1/4かかるよう配置
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/8AAF1DE2-ADF3-4981-999B-8FEB7E1C7755-1024x961.jpeg)
図形を全選択して「図形を結合」の「減算」をタップ
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/E10F9A12-A0D5-435A-B317-1419CA9870D8-1024x892.jpeg)
完成
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/4A604444-7843-4207-8CCA-127130817187-1024x959.jpeg)
四角形ー三角形
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/0923BAD1-8227-476F-A366-AFC090B6C94E-edited.png)
【枠線の幅】外枠:5pt、内枠:2pt
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/B927B33D-E81C-4664-BD4D-E8AA17467F95-edited.png)
【枠線の幅】作った枠:2pt、四角形:1pt
作り方
四角形の四角に三角形を配置
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/BAE6F4F1-11DF-4EDA-A587-144441686FDA.jpeg)
図形を全選択して「図形を結合」の「減算」をタップ
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/A96FB4C1-2A43-4998-A18B-4D7173B08574-1024x925.jpeg)
完成
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/C42CC68F-8A0D-4D50-9EBB-F36D1ACB5B8C-1024x971.jpeg)
四角形ー四角形
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/32C858C9-55ED-4378-A20E-00C2E8E8B8D1-edited.png)
【枠線の幅】縦長:1pt、横長:2pt
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/81D1F24E-FE82-47D2-B17F-0F4FF177DAF7-edited.png)
【枠線の幅】作った枠:2pt、四角形:1pt
作り方
四角形の四角に四角形を配置
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/EE2858C2-0290-46F9-98D8-5ABA83FD8054.jpeg)
図形を全選択して「図形を結合」の「減算」をタップ
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/6BE65C04-8F75-435E-8A82-F01E230E6F5C-1024x916.jpeg)
完成
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/07BE0A18-B902-489F-B8FC-8058E572F93C.jpeg)
装飾をつけた枠デザイン
額縁風
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/174F9575-8041-4C5E-BB3A-D8CAE43806ED-edited.png)
作り方
四角形の左右に三角形を2つ配置
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/ECB87BD3-97F4-4142-ABED-867DC4E8364F-1024x472.jpeg)
図形を全選択して「図形を結合」の「減算」をタップ
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/AFE395B2-2C55-4D6F-AF88-8C49D10C8A55-1024x890.jpeg)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/54235331-8090-4069-8331-9ADE1CB925E7-1024x507.jpeg)
「縦横比を固定」「枠線」をONにする
ここからは、四角形2つ使用の枠デザインを併せて使用します。
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/99A4F381-6367-4B15-839D-E083FC1C3991-1024x872.jpeg)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/DCF4863C-9D07-455F-B510-02B34CFAAD8D-1024x866.jpeg)
サイズを調整して角に合わせる
サイズ調整後の図形をコピーし&ペーストし、90°回転させる
サイズ調整後の図形をコピーし&ペーストし、90°回転させる
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/8AA249E5-A379-403A-9569-A154965B33DE-1024x819.jpeg)
2つの図形を合わせたらグループ化
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/73779C1B-D0B9-4B99-B2C3-DBC110305FCF-edited.jpeg)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/7B97FA49-BF41-4E08-BE3D-F2A50E64FEF3-1024x912.jpeg)
コピー&ペーストして残りの角に配置したら完成
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/982F8A48-0AEC-4EA4-A10B-D54DD46A91B0-1024x940.jpeg)
オーナメント付き
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/84823524-349C-4BCF-9C6D-4A8F097E75D5-edited.png)
作り方
オーナメント①
図形の1/2が被るように円形を2つ重ねる
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/F0385E99-32E5-4D0D-97D2-3EB8E6D5951A.jpeg)
図形を全選択して「図形を結合」の「交差」をタップ
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/EB5D451A-6A93-47FA-9507-DF88C811C05B-1016x1024.jpeg)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/FD70577C-350B-4DFC-8AA7-AD8DC14C6F5F.jpeg)
サイズと角度を調整してモチーフ完成:グループ化しておく
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/6108030E-C4B6-4AFC-A3F1-5218E7B68682.jpeg)
オーナメント②
図形ツールの「オーナメント」を使用
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/CAA65E3E-A203-4D4A-9E3A-6A32EB77968F-731x1024.jpeg)
上下反転させてから回転で角度調整 → コピー&ペーストして左右反転・回転
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/6A4D9FB4-E644-412B-9843-3681A92A9CE3-1024x758.jpeg)
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/947D4953-E373-4731-9FFA-8C44F413852D-1024x789.jpeg)
完成:グループ化しておく
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/112A7456-E40D-4AA6-935E-00B62FEE953F-1024x623.jpeg)
枠の周りにオーナメントを配置して完成
![](https://ameiro-jinsei.com/wp-content/uploads/2023/03/84823524-349C-4BCF-9C6D-4A8F097E75D5-edited.png)
さいごに
Pagesはデザイン系のアプリではないので細かい調整(パス化など)はできませんが、その分複雑でなく、とっつきやすいですね。
工夫のしがいがあり、考えるのが楽しいです。
今後も、使えそうなデザインが作れたら記事にまとめていこうと思います。
なにかのお役に立てれば幸いです。
それでは〜。
![【Pagesで小説原稿】テンプレート〜入稿用データ作成まとめ](https://ameiro-jinsei.com/wp-content/uploads/2022/04/a11b4bb3ba448d1fa402ac3dc62cc91f.jpg)
【Pagesで小説原稿】テンプレート〜入稿用データ作成まとめ