かぴばらさんの覚書ブログ (nonkapibara 自分メモ)

かぴばらさんの覚書ブログ (nonkapibara 自分メモ)

Unity勉強中です。 AR、VR、エンターテイメント全般、ワクワクする事が大好き♪♪ O(≧∇≦)O イエイ!!

【Blender】ジオメトリノード(Geomerty Nodes)アニメーションのお勉強

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0

↓↓完成内容

f:id:nonkapibara:20220214015235p:plain

 

f:id:nonkapibara:20220214015012g:plain

↑オブジェクトをハートにしてみたよぉ。

f:id:nonkapibara:20220214015039g:plain

 

 

参考にしたチュートリアル

https://www.youtube.com/watch?v=NyUJ6XH8A94


###以下、作成メモ###

1.平面を作る

f:id:nonkapibara:20220214015331p:plain

 

2.ジオメトリノード(Geomerty Nodes)を使う

f:id:nonkapibara:20220214015349p:plain

f:id:nonkapibara:20220214015506p:plain

f:id:nonkapibara:20220214015520p:plain

f:id:nonkapibara:20220214015536p:plain

f:id:nonkapibara:20220214015550p:plain

f:id:nonkapibara:20220214015606p:plain

f:id:nonkapibara:20220214015622p:plain

f:id:nonkapibara:20220214015644p:plain

f:id:nonkapibara:20220214015659p:plain

f:id:nonkapibara:20220214015713p:plain

f:id:nonkapibara:20220214015728p:plain

f:id:nonkapibara:20220214015741p:plain

f:id:nonkapibara:20220214015757p:plain

f:id:nonkapibara:20220214015813p:plain

f:id:nonkapibara:20220214015828p:plain

f:id:nonkapibara:20220214015844p:plain

f:id:nonkapibara:20220214015856p:plain

f:id:nonkapibara:20220214015908p:plain

f:id:nonkapibara:20220214015920p:plain

f:id:nonkapibara:20220214015930p:plain

f:id:nonkapibara:20220214015940p:plain

f:id:nonkapibara:20220214015951p:plain

f:id:nonkapibara:20220214020004p:plain

f:id:nonkapibara:20220214020012p:plain

f:id:nonkapibara:20220214020024p:plain

f:id:nonkapibara:20220214020037p:plain

f:id:nonkapibara:20220214020049p:plain

f:id:nonkapibara:20220214020102p:plain

f:id:nonkapibara:20220214020115p:plain

f:id:nonkapibara:20220214020127p:plain

f:id:nonkapibara:20220214020141p:plain

f:id:nonkapibara:20220214020157p:plain

f:id:nonkapibara:20220214020208p:plain

f:id:nonkapibara:20220214020217p:plain

 

3.アニメーションを作る

f:id:nonkapibara:20220214020227p:plain

f:id:nonkapibara:20220214020236p:plain

f:id:nonkapibara:20220214020333p:plain

f:id:nonkapibara:20220214020350p:plain

f:id:nonkapibara:20220214020402p:plain

f:id:nonkapibara:20220214020414p:plain

f:id:nonkapibara:20220214020426p:plain

f:id:nonkapibara:20220214020438p:plain

f:id:nonkapibara:20220214020450p:plain

f:id:nonkapibara:20220214020502p:plain

f:id:nonkapibara:20220214020513p:plain

f:id:nonkapibara:20220214020527p:plain

f:id:nonkapibara:20220214020540p:plain

f:id:nonkapibara:20220214020548p:plain

f:id:nonkapibara:20220214020601p:plain

f:id:nonkapibara:20220214020617p:plain


ピンク色を設定してみたよぉ

f:id:nonkapibara:20220214020707p:plain

f:id:nonkapibara:20220214020725p:plain

f:id:nonkapibara:20220214020743p:plain

f:id:nonkapibara:20220214020752p:plain

f:id:nonkapibara:20220214020803p:plain

3.レンダリングを早くする

最大サンプリング数を下げました

f:id:nonkapibara:20220214020918p:plain

 

サイズが大きいとレンダリング に時間がかかるので
サイズを小さくしました。

f:id:nonkapibara:20220214020952p:plain


完成!






【Blender】手軽に建物のアニメーション作ってみたよぉ

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0


↓↓完成内容

f:id:nonkapibara:20220210014922g:plain

 

建物を質感とバンプとリアルな感じで立体的にしたりして、簡単な建物を作りました。

↓こんな感じで、ハリボテ

f:id:nonkapibara:20220210015151p:plain

 

f:id:nonkapibara:20220210015300p:plain


参考にしたチュートリアル

