カップケーキのカード＿作成方法＿カードのレイアウト

＜カードのレイアウト＞Illustlator

今回はカップケーキのレイアウトを完成させます。

1カップケーキのレイヤーを全て結合します。（図１、図２）

　（文字、背景、ガイド、塗り足しとトンボ以外）

図１：文字、背景、ガイド、塗り足しとトンボ以外のレイヤーを選択

　（Shiftキーを押しながら複数選択できます）

図２：レイヤーの結合

2 カップケーキの位置をケーキの下部分が、

　カードの半分の位置になるようする。

　また、ケーキの右部分が

　カードの右ガイドの位置まで移動する。（図３）

図３：位置の調整

3カードの下半分に、長方形作成ツールを用い、

　長方形を作成。

　塗りはなしに、線を選択する。（図４）

図４：塗りはなしに、線を選択

4ブラシ＞ボーダー＞ノベルティー（図５）より

　花柄を選択（図６）

図５

図６

図７：花柄の適用

5ガイド内に収まるよう、フレームの位置を調節し、

　カードの完成です

図８

これでカップケーキのカードの完成です！

PDFで保存したいときは

最上部メニューの

ファイル＞別名で保存を選択し

保存形式を.pdfにしましょう。

PDFにトンボやたち落としの設定を入れたくないときは、

PDFを保存する際出てくるダイヤログの

「トンボと裁ち落とし」を選択し、

それぞれのチェックをはずしておきます。

図９

カップケーキのカード＿作成方法＿カップケーキの作成方法4

＜カップケーキの作成方法4＞Illustlator

カップケーキにデコレーションを施したり、形を調節し、カップケーキを完成させます

１レイヤーのロックをはずしておきます。

2私の場合は、カップ部分のパターンが思っていたより小さかったので、
　拡大縮小ツールを使い、大きくしました。

　拡大縮小ツールの使い方は、カッ プケーキのカード＿作成方法＿カップケーキの作成方法2ｎの4をご参照ください。

図１：拡大縮小ツール適用前

図２：拡大縮小ツール適用

3ケーキのふわふわ具合が足りないので、
　ダイレクト選択ツールを使用し、調整する。

　調整の仕方は、カッ プケーキのカード＿作成方法＿カップケーキの作成方法3の
　7～9をご参照ください。

図３：カップケーキを調整

4調整が終わったら、「カップケーキ上」レイヤー以外の全てのレイヤーにロックします。

5イチゴの種作成と同じ要領で、デコレーションアイテムを作成し、
　塗りはM=62、線はなしに設定する。

イチゴの種作成については
カッ プケーキのカード＿作成方法＿カップケーキの作成方法3の14をご参照ください。

6次に花びらのアイテムを作成する。5で作ったアイテムをコピペし、
　選択ツールで拡大する。

　塗りをC=22,M=33、線はなしに設定。（図４）

図４

7上記のオブジェクトを選択しながら、
　最上部メニューの、効果＞パスの変形＞パンク・膨張を選択（図５）

図５：効果＞パスの変形＞パンク・膨張を選択

8膨張40%位の位置に設定すると花びらができる。（図６）

図６

9[5]で作成したアイテムと、[8]で作成したアイテムをコピペし、
　カップケーキに配置する。

図７（最後にカップケーキの影が大きすぎたので調整しました）

カップケーキの完成

次回で、カップケーキのカードは最後になります。
次回はレイアウトの完成です

宜しくお願いします！

カップケーキのカード＿作成方法＿カップケーキの作成方法3

＜カップケーキの作成方法3＞Illustlator

今回はカップケーキの上部分を作成します。

1新しいレイヤーを作り、「カップケーキ上」と名前をつける。

　レイヤーの作成方法は、（ブログ記事「カッ プケーキのカード＿作成方法＿ガイド」の3を参照）

　前回までのレイヤーはロックする。

2楕円形ツールを選択（図１）、

　前回（カップケーキの作成方法2）で作成したオブジェクトの上に、

　そのオブジェクトより少し幅が大きくなるように、

　楕円を作成する。

図１：楕円形ツールを選択

3塗りはM=30、線はなしに設定（図２）

　塗りと線の設定の仕方は、

　カッ プケーキのカード＿作成方法＿テキスト（文字）の配置を参照

図２：塗りはM=30、線はなしに設定

4カッ プケーキのカード＿作成方法＿カップケーキの作成方法2の5を参考に、

　オブジェクトの上下にひだをつくる。（図３）

　ケーキのふわふわ感がでるようにつくりましょう♪

図３

5上で作成したオブジェクトをコピーし、

　レイヤーをロック、

　新規レイヤーを作成し（カップケーキ影と名前をつける）

　貼り付ける。

6カップケーキよりふた周りくらい小さく縮小し、

