memo

WEBデザイン勉強中。勉強したことを忘れない様、メモ書きしてます。

簡単にストライプ素材を作成する「Stripe Generator(ストライプジェネレーター)」

photoshopで作成しようとすると結構大変なシームレスなストライプ画像がさくっとつくれちゃう「Stripe Generator」。

web上でさくっと作成して簡単に素材をダウンロードできて、とても便利。

また色や太さやストライプの向きも選択できるので、自分の好きなストライプを作成することができます。

 

www.stripegenerator.com

 

Stripe Generatorの使い方

f:id:asatsuya:20180823153952p:plain

左側の設定項目でストライプの幅や色を設定する

  • stripe size
    ストライプの幅
  • spacing
    余白の幅
  • stripe color(s)
    ストライプの色。[add color]で色を追加でき、[remove]で追加した色を削除できます。
  • background style
    背景のスタイル。グラデーションにもできる。
  • shadow
    シャドウ
  • background color(s)
    背景色。グラデーションの場合は2色選択できる。
  • stripe orientation
    ストライプの角度。

f:id:asatsuya:20180823155810p:plain

右のプレビューに矢印のアイコンが出るので、クリックするとデザインが反映されます。

ダウンロード

f:id:asatsuya:20180823155724p:plain