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
柔らかな形状のまる模様を作成できる「Blobmaker」 | ぶちろぐ

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

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

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

投稿日:

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

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

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

 

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

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

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

 

まとめ

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

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

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

執筆者:


comment

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

関連記事

WebデザイナーがFeedlyに登録しておくべきブログ一覧

こんにちは、ぶちこです。突然ですがみなさんはFeedlyを使っていますか? まず、「Feedlyとは何?」という人のために簡単に説明すると、自動的にお気に入りのブログやWebサイトの最新情報を収集して …

ベジェ曲線を学べるサイト「Shape Type」

前回ご紹介したカーニングを練習できるサイト「Kern Type」。このサイトを作ったMethod of Actionから、ベジェ曲線を学べるサイト「Shape Type」も登場しているんです。 以前よ …

カーンング練習ができるサイト「KernType」

Webデザインにおいて、重要だけどつい見落としがちな文字詰め(カーニング)。 そんなカーニングを体感的に楽しく学べるWebサービス「KernType」をご紹介します。   KernTypeの …

便利なパターンジェネレーター3選

今回は、WEBサイトを作る上で使えるパターンジェネレーターを3つご紹介します。 手間をかけずに簡単にパターンを作成できるので、とても便利で助かりますよ〜!   便利なパターンジェネレーター3 …

スマホ向けWEBサイトを集めたギャラリーサイトのご紹介

Webサイトのスマホ対応はWebサイト制作において、もはや必須要件となってきていますよね。 とはいえ、スマホに適したデザインを考えるのは難しく迷ってしまうことも多いのではないでしょうか。 そこで今回は …