Fireworksでウェブデザインをもっと素敵に、効率よく。FireworksマニアはWebデザイナーに贈る、Fireworksの使い方、チュートリアル、デザインアイディアを紹介するサイトです。
FireworksマニアTOP > Fireworksチュートリアルまとめ > Fireworksマニアの作り方まとめ
カテゴリー: Fireworksチュートリアルまとめ
みなさま、お気づきですか?
実はこれまでのTipsを組み合わせれば、
すでにFireworksマニアのデザインと同じものが作れるようになっているんです!
(と、声高らかに言えるほどFireworksマニアのデザインはたいしたデザインではありませんが…)
このサイトはできるだけ簡単で、わかりやすい方法を組み合わせてデザインしています。
今回の記事は、Fireworksマニアのデザイン、
この部分はこうやって作っているよ、
ここの作り方はこのTipsを参照してねというものをまとめた記事になっています。
これまでのTipsをひととおりやっていただくと、
Fireworksの使い方の基本となる
などなどが習得できるのではないかと思います☆
お花の画像といくつかのテクスチャ素材以外は特に追加の素材も必要なく作れますよ♪
それでは解説です♪
ヘッダーのお花は以下のTipsで作れます。
タイトルの刺繍風文字は以下のTipsで作れます。
布はFireworksにはじめから入っているパターン素材を着色して作りました。
以下のTipsで解説しています。
ストロークを使いこなして破線を書きましょう!
縫い目風の破線の作り方は以下のTipsをどうぞ。
マスキングテープ風の表現は以下のTipsで。
テクスチャを変えれば様々なデザインのマスキングテープが簡単に作れますよ♪
背景は、長方形ツールでキャンバスいっぱいに大きな四角を書いて
その四角にテクスチャをあてているだけです。
テクスチャの使い方は、以下のエントリー
マスキングテープの作り方の回の最後の方で解説しています。方法は同じです♪
いかがでしたか?
このように、このサイトのデザインはとっても簡単なステップでできています♪
ツールの使い方の習得にはとにかく手を動かすことが一番です!
これでFireworksに慣れたら後はどんどん応用していって
Fireworksでいろんなデザインをバンバン生み出してくださいね☆
今後も、大好きなハンドメイド風アイテムの作り方をはじめ
ビジネス系サイトなどで使えそうなボタンやメニューの作り方などもご紹介していこうと思います♪
気長にお付き合いくださいませ☆

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

Comments
Powered by Facebook Comments