Submit Search
Upload
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
•
4 likes
•
1,728 views
Akira Maruyama
Follow
PhotoshopのGeneratorとっても便利ですよね。Fireworksでも擬似的に可能になる拡張機能があるんです!その便利な拡張機能をさくっと紹介します。
Read less
Read more
Design
Report
Share
Report
Share
1 of 13
Download now
Download to read offline
Recommended
RGで生き抜くためのレンタルサーバー講座ヽ(•̀ω•́ )ゝ✧
RGで生き抜くためのレンタルサーバー講座ヽ(•̀ω•́ )ゝ✧
Mariko Kobayashi
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
実はこんなこともできる Fireworksの裏技
実はこんなこともできる Fireworksの裏技
Akira Maruyama
What's Sketch.app
What's Sketch.app
littlebustersreply
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
Html5勉強会資料 2012821
Html5勉強会資料 2012821
Cohei Aoki
Middlemanによる静的サイト作成術
Middlemanによる静的サイト作成術
豊明 尾古
Recommended
RGで生き抜くためのレンタルサーバー講座ヽ(•̀ω•́ )ゝ✧
RGで生き抜くためのレンタルサーバー講座ヽ(•̀ω•́ )ゝ✧
Mariko Kobayashi
20130202 fe勉強会 canvas
20130202 fe勉強会 canvas
Keisuke Aizawa
K初めてのstylus
K初めてのstylus
Kazuki Nakatani
実はこんなこともできる Fireworksの裏技
実はこんなこともできる Fireworksの裏技
Akira Maruyama
What's Sketch.app
What's Sketch.app
littlebustersreply
Chart.jsで簡単にグラフを描画する
Chart.jsで簡単にグラフを描画する
iPride Co., Ltd.
Html5勉強会資料 2012821
Html5勉強会資料 2012821
Cohei Aoki
Middlemanによる静的サイト作成術
Middlemanによる静的サイト作成術
豊明 尾古
自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について
Seiko Kuchida
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
ke-m kamekoopa
Prop Matrix
Prop Matrix
zio3
Galage labsサーバー部6U自己紹介
Galage labsサーバー部6U自己紹介
Seiko Kuchida
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
Toshio Ehara
Vi(vim)とお友達になる
Vi(vim)とお友達になる
y-n
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
JS/Canvas Tutorial2
JS/Canvas Tutorial2
秀俊 伊藤
ChatWorkではじめるChrome Extensionもぐもぐ会
ChatWorkではじめるChrome Extensionもぐもぐ会
cw-ozaki
Sinatra
Sinatra
Kenichi Tachibana
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
nekogeruge_987
プレゼンテーションをGameDraw
プレゼンテーションをGameDraw
Mohammad Khair Obaidat
HTML5で作るスマホブラウザゲーム
HTML5で作るスマホブラウザゲーム
Takumi Ohashi
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
webアプリケーションフレームワークの話
webアプリケーションフレームワークの話
Yoshihiro Ura
設定のカスタマイズで まだまだ使える Dreamweaver
設定のカスタマイズで まだまだ使える Dreamweaver
Akira Maruyama
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Akira Maruyama
Fireworksで作成したデータのリサイクル考察
Fireworksで作成したデータのリサイクル考察
Akira Maruyama
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
Akira Maruyama
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
Akira Maruyama
コードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレート
Akira Maruyama
パワーユーザー必携の海外の拡張機能20選+α
パワーユーザー必携の海外の拡張機能20選+α
Akira Maruyama
More Related Content
What's hot
自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について
Seiko Kuchida
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
ke-m kamekoopa
Prop Matrix
Prop Matrix
zio3
Galage labsサーバー部6U自己紹介
Galage labsサーバー部6U自己紹介
Seiko Kuchida
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
Toshio Ehara
Vi(vim)とお友達になる
Vi(vim)とお友達になる
y-n
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
JS/Canvas Tutorial2
JS/Canvas Tutorial2
秀俊 伊藤
ChatWorkではじめるChrome Extensionもぐもぐ会
ChatWorkではじめるChrome Extensionもぐもぐ会
cw-ozaki
Sinatra
Sinatra
Kenichi Tachibana
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
nekogeruge_987
プレゼンテーションをGameDraw
プレゼンテーションをGameDraw
Mohammad Khair Obaidat
HTML5で作るスマホブラウザゲーム
HTML5で作るスマホブラウザゲーム
Takumi Ohashi
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
Hiroaki Wakamatsu
webアプリケーションフレームワークの話
webアプリケーションフレームワークの話
Yoshihiro Ura
What's hot
(15)
自動化ツール「Grunt.js」について
自動化ツール「Grunt.js」について
Playで作るwebsocketサーバ
Playで作るwebsocketサーバ
Prop Matrix
Prop Matrix
Galage labsサーバー部6U自己紹介
Galage labsサーバー部6U自己紹介
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
Vi(vim)とお友達になる
Vi(vim)とお友達になる
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
JS/Canvas Tutorial2
JS/Canvas Tutorial2
ChatWorkではじめるChrome Extensionもぐもぐ会
ChatWorkではじめるChrome Extensionもぐもぐ会
Sinatra
Sinatra
レガシーシステムのDBマイグレーションし始めた話
レガシーシステムのDBマイグレーションし始めた話
プレゼンテーションをGameDraw
プレゼンテーションをGameDraw
HTML5で作るスマホブラウザゲーム
HTML5で作るスマホブラウザゲーム
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
JavaScript + CSS3を活用して スマートフォンサイト/アプリに 動きを付けてみよう
webアプリケーションフレームワークの話
webアプリケーションフレームワークの話
More from Akira Maruyama
設定のカスタマイズで まだまだ使える Dreamweaver
設定のカスタマイズで まだまだ使える Dreamweaver
Akira Maruyama
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Akira Maruyama
Fireworksで作成したデータのリサイクル考察
Fireworksで作成したデータのリサイクル考察
Akira Maruyama
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
Akira Maruyama
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
Akira Maruyama
コードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレート
Akira Maruyama
パワーユーザー必携の海外の拡張機能20選+α
パワーユーザー必携の海外の拡張機能20選+α
Akira Maruyama
Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.
Akira Maruyama
Fireworksの潜在能力を拡張機能で引き出そう!
Fireworksの潜在能力を拡張機能で引き出そう!
Akira Maruyama
HTML5コーディング環境を Dreamweaverで構築する
HTML5コーディング環境を Dreamweaverで構築する
Akira Maruyama
DW テンプレートをマスターして 楽々サイトメンテナンス
DW テンプレートをマスターして 楽々サイトメンテナンス
Akira Maruyama
More from Akira Maruyama
(11)
設定のカスタマイズで まだまだ使える Dreamweaver
設定のカスタマイズで まだまだ使える Dreamweaver
Dreamweaver コードヒントHowTo
Dreamweaver コードヒントHowTo
Fireworksで作成したデータのリサイクル考察
Fireworksで作成したデータのリサイクル考察
FireworksでのRetina対応を考えてみた
FireworksでのRetina対応を考えてみた
覚えておいて損はない! Fireworksの便利なTips特集
覚えておいて損はない! Fireworksの便利なTips特集
コードビュー中心で開発するDreamweaverテンプレート
コードビュー中心で開発するDreamweaverテンプレート
パワーユーザー必携の海外の拡張機能20選+α
パワーユーザー必携の海外の拡張機能20選+α
Dreamweaver de HTML5 CS5 Ver.
Dreamweaver de HTML5 CS5 Ver.
Fireworksの潜在能力を拡張機能で引き出そう!
Fireworksの潜在能力を拡張機能で引き出そう!
HTML5コーディング環境を Dreamweaverで構築する
HTML5コーディング環境を Dreamweaverで構築する
DW テンプレートをマスターして 楽々サイトメンテナンス
DW テンプレートをマスターして 楽々サイトメンテナンス
Fireworks Lover Advent calender 2013 1日目 Fireworks de Genetator
1.
FFiirreewwoorrkkss LLoovveerr
AAddvveenntt CCaalleennddaarr 22001133 FFiirreewwoorrkkss ddee GGeenneerraattoorr DDeecceemmbbeerr 11sstt AAkkiirraa MMaarruuyyaammaa
2.
AAddoobbee GGeenneerraattoorrって何? Photoshopのことなのでざっくりと… •
Photoshop CCの新しい機能(要アップデート) • スライスなしで画像が書き出せる • 書き出しはレイヤーあるいはレイヤー単位で • 見た目オブジェクト同士が重なっててもOK • 書き出しフォーマットや書き出しサイズも柔軟に指 定できる • 書き出しフォーマットやサイズはレイヤー名に記述 する
3.
はっきり言って とっても便利です!
4.
FFiirreewwoorrkkssには… もちろんあ�りません…
5.
しかし 拡張機能で近いことが できるんです!
6.
GGeerreerraattoorrもどきですが… Generate Web Assets http://johndunning.com/fireworks/about/ GenerateWebAssets 個人的にはかなりつかえます! しかもGGeenneerraattoorrより前にリリースされているんです。
7.
できること その11 レイヤーorレイヤーフォルダー単位での書き出し 書き出されるレイヤーは 拡張子のついたレイヤー名のみ
8.
できること その22 書き出しフォーマットは限定される 32bit
png Jpeg-高画質 80% Gif アダプティブ256色 アルファチャンネル透過
9.
できること その33 書き出し先は記憶される 一度書き出したディレクトリーは記憶される 変更したい場合は「Generate
Web Assets Change Export Location」を選択
10.
残念ながら… サイズの変更はできません…
11.
メニューの説明 コマンド Export Generate
Web Assets → すべて書き出し Generate Web Assets - Change Export Location → 保存先を変更してすべて書き出し Generate Web Assets From Selection → 選択オブジェクトだけ書き出し
12.
まとめ • Photoshop CCのGeneratorは便利 Fireworks
にあるべき機能だがない orz • • Gererate Web Assetsで擬似的に実現可能 書き出しフォーマットは限定的 • • でも割と使える(個人的感想)
13.
Fireworksの情報も発信してます • The Fireworks
Daily News http://paper.li/akira_maru/1297491883 ハッシュタグ #adobefireworks をチェック! • Fireworks Lover J https://www.facebook.com/FireworksLoverJ @akira_maru MaruyamaAkira
Download now