今回は、ストライプの画像を簡単に作成できるオンラインサービス、Stripe Generatorを紹介します。

上のような縞模様を簡単に作ることができます。
また、背景にグラデーションをかけたり、影をつけたりなど、非常に細かい設定が可能です。
それでは使い方ですが、
1.Stripe Generatorにアクセス
2.stripe sizeの所で、ストライプの幅を決める
3.spacingの所で、ストライプの間隔(=背景の幅)を決める
4.stripe color(s)で、ストライプの色を決める
5.background styleから、背景の種類を選ぶ
6.shadowで、影の大きさを決める
(このとき、真ん中の背景を選んだ場合は、gradient heightから背景の高さを決める)
7.background color(s)で背景の色を選ぶ
(背景がグラデーションの場合は2色選ぶ)
8.stripe orientationの所で、ストライプの種類を選択
9.右の画像の青い矢印をクリックで、プレビュー可能
10.完成したら右下のdownloadボタンからダウンロード(PNG形式)
このような感じです。若干不安定なサイトなのですが、普通に使っていればそこまで問題はないと思います。
高性能なペイントソフトを使ってもこの手の作業は面倒なので、非常にありがたいサービスです。
Stripe Generatorでストライプの画像を作成する
http://www.stripegenerator.com/

上のような縞模様を簡単に作ることができます。
また、背景にグラデーションをかけたり、影をつけたりなど、非常に細かい設定が可能です。
それでは使い方ですが、
1.Stripe Generatorにアクセス
2.stripe sizeの所で、ストライプの幅を決める
3.spacingの所で、ストライプの間隔(=背景の幅)を決める
4.stripe color(s)で、ストライプの色を決める
5.background styleから、背景の種類を選ぶ
6.shadowで、影の大きさを決める
(このとき、真ん中の背景を選んだ場合は、gradient heightから背景の高さを決める)
7.background color(s)で背景の色を選ぶ
(背景がグラデーションの場合は2色選ぶ)
8.stripe orientationの所で、ストライプの種類を選択
9.右の画像の青い矢印をクリックで、プレビュー可能
10.完成したら右下のdownloadボタンからダウンロード(PNG形式)
このような感じです。若干不安定なサイトなのですが、普通に使っていればそこまで問題はないと思います。
高性能なペイントソフトを使ってもこの手の作業は面倒なので、非常にありがたいサービスです。
Stripe Generatorでストライプの画像を作成する
http://www.stripegenerator.com/


















コメントの投稿