ラベル Fireworksの使い方 動画マニュアル の投稿を表示しています。 すべての投稿を表示
ラベル Fireworksの使い方 動画マニュアル の投稿を表示しています。 すべての投稿を表示

2008年3月1日土曜日

Fireworksのコマンドの使い方

例えば、デジカメから取り込んだ写真を、リサイズして、右と下に余白をつけて、ドロップシャドウで影をつけ、書き出し・・・同じ処理を複数のファイルに一括で施したいことがありますね。
そんなとき、いちいちファイルを開かなくても、Fireworksのバッチ処理機能で行えます。
順番としては、オリジナルでコマンドを作る、次にバッチ処理をする・・となるんですが、

Fireworksのコマンド(自動処理)の作り方は簡単です。
同じような機能で、Photoshopのアクションがありますが、それよりかなり簡単に登録できます。
ただ、Photoshopのアクションは、登録したあとに、間に作業を追加したり、一時停止したり細かい編集ができるんですが、Fireworksはその機能がないので、
物足りないというか不便と思いました。

コツとしては、細かい動作をひとつずつコマンド登録しておいて、
バッチ処理の時に、使いたいコマンドを編集(いくつも組みあわせたり、順番を変えたりできるので)すれば
かなり高度なことができると思います。

動画マニュアル「Fireworksの使い方」でこの方法を更新しましたので
興味のあるかたは覗いてみてください。

Fireworksのコマンド登録とバッチ処理
1〜3までで完結してます。



動画の例では、思いつきで一つ作業を登録してみたんですが、これはクリップボードに入っている記録をペーストするのであとで再現してみたら大いに不具合があることがわかりました。なのでそっくりマネしないでくださいね(^_^;
どんなことができるのかがわかっていただけるかと思います。

2008年1月27日日曜日

Web2.0風素材を作る方法・Fireworks編

Web2.0風素材を作る方法で検索するといろんな参考ページが出てきて役に立つんですが、
ファイヤーワークスでの方法があまり見あたらなかったので、動画マニュアルでやってみました。

FireworksでWEB2.0風の素材を作る方法



こんな感じで、ふんわりした膨らみのついたボタン、ほんのりと透明感と立体感があるナビゲーション、ワンポイントに使う丸ボタンも、WEB2.0風を意識して、透明感・つや・ふくらみ・・を演出してみます。

実は、いつもは使い慣れてるillustratorで作ってるんですが、この動画のために、ファイヤーワークスで作ったらどんな手順かな・・と自分で考えながらやったので、
もしかしたらもっと簡単な方法があるかもしれないし、私もファイヤーワークスのベテランというわけではないので、、熟練の方から見たら突っ込み処があるかもしれません。
仕上がり具合はやっぱりillustrator(私が持ってるバージョンではCS)で書き出したjpgの方がきれいな感じがしますが・・・・作業はファイヤーワークスの方が簡単でした。

そういえば、一昔前のwebデザインの流行といえば、背景に一面にパターンや模様が敷いてあるのとか、テキストが自動で動いて案内してるのとか、blinkでピカピカしてるのもありましたね。
今時そういうホームページ見ると「おぉ~~、きっと10年前に開設しそのまま放置されてるのか知らないけど、どうやら高齢のHP(?)にちがいない」などと印象受けますが、
今作っている、こんなふうにふわっと膨らみのあるナビゲーションなど・・・5年後に見たら古くさく感じるんでしょうか・・・。タイムトラベルして見てみたい気がします。

webの森のFBページへも来て下さい