https://www.youtube.com/watch?v=EEzrLIXCtfs


###以下、作成メモ###

床を作る

f:id:nonkapibara:20220210015625p:plain

1.床のテクスチャを用意する

テクスチャ.comのサイトから床のテクスチャをダウンロードする

https://www.textures.com/

f:id:nonkapibara:20220210020003p:plain

2.アドオンNode Wranglerをインストールする

マテリアル に設定したい画像を選ぶと自動でノードを繋ぐ事ができます。

f:id:nonkapibara:20220210020252p:plain

f:id:nonkapibara:20220210020335p:plain

読み込む床の画像を選択する

f:id:nonkapibara:20220210020402p:plain

自動でノードが繋がる。

f:id:nonkapibara:20220210020730p:plain


3.UV展開をする

f:id:nonkapibara:20220210020606p:plain

UV展開で、画像の向きやサイズを調整する

4.床を少しメタリックにする

f:id:nonkapibara:20220210020828p:plain

5.床のスケールを調整する

f:id:nonkapibara:20220210020856p:plain

6.床の質感を調整する

f:id:nonkapibara:20220210020938p:plain

f:id:nonkapibara:20220210021014p:plain

 

こんな感じになる

f:id:nonkapibara:20220210021047p:plain

 

7.ビルを作る

下記の記事を参考にして作りました

nonkapibara.hatenablog.com

ビルの質感は下記の記事を参考にして作りました

nonkapibara.hatenablog.com


ビルの質感はアセットブラウザーで登録して複製して作りました

nonkapibara.hatenablog.com

ビルの窓は下記の記事を参考にして作りました

nonkapibara.hatenablog.com

 

 

 


8.透過している画像を取り込む
写真の不要部分を透過する方法は以下を参考にしました

nonkapibara.hatenablog.com

画像を取り込む

f:id:nonkapibara:20220210021851p:plain

画像を透過する

f:id:nonkapibara:20220210022004p:plain

f:id:nonkapibara:20220210022027p:plain

9.道路を作る
テクスチャ.comでダウンロードしました。

f:id:nonkapibara:20220210022109p:plain

f:id:nonkapibara:20220210022129p:plain

f:id:nonkapibara:20220210022143p:plain

10.環境テクスチャを設定する

f:id:nonkapibara:20220210022250p:plain

 

https://polyhaven.com でダウンロードしました

f:id:nonkapibara:20220210022308p:plain

f:id:nonkapibara:20220210022355p:plain

11.環境テクスチャの向きを調整する

f:id:nonkapibara:20220210022414p:plain

f:id:nonkapibara:20220210022431p:plain

f:id:nonkapibara:20220210022445p:plain

f:id:nonkapibara:20220210022457p:plain

12.ライトを設定する

f:id:nonkapibara:20220210022826p:plain

f:id:nonkapibara:20220210022844p:plain

13.建物の影をつける

f:id:nonkapibara:20220210022919p:plain

f:id:nonkapibara:20220210022958p:plain

14.レンダリングを早くする
最大サンプリング数を下げました

f:id:nonkapibara:20220210023625p:plain

サイズが大きいとレンダリング に時間がかかるので
サイズを小さくしました。

f:id:nonkapibara:20220210023759p:plain

f:id:nonkapibara:20220210023914p:plain

カメラの動かし方は、下記を参考にしました

nonkapibara.hatenablog.com



完成!




 
























 

 

 

 

 






 














 

 

 

 

 

【ClipStudio】写真の不要部分を消して透過にする方法

環境メモ
⭐️Mac Book Pro(macOS Catalina)
⭐️CLIP STUDIO PAINT PRO

建物以外の部分を消して透過にします

↓↓完成内容

f:id:nonkapibara:20220210013350p:plain

 

 

 

1.まず画像を取り込みます。

f:id:nonkapibara:20220210013454p:plain

 

2.レイヤーマスクを作成します。
レイヤーマスクアイコンをクリックします。

f:id:nonkapibara:20220210013533p:plain


3.消しゴムで、建物以外の部分をなぞると、透過します。

f:id:nonkapibara:20220210013939p:plain



完成!

 

 

 

【Blender】Blender3.0スカルプト(Sculpt)のまとめ

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0

f:id:nonkapibara:20220131043956g:plain

 

スカルプトとは、彫刻する(スカルプトする)ような感覚で、直感的に3DCGモデルの形状を制作する方法

 

1.スカルプト まとめ

f:id:nonkapibara:20220131024446j:plain

f:id:nonkapibara:20220131024536j:plain

 

・ドロー(Draw)-スカルプト標準のブラシ。触った部分を面の向きにスムーズな形で膨らませる。