　塗りをM=30,K=16にする

7ダイレクト選択ツールを選択し、

　下部分のアンカーポイントをクリック（図４）

　上にドラッグする。

図４：下部分のアンカーポイントをクリック

8左右のハンドルをそれぞれ上にドラッグし（図５）、

　丸みを持たせる（図６）。

図５

図６

9下部分の他のいくつかのアンカーポイントに対して[7][8]の作業を行い、

　形を整える。（図７）

図７

10次は、カップケーキの上に乗せるイチゴを作ります。

　新規レイヤーを作成し、「イチゴ」と名づけます。

　楕円形ツールを選択し、正円に近い形を作成。

　塗りをM=81,K=16にします。（図８）

図８：この時点で、イチゴがケーキより上に飛び出し、

　　　またケーキがふっくら見えるように、

　　　ケーキやカップの位置やサイズを調節しました。

11イチゴを選択し透明度を50%に設定（図９）

図９：イチゴを選択し透明度を50%に

12消しゴムツールを選択（図１０）し、

　イチゴの下部分がケーキに隠れるよう、

　イチゴの下部分を消す。（図１１）

＊消す際は、イチゴ以外の全てのレイヤーをロックしておきましょう。

＊拡大すると作業がしやすいです。

図１０：消しゴムツールを選択

図１１：イチゴの下部分を消す。

13イチゴの透明度を100%に戻す。（図１２）

図１２

14楕円形ツールでShiftキーを押しながら、1mm位の円を作成し

　塗りをM=19,Y=80に設定。

　コピペし、たくさんイチゴに貼り付け、イチゴの種を作ります。（図１３）

図１３：イチゴの種を作成

これでほぼ、カップケーキができました！

次回は、カップケーキにデコレーションを施したり、

形を調節し、カップケーキを完成させます♪

カップケーキのカード＿作成方法＿カップケーキの作成方法１

＜カップケーキの作成方法１＞Illustlator

今回はカップケーキのカップの部分を作成します。
ピンクにオレンジの水玉と、ポップな感じにします。

1新規レイヤーを作成し、「カップケーキのカップ」と名前を付けます。
新規レイヤーの作成方法は、

（ブログ記事「カップケーキのカード＿作成方法＿ガイド」の3を参照）

2まず、カップケーキの形を作ります。
長方形ツールを利用します。

長方形ツールを選択（図１）し、
若干横長の長方形を作成（図２）します。

（塗りと線はあとで設定します）

図１：長方形ツールを選択

図２：長方形を作成

3アンカーポイントの追加ツールを選択（図３）します。

作成した長方形の上と下をクリックします。（図４）

図３：アンカーポイントの追加ツールを選択

図４：作成した長方形の上と下をクリック

４アンカーポイントの切り替えツールを選択（図５）し、

3で作成した上のポイントをクリックしながら、（図６）

水平方向にドラッグ（図７）すると、線が出てきます。

図５：アンカーポイントの切り替えツールを選択

図６：3で作成した上のポイントをクリック

図７：水平方向にドラッグ

５ダイレクト選択ツールを選択（図８）し、

４でクリックしたポイント（図９）を下にドラッグ（図１０）します。

すると、長方形の上部分が丸みを帯びた形になります。

丸みは4で出てきた線が長いほど大きくなります。

ダイレクト選択ツールで線の端のポイントを選択しながらドラッグし、

丸みを調整してください。（図１１）（線はポイントの左右にあるので左と右を片方ずつ）

図８：ダイレクト選択ツールを選択

図９：４でクリックしたポイント

図１０：下にドラッグ

図１１丸みを調整

６　４，５の要領で、長方形の下部分にも丸みを持たせる。

７選択ツールを選択し、オブジェクトの大きさを調整する。（図１２）

図１２：選択ツールで大きさを調整

ここまででカップケーキの形ができました。

次に柄を追加します。

１長方形ツールでShiftを押しながらドラッグし、正方形を作成（1*1cm位の大きさ）（図１３）

2塗りはM=83、線はなしに

　塗りと線の設定の仕方は、

　カップケーキのカード＿作成方法＿テキスト（文字）の配置を参照

図１３：正方形を作成

3楕円形ツール（図１４）でShiftを押しながらドラッグし、

　作成した正方形内に、円を作成。（図１５）

円は正方形の中心になるように配置する。

図１４：楕円形ツール

図１５：円を作成

4塗りはM=60,Y=95に、線はなしに。

5正方形と円両方を選択し（図１６）、（Shiftを押しながらクリックすると両方選択できます）

　スウォッチパネルにドラッグします。（図１７、１８）

図１６：選択

図１７

図１８

6ドラッグ後は、正方形と円はDeleteキーで消しましょう。

7先ほど作成した、カップケーキの元となる図形を選択し、

