「Stripe Generator」で簡単にストライプを作ろう

PPW amerikakokkinokazaguruma 「Stripe Generator」で簡単にストライプを作ろう

色と幅を選ぶだけで自動的にストライプが作成できるサイト「Stripe Generator」をご紹介します。

2013032801 400x300 「Stripe Generator」で簡単にストライプを作ろう
背景に線を乗せていく感覚で作れます。

 

stripe size

ストライプの幅です。

 

spacing

背景が見える幅です。

 

stripe color(s)

デフォルトは1色ですが[add color]をクリックすると最大5色まで使用できます。

 

background style

背景のスタイルを選べます。
単色、一方向のグラデーション、繰り返しグラデーションの三種類があるようです。

 

shadow

背景が単色、繰り返しグラデーションの場合に設定できます。
ストライプにつける影の幅です。

 

gradient height

背景が一方向のグラデーションの場合に設定できます。
グラデーションの縦幅です。

 

background color(s)

背景の色です。
通常1色ですが、背景が一方向のグラデーションの場合には2色選べます。

 

stripe orientation

ストライプの角度です。

 

右上に現在の画像サイズが表示されています。
設定を弄るたびに右のプレビューを手動で更新しないといけません。
open fullscreen previewをクリックすると現在のストライプが全画面で表示されるので、背景を作りたい時等には便利です。

 

完成したらプレビューのしたのdownloadをクリックして保存しましょう。

ちなみにダウンロードの隣のcreate a tartan with these colors!をクリックすると…

2013032802 400x300 「Stripe Generator」で簡単にストライプを作ろう

「Tartan Maker」で今作ったストライプを利用しタータンチェックを作ってくれます。
こちらも同じように幅や色を選ぶと自動的にチェックを作ってくれるという優れものです。

 

今回できたストライプとチェックがこちら。
2013032803 「Stripe Generator」で簡単にストライプを作ろう 2013032804 「Stripe Generator」で簡単にストライプを作ろう
同じ色を使っていますがずいぶん印象がかわりますね。
目的もなく単純に弄るだけでも楽しいので、「Stripe Generator」「Tartan Maker」ともにお試しください。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">