カンタン!ジェネレーターを使った流体シェイプの作り方

ジェネレーターで流体シェイプの作り方のアイキャッチ

このページにはプロモーションが含まれています。

目次
プログラミング言語の人気オンラインコース

はじめに

こんにちは。はなまるです!

今回の記事は、トレンドの流体シェイプについてです。

便利なジェネレーターを使うことで、

Webデザインにカンタンに取り入れることができます。

さっそく作り方を見ていきましょう!

「Blobmaker」の使い方

流体シェイプを作成できるジェネレーター「Blobmaker」をご紹介します。

Blobmakerのトップページの画像

https://www.blobmaker.app

ページ下部の機能メニューをご紹介します。

左から、

  • 角の数
  • 歪み
  • ダウンロード
  • コードコピー
  • ランダム

色、角の数、歪みを指定して形を作ります。

完成したら、svgファイルでダウンロードができます。

コードのクリップボードへのコピーもできます。

コードコピーの画像

おわりに

ここまでジェネレーターを使った流体シェイプの作り方についてでした。

おすすめの本をご紹介します

『Webデザイン良質見本帳[第2版] 目的別に探せて、すぐに使えるアイデア集』(久保田涼子・著)は、

良質なデザインを集めたアイデア集です。

トレンドのデザインも学べるので、表現の幅を広げ、多様な表現を取り入れたい方におすすめの本です。

お読みいただきありがとうございました!

よかったらシェアしてください!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

フリーランスとしてWeb制作をしています。
Webアプリ開発・セキュリティの勉強中です。
学んだことをアウトプットしてみたいと思い、ブログでの発信に挑戦中!
[保有資格:基本情報技術者]

コメント

コメントする

CAPTCHA


目次