Fireworksでウェブデザインをもっと素敵に、効率よく。FireworksマニアはWebデザイナーに贈る、Fireworksの使い方、チュートリアル、デザインアイディアを紹介するサイトです。
FireworksマニアTOP > Fireworksデザインレシピ,Fireworksベーシック > Fireworksで表現する シンプル&カラフルな布の作り方
カテゴリー: Fireworksデザインレシピ,Fireworksベーシック
今回は、カラーバリエーション豊富な布の作り方をご紹介します!
Fireworksに標準で入っているパターン素材を利用して、
カラフルな布を作るTipsです。
所要時間は1分くらいです。
【新規作成】で新しいカンバスを開き、
【長方形ツール】で適当に長方形を描きます。
パターンを適用していきます。
プロパティパネルのバケツマークの右にある【ベタ塗り】となっている部分をクリックします。
展開されるメニューから【パターン】→【グレーの布】の順で選択します。
グレーの布が塗りに反映されます。
つぎに、この布の色を変えてみましょう。
プロパティパネルの【フィルタ】の右側の【+】をクリックして
【カラーを調整】→【色相・彩度…】を選択します。
【色を付ける】にチェックが入っていることを確認して
色相・彩度・明度をそれぞれ好みの色味になるまで調整していきます。
単調にはなりますが、これでさまざまな色味の布を手軽に作ることができます!
パターンは角度や大きさを自由に変更できます。
上記はすべて【グレーの布】が適用されていますが
角度や大きさをそれぞれ変えてみました。
違う風合いの布地のようになっているのがおわかりいただけるでしょうか?
ご紹介したグレーの布地以外にも、標準で様々な布パターンが入っています。
布以外のパターンも、加工すると面白い風合いになります。
以下は芝生のパターンで色味を変更してみました。
色を加工すると断然違った雰囲気になりますよ♪
色調・彩度の調整を利用することで
色調が単一にはなってしまいますが、簡単にさまざまなカラーに変更することができます。
特別な素材も必要ないので、
テクスチャを入手する時間がない!急いで作らなきゃいけない!
そんな時にも使えるテクニックです。
ぜひ試してみてくださいね!

YUKIと申します。福岡で働く会社員WEBデザイナーです。
フロッグマンオフィス所属。ショッピングカートのCS-Cartとかもやってます。

Comments
Powered by Facebook Comments