　スウォッチパネルに登録したパターンをクリックします。

　カップの線はなしにします。

カップケーキのカップが完成しました。（図１９）

図１９：カップの完成

次回はカップケーキ作成の続きです。

宜しくお願いします。

CREATORS BANKにて作品を公開しています。

是非一度ご覧になってください。

カップケーキのカード＿作成方法＿テキスト（文字）の配置

＜文字の配置方法＞Illustlator

１新規レイヤーを作成し、レイヤー名を「文字」にする。
　（ブログ記事「カップケーキのカード＿作成方法＿ガイド」の3を参照）

２文字ツールを選択（図１）

図１：文字ツールの選択

３上部に、文字の設定ができるバーがでてくるので、
　フォントや文字の大きさを設定する。（図２）

図２：フォント、フォントサイズの設定

　今回は、フォント（RUBAN：このフォントがお使いのパソコンにない場合もあります）、フォントサイズ（72pt）としました。

４塗り（白）（図３、４）、線（C=0,M=73,Y=0,K=0)（図５、６）に設定。

図３：塗りを選択　　→　図４：白を選択

図５：線を選択　　　　　→　図６：C=0,M=73,Y=0,K=0に指定

５文字ツールをアートボード上にクリック（図７）し、
　キーボードで文字（FOR YOU）を入力

図７：アートボード上にクリック

６文字を選択しながら、右クリックし、
　アウトラインを選択（図８）
　文字がオブジェクト化されます。

図８：文字をアウトライン化

７選択ツールで文字の大きさを変更します。（図９）

図９：選択ツールで文字の大きさを変更

８文字が完成したので、
　「文字」レイヤーにロックをかけましょう。

レイヤーへのロックのかけ方は
「カップケーキのカード＿作成方法＿ガイド」の９を
ご参照ください。

次回は、カップケーキの作成方法をご紹介します！

カップケーキのカード＿作成方法＿イラストの配置

＜イラストの配置方法＞Illustlator

すでに持っているjpegなどのイラスト素材や写真を
配置したい場合についてです。

1イラストレーターの最上部メニューの「ファイル＞配置」を選択

2配置したいイラストを探し、選択する

3「リンク」というチェックボックスがありますが、これにチェックを入れると、選択したイラストや写真とリンクできます。

選択した写真を編集したりすると、反映されます。
ただし、元写真を削除したり、場所を移動したときには、イラストレーター上に配置した写真もなくなってしまいます。

特に元データを編集することがない場合は、リンクにチェックを入れないほうがよいかもしれません。

「テンプレート」、「置換」のチェックも入れなくて大丈夫です。

4OKを押すと、アートボード上にイラストが配置されます。
　配置したい場所に選択ツールを使用し、移動してください。

次回は文字の配置についてです。

カップケーキのカード＿作成方法＿背景

＜背景の作成方法＞Illustlator

1新規レイヤーを作成
　レイヤー名を「背景」としておく。
（ブログ記事「カップケーキのカード＿作成方法＿ガイド」の3を参照）

2長方形ツールを選択（図１）

図１：長方形ツールを選択

3塗り足しの左上隅をクリック（図２）、右下までドラッグ（図３）し、図形を作成

図２：塗り足しの左上隅をクリック

図３：右下までドラッグ

4線をなし（図４，５）に
　塗りを選択（図６）し、グラデーション（白黒）を選択（図７）

図４：線を選択

図５：線をなしに（バッテンをクリック）

図６：塗りを選択

図７：グラデーション（白黒）を選択
白と黒になっていなかったら、右の矢印をクリックして選択してください。

5グラデーションの種類を線形、角度90度にする（図８）

図８：グラデーションの角度90度

6黒のチップを選択（図９）、色を「C=0,M=34,Y=0,K=0」に変更（図１０）

図９：黒のチップを選択

図１０：色を「C=0,M=34,Y=0,K=0」に変更

7ピンクのグラデーションの背景ができました★

図１１：グラデーションの背景完成

次は、イラストの配置についてです

カップケーキのカード＿作成方法＿ガイド

＜ガイドの作成方法＞Illustlator

今回はガイドの作成方法を解説します。
前回作成した内容の続きです。

幅→148mm、高さ→200mmで作成したアートボード内に、
幅→143mm、高さ→194mmの長方形のガイドを作成します。

以降、作業をする際は、このガイド内に
デザインのコアになるイラストや文字が収まるようにします。

-------------------------------------------------------
１前回「塗り足しとトンボ」レイヤーまで作成しました。
　トンボを作成するために作った長方形を選択します。（図１）

図１：長方形をクリックし選択

２選択したまま、「Ctrl+C」を押してコピーします。（マックの場合はcommand + C）

３レイヤーを新規作成（図２）し、
　レイヤーをダブルクリックし（図３）、「ガイド」と名前をつけて保存します。

