ビックリマンシール風の背景をPhotoshopで作る

ビックリマンシール風
会社でぱらぱらっと見たMDN今月号の一部になんとなく惹かれてしまう、ビックリマンシール風の背景の作り方が掲載されていたので、思い出しつつ参考にしながら、自分なりに作ってみました。
ビックリマンシール風の背景のホトショップによる作り方です。

興味を持った人は買ってみたらどうでしょうかー。MDN毎月目に通すだけでも、新しい技法に出会えるんじゃないかと思いますよー。ちなみに今月号です↓

ホトショップでの作り方を簡単に紹介します。

ビックリマンシール風01
今回は100pxのRGBで作って行きますー。きりのよい正方形ならなんでも良いです。小さいのはよくないと思います。

ビックリマンシール風01
今回一番のポイントともいえる「円雛形グラデーション」を選択して、こんな感じでグラデーションを作ります。細かい部分はお好みで良いと思います。ガイドを中心に縦横に引くと作業し易いと思います。

円雛形グラデーション
全面に塗りますー。グラデーションを中心から、良い具合になる角度に引くと良いです。

円雛形グラデーション
こんな感じで、再び「円雛形グラデーション」を選択、グラデーションをスペクトルにして、こんな感じに2つ置きます。

円雛形グラデーション
この虹色のオブジェクトのレイヤースタイルをスクリーンにします。

円雛形グラデーション
こんな感じになると思うので、編集→パターン定義をします。

新規ファイル
新規でファイルを作ります。さっきのパターンは100px 100pxで作ったので、今度は600px 600pxです。

円雛形グラデーション
塗りつぶしツールでさっきのパターンを選んでドンです。100pxのパターンなので6×6で表示されるはずです。
使いどころには困るかもしれませんが、かなり大雑把な説明ですけど、パターンを定義した事ない人や、円雛形グラデーションを使った事が無い人など、試してみると良いんじゃないでしょうか。


コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

follow

rss