CSS Selector Generator | CSS のセレクタ一覧を一発で自動生成!

25

01月2010年

【Fireworks】ダイヤモンドっぽいものを作ってみる

toyama 19:28 PM

イメージ

2010 年になってはじめてのブログ当番です、toayma です。
今年もよろしくお願いします!

昨年、小悪魔 ageha っぽい画像を作ってみる際に断念したダイヤモンドっぽいものを Fireworks で作れないかずっと考えていたのですが、フィルタとか使ってぱぱーんと作るのは私には無理!もうここは基本に戻って、パスとグラデでどうにかしようじゃないか!と開き直りました。
あまりに基本なので軽い説明にとどめたいと思います。

100125_toyama_01.gif

1.八角形の矩形を描く
2.対角線で切って、内角が45度の三角形を作る

100125_toyama_02.gif

3.三角形の塗りを白→グレーのグラデーションに設定
4.三角形をコピーしては、45度に回転。7 回繰り返して、元の 8 角形に並べます。

100125_toyama_03.jpg

5.小ぶりの八角形を作って上に重ねます。それっぽくできてる?
6.もしくは、4.で作った8つの三角形をコピーして縮小し、上に重ねます。グラデーションを乱反射する光のイメージで調節します。

100125_toyama_04.jpg

キラキラのパーツとあわせたりするとダイヤモンドっぽく見え…るといいな。
ダイヤモンドだね。ダイヤモンドは砕けないよね。

バシャログスタッフによるWebサイト制作サービス

トラックバック

このエントリーのトラックバックURL
http://c-brains.jp/cgi-bin/mt/###/2119
###はmt-tb.cgiに変更してください。

ページの先頭へ

POPULAR TAGS
  • バシャログスタッフによるWebサイト制作サービス

ARCHIVE

特集

  • ステップアップ!CakePHP
  • 作って学ぶjQuery