Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
パワーユーザー必携の海外の拡張機能 20選+α   March 5, Sat. By Akira Maruyama
自己紹介
まるやま あきら          鳥取在住。Web歴15年ほど。          CSS Niteで何度かスピーカー          やりました。   や   の拡張機能とか作ってます。      http://dwlog.net/
パブリックベータからずっとFireworks一筋!• 初めからパスでビットマップ オブジェクトが描けた• ライブエフェクトが画期的!
今日のアウトライン• 拡張機能って何?• 海外の拡張機能の紹介    ‣ レイアウト支援系    ‣ オブジェクト操作系    ‣ その他•   番外編:便利なアプリの紹介•   まとめ
拡張機能って何?
拡張機能 = Fireworksに 機能を追加するもの• コマンド    • テクスチャ• コマンドパネル • 自動シェイプ• ライブラリ• パターン          など
コマンドとコマンドパネルコマンド → メニューから直接実行• 中身は JavaScript + Fireworks API• よく使うものはカスタムキーボード  ショートカットを割り当てると効率的• 定形であればヒストリーからも作成可
コマンドとコマンドパネル  コマンドパネル   → Flashで作成されたGUIを持つ  • 標準で入っているパネルの一部も   (パス、整列パネルなど)  • パネル上のボタンや値の入力で実行
導入方法mxp形式  で簡単に導入できる  実行ファイルのみ指定のフォルダに格納する必要がある
海外の拡張機能∼レイアウト支援系∼
海外の拡張機能 レイアウト支援系コマンドパネル• Guides panel • Tablesコマンド• 960.gs Grid Generators自動シェイプ• Placeholder
デモ
海外の拡張機能        レイアウト支援系• 960.gs Grid Generators  http://www.adobe.com/devnet/fireworks/articles/  guides_panel.html• Guide...
海外の拡張機能∼オブジェクト操作系∼
海外の拡張機能オブジェクト操作系コマンドパネル• Gradient Panel• Gradient Direction Editor• Transform Panel• Object
海外の拡張機能     オブジェクト操作系コマンド• Orange Commands        • Smart Resize• Fill With Background   • Smart Knife• Group Commands    ...
デモ
海外の拡張機能            オブジェクト操作系•   Gradient Panel    http://www.adobe.com/devnet/fireworks/articles/    gradient_panel.html• ...
海外の拡張機能           オブジェクト操作系• Orange Commands  http://orangecommands.com/• Fill With Background  http://johndunning.com/fir...
海外の拡張機能        オブジェクト操作系• Smart Resize  http://johndunning.com/fireworks/about/SmartResize• Smart Knife  http://johndunnin...
海外の拡張機能 ∼その他∼
海外の拡張機能  その他コマンドパネル• CSS Sprite Panelコマンド• Favicon• Export Selection
デモ
海外の拡張機能               その他• CSS Sprite Panel  http://www.euchoice.com/blog/2010/12/08/css-   sprite-maker-a-useful-firework...
番外編便利なアプリの紹介
Fireworks-AutoBackup Utility • Adobe謹製のAIRアプリ。無料。 • 同時に立ち上げておくことで、  指定時間毎に同階層に  バックアップを作成。
Fireworks-AutoBackup Utility             時間を設定            「Enable」ボタンで実行
ForeverSave Lite• Macのみ。無料。• 自動保存を時間おき、アプリ切り替え時などに実行可能。• 有料版はバックアップやバージョン管理も。
ForeverSave Lite                              1. アプリを登録  2. Save when switching toanother applicationにチェック                ...
番外編  便利なアプリの紹介• Fireworks-AutoBackup Utility  http://www.adobe.com/cfusion/marketplace/   index.cfm?   event=marketplace.o...
まとめ
まとめ• 拡張機能を使用すれば、 より作業の効率化が図れます• 特にコマンドはキーボードショート カットを割り当てるとさらに便利• 海外に目を向けると便利な 拡張機能がたくさんあります
ご静聴ありがとう ございました  @akira_maru
Upcoming SlideShare
Loading in …5
×

パワーユーザー必携の海外の拡張機能20選+α

817 views

Published on

2011年3月5日に開催されたCSS Nite LP, Disk 14「Photoshopper meets Fireworks」での公演資料です。

Published in: Design
  • Be the first to comment

