「3Dでキレイな部屋をつくってみたい」
「無料の3Dソフトで漫画用の背景をつくってみたい」
「3Dのモデリングがおもしろそう」
・・・でも
「ムズかしそう」
「何から始めればいいか、わからない」
と悩んでいませんか?
このページでは、だれでも、できる方法で、3Dの景観・建築のつくり方を紹介しています
今回は無料ソフト「Homestyler」と「Gimp」を使って、3D建物と漫画用背景のつくり方を紹介します
ぜひ、チャレンジしてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
つぎの目次の流れにそって進めます
Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています
>> イラスト55 @ クリエイティブ情報を紹介
・「Homestyler」で何ができるの?
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Homestylerは3Dソフト大手のAutoDesk社が初めは開発していたソフトです
このため、とてもキレイな絵が無料でつくれます
Homestylerはオンラインで3Dの部屋のインテリアデザインや建築がつくれるソフトです
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
無料で下のようなキレイな画像をブラウザソフトで作ることができます
このため、インターネットを見れるPCであれば、キレイな3Dを作ることができます
![Neutro 3d design renderings](https://ezhome-prod-render-assets.oss-accelerate.aliyuncs.com/floorplan/render/images/2020-12-29/408f25af-9455-1a85-05b0-57dc5a8e5b6c/8a8EydNT4BgzZoQegS59wF.jpg?x-oss-process=image/resize,m_fill,w_850,h_440)
・「Homestyler」の始め方 & 3Dインテリアの作り方
・今回紹介する絵の作り方
![](https://illust55.com/wp-content/uploads/2022/05/image-41.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
今回紹介する絵のつくり方です
3Dのキレイな絵から漫画用の背景をつくります
・Homestylerをはじめよう
![](https://illust55.com/wp-content/uploads/2022/05/image-7.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
英語を日本語に変えることができます
1.「Homestyler」の公式サイトにアクセスしてください
< Homestyler公式サイト >
https://www.homestyler.com/?lang=ja_JP
1.画面右上の「ボール」アイコンをクリックしてください
2.日本語をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-8.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アカウントをつくります
・「今すぐ参加」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-9.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
SNSのアカウントでもつくれます
・メールアドレス、パスワードを入れてください
※SNSのアカウントでもアカウントをつくれます
![](https://illust55.com/wp-content/uploads/2022/05/image-10.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
「デザインを開始」ボタンをクリックして始めることができます
・「デザインを開始」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-11.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
初心者ガイドがあらわれます
1.初心者ガイドのボタンをクリック
2.「発売」のボタンをクリックしてください
※「発売」は誤訳です
![](https://illust55.com/wp-content/uploads/2022/05/image-12.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
元になる3Dモデルをクリックします
・元になる3Dモデルをクリックします
![](https://illust55.com/wp-content/uploads/2022/05/image-13.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
部屋を3Dで表示することができます
・「Roam」ボタンをクリックして、部屋を3Dで表示します
![](https://illust55.com/wp-content/uploads/2022/05/image-14.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
マウスで画面を動かすことができます
・マウスのボタンをドラッグして画面を動かせることを確認してください
![](https://illust55.com/wp-content/uploads/2022/05/image-15.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
マウスホイールで画面の大きさを変えることができます
・マウスのホイールをスクロールして、画面の大きさを変えられることを確認してください
![](https://illust55.com/wp-content/uploads/2022/05/image-16.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キーボードで画面を動かすことができます
・キーボード「A・W・S・D」で画面を動かせることを確認してください
![](https://illust55.com/wp-content/uploads/2022/05/image-17.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
「Q・E」で画面の高さを変えられます
・キーボード「Q」、「E」で画面の高さを変えられることを確認してください
![](https://illust55.com/wp-content/uploads/2022/05/image-19.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dボタンをクリックすると見おろし視点になります
1.「3D」ボタンをクリックしてください
2.見下ろし画面に変わります
![](https://illust55.com/wp-content/uploads/2022/05/image-18.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
見下ろし画面でも向きや大きさを変えられれます
・見下ろし画面を確認した後、「Continue」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-20.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カベの模様を変えることができます
・模様を変えたいカベをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-21.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
右のアイコンをクリックしてカベの模様を変えることができます
・カベの模様を変えるボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-22.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カベの模様をクリックしてください
・新しいカベの模様をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-23.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
部屋に家具をくわえることができます
・部屋に置きたい家具をドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-24.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dモデルを向きを変えることができます
・あらわれた「矢印」、「青いライン」をドラッグして位置を変えてください
![](https://illust55.com/wp-content/uploads/2022/05/image-25.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
これでインテリア作りは終わりです
・「Continue」ボタンをクリックしてください
・キレイな3D絵を「レンダリング」で作る方法
![](https://illust55.com/wp-content/uploads/2022/05/image-26.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダーボタンをクリックしてください
・「Render」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-27.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カメラを動かして、絵をつくる画面を決めます
1.マウスをドラッグしてカメラの位置を決めます
2.「Continue」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-28.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
背景になる風景を決めます
1.窓の外になる風景をクリックしてください
2.「Continue」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-29.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
光の種類を決めます
1.光の「Daylight」ボタンをクリックしてください
2.「Continue」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-30.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダーボタンをクリックすると、レンダリングが始まります
・「レンダー」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-31.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
イメージをクリックすると、レンダリングの絵が見れます
・「イメージ」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-32.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダリング中の絵が現れます
・レンダリング中の表示があらわれます
![](https://illust55.com/wp-content/uploads/2022/05/image-33.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダリングが終わると、Viewボタンをクリックできるようになります
・「View」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-34.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キレイな絵が現れました
・レンダリング(きれいな3Dの絵)があらわれます
・つくった3Dの部屋から漫画用の背景をつくろう
![](https://illust55.com/wp-content/uploads/2022/05/image-35.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
今回はフリーのお絵描きソフトGimpで漫画用の背景をつくります
※Gimpは公式サイトからダウンロードできます
<Gimp公式サイト>
https://www.gimp.org/
・Gimpでつくった画像を開きます
![](https://illust55.com/wp-content/uploads/2022/05/image-37.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アウトラインがクッキリ出るように変えます
・「フィルター」 → 「芸術的効果」 → 「漫画」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-39.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アウトラインが変わり、黒色が強くなりました
・「OK」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-38.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
モノクロの絵に変えます
・「色」 → 「しきい値」 をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-36.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
モノクロの絵に変わりました
1.スライダーをドラッグしてください
2.現れる線画が変わります
3.「OK」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/05/image-40.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dモデルから漫画用の背景つくりが完成しました
・こんなこともできる
・ナナメの天井をつくってみよう
![](https://illust55.com/wp-content/uploads/2022/11/image-2.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ナナメに天井を作る方法です
はじめにフロアーをつくります
1.「Draw Rooms」をクリックします
2.左上をクリック → 右下をクリックします
![](https://illust55.com/wp-content/uploads/2022/11/image-3.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
フロアーがあらわれました
・フロアーをつくることができました
![](https://illust55.com/wp-content/uploads/2022/11/image-4.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
メニューの「カスタマイズ」をクリックします
・「Customize」 → 「Cutomize Celling」をクリックします
![](https://illust55.com/wp-content/uploads/2022/11/image-5.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ナナメの天井のメニューがあらわれます
・ナナメの天井をドラッグ&ドロップします
![](https://illust55.com/wp-content/uploads/2022/11/image-6.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ドラッグ&ドロップすると大きさが自動で変わります
1.自動で大きさが変わります
2.「Complete Celling」をクリックします
![](https://illust55.com/wp-content/uploads/2022/11/image-7.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キレイな絵をつくり確認してください
・レンダリングをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/11/image-8.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダリングの調整の画面があらわれます
1.カメラの位置を調整してください
2.「Render」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/11/image-9.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
レンダリングの絵です
ナナメの天井をつくることができました
・ナナメの天井をつくることができました
・まとめ
今回は無料ソフト「Homestyler」と「Gimp」で、3D建物と漫画用背景のつくり方を紹介しました
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Youtubeでは、さらにおもしろく絵のつくり方を紹介しています
また、他のページでもCG・映像のつくり方について紹介しています
コメント