「3Dのムービーについて興味がある」
「3Dをつくってみたい」
「かっこいい3Dのエフェクトをつくってみたい」
・・・でも
「どうやって始めればいいか、わからない」
と悩んでいませんか?
このページでは、だれでも、できる方法で、3Dエフェクトのつくり方を紹介しています
今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介します
ぜひ、チャレンジしてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
つぎの目次の流れにそって進めます
Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています
・Unityをはじめて聞いた方
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityとはゲームをつくためのソフトです
Unityは世界でもっとも使われているゲームをつくるためのソフトです
公式サイトからインストールプログラムをダウンロードすることができます
<Unity公式サイト>
https://unity.com/ja
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityのインストールの方法を次のページで紹介しています
ぜひ、合わせてご覧ください
<UNITYのインストール方法と 初めての使い方を 紹介しているページ>
https://illust55.com/2018/
・かっこいいエフェクトアセットを使って爆発する3Dオブジェクトをつくろう
・このページで紹介すること
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
このページで紹介することです
3Dをつくり、マウスクリックで爆発するアニメーションをつくります
・3Dソフト「MagicaVoxel」をはじめよう
![](https://illust55.com/wp-content/uploads/2022/04/image.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dソフトの「MagicaVoxel」をダウンロードします
1.「MagicaVoxel」の公式サイトにアクセスしてください
<MagicaVoxel公式サイト>
https://ephtracy.github.io/
2.「Download」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-1.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードできるファイルが見つかります
・使うPCに合わせてファイルをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-2.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードしたファイルを解凍するとアイコンがあらわれます
・アイコンをクリックすると起動します
・「MagicaVoxel」で3Dキャラクターをつくろう
![](https://illust55.com/wp-content/uploads/2022/04/image-3.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dキャラクターをつくる用意をします
1.「Clear」をクリックしてください
2.「グリッド」のアイコンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-4.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キャラクターの中心をはじめにつくります
1.ボックスのアイコンをクリックしてください
2.「アタッチ」をクリックしてください
3.画面の真ん中でクリックしてください
4.作られたボックスの上にカーソルを合わせて、さらにクリックしてタテにボックスをつなげます
![](https://illust55.com/wp-content/uploads/2022/04/image-5.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
高さが「23」になるようにつくります
1.23回クリックしてタテに23段になるようにつくります
2.下の「Z」が「23」になるようにつくります
![](https://illust55.com/wp-content/uploads/2022/04/image-6.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
キャラクターの足をつくります
1.カラーパレットからイエローをクリックしてください
2.タテのブロックのまわりをクリックしてください
3.「高さ2」「ヨコ2」「長さ6」のイエローのブロックをつくります
![](https://illust55.com/wp-content/uploads/2022/04/image-7.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
大きさが「20」の球をつくります
1.小さいボックスのアイコンをクリックしてください
2.「アタッチ」をクリックしてください
3.「VOXEL 20」にして、「3D」をクリックしてください
4.カラーパレットのブルーをクリックしてください
5.タテに長い薄青ブロックにマウスを合わせてください
6.下の「Z」が「11」になるようにしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-8.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
球の回りをけずります
1.上矢印のアイコンをクリックしてください
2.「Erase」のボタンをクリックしてください
3.飛び出ている面に合わせてクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-9.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
1つけずりました
・一段無くなりました
![](https://illust55.com/wp-content/uploads/2022/04/image-10.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
目の色をぬります
1.ボックスのアイコンをクリックしてください
2.「Paint」をクリックしてください
3.平らな面でクリックして目をつくります
・完成した3Dオブジェクトを保存しよう
![](https://illust55.com/wp-content/uploads/2022/04/image-11.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
他のソフトにはこぶ用意をします
・右下の「obj」をクリックして3Dを保存します
![](https://illust55.com/wp-content/uploads/2022/04/image-12.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
保存すると3つのファイルができあがります
・保存すると3つのファイルがあらわれます
・3Dオブジェクトにエフェクトをくわえるためのパーツをダウンロードしよう
![](https://illust55.com/wp-content/uploads/2022/04/image-13.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityをインストールしていない方は、
公式サイトからダウンロードしてください
<Unity公式サイト>
https://unity.com/ja
![](https://illust55.com/wp-content/uploads/2022/04/image-14.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityで使う、エフェクトのパーツをダウンロードする用意をします
公式サイトにアクセスしてください
1.公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/packages/essentials/tutorial-projects/unity-particle-pack-127325
2.画面の上の「ID」アイコンをクリックしてください
3.画面の上の「ログイン」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-15.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アカウントにゲーム部品を追加します
・「マイアセットに追加する」をクリックしてください
・Unityでつくった3Dに爆発するアニメーションをつくろう
![](https://illust55.com/wp-content/uploads/2022/04/image-16.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityを起動してください
1.「プロジェクト」のボタンをクリックしてください
2.「新しいプロジェクト」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-17.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
今回は、3Dのプロジェクトをつくります
1.「すべてのテンプレート」ボタンをクリックしてください
2.「3D」ボタンをクリックしてください
3.「プロジェクトを作成」をクリックします
![](https://illust55.com/wp-content/uploads/2022/04/image-18.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityの操作ができる画面があらわれました
・「Window」 → 「Package Manager」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-19.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のアセットパーツにアクセスします
1.「Packages」をクリックします
2.「My Assets」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-20.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
公式サイトで追加したパーツをクリックしてください
1.あらわれたボタンから「Unity Particle Pack」をクリックしてください
2.「Download」ボタンをクリックしてください
3.あらわれた「Import」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-21.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードしたパーツをとりこみます
・「Import」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-35.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
つくった3DをUnityにとりこみます
1.「obj」、「png」ファイルをドラッグ&ドロップしてください
2.3Dオブジェクトがあらわれます
![](https://illust55.com/wp-content/uploads/2022/04/image-23.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3DをUnityでコントロールする用意をします
1.3Dの「▶」をクリックしてください
2.あらわれた3Dを画面にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-24.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
画像ファイルを3Dキャラクターにドラッグ&ドロップしてください
3Dキャラクターの色があらわれます
1.取り込んだ画像ファイルをドラッグ&ドロップします
2.3Dキャラクターの色があらわれました
![](https://illust55.com/wp-content/uploads/2022/04/image-25.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
マウスのクリックで動くためのプログラムをつくります
1.空いている部分で右クリックをしてください
2.「Create」 → 「C# Script」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-26.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
メモ帳でプログラムを書きくわえます
・あらわれた「C#ファイル」をメモ帳にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-27.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次のプログラムをコピー&ペーストしてください
・次のプログラムをコピー&ペーストしてください
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);
}
}
![](https://illust55.com/wp-content/uploads/2022/04/image-28.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
クリックに反応する部分をつくります
1.3Dをクリックしてください
2.「Add Component」をクリックしてください
3.検索ボックスに「col」といれてください
4.「Box Cllider」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-29.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
クリックで動くためのプログラムを3Dオブジェクトにくわえます
・C#ファイルを「Add Componet」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-30.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
爆発するエフェクトをえらびます
1.「EffectsExamples」 → 「FireExplosion」 → 「Prefabs」をクリックしてください
2.「Big Explosion」を「Explosion Prefab」にドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-31.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カメラの位置を画面で見えている位置にします
・「Main Camera」をクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-36.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
カメラの位置がうごきます
・「GameObject」 → 「Align With View」をクリックしてください
・つくった動きをテストプレイしよう
![](https://illust55.com/wp-content/uploads/2022/04/image-33.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
プレイで動きを確認してください
1.「Game」タブをクリックしてください
2.「▶」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2022/04/image-34.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dが爆発するアニメーションになりました
・「3D」をクリックすると爆発するエフェクトをつくることができました
・まとめ
今回は無料ソフト「Unity」と「MagicaVoxel」をつかって、3Dエフェクトをつくる方法を紹介しました
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Youtubeでは、さらにおもしろく絵のつくり方を紹介しています
また、他のページでもゲーム・CG・映像のつくり方について紹介しています
コメント