パワーユーザー必携の海外の拡張機能20選+α

  1. 1. パワーユーザー必携の海外の拡張機能 20選+α March 5, Sat. By Akira Maruyama
  2. 2. 自己紹介
  3. 3. まるやま あきら 鳥取在住。Web歴15年ほど。 CSS Niteで何度かスピーカー やりました。   や   の拡張機能とか作ってます。 http://dwlog.net/
  4. 4. パブリックベータからずっとFireworks一筋!• 初めからパスでビットマップ オブジェクトが描けた• ライブエフェクトが画期的!
  5. 5. 今日のアウトライン• 拡張機能って何?• 海外の拡張機能の紹介 ‣ レイアウト支援系 ‣ オブジェクト操作系 ‣ その他• 番外編:便利なアプリの紹介• まとめ
  6. 6. 拡張機能って何?
  7. 7. 拡張機能 = Fireworksに 機能を追加するもの• コマンド • テクスチャ• コマンドパネル • 自動シェイプ• ライブラリ• パターン など
  8. 8. コマンドとコマンドパネルコマンド → メニューから直接実行• 中身は JavaScript + Fireworks API• よく使うものはカスタムキーボード ショートカットを割り当てると効率的• 定形であればヒストリーからも作成可
  9. 9. コマンドとコマンドパネル コマンドパネル  → Flashで作成されたGUIを持つ • 標準で入っているパネルの一部も (パス、整列パネルなど) • パネル上のボタンや値の入力で実行
  10. 10. 導入方法mxp形式  で簡単に導入できる 実行ファイルのみ指定のフォルダに格納する必要がある
  11. 11. 海外の拡張機能∼レイアウト支援系∼
  12. 12. 海外の拡張機能 レイアウト支援系コマンドパネル• Guides panel • Tablesコマンド• 960.gs Grid Generators自動シェイプ• Placeholder
  13. 13. デモ
  14. 14. 海外の拡張機能 レイアウト支援系• 960.gs Grid Generators http://www.adobe.com/devnet/fireworks/articles/ guides_panel.html• Guides panel http://960.gs/• Tables 作者はJohn Dunning氏。 近日公開予定!• Placeholder http://johndunning.com/fireworks/about/Placeholder
  15. 15. 海外の拡張機能∼オブジェクト操作系∼
  16. 16. 海外の拡張機能オブジェクト操作系コマンドパネル• Gradient Panel• Gradient Direction Editor• Transform Panel• Object
  17. 17. 海外の拡張機能 オブジェクト操作系コマンド• Orange Commands • Smart Resize• Fill With Background • Smart Knife• Group Commands • Smart Punch• Keyboard Resize • Linked Images• Level Horizon
  18. 18. デモ
  19. 19. 海外の拡張機能 オブジェクト操作系• Gradient Panel http://www.adobe.com/devnet/fireworks/articles/ gradient_panel.html• Gradient Direction Editor http://www.granthinkson.com/2008/05/15/new-fireworks- panel-gradient-direction-editor/• Transform Panel http://www.senocular.com/fireworks/extensions/?entry=572• Object http://fireworks.abeall.com/extensions/panels/
  20. 20. 海外の拡張機能 オブジェクト操作系• Orange Commands http://orangecommands.com/• Fill With Background http://johndunning.com/fireworks/about/FillWithBackground• Group Commands http://johndunning.com/fireworks/about/GroupCommands• Keyboard Resize http://johndunning.com/fireworks/about/KeyboardResize• Level Horizon http://johndunning.com/fireworks/about/LevelHorizon
  21. 21. 海外の拡張機能 オブジェクト操作系• Smart Resize http://johndunning.com/fireworks/about/SmartResize• Smart Knife http://johndunning.com/fireworks/about/SmartKnife• Smart Punch http://johndunning.com/fireworks/about/SmartPunch• Linked Images http://johndunning.com/fireworks/about/ LinkedImages
  22. 22. 海外の拡張機能 ∼その他∼
  23. 23. 海外の拡張機能 その他コマンドパネル• CSS Sprite Panelコマンド• Favicon• Export Selection
  24. 24. デモ
  25. 25. 海外の拡張機能 その他• CSS Sprite Panel http://www.euchoice.com/blog/2010/12/08/css- sprite-maker-a-useful-fireworks-extension/• Favicon http://johndunning.com/fireworks/about/ ExportAsFavicon• Export Selection http://johndunning.com/fireworks/about/ ExportSelection
  26. 26. 番外編便利なアプリの紹介
  27. 27. Fireworks-AutoBackup Utility • Adobe謹製のAIRアプリ。無料。 • 同時に立ち上げておくことで、 指定時間毎に同階層に バックアップを作成。
  28. 28. Fireworks-AutoBackup Utility 時間を設定 「Enable」ボタンで実行
  29. 29. ForeverSave Lite• Macのみ。無料。• 自動保存を時間おき、アプリ切り替え時などに実行可能。• 有料版はバックアップやバージョン管理も。
  30. 30. ForeverSave Lite 1. アプリを登録 2. Save when switching toanother applicationにチェック 3. Save when timer ends にチェックして時間を指定
  31. 31. 番外編 便利なアプリの紹介• Fireworks-AutoBackup Utility http://www.adobe.com/cfusion/marketplace/ index.cfm? event=marketplace.offering&offeringid=10210• ForeverSave Lite http://www.tool-forcesw.com/foreversave-lite/
  32. 32. まとめ
  33. 33. まとめ• 拡張機能を使用すれば、 より作業の効率化が図れます• 特にコマンドはキーボードショート カットを割り当てるとさらに便利• 海外に目を向けると便利な 拡張機能がたくさんあります
  34. 34. ご静聴ありがとう ございました @akira_maru

×