Fireworks User Group(info@fwug.net）

Kazuma Sekiguchi（@KAZUMA87）

2012/12/25

• Fireworks CS6のスプラッシュスクリーンを変更する

• Fireworksで気をつけると良いところ

•意外と知られていないけど

•拡張機能、使って

• CS6から増えてるよ、リッチシンボル

•お知らせ

今回はFireworks CS6ユーザー向けです。もちろんCS5、CS4ユー

ザーが使えるところもありますが、あまり

注意書きしていません。ごめんなさい

• 結論から申し上げる

• 無理でしたー。

• FireworksCS3までは、http://www.fireworkszone.com/customizing-fireworks-splash-screen_394.html

に記載されている方法でいけます

• FireworksCS4以降はこのエントリが存在しないため、書き

換え不能です

• 探した限りでは見つかりませんでした・・・orz

• 表示システムが変わっている、という感じがしました

•スマートガイドは表示倍率100%

以外だと1pxずれることがある

•表示倍率100%で使うようにしま

しょう

•拡大して表示しているときは

要注意

この矩形のx座標は190

x:191でスマートガイドが表示され、吸着する

• 動作が重い、エラーが起きる

• CS6からメモリ管理が良くなりました。メモリがきつくなると解放するか

どうか聞くダイヤログが表示されるらしいです（見たこと無いので）

• 「環境設定」の「最大取り消し回数」をできるだけ少なくする

• パスのアンカーポイントをできる限り減らす

• 拡張機能を外す

• Fireworksはデフォルトで拡張機能がたくさん入っています。使わない機能なら

ExtensionManagerで「有効」のチェックを外すべし

• 起動もほんのちょっとだけ速くなります

•「変更」→「マスク」→「マスクとし

てペースト」を選択すると何故か英語

（w

•オートシェイプのプロパティになぜか

「水」は有名ですね

•大丈夫、大した問題じゃ無いです。

ちゃんと機能はします

こっちも気にしてはいけない

•「表示」→「定規」でガイドを引き、

Shiftキーを押すとガイド間のpx値を

表示してくれる

• Shiftを押しながらマウスを移動

させると表示される場所も変わります

• この数値は拡大表示してもずれません

• 「自動シェイプ」の「波形」を使うと変な模様

を作成可能

• 上手く調整するとFwで描くのが大変なものも

比較的簡単に描画できます

• 曲率を変化させることで上のような柄も作成可能

です

• 波形を描画すると出てくる菱形のうちの1つが曲率の

設定です。マウスドラッグで数値を変更可能です

• グラデーションに塗ることやテクスチャの適用、

パターンの利用も可能なので、意外と便利

• Fireworksの拡張機能いっぱいあります

•便利な物が多数。Fwの機能を補ってくれるものが多い

です

• mxpというファイルをダウンロードしたらダブルクリッ

クでインストールできます

•いくつか私も作成してます

•ということで何度かしているのですが、その紹介

•選択したオブジェクト（1つでも2つでも）を

指定した数だけ、指定したpxを離して配置し

ます

•キーボードとマウスで複製しながらやるより

も効率が良いはず

• http://fwug.net/extension/duplicate.zipか

らダウンロードできます。もちろん無料です

1. 複製配置したいものを描画します

2. 複製配置したいものを選択し、複製

配置パネルに必要な項目を入力して、

「複製配置実行」をクリック

3. 複製されます

•複製配置のバックグランド配置版

• 一番下のレイヤーにはなってくれないので、注意

• 1つのレイヤーにまとめるので、必要なら移動してください

•指定したオブジェクトでカンバスを敷き詰めます

• http://fwug.net/extension/pave.zipからダウンロード

できます。やっぱり無料です

1. 敷き詰めたいものを描画します

2. 敷き詰めたいものを選択し、「コマン

ド」→「敷き詰め」を実行します

3. 左側の間隔、上側の間隔を聞かれるの

で、適当に入力すると敷き詰められま

す

• はみ出した部分は切り取られません

• シンボルのうち「シンボルプロパティ」でシンボル内のテキス

トなどを変更できるシンボルのこと

• FireworksCS6からデフォルトで搭載されているリッチシンボル

が凄く増えました

• 共有ライブラリの中にあります

• iPhone , jQuery UI Bootstrap（表記上はjQueryBootstrapとなっ

ている） , WindowsPhone7.5など

• なぜかAndroid系はありません

• iPhoneアプリのプロトタイプが

リッチシンボルだけで作成可能

• Fireworksとは思えないかなり美しい仕上がりに

なっている

• パーツが入っているため、あとはテキストなどの

メッセージを変更するだけで利用可能

• iPhoneの場合、キーボードのタイプ（文字入力、

数字入力など）も設定可能

• ホットスポットを設定しておけば、ブラウザ上で

実際に操作しているように見せることが可能

リッチシンボルだけで作成しました

•Fireworksはスライスにリンクを設定可能

•ページ機能を使いそれぞれのページに別の画面を作

成しておけば、擬似的な動きも再現可能

•リッチシンボルにもスライスは挿入可能

•かなり実機に近いようなプロトタイプを素早く

作成可能

• 2013年3月21日（木）「CSS Nite Vol.68」

にてFireworks特集があります

http://cssnite.jp/ginza/vol68/

•懇親会でFireworks User Groupと合同で

LightningTalkを開催します

•ぜひ、ご参加ください

素晴らしいChristmasと

素晴らしい新年を

来年もFireworksとともに

2012年クリスマス