図２：レイヤーパネルの新規作成ボタンを押し、レイヤーを新規作成

図３：新規作成したレイヤーをダブルクリック

４「塗り足しとトンボ」レイヤーにロックをかけます。
　ロックをかけると、そのレイヤーで作成したオブジェクトは編集できなくなります。
　ロックはレイヤーパネルの「トンボと塗り足し」と表示がある
　左横に二つのボックスがあり、一番左には目の絵があるのですが、もうひとつのボックスを選択する（図４）と、鍵の絵が出てきます。これでロックできました。

図４：ボックスを選択し、レイヤーにロックをかける

５レイヤーパネルの「ガイド」をクリックして、選択してください（図５）。

図５：ガイドのレイヤーを選択

６最上部メニューの「編集」→「前面へペースト」を選択すると、先ほどコピーした長方形がコピーされます。

このままでは、トンボまでコピーされてしまい邪魔なので、
アピアランスパレットに表示されている「トリムマーク」を選択（図６）し、
アピアランスパレットの最下部右にある「ゴミ箱」マークをクリックして削除します（図７）。

図６：トリムマークを選択

図７：ゴミ箱マークをクリックし、トリムマークを削除

＊アピアランスパレットが画面に表示されていない場合、
　最上部メニューの「ウィンドウ」→「アピアランス」を選択してください。

７コピーした長方形が選択されたままであることを確認し、
最上部メニューのすぐ下にあるバーより、サイズ変更をします。
w、hの数値から、それぞれ5mmずつ引くと、
一回り小さい長方形になります。（図８）

図８：長方形の幅と高さを-5mm

８最後に、長方形を右クリックし、「ガイドを作成」を選択（図９）

図９：ガイドを作成

９レイヤーパネルの「ガイド」にロックをかけます（図１０）。

図１０：ガイドにロックをかける

長くなってしまい、わかりにくかったかもしれません
次回は、背景を作成します

カップケーキのカード＿作成方法＿トンボ

＜トンボの設定の作成方法＞Illustlator

印刷所へデータ入稿する場合、
イラストレーターのデータには必ずトンボ（トリムマーク）をつけます。

まず、前設定をします。

＜前設定＞
1最上部メニューの「表示」より、
　「スマートガイド」を選択（選択されている場合は、左にチェックが入っています）
2最上部メニューの「表示」より、
　「ポイントにスナップ」を選択

この前設定をすることにより、

操作が格段に楽に、正確になります！

＜トンボの作成方法＞

１まず、長方形ツール（図１）を選択してください。

　図のようなツールが画面上にない場合、

　最上部のメニューの「ウィンドウ」＞「ツール｝を選択し、表示させます。

図１：長方形ツールの選択

２図のアートボードの左上にカーソルを持って行き、

　交差という文字が出たところでクリック（図２）

図２：左上を左クリック

３「２」の状態からアートボード右下までドラッグし、

　交差という文字が出たところでクリック（図３）

図３：右下までドラッグ

４作成した長方形の周りに線がついているので、消します。

カラーボックスの線を選択し、バッテンを選択します。（図４）

図４：長方形の線をなしにする

５ツールの選択ツールをクリックし（図５）、

　作成した長方形のどこでもよいのでクリックします。

図５：選択ツールをクリック

６最上部メニューの「効果」より「トリムマーク」を選択します（図６）

　図６：「トリムマーク」を選択

これでトリムマーク（トンボ）が作成されました！

７最後に、後の作業がしやすいように、

　レイヤー名をつけておきましょう！

　レイヤーパネルの「レイヤー１」をダブルクリックします。（図７）

　図のようなツールが画面上にない場合、

　最上部のメニューの「ウィンドウ」＞「レイヤー」を選択し、表示させます。

図７：レイヤーパネルの「レイヤー１」をダブルクリック

８レイヤー名を「トンボと塗り足し」とし、okをクリックします。

図８：レイヤー名を変更

次回は、ガイドの作成を解説します

カップケーキのカード＿作成方法＿新規ドキュメント

＜新規ドキュメントの設定の仕方＞Illustlator

１イラストレーターを起動します。
２イラストレーターの最上部にあるバーの左「ファイル」をクリックし、「新規」を選択します。
３下記のように、設定し、ＯＫ（図１）

　アートボードの数→1
　単位→ミリメートル
　幅→148mm
　高さ→200mm
　断ち落とし→すべて3mm
　カラーモード→ＣＭＹＫ
　ラスタライズ効果→高解像度

図１：新規ドキュメントの設定

４画面上に、アートボードが現れます。
　アートボードが画面より大きすぎるときは、
　画面下部左にある「*%」のよこの矢印をクリックして、
　倍率を調整します。

次回は、トンボの設定の仕方を説明します