アラサー主婦のWEBデザイン奮闘記

Webデザイン Web制作 制作お役立ち

ポリゴン風の背景画像やイメージを生成してくれるジェネレーター

投稿日:

Webサイトや、バナーなどのバックグラウンドなどでよく使われているポリゴンスタイル。
素材サイトなどでも探すことはできますが、なかなかデザインに合うものが見つからない時もありますよね。
そこで今回は、ポリゴンスタイルの背景画像やイメージを作成できるジェネレーターをいくつかご紹介したいと思います。

 

ポリゴン風の背景画像やイメージを生成してくれるジェネレーター

Trianglify Generator

幅や高さ、分散率など、細かい設定が可能な、ポリゴン・ジオメトリックスタイルの画像を生成してくれるジェネレーターです。

カラーパターンは20種類以上用意されており、生成された画像はページ下部からSVG又はPNG形式でダウンロードすることができます。

スライダーでいろいろと値を調整できるので、お気に入りの画像が作成できますね。

 

image triangulation experiment

アップロードした写真に、ポリゴン風のエフェクトをかけてくれるジェネレーターです。

ヘッダーのメニューからぼかしやストロークの幅など詳細な設定が可能で、生成したファイルはPNGもしくはSVGとしてダウンロードできます。

人物や動物、風景など、何でもポリゴン風に加工できるので、いろいろと遊んでみるのもよいですね。

 

まとめ

いかがでしたでしょうか?
汎用性の高いポリゴンスタイルですが、素材サイトで良いものが見つからなかった時など、いちいち自分で作るのは大変だし面倒ですよね。
ご紹介したジェネレーターを使えば、サクッと作ることができるのでオススメです!

-Webデザイン, Web制作, 制作お役立ち

執筆者:


comment

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

関連記事

【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法

文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。 通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。 ↓こんな感じ…。 &nbs …

【Photoshop】人物や物など不要なものを消す方法(コンテンツに応じた塗りつぶし)

今回は、Photoshopで人物や物など不要なものを消す方法についてご紹介します。 様々な方法がありますが、ご紹介するのはその中でも「コンテンツに応じた塗りつぶし」を使った方法です!   「 …

サイト制作の参考に!Webデザインギャラリーサイト10選

みなさんはWebサイトを制作する時、どのように参考を探していますか? ギャラリーサイトはたくさんあるけれど、中には載っているのは古いサイトばかりだったり、掲載数が少ないところもチラホラありますよね。 …

ロゴ制作の際に参考にるサイト【アイディア編】

前回の記事では、ロゴ制作の「ヒアリング内容〜制作の流れ」について、参考になる記事を2つご紹介しました。 そこで今回は、実際にどのようなロゴにするかアイディアを出していく時に参考になるサイトを3つご紹介 …

転職活動、応募先の選び方。私が大切にしていた4つのポイント。

  みなさんはWebデザイナーとして応募先の企業を決めるとき、何を基準に決めますか?   お給料? 会社の規模? 通勤時間?     人それぞれ選ぶポイントは様々だと思いますが、 私は4つのことを大切 …