初級ブログカスタマイズなどweb系知識メモ、Illustratorで作った無料素材を公開

SAB-webカスタマイズ

Illustrator パンパカパーンなPOPなデザインの描き方

専門用語？で何て言えばいいか分からないのですが、
「パンパカーン！」という感じのデザインのチュートリアルです。

完成品がこちら。

シンプルなデザインなんですがIllustratorで作るとなると、
あれ、どうやるんだ？となるのでメモしておこうと思います。
年賀状のデザインにも良い感じですよね。

【参考サイト】(デザインの参考。描き方は私の独自の方法です；)
Free Vector graphics >>
Illustrator tutorial - Grunge sunburst effect
http://vector-grafix.blogspot.com/2008/04/illustrator-tutorial-grunge-sunburst.html

パンパカパーンな模様のデザインを作っていきます

今回のパンパカパーン模様は、
ど真ん中に整列させることがポイントになってくるので、
図のように、チェックを入れます。
新規作成で400px*400pxのアートボードのサイズを設定します。
(完成品は250px*250pxのサイズになります。)
アウトラインが透明で、中の色が茶色の
20px*200pxの長方形を作ります。
図のように、作った長方形を [ はさみ ] で対角線を結び、カットします。
少しくらいカットがズレても、出来栄えとしてはあまり気になりません。

切ったものを回転させたり、リフレクトでコピーなどをして三角形にします。
最終的に図のようなものが出来たら、パスファインダで合流させます。
(１つの図形になります。)

※参考サイトでは、
40px*400pxの長方形を自由変形して最終的な図形に作っています。
これを次で回転させるのですが、自由変形だと上手くいかなかったので、
このような作成方法をやってみました。
先ほど作った図形を回転させます。
図のように、-20°で回転させ、コピーしてください。
[ Ctrl + D ]を7回押すと、回転コピーが繰り返され、
下の図のうようになります。
先ほど出来たパンパカパーンな図形を、
グループにして、パスのアウトラインを作成します。
250px*250pxの正方形を作り、
アウトボードのど真ん中に配置したら、
パスファインダで [ 形状エリアを交差 ]→[ 分割 ]を押します。
すると、下のようになります。
ここまでで、正方形(250px*250px)のパンパカパーンのデザインが完成しました。

ここからはお好みでアレンジしていきます

擦れたグランジっぽいブラシを使って、
図のような感じにしてみます。
ブラシは、中は無色にしています。
図ではブラシのアウトラインを白にしています。
パンパカパーンの茶色と同じ色にしてみてもいいかと思います。
250px*250pxの正方形を作り、
パンパカパーンの茶色と同じ色にして、不透明度を50%にし、
ど真ん中に整列させます。
あとは、ロゴになるようなものを配置すると、完成。