Fireworksのチュートリアルをやってみた。

Vista風のグラフィック

FireWorks大好き、トミナガです。
大好きだけど、上手くできないことも多く、世間に数多と溢れる美しいグラフィックのうち、いくつかは、きっとFWで作成されたものもあるはず‥‥と、毎日目をギラギラさせています。

今日は仕事をお休みして、英語のページで見つけたチュートリアルをいくつか試してみました。

上の写真は"Create Vista-like Wallpapers with Fireworks | Firetuts.com"の説明を、読めるところまで解読して作成したものです。30分ぐらいでここまで出来ました。
ポイントは、描画モードの「オーバーレイ」＋透明度の組み合わせと、ぼかしフィルタを「放射」でかけてみる。ちょっとねじれたような、キレイなぼかしができます（右下の部分で使ってます。

その他、"Icojoy - stock icons shop, article 'Windows Vista buttons'"も試してみました。これはほぼ再現できましたが、元がPhotshopのチュートリアルなので、FWの機能に置き換えられないものも多々あって大変。
ただ、その部分、どうやってFWの操作で補完していくかを考えるのが楽しいんだけど‥‥。

vistacon

できたのはこんな感じ。まぁまぁかな。
時々こういう作業をしてみると、表現の幅が広がるし、他人の書いたチュートリアルを見て「この効果ってこういう表現になるのかー！」って発見があって、それをまた応用して‥‥と、想像力がふくらみますね。

デザイン作業って、なんとなくでやってると、ただカラフルな線で囲ってグラデーションがあって、アイキャッチのアイコンがあるだけ、とかになりがちです。
こういったキレイなグラフィックを作る作業は、仕事じゃなくても定期的に手を動かすようにしていきたいです。

その他参考：

« xiaoとPoGoを比べてみる。 | TOP | note : 20081110（自己管理） »

コメント

トラックバック

Trackback URL :

このサイトについて

管理者
location
Sapporo, Japan
job
Webデザイナー、コーダー
趣味
写真と猫

札幌でフリーランスのWebデザイナーをしています。このブログは、主に日常の出来事とWeb制作に関するメモを書いています。

>>read more


Twitterプロフィールはこちら