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

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

関連記事

【Illustrator】矢印キーでの移動の距離がおかしくなった時の対処法

Illustratorを使用中、突然移動の距離がおかしくなってしまったことはありませんか? 移動の距離が大きくなってしまって、ピクセルできっちり移動ができなくなった…という感じです。 私はこの現象を時 …

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

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

Pinterestのボードを他の人と共有する方法

たくさんのアイディアの中から、良いと思ったものを作成したボードに保存・管理することができるPinterest。 これだけでも便利すぎて、デザイナーにとってなくてはならないWebサービスですが、更にその …

【Illustrator】文字を斜体にする方法

Illustratorのテキストを斜体にして配置したい場合、英字フォントであれば「Italic指定」ですぐに斜体に変換できるものが多いですが、日本語フォントの場合は「Italic」がないですよね。 じ …

ファビコン制作で参考になるサイト

タブやお気に入りなどで、横に小さくに表示されるファビコンですが、サイズが小さい故に意外とデザインも難しいですよね。。 それでも、ウェブサイトのシンボル、そしてユーザーにウェブサイトを印象付けるための重 …