3Dモデリング | 「Free! Illustlation &くりえいてぃぶ」 https://illust55.com 絵と動画とゲームの作り方をもっと簡単にする方法を紹介します Sun, 06 Nov 2022 02:31:51 +0000 ja hourly 1 https://illust55.com/storage/2021/09/cropped-ファビコン2-32x32.png 3Dモデリング | 「Free! Illustlation &くりえいてぃぶ」 https://illust55.com 32 32 無料住宅＆建築3DソフトHomestylerの使い方と漫画用背景の作り方！インテリアデザインと間取りレイアウト初心者向け https://illust55.com/7819/ https://illust55.com/7819/#respond Sun, 15 May 2022 03:14:13 +0000 https://illust55.com/?p=7819 無料住宅＆建築3DソフトHomestylerの使い方と漫画用背景の作り方！インテリアデザインと間取りレイアウト初心者向け
無料住宅＆建築3DソフトHomestylerの使い方と漫画用背景の作り方！インテリアデザインと間取りレイアウト初心者向け

「3Dでキレイな部屋をつくってみたい」
「無料の3Dソフトで漫画用の背景をつくってみたい」
「3Dのモデリングがおもしろそう」

・・・でも
「ムズかしそう」
「何から始めればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法で、3Dの景観・建築のつくり方を紹介しています

今回は無料ソフト「Homestyler」と「Gimp」を使って、3D建物と漫画用背景のつくり方を紹介します

ぜひ、チャレンジしてください

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています
>> イラスト55 @ クリエイティブ情報を紹介

・「Homestyler」で何ができるの？

Homestylerは3Dソフト大手のAutoDesk社が初めは開発していたソフトです

このため、とてもキレイな絵が無料でつくれます

Homestylerはオンラインで3Dの部屋のインテリアデザインや建築がつくれるソフトです

無料で下のようなキレイな画像をブラウザソフトで作ることができます

このため、インターネットを見れるPCであれば、キレイな3Dを作ることができます

Neutro 3d design renderings

・「Homestyler」の始め方 ＆ 3Dインテリアの作り方

・今回紹介する絵の作り方

今回紹介する絵のつくり方です

3Dのキレイな絵から漫画用の背景をつくります

・Homestylerをはじめよう

英語を日本語に変えることができます

１．「Homestyler」の公式サイトにアクセスしてください
< Homestyler公式サイト >
https://www.homestyler.com/?lang=ja_JP

１．画面右上の「ボール」アイコンをクリックしてください

２．日本語をクリックしてください

アカウントをつくります

・「今すぐ参加」をクリックしてください

SNSのアカウントでもつくれます

・メールアドレス、パスワードを入れてください

※SNSのアカウントでもアカウントをつくれます

「デザインを開始」ボタンをクリックして始めることができます

・「デザインを開始」ボタンをクリックしてください

初心者ガイドがあらわれます

１．初心者ガイドのボタンをクリック

２．「発売」のボタンをクリックしてください
※「発売」は誤訳です

元になる3Dモデルをクリックします

・元になる3Dモデルをクリックします

部屋を3Dで表示することができます

・「Roam」ボタンをクリックして、部屋を3Dで表示します

マウスで画面を動かすことができます

・マウスのボタンをドラッグして画面を動かせることを確認してください

マウスホイールで画面の大きさを変えることができます

・マウスのホイールをスクロールして、画面の大きさを変えられることを確認してください

キーボードで画面を動かすことができます

・キーボード「A・W・S・D」で画面を動かせることを確認してください

「Q・E」で画面の高さを変えられます

・キーボード「Q」、「E」で画面の高さを変えられることを確認してください

3Dボタンをクリックすると見おろし視点になります

１．「3D」ボタンをクリックしてください

２．見下ろし画面に変わります

見下ろし画面でも向きや大きさを変えられれます

・見下ろし画面を確認した後、「Continue」ボタンをクリックしてください

カベの模様を変えることができます

・模様を変えたいカベをクリックしてください

右のアイコンをクリックしてカベの模様を変えることができます

・カベの模様を変えるボタンをクリックしてください

カベの模様をクリックしてください

・新しいカベの模様をクリックしてください

部屋に家具をくわえることができます

・部屋に置きたい家具をドラッグ＆ドロップしてください

3Dモデルを向きを変えることができます

・あらわれた「矢印」、「青いライン」をドラッグして位置を変えてください

これでインテリア作りは終わりです

・「Continue」ボタンをクリックしてください

・キレイな3D絵を「レンダリング」で作る方法

レンダーボタンをクリックしてください

・「Render」ボタンをクリックしてください

カメラを動かして、絵をつくる画面を決めます

１．マウスをドラッグしてカメラの位置を決めます

２．「Continue」ボタンをクリックしてください

背景になる風景を決めます

１．窓の外になる風景をクリックしてください

２．「Continue」ボタンをクリックしてください

光の種類を決めます

１．光の「Daylight」ボタンをクリックしてください

２．「Continue」ボタンをクリックしてください

レンダーボタンをクリックすると、レンダリングが始まります

