【Illustrator】クッキー・ビスケットの作り方【応用編】

Adobe Illustratorを使用して、いろいろな種類のクッキーを作っていきます。

こちらは応用編なので、まずは基本を作成しておく必要があります。基本編はこちらです。

基本が作成できていれば、応用編も特に難しいことはありません。「ジャムクッキー・花型のクッキー」はラジアル（放射状）に配置する工程があるので、そこは動画で解説しています。
それでは作っていきましょう！

ラフの効果を使用してチョコがけを再現します。

こちらの記事の「ビスケット 作成手順」を参考にビスケットを作成します。形は何でもよいですが、ここでは正方形で作成しています。

アピアランスパネルの一番上に追加します。膨らませなくてもよい場合は、この手順はなしでＯＫです。

少し膨らんだ形になりました。

ビスケットを複製して前面に配置し、膨張以外の効果を削除します。線も削除し、塗り一つだけにします。チョコレートの色（#725044）にしました。
塗りを選択した状態で、パネル下部の新規効果を追加アイコン→[スタイライズ]→[落書き]を選択します。

以下のように設定しました。プレビューを見ながら各自調整してください。

線幅：10px
角の丸み：7%　変位：2%
間隔：36px　変位：7px

塗りを選択した状態で、パネル下部の新規効果を追加アイコン→[スタイライズ]→[光彩（内側）]を選択します。以下のように設定しました。

描画モード：乗算　カラー：#2b130a
不透明度：90%
ぼかし：プレビューを見ながら調整してください。

パネル下部の「＋」をクリックもしくは、Altを押しながらドラッグすると複製できます。 上にある方の塗りを選択して、パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。

光彩内側の色も#c6bea8に変更しました。落書きの効果も少し調整して、下にあるチョコよりも間隔を広くしました。

アラザンのデコレーション付きアイシングクッキーを作成します。アイシングとは、粉砂糖に水分を加え、ペースト状のクリームにしたものです。

こちらの記事の「ビスケット 作成手順」を参考にビスケットを作成します。形は何でもよいですが、ここではハートで作成しています。

ここではピンクのハートのアイシングにしています。アイシングの塗りを選択した状態で、アピアランスパネル下部の新規効果を追加アイコン→[スタイライズ]→[光彩（内側）]を選択します。
以下のように設定します。

描画モード：乗算
不透明度：プレビューを見ながら調整してください
ぼかし：プレビューを見ながら調整してください
境界線にチェック

線なしになっているので、色を設定して線ありにします。色は灰色にします。
線を破線にし、線端：丸形線端にします。線分は0にして、間隔と線幅を調整します。 ”コーナーやパス先端に線の先端を整列”をクリックします。

上にある方の線を白系の色にします。線幅も少し細くします。白い線を選択した状態で、パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。

数値を調整してぼかします。

ピンクのハートアイシングと同じように、文字にも[光彩（内側）]を適用します。 文字が細すぎたので、パスのオフセットで潰れない程度に太くしています。

線のみで作るアイシングです。先ほどのアイシングはヨーチ加工っぽさもありましたが、こちらの方はより繊細で装飾的なアイシングです。今回はシンプルに作っていますが、レースや雪の結晶のような装飾も作れそうですね。

こちらの記事の「ビスケット 作成手順」を参考にビスケットを作成します。白のアイシングが映えるように色を少し変更しています。こちらを参考にしてください。

線を破線にし、線端：丸形線端にします。線分と間隔を調整します。 ”コーナーやパス先端に線の先端を整列”をクリックします。

線を選択した状態で、パネル下部の新規効果を追加アイコン→[スタイライズ]→[ドロップシャドウ]を選択します。以下のように設定しました。

描画モード：乗算　カラー：#bc8b28
不透明度：50%
X軸オフセット：2px
Y軸オフセット：2px
ぼかし：1px

文字が細すぎたので、パスのオフセットで大きくしています。先ほどの線と同じようにラフとドロップシャドウを適用します。

真ん中にジャムやチョコが乗っている花型・絞りだし風なクッキーを作成します。ラジアル（放射状）に配置する工程は動画で解説しています。

メニューバー→[ブレンド]→[ブレンドオプション]を選択します。

花びらの数はここで決まるので、好きな数値にしてください。360°をキリよく割れる数にするのをおススメします。

これがクッキーの大体の大きさになります。はさみツールで、円のパスを一か所カットします。

全て選択した状態で、パスファインダーパネルで[合体]をクリックします。パスファインダーパネルは、メニューバー→[ウィンドウ]→[パスファインダー]で表示できます。

その上から長方形ツールで花を囲います。クッキーの中心のガイドを作るためなので、クッキーに対して中央揃えに整列します（クッキーと同じ大きさにしなくても大丈夫です）。

回転ツールでAltを押しながらクッキー中央あたりにカーソルを持っていくと、”中心”というピンクのガイドが現れます。そのガイドを頼りに中心をAltを押しながらクリックします。これで回転の基点が中心になりました。

Altを押しながらクリックでウィンドウが表示されるので、角度を入力します。ここでは8枚のひだがあるので45°になります。

回転し隣のひだにピッタリ配置されたら、Ctrl+C（コピー）、Ctrl+F（前面にペースト）、Ctrl+D（同じ作業の繰り返し）のショートカットをひたすら一周するまで繰り返します。

こちらの記事の「ビスケット 作成手順」を参考にビスケットにします。花びらの数が多く、輪郭がハッキリとしている方が良い場合は、ラフの効果を省いて作成します。

もう既に作成したことがある方は、作成したものをグラフィックスタイルに登録すればすぐに適用できます。グラフィックスタイルに登録する方法もこちらに記載してあります。

塗りを選択した状態で、アピアランスパネル下部の新規効果を追加アイコン→[スタイライズ]→[光彩（内側）]を選択します。以下のように設定します。

描画モード：乗算
不透明度：プレビューを見ながら調整してください
ぼかし：プレビューを見ながら調整してください
境界線にチェック

描画モードは乗算で、クッキー側にジャムの影をつくります。
チョコを乗せた場合はここで完成です。ジャムの場合はさらにハイライトを追加していきます。

ハイライトなので明るい色にします。描画モードはソフトライトにしてみました。
パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。 拡大縮小で縮小させ、左上に移動させます。

その次にパネル下部の新規効果を追加アイコン→[スタイライズ]→[ぼかし]で少しぼかします。

描画モードをハードライトにしました。描画モードを変えずに色を明るくしてもOKです。変形をクリックして、設定を変更します。 さらに縮小させて移動で位置を調整します。

こちらの記事の「ビスケット 作成手順」を参考にビスケットを作成し、グラフィックスタイルに登録しておきます。グラフィックスタイルに登録する方法も記載してあります。

クッキーの重なり順は、上から順に右下、左下、右上、左上です。 全て選択してグループ化（Ctrl+Gか右クリック→[グループ]）します。

アピアランスパネルで新規効果を追加アイコン→[スタイライズ]→[光彩（内側）]を選択します。パネルの”内容”の下に配置します。以下のように設定します。

描画モード：乗算　カラー：#e29840
不透明度：プレビューを見ながら調整してください
ぼかし：プレビューを見ながら調整してください
境界線にチェック

ウィンドウが表示されるので、カーブの数値を調整します。

いかがでしたか？
光彩（内側）光彩（外側）が何度も登場するので、これをすべて作った方はだいぶ使い慣れたのではないでしょうか。
イラレで作るイラスト解説は他にもあります。文房具シリーズが最近完結したので、こちらも是非ご覧ください。