Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
ポリゴン風の背景画像やイメージを生成してくれるジェネレーター | ぶちろぐ

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

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

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

投稿日:

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

 

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

Trianglify Generator

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

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

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

 

image triangulation experiment

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

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

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

 

まとめ

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

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

執筆者:


comment

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

関連記事

覚えておきたいPhotoshopの便利なショートカット

制作会社に入社して2ヶ月半。まだまだ私にとって、デザインの引き出しを増やすこと、作業スピードを上げることが大きな課題です。 「作業スピードを上げるためにすぐに出来ることは何だろう?」と考えたとき、まず …

「ヒアリング能力」をアップさせるのに参考になる記事3選

デザイナーはディレクターを間に介してクラインアントの要望やデザインのイメージを聞くわけですが、ただ指示の通りに作っていただけでは、結果的にクライアントの抱いていたイメージとはかけ離れたものになってしま …

ECサイト用の素材が揃った「EC design」

現在初めてECサイトの制作に挑戦しているのですが、ECサイトのデザインについて色々と検索していたところ、素敵な素材サイトに巡り合ったので今回ご紹介したいと思います。 「EC design」という名前の …

ロゴ制作の際に参考にるサイト【ギャラリー編】

現在ロゴ制作を担当しているのですが、ロゴという小さなデザインの中にも名前やメッセージ、イメージなど様々な要素を詰め込まないといけないので難しく、悪戦苦闘しています。 アイデアさえ湧けば、その後はどんど …

コーディング初心者におすすめの記事まとめ

こんにちは、ぶちこです。 最近の私はと言うと、仕事で先輩に教わりながらコーディングを行なっています。 ですが、ちょっとしたコードすら自分1人では正確に書けず悪戦苦闘中。。スラスラとコードが書ける先輩方 …