FireworksマニアTOP > Fireworksチュートリアルまとめ > Fireworksマニアの作り方まとめ

Fireworksマニアの作り方まとめ

カテゴリー: Fireworksチュートリアルまとめ

みなさま、お気づきですか?

実はこれまでのTipsを組み合わせれば、
すでにFireworksマニアのデザインと同じものが作れるようになっているんです!
(と、声高らかに言えるほどFireworksマニアのデザインはたいしたデザインではありませんが…)

このサイトはできるだけ簡単で、わかりやすい方法を組み合わせてデザインしています。

今回の記事は、Fireworksマニアのデザイン、
この部分はこうやって作っているよ、
ここの作り方はこのTipsを参照してねというものをまとめた記事になっています。

これまでのTipsをひととおりやっていただくと、

Fireworksの使い方の基本となる

  • 図形の書き方
  • 塗りやストロークの扱い
  • 便利なパターン・テクスチャ・スタイル・フィルタの使いこなし

などなどが習得できるのではないかと思います☆

お花の画像といくつかのテクスチャ素材以外は特に追加の素材も必要なく作れますよ♪

それでは解説です♪

ヘッダのお花

ヘッダーのお花は以下のTipsで作れます。

タイトル文字

タイトルの刺繍風文字は以下のTipsで作れます。

背景のカラフルな布の表現

布はFireworksにはじめから入っているパターン素材を着色して作りました。
以下のTipsで解説しています。

手縫い風の破線

ストロークを使いこなして破線を書きましょう!
縫い目風の破線の作り方は以下のTipsをどうぞ。

マスキングテープを貼ったような表現

マスキングテープ風の表現は以下のTipsで。
テクスチャを変えれば様々なデザインのマスキングテープが簡単に作れますよ♪

全体の背景

背景は、長方形ツールでキャンバスいっぱいに大きな四角を書いて
その四角にテクスチャをあてているだけです。

テクスチャの使い方は、以下のエントリー
マスキングテープの作り方の回の最後の方で解説しています。方法は同じです♪

いかがでしたか?

このように、このサイトのデザインはとっても簡単なステップでできています♪

ツールの使い方の習得にはとにかく手を動かすことが一番です!

これでFireworksに慣れたら後はどんどん応用していって
Fireworksでいろんなデザインをバンバン生み出してくださいね☆

今後も、大好きなハンドメイド風アイテムの作り方をはじめ
ビジネス系サイトなどで使えそうなボタンやメニューの作り方などもご紹介していこうと思います♪

気長にお付き合いくださいませ☆

最後までお読み頂き、本当にありがとうございました。お気に召しましたらぜひ共有orクリップして頂けますと幸いです。またお会いできますように♪

Check このエントリーをはてなブックマークに追加 この記事をクリップ! コメントを見る Yahoo!ブックマークに登録 Yahoo!ブックマークに登録

関連エントリー

このサイトを運営している人

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

仕事以外でも趣味でいろいろサイトを作っています。
こういったTipsサイトや無料の素材屋さんにたくさんたくさんお世話になりながら勉強して、今ではWebデザインをお仕事としてやらせてもらえるようにまでなりました。

私もいつか誰かの役に立つサイトを作りたい!とずっと思っていたので、あいた時間を見つけてはこうしたサイトを作っています。
すこしでもお役に立てればとてもうれしいです^^

まわりの人にもご紹介いただけるとうれしいです。

たくさんの方に見ていただき、たくさんのご意見を頂くことは、記事の正確さや有益性を高めるだけでなく、新しい記事を書くモチベーションになります!
お気に召しましたらぜひまわりの方にもご紹介いただけるとうれしいです。リンクはご自由にどうぞ!

Fireworksマニア

バナーが必要な方はこちらをどうぞ♪
サイト名:Fireworksマニア URL:http://fw.v-colors.com/