. CG】サクッと、鳥瞰図・断面図表現をしよう【UE4】 – 建築グラビア
CG】サクッと、鳥瞰図・断面図表現をしよう【UE4】 – 建築グラビア
CG】サクッと、鳥瞰図・断面図表現をしよう【UE4】 – 建築グラビア

2.マテリアルのオパシティマスクを使う

(2) マテリアルにマスク処理を実装 消したいマテリアルを編集します。例えば外壁などに使用しているサイディングのマテリアルです。 マテリアルエディタを開き、 ・[Blend Mode]は[ Masked ]にしてください。 ・次の図のようなノードを付け足して[Opacity Mask]に接続してください。 [Make Float 3]ノードはZだけ[1] です。 ちなみに(X,Y,Z)=(0,0,1)は鳥瞰図で、X、Y方向の断面図は(X,Y,Z)=(1,0,0)や(X,Y,Z)=(0,1,0)のようになります。-1もできます。 とりあえず「消したい方向を1にして、他は0にする」と覚えてしまえば楽かも。

(3) ブループリントクラスを作成 このまま真似してくださればOK。ブループリントクラスを新規作成します。

このブループリントクラスを開いたら、コンポーネントに StaticMesh を追加します。 追加したStaticMeshの[メッシュ]に Plane をセットしておきます。

[Construction Sctipt]タブを開いて、以下のようにブループリントを組んでみてください。 やっていることは、先程作ったマテリアルパラメータコレクションのLocation2、Scale2、Normal2に、それぞれブループリントクラスの位置、スケール、法線(Up Vector)の値をセットしてるだけです。(Scaleは今回いらないかな。)

これでOK。できました 作成したブループリントクラスClippingMaskBlueprintをビューポートに配置して、高さ位置を動かしてみましょう。 オパシティマスクを設定したマテリアルだけ(=外壁)が消えるようになりました。

2-2.いろんな角度でクリッピングしたい

こちらも応用編。 (2)マテリアルにマスク処理をちょっと差し替えます。ここでマテリアルパラメータコレクションで作成した Normal2 が登場。

理屈 ブループリントクラスのPlaneの法線の向きと、壁の法線の向きが反対のものを隠そうとしています。 つまり、描画しようとしている場所~クリッピングするブループリントクラス間のベクトルと、ブループリントクラスのベクトルの内積を求めて0~-1(=反対向き)なら消したい。 ところでこの内積の値ってオパシティの「1(表示)と0(非表示)」の値とのルールが偶然同じだから、内積の値をそのままOpacity Maskノードに繋げちゃおうってことです。 ただしマイナス値は全部0にしましょう(=Clamp 0-1)という考慮を忘れずに。

●表示されるとき(内積>0) → Opacity Maskの値 ⇒表示

●表示されないとき(内積<0) → Clampして0 → Opacity Maskの値 ⇒非表示

使用プロジェクト

参考サイト

関連記事 【UE5】スタティックメッシュ画面でピボットの位置や回転をオフセットする方法が変わった 2026年3月23日 【CG】竹垣を作るのに役立つサイト 2026年3月16日 【CG】つくばいを作るのに役立つサイト

管理人が読んだおすすめの建築本

コメントを残す コメントをキャンセル

サイト内検索

管理人:christinayan(やな)

建築関連の画像、映像、CGの制作活動をしています。 主にGoogle+、Flickr、YouTubeで公開。2014年に総フォロワー数4万人突破。 Getty Images Contributorとして建築事務所などに建築写真を提供。 【仕事】建築関連の内製CADとCGエディタの開発。C++を主に使用、Unreal Engine 5(UE5)。Unityでの開発も。 休日は建築写真家として活動。建築探訪記として記しています。 CGではCities: Skylines向けにアセットMODの建物を制作し公開。U55では実験的なことをしています。 写真好きということもあり素材を撮影してSubstance DesignerでPBRマテリアルを作ったりとCG全般を色々楽しんでいます。 建築向けプラグインの開発やアセットを制作もしておりFAB(旧Unreal Engine Marketplace)で販売もしています。

建築探訪

  • 【建築探訪】上州富岡駅/武井誠+鍋島千恵/TNA
  • 【建築探訪】日本橋三井タワー/シーザー・ペリ
  • PR
  • 【建築探訪】金沢21世紀美術館/妹島和世+西沢立衛/SANAA

建築CG

  • 【実験】UE5: グローバルイルミネーションと反射について従来設定とLumenの比較 (Emissive Light編)
  • 【CG】マテリアルスキャンに挑戦。布を8方向から撮影し【Substance Designer】に取り込む
  • PR
  • 【ダウンロード】花のデパート【メッシュ】

建築マップ (Architecture map)

  • 【地図】世界遺産から丹下・村野、安藤・黒川建築と古近現が顔を並べる姫路市建築マップ
  • 【地図】最近の大阪キタ再開発による建物をマップ片手に見てまわろう
  • 【地図】怒涛の再開発が進む御茶ノ水エリアに完成した新建築物たち
  • 【地図】日帰りで巡る富山建築マップ
  • 【地図】優良建築作品が集うアツい街、山形県鶴岡市の建築マップ

建築写真の現像 (Photo processing)

  • 【現像】ビルの反射を演出する
  • 【現像】Lightroomで最短であおり補正をするための簡単な手順
  • PR
  • 【現像】写真をCGパースのようなに画に近づける その1

人気の記事(24時間) (Popular Posts)

  • 【話題】隈研吾氏設計の「雲の上のホテル」等の建替計画は資材高騰で2024年4月開業は断念か 16ビュー
  • 【機材】Windows11にアップデートするためにTPMとUEFIの設定を変えた話【ASUS TUF H370-PRO GAMING】 8ビュー
  • 【CG】UE4上でSpeed Level Designして造った建物をCities: Skylinesにインポートする【ゲーム】 7ビュー
  • 【話題】小田急線 参宮橋駅が木のぬくもりある駅舎にリニューアル 6ビュー
  • 【ツール】パノラマ画像→キューブマップ変換【JavaScript】 6ビュー
  • 【建築探訪】東京理科大学葛飾キャンパス 図書館棟/日建設計 5ビュー
  • 【機材】マイクの風防をなくしたので100均のフェイクファーで自作する 5ビュー
  • 【CG】もっと畳のマテリアル表現をアップするための2つの試み 5ビュー
  • 【建築探訪】GCプロソミュージアムリサーチセンター/隈研吾建築都市設計事務所 4ビュー
  • 【現像】写真にライトシャフトをつけよう【Photoshop】 4ビュー

カテゴリー

おすすめの記事 【実験】3DF Zephyr: フォトグラメトリー: しまあじの刺し身盛り合わせをスキャン 2025年4月22日 【建築探訪】佐川美術館/竹中工務店 2018年1月22日 【Blender】Sapling Tree Genアドオンで日本らしいクロマツを作る 2026年1月13日
  • CG・プログラミング
  • Substance Designer
【Substance Designer】おにぎりPBRマテリアルを作りたかっただけなのに苦労した記録 (2) 2022年7月25日 【本】収納上手にならなくてもいい 片づけのルール/成美堂出版編集部【感想】 2022年11月23日

ご利用について

Terms of use

We assumes no responsibility or liability for costs, osses, etc. arising from the use of datas and informations it contains.

📎📎📎📎📎📎📎📎📎📎