【blender】街を一発で作成（Google map + アドオン）

Summary

この動画は、GIS(地理情報システム)の機能を使って3D都市空間を生成する方法を解説しています。具体的には、BlenderにGISアドオンをインストールし、地図データや建物データを読み込んで、建物のテクスチャや陰影を調整しながら、リアルな街の様子を表現する方法が示されています。動画の後半では、実際に東京・原宿の街をモデル化する様子が紹介されています。

Takeaways

• 😊 GISアドオンをインストールしてBlenderに地図を読み込む
• 👍 衛星画像や建物の形状データを使ってリアルな街を作る
• 💡 UVエディティングで建物にテクスチャを貼り付ける
• 🏙 点光源を使って街の雰囲気を出す
• 🎥 カメラとレンダリングの設定でリアルな街のシーンを作る
• 🖥 テクスチャーサイトから建物のテクスチャをダウンロード
• 🔧 モディファイアを使ってワイヤーフレームの建物を作る
• 🛣 OpenStreetMapのデータを使ってリアルな街を生成
• 💫 フォロー光のシェーダーで建物に光を表現
• 🎨 マテリアルとテクスチャのコツを解説

Q & A

この動画ではどのようなソフトを使っていますか?

この動画では3DCGソフトのBlenderと、Blender GISという無料のアドオンを使っています。

Blender GISを使うメリットは何ですか?

Blender GISを使うと、地図データを読み込んで簡単に街並みなどの背景を作成できるメリットがあります。

地図データのソースとして何を使っていますか?

地図のソースとしてGoogle Mapsの衛星写真と地図データを使っています。

ビルの3Dモデルのソースは何ですか?

ビルの3Dモデルのソースとして、Blender GISで地図データから自動生成しています。

窓のテクスチャの手法について教えてください。

窓のテクスチャに関しては、エミッションシェーダーとミックスシェーダーを組み合わせることで、光っているような表現をしています。

屋上のテクスチャの方法を教えてください。

屋上のテクスチャに関しては、面選択後にテクスチャを投影する方法で地図画像をマッピングしています。

照明はどのように設定していますか?

点光源を用いたライティングで表現をしています。シーンの雰囲気づけのため、色味や明るさを調整しています。

カメラワークのポイントを教えてください。

カメラワークでは、興味深いアングルを設定しつつ、ピントの奥行き感を出すことでリアルな表現を心がけています。

完成イメージの後処理について教えてください。

後処理として色補正やグレーディングを施すことで、リアルでコントラストのある雰囲気を作り出しています。

この手法を使って何ができるでしょうか?

この手法を使えば、地図データをもとにリアルな街並みを効率よく作成することができます。背景制作などの用途に利用できそうです。

Outlines

00:00

🌍 Blender GISアドオンによる町の作成

このパラグラフでは、Blender GISアドオンを使用して簡単に町を作成する方法について説明しています。まず、特定のウェブサイトからアドオンをダウンロードし、Blenderにインストールする手順を解説。次に、アドオンを利用してGoogleのサテライトデータを基に地図を読み込み、町の模型を生成する過程を紹介しています。操作方法や、ズームレベルの調整、特定の場所（原宿）の地図を読み込む具体的な手順が説明されており、建物や鉄道のデータをBlender内で可視化し、編集する方法も示されています。

05:02

🎨 Blenderでのレンダリング技術とビジュアライゼーション

このセクションでは、Blender内でのレンダリング技術を活用し、作成した町のモデルをビジュアライズする方法について説明します。基本的なシェーディング技術から始め、Googleサテライトの画像をマテリアルとして適用し、ビルのテクスチャを調整する過程を紹介。さらに、カメラの設定調整、レンダリングのための視点の合わせ方、ライティングの追加方法などが詳述されており、ビジュアルの質を向上させるさまざまなテクニックが解説されています。

10:02

🌟 高度なマテリアル設定とエフェクトの適用

ここでは、Blenderでの高度なマテリアル設定とエフェクトの適用方法に焦点を当てています。具体的には、ビル群にユニークなビジュアルスタイルを与えるためのマテリアルのカスタマイズ方法、エフェクトの適用、そしてワイヤーフレームの追加が説明されています。また、ビルのテクスチャを更に詳細にカスタマイズするための手順、リアルタイムでのビジュアライゼーション強化のためのテクニックが紹介され、よりリアルで魅力的なビジュアル表現へのアプローチが解説されています。

