Fireworksでレイヤー内のオブジェクトをひとつひとつPNGに書き出す自動処理(JSF) |
Flash制作時にFireworksからレイヤーごとに素材を切り出すことがありますが、その際に、各レイヤーをON/OFFで切り替えて画像として切り出すので、大量にあると大変です。 そこで、Fireworksでレイヤー内のオブジェクトをひとつひとつPNGに書き出す自動処理(JSF)ができたので、以下にメモしておきます。 動作イメージ 動作は、sample.fw.pngにJSFを実行すると_baseフォルダにレイヤー内のオブジェクトがPNGとして書きだされます。 図で書くと以下のとおり。 各オブジェクトにしっかり名前を付けて、見渡してから一つ一つファイルを書き出すことができます。 実際のJSF jsf_layer_to_png.jsf function Main(){ this.init.apply(this, arguments); } Main.prototype.init = funct
PhotoshopってFireworksと違ってここがダメだよねって思ってたけど使い方知らないだけだった件
Posted: 2013.04.23 / Category: WebDesign WebデザインツールとしてFireworksとPhotoshopがよく挙げられますが、私はFireworksをメインに使用しています。理由はFireworksと比べるいろいろと不便な点があったからなのですが、ちょっと調べたらいろいろと知らないだけだったのでメモしておきたいと思います。 Photoshopってキャンバスで直接選択できなくね？ Fireworksは選択ツールでキャンバスでオブジェクトを直接選択できるのに、Photoshopはレイヤーから選択しないといけないから直感的じゃないですよね。いえいえ直接選択もできますよ。 左パレットから「移動ツール」を選択ます。そのままだと選択されているレイヤーを移動させるだけのツールですが、「cmd + 左クリック」することで選択することができます。 ドラッグすれば範囲
Fireworksで簡単にサムネイルを作ろう！バッチ処理の使い方 - Design Color
はじめに 今回は、画像を「正方形にして200px×200pxの大きさで保存」という処理を一括で行いたいと思います。たくさんサムネイルを作りたい場合などに便利です。 Firewroksでバッチ処理機能を使う 1.「コマンド」を作る はじめにコマンドを作ります。「コマンド」とはPhotoshopのアクションと同様の機能で、一連の流れを記録させておくことができます。 まずは画像を「正方形にする」処理を実行します。(FireworksにはPhotoshopのような「記録を開始」というものはないので、普通にファイルを開いて実行します) そうすると、ヒストリーに先ほどの処理が残っていると思うので、これを選択し、そのままの状態で右下の保存マークをクリックします。 ※今回は処理がひとつだけですが、処理が複数ある場合はshiftキーを押しながらまとめて選択することが可能です 「コマンドとして保存」というダイ
ウェブ制作のフローをベースにFireworksの使い方をすみずみまで学べる一冊 -よくわかるFireworksの教科書
Fireworks初心者をはじめ、使ったことはあるけどいまいち使いこなせなかった人、Photoshop, IllustratorメインでFireworksにちょっと興味がある人に読んでほしい、ウェブ制作におけるFireworksの使い方をすみずみまで学べる本「よくわかるFireworksの教科書」を紹介します。
Fireworksで複数画像を一気にリサイズして書き出す方法（非バッチ処理） | バシャログ。
Fireworks で複数の画像を一気にリサイズする場合は［ファイル］→［バッチ処理］が最速だと思われますが、今回は別の方法での作業手順をご紹介します。 画像をリサイズした後に、ちょっと編集したい（個別にフィルタをかけたいなどの）場合は、こちらの方法のほうが結果的にスムーズかも。 今回使用するのは Fireworks CS5 です。 STEP1 画像のリサイズ 1. Fireworks を起動し、新規ドキュメントを作成する。 2. 作成した新規ドキュメントのステージ上に、リサイズしたい画像をドラッグ＆ドロップ。 3. カンバスをフィットする。（［変更］→［カンバス］→［カンバスを合わせる］） 4. 画像サイズを変更する。（これでカンバス上の画像が全てリサイズされます） 現時点では、レイヤー 1 の直下に全ての画像が配置されています。 STEP2 画像を個別のレイヤーに分配して加工 5. ［
【Fireworks】の痒い所に手が届く！拡張機能“Transform Panel”を使ってみた | バシャログ。
最近昼間の暖房が少し暑いくらいなので、油断して薄着で出かけてみたら夜寒くて死にそうになった seki です。 今回は、先日Fireworksの拡張機能を色々復習＆整理をしていた時にたまたま見つけた拡張機能「Transform Panel」というのを入れてみたので、機能のご紹介をします。Fireworksで要素のサイズや細かい座標をプロパティで直接入力する人には、痒い所に手が届く良さを感じられるかと。 詳細は以下より。 ダウンロード http://www.senocular.com/fireworks/extensions/?entry=572 こちらからダウンロードしてください。 「Transform Panel」で出来ること まずは基本となる便利な機能を一つ一つ見ていきましょう。 実際のパネルがこちら。 簡単に言うと画像やテキストの変形を補佐してくれる拡張機能です。 1.小数点単位を表示
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: よくわかるFireworksの教科書: 森和恵, 狭間句美: 本
http://handywebdesign.net/2013/03/first-impression-of-fireworks/
Webデザインのタネ | Web制作の効率化やトレンド・ノウハウ