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

Adobe Illustratorを使用して、クッキー・ビスケットを作っていきます。

こちらは基本の作り方なので、応用編を作る場合も基本を作成しておく必要があります。
グラフィックスタイルに登録すれば、他の図形もあっという間にビスケットにすることができます。登録方法は最後に解説しています。
使用した色も記載してあるので、是非挑戦してみてください☆

ちなみに応用編はこちら↓

色を設定する場面では、プレーンとココアの色それぞれ記載してあります。
クッキーとビスケットは同じ意味だそうですが、お菓子業界ではビスケットはハードビスケットを指すそうです。

塗りと線は同じ色にします。アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

線分は0にして、間隔と線の太さを調整してビスケットのような輪郭を作ります。 ”コーナーやパス先端に線の先端を整列”をクリックします。

複製した線を塗りの下にドラッグで移動させます。

線幅も少し太くします。 パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。

ビスケットの厚みを出したい場合は、線幅の太さを調整します。

アピアランスパネルの一番下に追加したいので、パスを選択した状態で[光彩（内側）]を選択します。手動でドラッグして移動させてもOKです。

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

文字の塗りの下に線を追加します。線はハイライトにするので、塗りより明るい色にします。
線を選択した状態で、パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。

ビスケットの影が右下の場合、文字のハイライトは左上になります。

塗りなし線ありにしておきます。

円の上に、文字を覆うように長方形を描きます｡ パスファインダーパネルで[前面オブジェクトで型抜き]をクリックします。 パスファインダーパネルは、メニューバー→[ウィンドウ]→[パスファインダー]で表示できます。　　　

カットしたら余分な線は削除します。

線分は0にして、間隔と線幅を調整します。 ”コーナーやパス先端には線の先端を整列”をクリックします。色は文字と同じ色にします。

以下のように設定します。
描画モード：スクリーン
不透明度：プレビューを見ながら調整してください
ぼかし：プレビューを見ながら調整してください

アピアランスパネル下部の新規効果を追加アイコン→[スタイライズ]→[光彩（内側）]を選択します。

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

上にビスケットを重ねました。

クッキーは、お菓子業界では手作り風と定義されているそうです。ビスケットとは違い、輪郭をラフな感じにしました。

塗りはメインカラー、線は影の色にします。塗りを選択した状態で、アピアランスパネル下部の新規効果を追加アイコン→[パスの変形]→[ラフ]を選択します。
アピアランスパネルは、メニューバー→[ウィンドウ]→[アピアランス]で表示できます。

線を選択した状態で、パネル下部の新規効果を追加アイコン→[パスの変形]→[変形]を選択します。

厚みを出したい場合は線を太くします。

アピアランスパネルの一番下に追加したいので、パスを選択した状態で[光彩（内側）]を選択します。手動でドラッグして移動させてもOKです。

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

テクスチャを入れない場合はここで完成です。

Ctrl+Cでコピーし、Ctrl+Fで前面にペーストできます。複製された方が選択されている状態になっているので、そのままメニューバー→[オブジェクト]→[アピアランスを分割]を選択します。

パスファインダーパネルは、メニューバー→[ウィンドウ]→[パスファインダー]で表示できます。

ウィンドウが開くので数値を調整してOKをクリックします。

ウィンドウが開くので、テクスチャの境界線が目立たない程度に数値を調整します。

グラフィックスタイルパネルにドラッグ＆ドロップすると、登録できます。グラフィックスタイルは、メニューバー→[ウィンドウ]→[グラフィックスタイル]で表示できます。
ビスケットやクッキーにしたいオブジェクトを選択して、登録したスタイルをクリックすると適用されます。

クッキーの場合は、クッキー本体とテクスチャは別々でグラフィックスタイルに登録します。

いかがでしたか？
同じ要領でたべっ〇どうぶつや、オ〇オも作れそうですね。余談ですが、クッキーを食べながらこの記事を書いていました。笑
応用編ではいろいろな種類のクッキーを作成していきます。こちらも是非チェックしてみてくださいね。