15:04

🏙 Blenderを使用した都市モデルの詳細化

このパラグラフでは、Blenderを使用して都市モデルの詳細化を行う過程を詳しく説明しています。特に、ビルの窓のテクスチャを手動で調整し、特定のビルディングマテリアルを適用する方法、また、ビル群の詳細なテクスチャリングとマテリアルの適用について解説しています。このプロセスを通じて、ユーザーはより現実的で詳細な都市の3Dモデルを作成できるようになります。

20:04

🖌 最終ビジュアルのレンダリングと仕上げ

最後のパラグラフでは、Blenderで作成した都市モデルのレンダリングと仕上げのプロセスが説明されています。窓の反映、環境テクスチャの調整、さらにはポイントライトの配置によるリアルタイムレンダリングの改善が紹介されており、これらのステップを経て、よりリアリスティックで詳細な都市ビジュアルを完成させる方法が示されています。また、最終ビジュアルの品質向上のための細かな調整とテクニックが詳述されています。

Keywords

💡ブレンダーGIS

ブレンダーに地図情報を取り込む無料アドオン。このアドオンを使うことで、簡単に3Dの街並みを生成できる。動画ではこのアドオンのインストール方法と、実際に東京の街を作っていく過程が紹介されている。

💡ベースマップ

地図の背景となる部分。サテライト写真や通常の地図など、複数のソースから選ぶことができる。動画ではGoogleのサテライト写真を選んでいる。

💡ウェブGISデータ

ブレンダーGISアドオンを使って、ウェブから地図情報や地物のデータを取り込む機能。取得した建物データを使って3Dモデルを生成できる。

💡ゲットOSM

ウェブGISデータの中の1つ。OpenStreetMapから建物や鉄道などのデータを取得し、オブジェクトとしてインポートする。

💡マテリアル

3Dモデルの表面の質感や色などを決めるデータ。動画では取得した建物のマテリアルを変更し、リアルな表現をしている。

💡テクスチャ

3Dモデルに貼り付ける画像のこと。動画では建物に実際の建物のテクスチャを貼り付け、リアルさを出している。

💡ライト

3D空間に置く光源。シーンに合わせて調整することで、リアリティや雰囲気を出すことができる。動画でも色々なライトを使っている。

💡レンダリング

3Dデータを2Dの画像として出力すること。複雑な処理が必要で時間がかかるが、リアルな画像を生成できる。動画でもたびたびレンダリングしている。

💡カメラ

3D空間に置く視点。位置や角度を変えることで、異なるシーンをレンダリングできる。動画でも視点を調整しながらレンダリングしている。

💡フォグラフィック

光と煙を使った技法で、遠近感を表現するシェーダー。動画ではこれを使い建物に雰囲気を出している。

Highlights

最初の重要なハイライトのテキスト

2つ目の注目すべきハイライトのテキスト

Transcripts

[音楽]

こんにちはエムデザインですこちらの

ショートカットキーぜひご活用いただき

ながら動画ご覧ください初めての方は

こちらの動画御参考下さい

今日はブレンダー gis という無料の

アドオンを使って簡単に一瞬で町をつくる

ということをやっていきたいとおもいます

まずこちらの切っと羽生のウェブサイト

からこちらですねコードというところを

タップしてダウンロードジップでじぷ

ファイルをダウンロードします

次にブレンダーを開いて編集タブの

プリファレンスを開きます

ここからアドオンを押してこちらの

インストールというボタンを押してで

先ほどダウンロードした blender

gis マスターと時こちらを

アドオンをインストールというふうにし

ます

するとこのようにブレンダー gis が

アドオンとしてダウンロードされますので

こちらにチェックを入れます

プリファレンスを閉じてこちらのメニュー

を見てみるとこちらにです gis と

いう新しいメニューが登場しております

早速

地図を読み込んでみたいと思うんですけど

もこちらのが web 塩データという

メニューところから

まずベースマップというのを選びます

てソースはいろいろ

地図のソースあるんですけれども

レイヤーもですねサテライトビューなのか

マップビューなぁ今回は google の

サテライトで ok という風にしたいと

思います

するとですねこのように地図が読み込まれ

ていきます

この地図が読み込まれたら

+のボタン

で移動はマウスででマイナスのボタンで

縮小+で拡大という風にできます

また操作方法としてはこのマップ上で g

キーを押せば

者スポーツ2とでます

こちらに例えば

はーらー10

ルート