・「レンダー」ボタンをクリックしてください

イメージをクリックすると、レンダリングの絵が見れます

・「イメージ」ボタンをクリックしてください

レンダリング中の絵が現れます

・レンダリング中の表示があらわれます

レンダリングが終わると、Viewボタンをクリックできるようになります

・「View」ボタンをクリックしてください

キレイな絵が現れました

・レンダリング（きれいな3Dの絵）があらわれます

・つくった3Dの部屋から漫画用の背景をつくろう

今回はフリーのお絵描きソフトGimpで漫画用の背景をつくります

※Gimpは公式サイトからダウンロードできます
<Gimp公式サイト>
https://www.gimp.org/

・Gimpでつくった画像を開きます

アウトラインがクッキリ出るように変えます

・「フィルター」 → 「芸術的効果」 → 「漫画」をクリックしてください

アウトラインが変わり、黒色が強くなりました

・「OK」をクリックしてください

モノクロの絵に変えます

・「色」 → 「しきい値」 をクリックしてください

モノクロの絵に変わりました

１．スライダーをドラッグしてください

２．現れる線画が変わります

３．「OK」をクリックしてください

3Dモデルから漫画用の背景つくりが完成しました

・こんなこともできる

・ナナメの天井をつくってみよう

ナナメに天井を作る方法です

はじめにフロアーをつくります

1.「Draw Rooms」をクリックします

２．左上をクリック → 右下をクリックします

フロアーがあらわれました

・フロアーをつくることができました

メニューの「カスタマイズ」をクリックします

・「Customize」 → 「Cutomize Celling」をクリックします

ナナメの天井のメニューがあらわれます

・ナナメの天井をドラッグ＆ドロップします

ドラッグ＆ドロップすると大きさが自動で変わります

１．自動で大きさが変わります

２．「Complete Celling」をクリックします

キレイな絵をつくり確認してください

・レンダリングをクリックしてください

レンダリングの調整の画面があらわれます

１．カメラの位置を調整してください

２．「Render」をクリックしてください

レンダリングの絵です

ナナメの天井をつくることができました

・ナナメの天井をつくることができました

・まとめ

今回は無料ソフト「Homestyler」と「Gimp」で、3D建物と漫画用背景のつくり方を紹介しました

Youtubeでは、さらにおもしろく絵のつくり方を紹介しています

また、他のページでもCG・映像のつくり方について紹介しています

>> 動画で紹介！絵と映像のつくり方

>> 絵と映像のつくり方のカテゴリーページ

]]> https://illust55.com/7819/feed/ 0 Unity超入門講座！かっこいいエフェクトのアセットの使い方＆ボタンクリックで爆発する３Dオブジェクトの作り方【初心者向け】 https://illust55.com/7623/ https://illust55.com/7623/#respond Sat, 16 Apr 2022 01:58:31 +0000 https://illust55.com/?p=7623

「3Dのムービーについて興味がある」
「3Dをつくってみたい」
「かっこいい3Dのエフェクトをつくってみたい」

・・・でも
「どうやって始めればいいか、わからない」

と悩んでいませんか？

このページでは、だれでも、できる方法で、3Dエフェクトのつくり方を紹介しています

今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介します

ぜひ、チャレンジしてください

つぎの目次の流れにそって進めます

Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています

>> イラスト55 @ クリエイティブ情報を紹介

・Unityをはじめて聞いた方

Unityとはゲームをつくためのソフトです

Unityは世界でもっとも使われているゲームをつくるためのソフトです

公式サイトからインストールプログラムをダウンロードすることができます

＜Unity公式サイト＞
https://unity.com/ja

Unityのインストールの方法を次のページで紹介しています

ぜひ、合わせてご覧ください

＜UNITYのインストール方法と 初めての使い方を 紹介しているページ＞
https://illust55.com/2018/

・かっこいいエフェクトアセットを使って爆発する３Dオブジェクトをつくろう

・このページで紹介すること

このページで紹介することです

3Dをつくり、マウスクリックで爆発するアニメーションをつくります

・3Dソフト「MagicaVoxel」をはじめよう

3Dソフトの「MagicaVoxel」をダウンロードします

１．「MagicaVoxel」の公式サイトにアクセスしてください
＜MagicaVoxel公式サイト＞
https://ephtracy.github.io/

２．「Download」をクリックしてください

ダウンロードできるファイルが見つかります

・使うPCに合わせてファイルをクリックしてください

ダウンロードしたファイルを解凍するとアイコンがあらわれます

・アイコンをクリックすると起動します

・「MagicaVoxel」で3Dキャラクターをつくろう

3Dキャラクターをつくる用意をします

１．「Clear」をクリックしてください

２．「グリッド」のアイコンをクリックしてください

キャラクターの中心をはじめにつくります

１．ボックスのアイコンをクリックしてください

２．「アタッチ」をクリックしてください

３．画面の真ん中でクリックしてください

４．作られたボックスの上にカーソルを合わせて、さらにクリックしてタテにボックスをつなげます

高さが「23」になるようにつくります

１．23回クリックしてタテに23段になるようにつくります

