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サイトや、バナーなどのバックグラウンドなどでよく使われているポリゴンスタイル。 素材サイトなどでも探すことはできますが、なかなかデザインに合うものが見つからない時もありますよね。 そこで今回は、 …

【Webデザインおすすめ書籍】Webデザイン必携。プロにまなぶ現場の制作ルール84

私が最近読んでタメになった、オススメのWebデザインの本をご紹介します。   Webデザイン必携。プロにまなぶ現場の制作ルール84   図やキャプチャが多く使われていてサクサク読み …

【Illustrator】文字を縦書きにする方法

今回は、イラストレーターで文字を縦書きにする方法をご紹介します。 方法としては2つあるので、どちらか使いやすい方、または状況に応じて使い分けてみてくださいね。   イラストレーターで文字を縦 …

超便利!アイコンフォントを一括検索できる「GlyphSearch」のご紹介

Webサイト制作では、出番の多いアイコン。 私は以前まで画像のアイコン素材を使用していましたが、その存在を知ってからはアイコンフォントに頼りっぱなしです まずアイコンフォントについて簡単に説明すると、 …

Macユーザー必見!過去のコピー履歴を管理できる「Clipy」のご紹介

パソコンで作業していると、よくURLやテキストをコピーすると思います。 当たり前ですが、ペーストしないうちに新しいものをコピーすると、最初にコピーしたものが分からなくなってしまいますよね。 そんな時、 …