ん

入れてれズームのレベルはにだと a まあ

小さい

で max あ25ですかね

はいでえっと今回は17という風にして

原宿の地図を読み込んでみたいと思います

こちらで ok を押します

眠いはいするとこのように原宿がこちらに

代々木公園があって永大カーン程度って

思ってさんっ

ふうな地図が屋根ございます

この宿舎空時代体位など思えばいいキー

確定をしますで例えばですねもうサイド g

キーを押して

あらー

原宿でへズームレベルもう一段階大きくし

たいなという場合には18として再度 ok

と押しますするとさっきよりも

祝弱が大きくなって出てきたのが分かると

思います

こちらで a キーで確定するとまぁこの

ように聞いとられて出てくるという風に

なります

でこれはですねただノ井町妻サテライト

ビューが絵になっている状態なんです

けれども

再度こちらの1 is のメニューの

web

以上データこちらからゲット osm

という風にして

まー高さ情報オブジェクト

生 the 情報を用いて会系叙情用いて

オブジェクトを作るということができます

で今回ですねビールディングそれからエ

レールウェイ

この2つ shift キーを押しながら

複数選択できますので選んででこれで ok

というふうに置きみます

はいするとこのようにですね

形状が読み込まれているというふうになり

ます

このビル部のデータっ子が一つの

オブジェクトになっていて

ちなみでせさっきほどのこちらのゲット

osm でこのセパレートオブジェクツ

っていうふうにチェック得るとこれをまあ

別々のオブジェクトとして作ってくれると

いうふうになります

で今この雪平一つのオブジェクトになって

いますので簡単にですね例えば新規で

ベースカラーでえっ色をつけた時にこの色

が

こちら見ています

material pledis 色が

まあ反映されるとメタリックの数字をあげ

たり荒らさ

色を変えるみたいなことが簡単にできます

この a

オブジェクトを使って今回ちょっと1枚

レンダリングの会を作っていきたいと

おもいます

こちらもですねまずベースになっているの

シェーディング上近江でいきます

で今ですねこの a google の

satellite p画像として

張り付いでしょか状態ですのでこれを切っ

た白くて

でこのビル群もですね

1回このマテリアルでサービスとして

新しく新規でマテリアルをつくって

で城間までですねメタリックの数値を

0.5ぐらい上げておいてちょっと陰影が

よりつきやすいています

だいたいどんなビューで a を作ろうか

なあっていうのを決めていただいて

そしてこちらのビューからですね4点を

そろえる

現在の視点にカメラを合わせにしていただ

と

a

ガメラがさっき見ていたビューで聞いとら

れてるはずなんですけれども今カメラん

ですね設定で範囲の開始終了がまあレンズ

としては

狭くなってしまっているのでこちらの終了

いい1万いうふうに入れます

そうすると

また今日よりも国益を守ってこのカメラが

遺影を見てくるので

a 漁師だと思います

さらにこの絵を得造成するために nt を

押してデビューでカメラをビューですね

こちらにチェックを入れます

そしてこの

えおです

動かしていん

[音楽]

大体こんな感じでレンダリングしようかな

というところで一旦ですね見て

レンダリングプレビューできますマースク

ラーになってますねねえ

指導シフトの塩キーでライトポイント

ライトを追加しています

こちらにはポイントライトが追加されてへ

パワーをですねかなり大きくメって聞い次

退避と思います

はい1

ミリオンですかねこれ

hiwatt

これでもまだ小さいので

15

タイにしました

これで大分明るくだん

さあにこの絵に雰囲気をつけるために

ガメラの記者会しんどい音をしております

米はこの手前のビルに焦点が当たるように

したいなと思うのでねシフトも a キー

empty

を入れていただいて十字

てえっと st ですね今

入れた十字がん

おっきく見えるようにしていただって

ちょっとですねこの手前のビルに移動して

いきたいので今こちらシーンコレクション

でですけれども3 d ビューポート入っ

て

[音楽]

そしてこの宴鋼がある場所

ていたが抜け前ます

フィル

まで議論をしていますeoh

ですでここまでできたらアウトライナーに

戻してカメラを選択したらがこちらの

カメラのプロフで映写会信濃小ての

も散らすポイントセンサーそしてさっき

する

empty

後ろに empty が入るようにします

て fc ですけどもまぁかなり大きな

ビューになっているて a

数字著者0.00とかいう下げています

ちょっと蔑みます

0点

00:00

