Home > Fireworks Archive
Fireworks Archive
Webサイトを作る際に素材やサイトデザインの参考になるFireworksのチュートリアル集(海外)
Macromedia社がAdobe社に買収されて、Adobe社のCS３シリーズにFireworksも組み込まれました。
Adobe社の製品になったことで、PhotoshopやIllustratorなどとの連携が強化され使い勝手が良くなったと思います。
従来FireworksはPhotoshopと同じ部類に入り、Adobe社に買収された時に"Fireworksはもう新しいバージョンが出ない"と噂されてるほど、同じ事ができます。
しかし、Adobe社の考えは違うようです、FireworksはWebサイトのプロトタイプとデザインをすばやく作成するためのツールと考えているようです。
デザイナーさんの中にはWebデザインはPhotoshopよりFireworksを使って作るという方も多いようです。
そこで今回は、Webサイトを作るときに参考になりそうなチュートリアルのサイトを紹介します。
- グラデーションをうまく使ってWeb2.0の様な洗練されたっきりしたWebサイトのチュートリアル
http://abduzeedo.com/tutorial-obamas-background-fireworks-part-1 - 上記のデザインをCSS構造に変換するチュートリアル
http://abduzeedo.com/tutorial-obamas-background-css-part-2 - ブログのデザインに使えそうなデザインのチュートリアルです。
http://abduzeedo.com/tutorial-newspond-menu-fireworks-part-1 - 上記のデザインをCSS構造に変換するチュートリアル（英文が多いです・・・(T□T)）
http://abduzeedo.com/tutorial-newspond-menu-fireworks-part-2 - Windows Vistaのような近未来的な壁紙の作り方
http://firetuts.com/2007/12/21/create-vista-like-wallpapers-with-fireworks/ -
平面的な素材を立体的にするチュートリアル
http://www.brownbatterystudios.com/sixthings/2008/02/08/highlights/#more-34 - シールがはがれた表現・ヘッダーやロゴに使えそうなチュートリアル
http://firetuts.com/2007/11/23/creating-a-realistic-peelable-sticker-effect-in-fireworks/
素材ダウンロード - 光沢のあるWeb2.0のボタン素材の作り方
http://firetuts.com/2007/12/15/how-to-draw-a-marble-or-glass-ball/
素材ダウンロード -
簡単なバーコード素材の作り方
http://firetuts.com/2007/12/08/five-easy-steps-to-create-a-barcode-in-fireworks/ -
様々な形の素材をAqua(アクア)素材にするチュートリアル
http://imasters.uol.com.br/artigo/3417 -
かっこいい光沢感のあるフォルダアイコンの作り方
http://www.adobe.com/devnet/fireworks/articles/creating_icon_02.html -
写真が置いてあるような表現の仕方
http://www.brownbatterystudios.com/sixthings/2006/03/06/rapid-fire-1-photo-realistic/
素材ダウンロード
今回参考にしたサイト
http://www.smashingmagazine.com/2008/03/18/adobe-fireworks-tutorials-downloads-best/
http://firetuts.com/
- Comments: 0
- TrackBacks: 0
Home > Fireworks Archive
- Recent Entries
- Categories
- Archives
MovableTypeで必要な書籍
