CSS Nite in Omotesando, Vol.2では、Fireworksの応用のセッションが盛りだくさんでした。

表参道 The Gallery「station 5」 で開催され、80人近くの方が参加されたようです。

---

---

じゃんけんでCS5のボールペンとFireworkのDVDをいただきました

---

---

どっちがハイクオリティ？?Photoshop vs Fireworks

とみた ちひろさん

なんとa-blog cmsでスライドを作成していてすごかったです！
Photoshopで制作したデザインをFireworksでも同じ表現が出来るかという内容でした。人がFireworksでデザインをしている所を拝見するのは滅多に出来ないことなのでとても参考になりました。今度、グロー効果を上手く使ってみたいです。
Fireworks CS5のグラデーション反転ボタンは便利ですね！
ナナホシフォントという自作フォントがβ版でダウンロードできるようです！デモ中のFireworksの画面に表示されていたGIFアニメが可愛かったです。

賢く使い分けよう！Webのレイアウトには、やっぱりFireworks

石嶋 未来さん

Fireworksはレイアウトするのに優れているソフトのようです。 Photoshopで制作したデザインをFireworksで開き、中のページを実際に作るところを見ました。

ページパネルの活用

ページの一部のレイヤーを共有する（マスターページの作成）

スタイルパネルの活用

h1やpなどのテキストをスタイルパネルに登録して、情報を書き出せば、複数の人と共有できるので効率アップ！と思いました。

シンボル化の活用

画像や文字の見出しはボタンシンボルに変換すれば、編集したときに子要素も反映されるので、全ページのデザインを直さなくてもよくなるのがすごくいいなぁと思いました。ドキュメントライブラリで管理できます。

Fireworksをちょっと快適にするTips

関口 和真さん

Fireworksの環境設定では設定できないことを直接xmlに記述すれば設定できるようです。

注意

• Fireworks CS4以降からだそうです。
• 必ずバックアップをとってから編集してください。
• Fireworksを終了した状態で編集してください。

ファイルの置き場所（Mac OSX Fireworks CS4の場合）

file:///Users/ユーザ名/Library/Preferences/Adobe Fireworks CS4/ja/Fireworks CS4 Preferences

キャンパスの最大サイズを増やす方法

6000の数字を任意の数値に変更してみてください。（1117行辺り〜）

<key>MaxDocSizeInPixels</key>
<integer>6000</integer>

非同期保存の変更

trueにすると保存時にエラーがでる確率が減るそうです。

<key>AsynchronousSave</key>
<bool>false</bool>

CSS Sprite Extension利用のすゝめ?ゼロから応用まで

湯口 りささん

CSS Spriteとは

それらの画像を一つにまとめ，１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。

第10回　CSS Spritesでサイトを高速化より

CSS Sprite Extensionについて

湯口 りささんが自作した機能拡張です。以下のURLからダウンロードできます。この機能を使うことで複数の画像をFireworksで簡単にまとめたり、DreamweaverにHTMLやCSSを書き出すことが出来ます！

• CSS Sprite Extensionの紹介
• CSS スプライト作成に便利な拡張機能

手書き風デザインを実現する10のレシピ

林 大輔さん

Fireworksを使って様々な手書きの表現を実演していただきました。

紹介していただいた技法

• 鉛筆のような線
• ペンキ
• 文字のにじみ
• 古い紙の質感
• パッチワーク
• 付箋
• パッチワーク
• マスキングテープ
• ちぎれた方眼紙
• かすれた文字
• 文字のランダム配置

林さんはFireworksのテクスチャのFireworks texture galleryというサイトを運営していてします。

ガレリアCSS プロに学ぶスタイルシートの定番デザインという書籍も販売されています。デザインに優れたアイディアが満載になのでCSSを書く人やデザイナーさんにもおすすめです！

---

関連タグ：CSSNite Fireworks