[音楽]

で a

今 e 3のれん代エンジンになってます

けど歳グルスにして

で

からマネジメントはフィル3日標準2階

[音楽]

アルファん

今トークの層がええまあただにぼやけて

しまっているのサイドですねこの社会振動

0.0力

0.0

5ぐらい上げてい

本社 by しんです

ますさらにサイドこちらメニューへのこと

bpo ん

帰って

ません

nao先ほど作ったライトですね

ん

ていますていた

も辛いと伸ばして見ています

最高ずを策定

もうちょっと雰囲気が良くなるような

場所大阪

[音楽]

こんな感じでしています再度されん

ん

ブーツと明るすぎかなと思いますパワーを

ん

ますねここまで率から

fq に行ってらっしゃいません

こんな感じで好町の

のええ男作ってきています

さらにこれを応用して

a

一つ目は follow グラフィックの

していてそれから二つ目はこのビルに

ペプシ茶を張ってビル群に見えるような

家づくりをしていきたいとおもいます

一度 ev に戻します

まず後ゼロのキーデー

外してカメラ日を外していただいて

デー

この今は選んでいる

ビル群のマテリアルを少し

4グラフィックの

[音楽]

シェーダーに変えていきたいとおもいます

でまずですねフォログラフィックは4社の

シェーダーと

でそれから

[音楽]

10日の bs df この2つを使い

ますプリンシプル psd いうは行った

運気しまして次にですねミックス

シェーダー生だーミックスを追加して

いただいてはさっきの2つの

a

当社10日 bsd をつなぎます

で

シェーダーを surface につない

でいただいてブレンドモード r の

ブレンドにします

でこれちょっと康介ている感じになってい

てでさらにですねカラー乙ブルーん

しています

強さを少し

さんぐらい投げています

さらにですねこちらに

検索でウエイトと

見えていただいて

[音楽]

レイヤーウェイト

ノードを追加します

こちらの前方向というものを係数に入れて

こちらの数値を0.9

と

彼がリコ雰囲気が出てきたと思います

でさらにですね

このオブジェクトに

こちらのスパナのマークからモディファイ

アを追加で終えワイヤーフレーム

でワイヤーフレームしたらこちらの

オリジナル落ち感

いうチェックを外していただいてでさらに

幅をです少し不トップ

0.5ぐらい

これでこーぷれいむが

見えてます

[音楽]

次にですねこちらのビルのマテリアル

テクスチャーを貼りこんでいくというふう

なことをやっていきたいとおもいます

で a こちらですね今

texture . com

の中で

ビルディング

検索をかけて出てきている入らず6という

テクスチャーになりますでこちらリンクは

概要欄に貼っておきたいと思います

で下にあるですねあの登録していただくと

こちらの政務サイズのテクスチャーが

フリーでダウンロードできますので

これすべてダウンロードをしていただき

ます

blender を開いてですね先ほども

まず

テクスチャーを

を作っておきたいと思います

今はデフォルトで作られているこちらの

立法たいですねこちらの立方体の

a material ない方はこちら

自身に撮影していただいてプリンしフル

bs df を掴んでいる状態でポンと

ロールシフト t を押します

で先ほど

ダウンロード車これらのテク所すべて選ん

ででこちら enter を押します

でコントロールシフト t で僕は9出

なかったっていう方はこちらプリファ

ランスのアドオンの中で

濃度と

2連低濃度ラングラーにチェックが入って

いくことを確認しますこれでテックス

チャートしてはですねできている状態です

で a 先ほどのサンプルだとこの窓が

一部光ってたと思いますねこれが表現され

てないのでここは手動でやっていきたい

なぁと思います

フェジふと d でこちらいこコピーして

いただいてええ

ころですねえみっしー部を開きます

エミシ開いたらシフト名キーテクスチャ

じゃないですねシェア放射

御幣しょんほうしゃにカラーというから

つないでをあげて

でシフトの a キーミックスシェーダー

シェーダミックスを呼び込み呼びいたし

ますこれ車レーダーミックスと一つ目の星

谷つないで元々のプリンシプル bs df

を2つ目の診断でつないでこれで

surface 2敗いうとはいこれで窓

が光ったのがわかりません強さをちょっと

明るくこれで窓が光っています

はいでここまでできたらですね

このマテリアルに

ビルディングと

ます名前を付けていただいてでレイアウト

を戻って頂ければと思います1回この律法

大家していただいてさっきのビルディング

