Webデザインに関するトピックを日々綴っています。

Fireworksでモダンなストライプを作ってみました!

お久しぶりです。今回はFireworksでモダン風ストライプを作ってみました!

モダンストライプ完成イメージ
完成はこんな感じになります。どうでしょう?ランダムな色のストライプがスタイリッシュなイメージに見えませんか?
それでは作り方です!

まずグラデーションツールで「しわ」を適応する

グラデーションしわ適応イメージ
グラデーションツールで「しわ」を適応します。色は特に気にしなくても大丈夫です

グラデーションを水平方向にかける

グラデーションを水平にかける
次にグラデーションを水平方向にかけます。(垂直方向にストライプを作りたい場合は垂直にかけます。)
それっぽくなってきましたね!

使いたい色を配色する

使いたい色を配色する
使用したい色と割合を決めます。なるべくグラデーションにならないように配色するのがポイントです。

あとはフィルタなどで色味を調整すれば完成です!


スタイリッシュなサイトのメインビジュアル部分や化粧品などのキャンペーンバナーのバックにも使えそうですね

●おまけ バーコード風デザインも簡単に作れます

fireworksでバーコードを作る
方法は簡単です!グラデーションの配色を白黒2色にするだけ。これをphotoshopで作ろうとすると結構めんどいですよね。。。