[B! fireworks] hrmzのブックマーク

Fireworksでのウェブ制作の作業をかなり楽にする機能拡張のまとめ

グリッドやガイドのお助けツールから、グループ化したエレメントのサイズ調整、ダミー画像やテーブルの作成、ショートカットの強化など、そんな便利なFireworksの機能拡張を紹介します。 Optimizing The Design Workflow With Extensions 上記で紹介されている7つのツールを紹介します。 Grids Panel Guides Panel Smart Resize Tables Placeholder Orange Commands QuickFire Grids Panel 「Grids Panel」は、数値を入力してレイアウト用のグリッドを作成します。 Grids Panel カラムの幅、数、溝の幅、を選択するだけで簡単に作成できます。また、作成したグリッドは不透明度を調整できる優れものです。 Photoshopにも同様にグリッドを作成する便利な機能拡

hrmz 2012/08/31

リンク

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

こんにちは、イメージ担当の長谷川です。今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定するまずグラデーションの設定をします。長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。次にノイズを適用量：10で追加します。これが同心円状のヘアラ

hrmz 2012/03/13

fireworks

リンク

高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ

こんにちは、イメージ担当の長谷川です。「品質を上げれば速度が落ちるし、速度を上げれば品質が…」デザイナーにとってはこの品質と速度が非常に悩ましいですよね。今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。【使い方】インストールするとコマンドに「Smart Resize」が追加されます。サイズ調整をしたいデザインを選択してコマンド＞ Smart Resize ＞ Attach を選択します。後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的

hrmz 2012/01/11

リンク