Fireworks lover advent calendar 2012、12月25日分の記事です

1. Fireworks User Group(info@fwug.net）
Kazuma Sekiguchi（@KAZUMA87）
2012/12/25

2. • Fireworks CS6のスプラッシュスクリーンを変更する
• Fireworksで気をつけると良いところ
• 意外と知られていないけど 今回はFireworks CS6
ユーザー向けです。
• 拡張機能、使って もちろんCS5、CS4ユー
ザーが使えるところも
• CS6から増えてるよ、リッチシンボル ありますが、あまり
注意書きしていません。
• お知らせ ごめんなさい

3. • 結論から申し上げる
• 無理でしたー。
• FireworksCS3までは、
http://www.fireworkszone.com/customizing-fireworks-splash-screen_394.html
に記載されている方法でいけます
• FireworksCS4以降はこのエントリが存在しないため、書き
換え不能です
• 探した限りでは見つかりませんでした・・・orz
• 表示システムが変わっている、という感じがしました

4. この矩形のx座標は190
• スマートガイドは表示倍率100%
以外だと1pxずれることがある
• 表示倍率100%で使うようにしま
しょう
• 拡大して表示しているときは
要注意
x:191でスマートガイドが表
示され、吸着する

5. • 動作が重い、エラーが起きる
• CS6からメモリ管理が良くなりました。メモリがきつくなると解放するか
どうか聞くダイヤログが表示されるらしいです（見たこと無いので）
• 「環境設定」の「最大取り消し回数」をできるだけ少なくする
• パスのアンカーポイントをできる限り減らす
• 拡張機能を外す
• Fireworksはデフォルトで拡張機能がたくさん入っています。使わない機能なら
ExtensionManagerで「有効」のチェックを外すべし
• 起動もほんのちょっとだけ速くなります

6. こっちも気に
• 「変更」→「マスク」→「マスクとし してはいけない
てペースト」を選択すると何故か英語
（w
• オートシェイプのプロパティになぜか
「水」は有名ですね
• 大丈夫、大した問題じゃ無いです。
ちゃんと機能はします

7. • 「表示」→「定規」でガイドを引き、
Shiftキーを押すとガイド間のpx値を
表示してくれる
• Shiftを押しながらマウスを移動
させると表示される場所も変わります
• この数値は拡大表示してもずれません

8. • 「自動シェイプ」の「波形」を使うと変な模様
を作成可能
• 上手く調整するとFwで描くのが大変なものも
比較的簡単に描画できます
• 曲率を変化させることで上のような柄も作成可能
です
• 波形を描画すると出てくる菱形のうちの1つが曲率の
設定です。マウスドラッグで数値を変更可能です
• グラデーションに塗ることやテクスチャの適用、
パターンの利用も可能なので、意外と便利

9. • Fireworksの拡張機能いっぱいあります
• 便利な物が多数。Fwの機能を補ってくれるものが多い
です
• mxpというファイルをダウンロードしたらダブルクリッ
クでインストールできます
• いくつか私も作成してます
• ということで何度かしているのですが、その紹介

10. • 選択したオブジェクト（1つでも2つでも）を
指定した数だけ、指定したpxを離して配置し
ます
• キーボードとマウスで複製しながらやるより
も効率が良いはず
• http://fwug.net/extension/duplicate.zipか
らダウンロードできます。もちろん無料です

11. 1. 複製配置したいものを描画します
2. 複製配置したいものを選択し、複製
配置パネルに必要な項目を入力して、
「複製配置実行」をクリック
3. 複製されます

12. • 複製配置のバックグランド配置版
• 一番下のレイヤーにはなってくれないので、注意
• 1つのレイヤーにまとめるので、必要なら移動してください
• 指定したオブジェクトでカンバスを敷き詰めます
• http://fwug.net/extension/pave.zipからダウンロード
できます。やっぱり無料です

13. 1. 敷き詰めたいものを描画します
2. 敷き詰めたいものを選択し、「コマン
ド」→「敷き詰め」を実行します
3. 左側の間隔、上側の間隔を聞かれるの
で、適当に入力すると敷き詰められま
す
• はみ出した部分は切り取られません

14. • シンボルのうち「シンボルプロパティ」でシンボル内のテキス
トなどを変更できるシンボルのこと
• FireworksCS6からデフォルトで搭載されているリッチシンボル
が凄く増えました
• 共有ライブラリの中にあります
• iPhone , jQuery UI Bootstrap（表記上はjQueryBootstrapとなっ
ている） , WindowsPhone7.5など
• なぜかAndroid系はありません

15. • iPhoneアプリのプロトタイプが リッチシンボル
だけで作成しました
リッチシンボルだけで作成可能
• Fireworksとは思えないかなり美しい仕上がりに
なっている
• パーツが入っているため、あとはテキストなどの
メッセージを変更するだけで利用可能
• iPhoneの場合、キーボードのタイプ（文字入力、
数字入力など）も設定可能
• ホットスポットを設定しておけば、ブラウザ上で
実際に操作しているように見せることが可能

16. • Fireworksはスライスにリンクを設定可能
• ページ機能を使いそれぞれのページに別の画面を作
成しておけば、擬似的な動きも再現可能
• リッチシンボルにもスライスは挿入可能
• かなり実機に近いようなプロトタイプを素早く
作成可能

17. • 2013年3月21日（木）「CSS Nite Vol.68」
にてFireworks特集があります
http://cssnite.jp/ginza/vol68/
• 懇親会でFireworks User Groupと合同で
LightningTalkを開催します
• ぜひ、ご参加ください

18. 素晴らしいChristmasと
素晴らしい新年を
来年もFireworksとともに
2012年クリスマス