アイソメトリックなイラストを作成できるオンラインツール「Explore Isobuild」

 
企業サイトからブログのサムネイルまで、様々な所でアイソメトリックのイラストが使用されてますが、アイソメトリック・ベクター素材を配布してるIsoFlatが公開している、アイソメトリックなイラストを簡単に作成できるツール「Explore Isobuild」が便利そうなので忘備録。

Explore Isobuild

操作は最初にバックグラウンド(無地・アップロード・サンプル)を選択し、テキスト・図形・イラストの配置や、描画などでイメージを作成します。

上部メニューの「Isometry」をクリックするとアイソメトリックなイラストがジャンル別(ビルディング・ファイナンス・テクノロジー…etc)に表示されます。イラストを選んでサイズの拡大縮小・反転や、レイヤー(重なり順)などで調整しイメージを完成させます。

イメージが完成したら、左上の「Save」よりSVG・PNG・JPG形式でファイルを保存することができます。

ビジネス・マーケティングから街並まで多種多様なイラストがあるので、イメージが見つからない時に活用してみるものいいですね。 無料で使用できるので興味のある方は試してみてください。以上、アイソメトリックなイラストを作成できるオンラインツール「isobuild」の紹介でした。


  • 人物や動物など様々な寸法図をデータベース化した「Dimensions.Guide」
  • プロフィール画像やアイコンに使える似顔絵ジェネレーター10選
  • 無料で使用できるフリーイラスト素材サイト22選【商用利用可】
  • クリスマス素材(写真・イラスト)をダウンロードできる「Christmas HQ」
  • 様々なシーンのイラストを無料でダウンロードできる「ManyPixels Illustration Gallery」
RELATED POSTS
  • 【フリー素材】海外のフォトストックサイト「freestocks.org」
  • 無料で使用できる海外のフリー写真素材サイトまとめ
  • 宮崎県小林市が提供するお肉のフリー素材サイト「oniku images」
  • 【フリー素材】著作権フリーの動画素材サイト「Coverr」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
  • 無料で使えるレトロ・ヴィンテージな雰囲気の英語フォント26選
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア
  • WordPressにおすすめレンタルサーバー8選【初心者向け】
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】