この記事には広告が含まれています。
こんにちは、イラレ常人です。
この記事は、前回の続きです↓
それでは、さっそく本編にいきましょう。
ラフ案とキーワードを再確認する
今回からはパンフレットの中面の制作に入ります。
前回同様、ラフ案とキーワードをサクッと確認します。
左の1面がレストランのコースプランを載せるところで、
![](https://irarecreate.com/wp-content/uploads/2022/12/db9a59c40528408006580d863506ff67-1024x576.jpg)
右の2面がメニュー内容の一例を載せるところです。
![](https://irarecreate.com/wp-content/uploads/2022/12/27859880ec4b191d65e34f9847594804-1024x576.jpg)
画像の部分は×、文字の部分はZや直線で表しています。
![](https://irarecreate.com/wp-content/uploads/2022/12/9fc45e27f6bf8b64215271167eaf7e4b-1024x576.jpg)
キーワードは変わらず「高級レストラン」「30代男女(客層)」「伝統的(お店の雰囲気)」です。
![](https://irarecreate.com/wp-content/uploads/2022/12/695828734f31ff7de0574d883bc66632-1024x576.jpg)
この記事で作るのは、左の1面のみです。
![](https://irarecreate.com/wp-content/uploads/2022/12/64411be41e240ae13b0e9dea89b1bdfb-1024x576.jpg)
完成イメージを見てもわかるように、シンプルなレイアウトになっていますので、すぐに終わるかと思います。
![](https://irarecreate.com/wp-content/uploads/2022/12/5faf8cc722b714c48330df89d0a89dcd-1024x576.jpg)
背景を作る
まず背景から作っていきます。
左の面はコースプランを載せるところなので、実際のコースの写真か店内の様子が何となくわかるような画像を配置したいです。
そういう理由から、画像は店内で料理が写っているものにします。
下図の手順で「配置」へと進んでいき、
![](https://irarecreate.com/wp-content/uploads/2022/12/27014dede9acf03e46c7467982cdecba-1024x576.jpg)
画像を配置します。
![](https://irarecreate.com/wp-content/uploads/2022/12/36c31fa61790b4651601c3dc07f48391-1024x576.jpg)
次に、画像が下図マーキング部分の面に収まるように、クリッピングマスクをかけます。
![](https://irarecreate.com/wp-content/uploads/2022/12/347af2baf76ef0fb425688898290a475-1024x576.jpg)
長方形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/12/cab6a49d47f3317e49fd2ee16e98a832-1024x576.jpg)
四角形を配置したら、画像と重ね合わせます。
![](https://irarecreate.com/wp-content/uploads/2022/12/0ab30b9d4bcfda46faedb3fa3db76e75-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/fbfc9aff0ca1197932d0ab92a5cacf32-1024x576.jpg)
そして、選択ツールでこの2つを選択し、
![](https://irarecreate.com/wp-content/uploads/2022/12/7f04f6f8e68c64fac5aa5a0c7a9cfd74-1024x576.jpg)
右クリックからクリッピングマスクをかけます。
![](https://irarecreate.com/wp-content/uploads/2022/12/54667e209e491375d4ff861e84befa08-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/ca59b76a1ba9b277e113a830226457d8-1024x576.jpg)
これで背景は完了!
と言いたいところですが、このままでは主張が強すぎます。
この上に文字を配置すると、画像に負けて読みづらくなってしまうので、ちょっとした小技を使います。
長方形ツールでもう一度、
![](https://irarecreate.com/wp-content/uploads/2022/12/4852e591248e29274eae3a80b34d83e5-1024x576.jpg)
この面の大きさで四角形を配置します。
塗りは「黒」で、線は「なし」です。
![](https://irarecreate.com/wp-content/uploads/2022/12/99892de72b7e29188d93e826c1e96176-1024x576.jpg)
そうしたら透明パネルを開き、まず不透明度を「70%」程度にします。
![](https://irarecreate.com/wp-content/uploads/2022/12/c7abc69f4f44334855db2cbe3b9954c8-1024x576.jpg)
モヤがかかったような感じになるので、さらに描画モードを「乗算」にします。
![](https://irarecreate.com/wp-content/uploads/2022/12/feed35609ce3367a4d023dadeb2e82e7-1024x576.jpg)
これで画像がはっきり写りつつも、背景っぽく見えるようになりました。
![](https://irarecreate.com/wp-content/uploads/2022/12/a982e8e9850400a5a0f454e00df333f0-1024x576.jpg)
これで背景は完了です!
内容を入れる
あとは、コースプランのところを作っていきます。
まずはテキストツールで、コースプランの概要部分の文章を入力します。
![](https://irarecreate.com/wp-content/uploads/2022/12/4893f9172c01cdf0e91258fe27a28350-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/107414488b0d3f85144935da9d1e3167-1024x576.jpg)
塗りや線は、一度「なし」にして、
![](https://irarecreate.com/wp-content/uploads/2022/12/bb60e0066f09df94b2b9662f16fee561-1024x576.jpg)
アピアランスパネルから新規塗りを設定します。
![](https://irarecreate.com/wp-content/uploads/2022/12/a21a165f9cb12ee4ebac4bcec848e152-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/4d55127b4f5034ec56ad6b42895000b2-1024x576.jpg)
次に、コースプランの種類を載せていきます。
プランは全部で3つありますが、流れとしては載せる場所を確保して、プランの雛型を1つ作ったら、それを2つコピーする感じです。
言葉だけだと、わかりづらいと思うので、さっそくやっていきます。
まず載せる場所の確保というのは、載せたい要素のために割くことのできるスペースが、どれだけあるのかを把握することです。
この面は入れる要素が多くないので、あまり重要な作業に感じないかもしれませんが、複雑なデザインになってくると、スペースの把握が特に重要になってきます。
長方形ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2022/12/106d428186112f9756cad0723e3d2d61-1024x576.jpg)
3つのプランを載せたいところに四角形を配置します。
![](https://irarecreate.com/wp-content/uploads/2022/12/a0a0f9daacd1481da213c94322cc950a-1-1024x576.jpg)
そうしたら、この四角形を選択した状態で下図の手順で、「グリッドに分割(旧バージョン:段落設定)」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/12/686d967c56646323afcf6181b1c305c9-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、まずプビューにチェックを入れます。
![](https://irarecreate.com/wp-content/uploads/2022/12/b94a5c1e93bea616acb90156e396d2c6-1024x576.jpg)
そして、行の段数や間隔の数値を入力すると、四角形がどんな感じに分割されるかを実際に見ることができるので、各プランの説明文の文章量を考えて数値を決め、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/12/681bc3b3fec4c6858a7e30520e7c6abb-1024x576.jpg)
それが終わったら分割された四角形の中にプラン内容を入力していきますが、その前に、この四角形をどんなデザインにするかを先に決めます。
![](https://irarecreate.com/wp-content/uploads/2022/12/c4cb73c276f85d3f5369626659ab3ddb-1024x576.jpg)
ここで、このパンフレットのキーワードを思い出します。
![](https://irarecreate.com/wp-content/uploads/2022/12/388aba2dee0c49cf3d82d787c8443f44-1024x576.jpg)
第一回目の記事でも装飾は「伝統的」というキーワードを元に行ったので、今回もそれでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/12/569452bea6952b2729fb3a612159d0e9-1024x576.jpg)
表紙の枠線同様、プラン内容の枠も額縁をモチーフにしたシンプルなものにします。
この四角形の角を取り、
![](https://irarecreate.com/wp-content/uploads/2022/12/24edb6e6fa6878e2ba7c32b851a2bb6d-1024x576.jpg)
さらに、下図(1,2枚目)の手順で図形のオフセットを作成して、
![](https://irarecreate.com/wp-content/uploads/2022/12/df0971ac5c09bfd220548609e53692ef-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/ffe1bb6d114e41ce612d170db1d2247d-1024x576.jpg)
外側の線を少し太くします。
![](https://irarecreate.com/wp-content/uploads/2022/12/eb22a3a6db871c7bc782f8ca3c144954-1024x576.jpg)
これで伝統的な重厚感を表現しました。
そうしたら、背景との同化を防ぐために、この枠線に薄い白塗りを加えます。
アピアランスパネルを開き、塗りを「白」に設定したら、
![](https://irarecreate.com/wp-content/uploads/2022/12/0d15de50768c3ef8e0967a01d9918089-1024x576.jpg)
塗りの不透明度だけを「30%」程度に下げます。
![](https://irarecreate.com/wp-content/uploads/2022/12/93c0a1d5b9a067b007b9170ccf82a26b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/12/f5002d73718565e3e9b7aebd9787540d-1024x576.jpg)
これで枠のデザインが決まったので、中に内容を入れます。
このとき、価格の部分はお客様が特に知りたがっているところなので、大きく目立たせます。
![](https://irarecreate.com/wp-content/uploads/2022/12/2e07b8bc1619a5d08d2fb5dc363292c6-1024x576.jpg)
因みに、下図マーキング部分の直線の両端についている小さな四角は、
![](https://irarecreate.com/wp-content/uploads/2022/12/3a1176bd4bca9d8ee2986f9a6a83bdc2-1024x576.jpg)
線パネルのマーキング部分から設定することができます。
![](https://irarecreate.com/wp-content/uploads/2022/12/f60c87586f12ff0b3a7efcadae40d823-1024x576.jpg)
これでコースプランのテンプレートができたので、あと2つコピーして、それぞれ内容を変えます。
![](https://irarecreate.com/wp-content/uploads/2022/12/736b594a0def558e888a9caae2d15422-1024x576.jpg)
装飾を加える
最後に一カ所だけ伝統的な装飾を加えて、今回の記事は終わりにします。
装飾を加えるところは、下図マーキング部分です。
![](https://irarecreate.com/wp-content/uploads/2022/12/d05fb9208b51ba0ec939d6ec2c365fac-1024x576.jpg)
「コースプランでは…」という文章は、この面の見出しともいえる部分なので、それっぽく見えるようにアンティークな装飾を上下につけます。
![](https://irarecreate.com/wp-content/uploads/2022/12/84a7aaa2308ec04c392a723bde780342-1024x576.jpg)
因みに、この装飾はだいぶ前にネットからストックしておいたフリー素材です。
イラストACで「アンティーク 装飾」などで探せば、似たようなものを作っている方がいらっしゃると思います。
![](https://irarecreate.com/wp-content/uploads/2022/12/4632c34c5fa5c059288fd37fb41d16d3-1024x576.jpg)
次回でパンフの記事は最後になります↓
コメント