・ドローシャープ(Draw Sharp)-触った頂点をとがらせながら膨らませる。

・クレイ(Clay)-粘土のような質感にする。

・クレイストリップ(Clay Strips)-細かい粘土のような質感にする。

・クレイサム(Clay Thumb)-親指で押したように変形する。

・レイヤー(Layer)-層を形成するように盛り上げる。

・インフレート(Inflate)-膨張させるように盛り上げる。

ブロブ(Blob)-球状に盛り上げる。

・クリース(Crease)-服のシワ、折り目、切り込みを入れる。

・スムーズ(Smooth)-滑らかな形状に整える。

・フラット化(Flatten)-平らにする。

・フィル(Fill)-へこんでいる部分を埋める。

・削り取り(Scrape)-こする、ヤスリがけのようにする。

・削り取りマルチプレーン(Multi-Plane Scrape)-同時に2つの角度の付いた平面をメッシュで削り、その間に鋭い角を作成する。

・ピンチ(Pinch)-摘まんだように変形させる。

・グラブ(Grab)-掴んで変形させる。

・エラスティック変形(Elastic Deform)-ゴムのようにスカルプトする。

・スネークフック(Snake Hook)-ブラシの動きで頂点を引っ張る。

・サム(Thumb)-平らに頂点を引っ張る。

・ポーズ(Pose)-ボーンを埋め込んだように変形する。

・ナッジ(Nudge)-盛り上がっている箇所を動かす。

・回転(Rotate)-回転する。

・スライドリラックス(Slide Relax)-頂点をスライドさせる。

・境界ブラシ(Boundary Brush)-境界の形状を変形する。

・クロス(Cloth)-布のようなシワを寄せるように変形する。

・簡略化(Simplify)-頂点形成を簡略化する。

・マスク(Mask)-ブラシをかけた部分を、変形できないようにマスクする

・マルチレゾディスプレイメント消しゴム(Multires Displacement Eraser)-Multires Modifierの変位情報を削除しメッシュを細分割限界サーフェスにリセットする。

・マルチレゾディスプレイメントスミア(Multires Displacement Smear)-Multires Modifierの変位情報を変形し、ベースメッシュに影響を与えることなく変位した頂点を移動する。

・面セットをドロー(Draw Face Sets)-マスクや表示範囲を色分けする。

・ボックスマスク(Box Mask)-ボックス形状にマスクする。

・ボックスハイド(Box Hide)-ボックス形状に非表示にする。

・ボックス面セット(Box Face Set)-マスクや表示範囲を色分けする。

・ボックストリム(Box Trim)-四角くオブジェクトをカットする。

・ライン投影(Line Project)-線形オブジェクトカットする。

・メッシュフィルター(Mesh Filter)-マスクされていないメッシュを一括変形する機能。

・クロスフィルター(Cloth Filter)-面セット全体にクロスをかける。

 

2.詳細の内容

・ドロー(Draw)-スカルプト標準のブラシ。触った部分を面の向きにスムーズな形で膨らませる。

左マウスボタンDragで膨らませて描ける。
Ctrl+左マウスボタンDragでへこませて描ける。

f:id:nonkapibara:20220131025002p:plain



・ドローシャープ(Draw Sharp)-触った頂点をとがらせながら膨らませる。

f:id:nonkapibara:20220131025318p:plain

 

・クレイ(Clay)-粘土のような質感にする。
滑らかな感じで描ける

f:id:nonkapibara:20220131025539p:plain




・クレイストリップ(Clay Strips)-細かい粘土のような質感にする。
角ばったブラシ

f:id:nonkapibara:20220131025856p:plain

 

・クレイサム(Clay Thumb)-親指で押したように変形する。

f:id:nonkapibara:20220131030303p:plain


・レイヤー(Layer)-層を形成するように盛り上げる。

左マウスボタンDragで膨らませて描ける。
Ctrl+左マウスボタンDragでへこませて描ける。

f:id:nonkapibara:20220131030615p:plain

 

・インフレート(Inflate)-膨張させるように盛り上げる。

球状に盛り上げることができる

f:id:nonkapibara:20220131031104p:plain


ブロブ(Blob)-球状に盛り上げる。
インフレートより、強めに球状に盛り上げることができる。

f:id:nonkapibara:20220131031545p:plain

 

・クリース(Crease)-服のシワ、折り目、切り込みを入れる。
Ctrl+左マウスボタンDragで膨らんだ切り込みが描ける。

f:id:nonkapibara:20220131032118p:plain

 

・スムーズ(Smooth)-滑らかな形状に整える。

f:id:nonkapibara:20220131032420p:plain



