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

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

柔らかな形状のまる模様を作成できる「Blobmaker」

投稿日:

Pinterestやギャラリーサイトなどを見ていると、スライム?のような、柔らかい形状の模様を取り入れたサイトを多く見かけますよね。

そんなサイトを真似しようと、同じような素材を探したり、自分で作ってみたり、、なんてしているとけっこう手間がかかってしまうかと思います。

ということで今回は、そんな柔らかい形状の模様を簡単に作れるサイトをご紹介したいと思います!

 

柔らかな形状のまる模様を作成できる「Blobmaker」

「Blobmaker」は、丸みのある形を作成することができるツールです。
サイトにアクセスすると、中央にBlogというスライムのような図形が表示されています。

下右側のリロードボタンをクリックすると、丸みのある形をランダムで作成してくれます。
また図形の色や円周上のうねりの数、曲率を変更することができ、好みの図形を作ることができます。
作成した図形はSVG形式でダウンロードが可能です。

 

まとめ

スライダーを調整することで、けっこういろんな形状にすることができるので便利ですよね。

ついサイトのデザインが四角形ばかりでカクカクとした感じになりがち、という方は「blobmaker」を利用して柔らかい印象のデザインにも挑戦してみてはいかがでしょうか…?

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

執筆者:


comment

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

関連記事

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

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

【Illustrator】アートボードを一発でオブジェクトぴったりのサイズに変更する方法

こんにちは、ぶちこです。 昨日に引き続き、Illustratorのアートボードの便利なテクニックについてご紹介をしたいと思います。 今回はブログのタイトルにある通り、「アートボードをオブジェクトぴった …

OGP画像シュミレータ「og:image Simulator」のご紹介

Webページをシェアした時にFacebook上で表示されるOGP画像ですが、きちんと設定をしないと画像が見切れてしまったり、正方形になってしまったりしますよね。。 そんな悩みを解決する便利なサービスを …

Webデザイン学習法その3. 職業訓練校で勉強する

私は初め、Webデザインを学ぶのに職業訓練校に通おうかな、と考えていました。 結局、スクールに通うことに決めたのですが、 職業訓練について調べる中でメリット・デメリットがあることがよく分かりました。 …

ウェブサイトの配色を解析してくれる「Web Colour Data」

ウェブサイトを作る時、配色をどうするかも悩みどころの1つですよね。 そんな時は、ウェブサイトで使われている色を解析してくれるサイト「Web Colour Data」が便利です! 制作するサイトの同業他 …