２．下の「Z」が「２３」になるようにつくります

キャラクターの足をつくります

１．カラーパレットからイエローをクリックしてください

２．タテのブロックのまわりをクリックしてください

３．「高さ２」「ヨコ２」「長さ６」のイエローのブロックをつくります

大きさが「20」の球をつくります

１．小さいボックスのアイコンをクリックしてください

２．「アタッチ」をクリックしてください

３．「VOXEL 20」にして、「3D」をクリックしてください

４．カラーパレットのブルーをクリックしてください

５．タテに長い薄青ブロックにマウスを合わせてください

６．下の「Z」が「11」になるようにしてください

球の回りをけずります

１．上矢印のアイコンをクリックしてください

２．「Erase」のボタンをクリックしてください

３．飛び出ている面に合わせてクリックしてください

１つけずりました

・一段無くなりました

目の色をぬります

１．ボックスのアイコンをクリックしてください

２．「Paint」をクリックしてください

３．平らな面でクリックして目をつくります

・完成した3Dオブジェクトを保存しよう

他のソフトにはこぶ用意をします

・右下の「obj」をクリックして3Dを保存します

保存すると3つのファイルができあがります

・保存すると３つのファイルがあらわれます

・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう

Unityをインストールしていない方は、

公式サイトからダウンロードしてください

＜Unity公式サイト＞
https://unity.com/ja

Unityで使う、エフェクトのパーツをダウンロードする用意をします

公式サイトにアクセスしてください

１．公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325

２．画面の上の「ID」アイコンをクリックしてください

３．画面の上の「ログイン」ボタンをクリックしてください

アカウントにゲーム部品を追加します

・「マイアセットに追加する」をクリックしてください

・Unityでつくった3Dに爆発するアニメーションをつくろう

Unityを起動してください

１．「プロジェクト」のボタンをクリックしてください

２．「新しいプロジェクト」ボタンをクリックしてください

今回は、3Dのプロジェクトをつくります

１．「すべてのテンプレート」ボタンをクリックしてください

２．「3D」ボタンをクリックしてください

３．「プロジェクトを作成」をクリックします

Unityの操作ができる画面があらわれました

・「Window」 → 「Package Manager」をクリックしてください

自分のアセットパーツにアクセスします

１．「Packages」をクリックします

２．「My Assets」をクリックしてください

公式サイトで追加したパーツをクリックしてください

１．あらわれたボタンから「Unity Particle Pack」をクリックしてください

２．「Download」ボタンをクリックしてください

３．あらわれた「Import」ボタンをクリックしてください

ダウンロードしたパーツをとりこみます

・「Import」をクリックしてください

つくった3DをUnityにとりこみます

１．「obj」、「png」ファイルをドラッグ＆ドロップしてください

２．3Dオブジェクトがあらわれます

3DをUnityでコントロールする用意をします

１．3Dの「▶」をクリックしてください

２．あらわれた3Dを画面にドラッグ＆ドロップしてください

画像ファイルを3Dキャラクターにドラッグ＆ドロップしてください

3Dキャラクターの色があらわれます

１．取り込んだ画像ファイルをドラッグ＆ドロップします

２．3Dキャラクターの色があらわれました

マウスのクリックで動くためのプログラムをつくります

１．空いている部分で右クリックをしてください

２．「Create」 → 「C# Script」をクリックしてください

メモ帳でプログラムを書きくわえます

・あらわれた「C#ファイル」をメモ帳にドラッグ＆ドロップしてください

次のプログラムをコピー＆ペーストしてください

・次のプログラムをコピー＆ペーストしてください

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        
    }

    [SerializeField] GameObject explosionPrefab;
 
    void OnMouseDown()
    {
        Instantiate (explosionPrefab, transform.position, Quaternion.identity);
        Destroy(this.gameObject);
    }
}

クリックに反応する部分をつくります

１．3Dをクリックしてください

２．「Add Component」をクリックしてください

３．検索ボックスに「col」といれてください

４．「Box Cllider」をクリックしてください

クリックで動くためのプログラムを3Dオブジェクトにくわえます

・C#ファイルを「Add Componet」にドラッグ＆ドロップしてください

爆発するエフェクトをえらびます

１．「EffectsExamples」 → 「FireExplosion」 → 「Prefabs」をクリックしてください

２．「Big Explosion」を「Explosion Prefab」にドラッグ＆ドロップしてください

カメラの位置を画面で見えている位置にします

・「Main Camera」をクリックしてください

カメラの位置がうごきます

・「GameObject」 → 「Align With View」をクリックしてください

・つくった動きをテストプレイしよう

プレイで動きを確認してください

１．「Game」タブをクリックしてください

２．「▶」ボタンをクリックしてください

3Dが爆発するアニメーションになりました

・「3D」をクリックすると爆発するエフェクトをつくることができました

・まとめ

今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介しました

Youtubeでは、さらにおもしろく絵のつくり方を紹介しています

また、他のページでもゲーム・CG・映像のつくり方について紹介しています

>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介

>> Unityのカテゴリーページ

]]> https://illust55.com/7623/feed/ 0