・フラット化(Flatten)-平らにする。
オブジェクトの辺を平らにする

f:id:nonkapibara:20220131032636p:plain


・フィル(Fill)-へこんでいる部分を埋める。

クリース(Crease)の切り込み部分を平にする

f:id:nonkapibara:20220131033014p:plain


・削り取り(Scrape)-こする、ヤスリがけのようにする。
表面を削り取りながら平にする

f:id:nonkapibara:20220131033359p:plain



・削り取りマルチプレーン(Multi-Plane Scrape)-同時に2つの角度の付いた平面をメッシュで削り、その間に鋭い角を作成する。

f:id:nonkapibara:20220131033701p:plain

 

・ピンチ(Pinch)-摘まんだように変形させる。
クリース(Crease)の切り込み部分を、ぎゅっと両脇を締める

f:id:nonkapibara:20220131034118p:plain



・グラブ(Grab)-掴んで変形させる。

f:id:nonkapibara:20220131034258p:plain



・エラスティック変形(Elastic Deform)-ゴムのようにスカルプトする。

f:id:nonkapibara:20220131034439p:plain



・スネークフック(Snake Hook)-ブラシの動きで頂点を引っ張る。

f:id:nonkapibara:20220131034637p:plain



・サム(Thumb)-平らに頂点を引っ張る。

f:id:nonkapibara:20220131034822p:plain



・ポーズ(Pose)-ボーンを埋め込んだように変形する。

f:id:nonkapibara:20220131034947p:plain



・ナッジ(Nudge)-盛り上がっている箇所を動かす。
表面を押し出す感じ

f:id:nonkapibara:20220131035334p:plain

・回転(Rotate)-回転する。
表面を回転させる

f:id:nonkapibara:20220131035559p:plain

・クロス(Cloth)-布のようなシワを寄せるように変形する。

f:id:nonkapibara:20220131035702p:plain

 




 

 

 

 

 

 

 

 

 

 

 

 

【Blender】Blender3.0から使える無料マテリアルを試してみたよぉ

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0

f:id:nonkapibara:20220123031713g:plain

 

1.マテリアルをダウンロードする

Blender3.0から使える無料マテリアル(アセットブラウザー)を下記のサイトからダウンロードしてみました。

アセットブラウザーはBlender3.0バージョンから使える。
アセットブラウザーは作ったモデルやマテリアルを登録して再利用できる機能です。

https://adamantitemachine.com/b3dmatpack/

f:id:nonkapibara:20220123024836p:plain

f:id:nonkapibara:20220123024929p:plain

B3DMatPack1,2.zip
がダウンロードされるので、展開で開く

f:id:nonkapibara:20220123025032p:plain

2.参照パスを設定する


Blender3.0を開き、プリファレンスを開く

f:id:nonkapibara:20220123025118p:plain

f:id:nonkapibara:20220123025143p:plain

ユーザーライブラリの参照場所に、先ほど、ダウンロードしたB3DMatPack1,2.zipの展開したファイルを置く

3.アセットブラウザーを開く

f:id:nonkapibara:20220123025440p:plain

f:id:nonkapibara:20220123025454p:plain

f:id:nonkapibara:20220123025652p:plain

 

アセットブラウザーをカスタマイズしたい場合は、リンクを分離して、新しくマテリアルを作る事ができます。

以下のサイトを参照

nonkapibara.hatenablog.com


あと、氷飴さんが下記Twitterで、レンダーがEeveeだと透明が効かないので
Cyclesが良さそう♪って事なので
https://twitter.com/kooriame_/status/1485065886533038082?s=20
↓こんな感じで、レンダーエンジンを変えて、やってみると良いかもですぅ

f:id:nonkapibara:20220123110556p:plain

f:id:nonkapibara:20220123202326p:plain




4.マテリアルの一覧

どんな種類のマテリアルがあるのか?気になったので見てみた。

f:id:nonkapibara:20220123025811p:plain

f:id:nonkapibara:20220123025825p:plain

f:id:nonkapibara:20220123025921p:plain

f:id:nonkapibara:20220123025934p:plain

f:id:nonkapibara:20220123025947p:plain

f:id:nonkapibara:20220123030003p:plain

f:id:nonkapibara:20220123030014p:plain

f:id:nonkapibara:20220123030025p:plain

f:id:nonkapibara:20220123030034p:plain

f:id:nonkapibara:20220123030044p:plain

f:id:nonkapibara:20220123030054p:plain

f:id:nonkapibara:20220123030104p:plain

f:id:nonkapibara:20220123030114p:plain

f:id:nonkapibara:20220123030124p:plain

