jmblog.jp - FireworksでWeb2.0デザインしてみる - Part.5
斜線の背景も最近のWebデザインの特徴の一つです。Background Image Maker を使えばカンタンに斜線の背景画像を作ることが出来ます。が、もっと便利でかつ汎用的な斜線の背景画像の作り方が Super Stripes で紹介されていたので試してみました。 まずは Fireworks で 4 x 4 ピクセルの新規ドキュメントを作成します。このままだと編集しにくいので、表示比率を 3200% にしておきます。 ラインツールで 1px の「硬い線」を斜めに引きます。 最適化パネルで書き出すファイル形式を GIF にし、さらに「透明化するカラーの追加」で線のカラーを選択します。 書き出しをすれば画像は完成です。 あとは、css で背景画像と背景色を同時に指定します。
オリジナルツール / Fireworks用ランダム変形・カラーツール「transformer」 (PIXEL LAB)
オリジナルで作成した、Fireworksの拡張パネルを公開します。今日は3つ目。 勢いで激しいビジュアルを作成する際に、重宝します。 ランダムに変形・カラー変更します Fireworksの拡張パネルになります。 大量のオブジェクトを、ランダムに変形・カラー変更します。 オリジナルアートワークを作るときに、ちょこちょこつくってきたツールですんで、 あまり、デザイン業務ではつかえません（ランダムで文字を配置する時くらいかな）。 ただ、ランダムのカラー変更や、ブレンドのは、配色に迷ったときに、すごく使えます。 （自分の発想では出てこない配色ができる） 「SelectManager」と併用すれば効果的 前回のエントリーの「SelectManager」の、ランダム選択と組み合わせて使えば、 「選択オブジェクトの半分だけ、50％から100％の間で、サイズ変更する」みたいに、微調整しやすいです。 1つ1
ウノウラボ Unoh Labs: Webデザインする上でFireworksがステキな12のポイント
Webデザイナとして仕事をする上で、ここ数年、個人的にFireworksが手放せないツールになっています。 twitterで某人に「書いて」と言われたのもあるのですが（笑）、Web画像を作るのによいソフトをさがしている人、これから画像編集のためのソフトを選ぼうとしている人の参考に、ということで、個人的にFireworksの気に入っている点など一通りまとめてみようと思います。 ベクター画像とビットマップ画像が等しく扱えるので作業がスムーズ Fireworksは、ベクター画像とビットマップ画像を同時に扱えます。ベクターでちょっとしたアイコンを作るとか、ビットマップ画像を読み込んで編集するとか、すべてが一つのソフトの中で完結できます。IllustratorとPhotoshopを行き来したりするような手間は不要ですし、また複数のソフトを同時起動しなくていいのでマシンにも優しいです。 ビットマ
icon Labo(アイコンラボ) -FirewoksでWeb素材- Fireworksの簡単なハートの作り方
Fireworksで作成した，アイコンなどのWeb素材の公開のほか画像処理からデザインまで幅広く書いています。 Fireworks MX 2004を使った簡単なハート型の作成方法をご紹介します。 完成画像 作成手順 楕円ツールで円を描画します。Shiftを押しながらドラッグすると円が描画できます。 ダイレクト選択ツールで描画した円を選択します。ペンツールに切り替え，下側のアンカーポイントをクリックします。クリックされたアンカーポイントのコーナーハンドルが削除されます。 上側のアンカーポイントを選択します。選択したアンカーポイントを適当な位置まで下方向へと移動します。 下方向へ移動した上側のアンカーポイントをAltキーを押しながらドラッグするとコーナーハンドルが引き出されます。コーナーハンドルを図のように調整します。反対側も同様に操作します。 以上でハートの完成です。 使用アプリケーション:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deziner Folio ≫ Downloads
Fireworksのチュートリアルいろいろ - DesignWalker
icon Labo(アイコンラボ) -FirewoksでWeb素材- Fireworksのクイックマスク