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

25

01月2010年

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

toyama 19:28 PM

  • はてなブックマークに登録
  • livedoorクリップに登録
  • Yahoo!ブックマークに登録
  • deliciousに追加

イメージ

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

RECENT COMMENTS

ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
お返事ありがとうございます。説明が足りなかったようで、もう少
minami on 【Fireworks】Fireworks の振る舞い 基本的なとこ
> nishiuraさん コメントありがとうございます。
minami on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
> tyさん コメントありがとうございます。 コンポーネント
ty on Flashで動画を再生しよう!第 3 回 FLVプレーヤーをつくろう1/2。
参考にさせていただきました。ありがとうございました。 とこ
Chakotay on 【Fireworks】Fireworks の振る舞い 基本的なとこ
現場では上級のデザイナーの人、レベルの高いセンスのあるデザイ