fireworks lover advent calendar 2012
DESCRIPTION
Fireworks lover advent calendar 2012、12月25日分の記事ですTRANSCRIPT
• 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年クリスマス