ですね新橋延びる分に入れていきたいなと

思います付ハイサイドですねこの gis

アメ人から web g o data

de base まおよびだヒュー

ドゥエ oke にしまー

ぬーチーズ所へ ge をし合ってへ go

to

[音楽]

do

はいすると新橋のビル群がこのように

出てきました

でこれで ok であればいいキーで確定

をしております

でここからですね gis さえの web

塩データのゲット os でんして

ビルディングとレールへシフトキーを押し

ながら2つ選択所 ok します

ん

入ってエビルが読み込まれたらば先ほどの

ビルのてく者割当行きたいんですけど

せっかくですねこのマップのデータあるの

でこのビルブーンの国情ですね o 2位

このマップを貼り付けていきたいなと思い

ます

そのためにはまずこのビル群の

オブジェクトを選んで頂いて

はいエアー設備ルディですね

ちなみにこの頂点グループ開いていただく

と

を超えてですねビルの名前がガーッと赤坂

ついたをの母の書いてあって結構面白い

です

はいです

このビル群を選んだらばた武器で入って

面の洗濯物でどこでも結構ですでこの屋上

一つ会がます

そしたらば選択で類似選択でノーマルって

言うにしますレンダー狂い選択でノーマル

する床天井というか屋上が後全部貼っ選ば

れてる状態になりますのでこれで p キー

を押していただいて選択で分離します

そうすると

タブキーでオブジェクトモードに戻って

この天井がだけがですね違うオブジェクト

として

分離されていますでこの天井に新しくです

ねシーンキーでマテリアル作っていただい

てでこのマテリアルにベースから

で画像テクスチャーとしていただいたら

もうすでにですねこちらのグーグルの

tiff データが入ってますねこれを朝

にします

で a

まだポコ反映されていないので英雄

diggy に行きます

dvd ティングで全部選択肢ですね

で選んだらばああいう木して

ビューから投影

でこの投影されたものを求

m 小さくして大きさを

[音楽]

まあ厳密には合わないのでだいたいあっ

たらはこれでレイアウト見てやると

これで屋上がですねまぁヘリポートがビル

の

乗っている状態ます

でここまでできたこれで屋上は終わりで

今度ですねこのビルの方にさっき作った後

ビルディングのマテリアルを浅い

しています

でこれでえっとです窓は全然反映されて

ないですねこちらも uv editing

に入っていただいて今度は真横から見

いただいて

て a

[音楽]

f 車なんでもゲームます

って

で a キーですべて選択をしてっていう

のを聞いデビューから東 a というふう

にしますこれ必ずサイドへフロントビュー

もしくはライトビューの状態で言うのを

聞いデビューから投影てにします

4するとああこっちラティパイパン

ヌード dvd edea この a プロ

スキーだーっで大きくすればするほど相対

的にこの窓の大きさが小さくます

はいこんな感じですけどね

でまぁこれでいうかなと思ったらば

fender flier で

していただいて

ってこれこういうのは違うなんとなく出来

ていますねえ次にこの環境テイクした

カラーをちょっと黒くしておきたいと思い

ます

てえっところどころにですねえライトから

point light ティリティあっ

てデー

パワーを

1万ぐらいをしていたものを

所どころにシフトディープで

ファイトー

僕を入れてやるともそれっぽいフィーが

どんどん出てくると思います

ばかりをどんどんマジかと思ったな感じ

ですね

[音楽]

で今交差点をまず狙って撃っ入れており

ます

でこれで先ほどと同様に理由から視点を

揃えるで現在のしてにカメラをせるで a

これもですねカメラの終了地点の100m

になってるで1万通じて

はいで n キーデビューかめろうビュー

にノック水してへ

レンダリングするビューを見て頂ければと

思います

ん

はいデー

eb のままで結構ですねあうんビエント

グルージェントスクリーン素手素足

チェックいてでカラーマネジメント

フィルムか表皮に帰って f 12キーて

連打り

はい以上で今回ですねこのブレンダーの

gis という

無料のアドオンを用いて簡単にこまちを

つくっていくということをお話ししてい

ましたこの動画が参考になったという方は

良いねボタンコメント

チャンネル登録頂けると大変励みになり

ますいつも見てくださってコメントを

くださる方本当に嬉しいですありがとう

ございます

ツイッターインスタグラムをやっており

ますのでそちらもぜひ見ていただけると

大変嬉しいです

ありがとうございました

me

dare