f:id:nonkapibara:20220123030134p:plain

f:id:nonkapibara:20220123030144p:plain

f:id:nonkapibara:20220123030154p:plain

f:id:nonkapibara:20220123030205p:plain

f:id:nonkapibara:20220123030215p:plain

f:id:nonkapibara:20220123030225p:plain

f:id:nonkapibara:20220123030234p:plain

f:id:nonkapibara:20220123030243p:plain

f:id:nonkapibara:20220123030253p:plain

f:id:nonkapibara:20220123030303p:plain

f:id:nonkapibara:20220123030313p:plain

f:id:nonkapibara:20220123030322p:plain

f:id:nonkapibara:20220123030330p:plain

f:id:nonkapibara:20220123030339p:plain

f:id:nonkapibara:20220123030349p:plain

f:id:nonkapibara:20220123030358p:plain

f:id:nonkapibara:20220123030407p:plain

f:id:nonkapibara:20220123030417p:plain

f:id:nonkapibara:20220123030427p:plain

f:id:nonkapibara:20220123030436p:plain

f:id:nonkapibara:20220123030445p:plain

f:id:nonkapibara:20220123030453p:plain

f:id:nonkapibara:20220123030503p:plain

f:id:nonkapibara:20220123030510p:plain

f:id:nonkapibara:20220123030518p:plain

f:id:nonkapibara:20220123030526p:plain

f:id:nonkapibara:20220123030535p:plain

f:id:nonkapibara:20220123030543p:plain

f:id:nonkapibara:20220123030553p:plain

f:id:nonkapibara:20220123030603p:plain

f:id:nonkapibara:20220123030613p:plain

f:id:nonkapibara:20220123030622p:plain

f:id:nonkapibara:20220123030633p:plain

f:id:nonkapibara:20220123030642p:plain

f:id:nonkapibara:20220123030651p:plain

f:id:nonkapibara:20220123030701p:plain

f:id:nonkapibara:20220123030709p:plain

f:id:nonkapibara:20220123030718p:plain

f:id:nonkapibara:20220123030728p:plain

f:id:nonkapibara:20220123030737p:plain

f:id:nonkapibara:20220123030746p:plain

f:id:nonkapibara:20220123030758p:plain

4.アセットブラウザーのデモファイル

Blender3.0のデモファイルを合わせて試してみたよ。

https://www.blender.org/download/demo-files/

f:id:nonkapibara:20220123031242p:plain

asset-demo-bundle-3.0-cube-diorama.zipをダウンロードする
上記と同じようにアセットブラウザーで見ると中身は、こんな感じ。

マテリアルだけではなく、モデルもアセットブラウザーに入っていました。

f:id:nonkapibara:20220123031336p:plain

 

【Blender】ビルの窓ガラスのマテリアルをナイフ投影で作る

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0

↓↓完成内容

f:id:nonkapibara:20220122124936p:plain

 

1.平面を作る

f:id:nonkapibara:20220122125023p:plain

f:id:nonkapibara:20220122125046p:plain

2.ナイフ投影する

f:id:nonkapibara:20220122125106p:plain

f:id:nonkapibara:20220122125158p:plain

f:id:nonkapibara:20220122125218p:plain

3.窓ガラスのテクスチャを設定する

f:id:nonkapibara:20220122125258p:plain

f:id:nonkapibara:20220122125319p:plain

f:id:nonkapibara:20220122125336p:plain

f:id:nonkapibara:20220122125354p:plain

4.レンダリングの設定

f:id:nonkapibara:20220122125444p:plain

f:id:nonkapibara:20220122125501p:plain

完成!!











 

 

 

 

 

 

【Blender】ビルのマテリアルをアセットブラウザーとして登録する方法

環境メモ
⭐️Mac OS Catalina
⭐️Blender3.0

アセットブラウザーはBlender3.0バージョンから使える。
アセットブラウザーは作ったモデルやマテリアルを登録して再利用できる機能です。

↓↓完成内容

f:id:nonkapibara:20220122121848p:plain

1.アセットブラウザーの登録方法

左上のエディター切り替えから、アセットブラウザーに切り替える

f:id:nonkapibara:20220122122020p:plain

f:id:nonkapibara:20220122122409p:plain

f:id:nonkapibara:20220122122507p:plain

f:id:nonkapibara:20220122122534p:plain

 

2.アセットを使う方法

f:id:nonkapibara:20220122122553p:plain

f:id:nonkapibara:20220122122612p:plain

3.アセットブラウザーのリンクを解除する方法

f:id:nonkapibara:20220122122648p:plain

f:id:nonkapibara:20220122122706p:plain