<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>3D | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/3d/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Wed, 06 May 2026 04:38:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://illust55.com/storage/2021/09/cropped-ファビコン2-32x32.png</url>
	<title>3D | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>無料イラスト＆背景画像素材！かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像</title>
		<link>https://illust55.com/10516/</link>
					<comments>https://illust55.com/10516/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 17 Feb 2024 12:25:25 +0000</pubDate>
				<category><![CDATA[フリー背景画像]]></category>
		<category><![CDATA[自然と風景のフリーイラスト]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[ローポリゴン]]></category>
		<category><![CDATA[無料背景画像]]></category>
		<category><![CDATA[綺麗]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=10516</guid>

					<description><![CDATA[かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3D かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色 マインクラフト風のボクセル3Dの山小屋 ボクセル3Dのマインクラフトの日本のペンション風画像 3 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<h2 class="wp-block-heading">かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3D</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像.png" data-wpel-link="internal"><img fetchpriority="high" decoding="async" width="1024" height="1024" src="https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像.png" alt="かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像" class="wp-image-10521" srcset="https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像.png 1024w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-300x300.png 300w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-768x768.png 768w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-100x100.png 100w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-150x150.png 150w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-120x120.png 120w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-160x160.png 160w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-320x320.png 320w, https://illust55.com/storage/2024/02/かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像-250x250.png 250w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>かっこいいマインクラフト風の山と小屋の美しい景色のボクセル3Dのローポリゴンの無料背景素材画像</figcaption></figure>



<h2 class="wp-block-heading">かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像.png" data-wpel-link="internal"><img decoding="async" width="1024" height="1024" src="https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像.png" alt="かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像" class="wp-image-10522" srcset="https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像.png 1024w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-300x300.png 300w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-768x768.png 768w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-100x100.png 100w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-150x150.png 150w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-120x120.png 120w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-160x160.png 160w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-320x320.png 320w, https://illust55.com/storage/2024/02/かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像-250x250.png 250w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>かっこいい＆美しいマインクラフト風の山と小屋と夕焼けの景色のボクセル3Dのローポリゴンの無料背景素材画像</figcaption></figure>



<h2 class="wp-block-heading">マインクラフト風のボクセル3Dの山小屋</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋.png" data-wpel-link="internal"><img decoding="async" width="1024" height="1024" src="https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋.png" alt="マインクラフト風のボクセル3Dの山小屋" class="wp-image-10523" srcset="https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋.png 1024w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-300x300.png 300w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-768x768.png 768w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-100x100.png 100w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-150x150.png 150w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-120x120.png 120w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-160x160.png 160w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-320x320.png 320w, https://illust55.com/storage/2024/02/マインクラフト風のボクセル3Dの山小屋-250x250.png 250w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>マインクラフト風のボクセル3Dの山小屋</figcaption></figure>



<h2 class="wp-block-heading">ボクセル3Dのマインクラフトの日本のペンション風画像</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像.png" alt="ボクセル3Dのマインクラフトの日本のペンション風画像" class="wp-image-10524" srcset="https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像.png 1024w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-300x300.png 300w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-768x768.png 768w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-100x100.png 100w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-150x150.png 150w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-120x120.png 120w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-160x160.png 160w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-320x320.png 320w, https://illust55.com/storage/2024/02/ボクセル3Dのマインクラフトの日本のペンション風画像-250x250.png 250w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>ボクセル3Dのマインクラフトの日本のペンション風画像</figcaption></figure>



<h2 class="wp-block-heading">3Dローポリゴンの美しい風景と家と道路</h2>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1024" height="1024" src="https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路.png" alt="3Dローポリゴンの美しい風景と家と道路" class="wp-image-10525" srcset="https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路.png 1024w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-300x300.png 300w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-768x768.png 768w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-100x100.png 100w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-150x150.png 150w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-120x120.png 120w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-160x160.png 160w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-320x320.png 320w, https://illust55.com/storage/2024/02/3Dローポリゴンの美しい風景と家と道路-250x250.png 250w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption>3Dローポリゴンの美しい風景と家と道路</figcaption></figure>



<h2 class="wp-block-heading">3Dローポリゴンのオシャレな山奥の一軒家と美しい自然の山々の景色</h2>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2024/02/3Dローポリゴンのオシャレな山奥の一軒家と美しい自然の山々の景色と綺麗な夕日の無料背景画像素材.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="512" height="768" src="https://illust55.com/storage/2024/02/3Dローポリゴンのオシャレな山奥の一軒家と美しい自然の山々の景色と綺麗な夕日の無料背景画像素材.png" alt="3Dローポリゴンのオシャレな山奥の一軒家と美しい自然の山々の景色と綺麗な夕日の無料背景画像素材" class="wp-image-10535"/></a><figcaption>3Dローポリゴンのオシャレな山奥の一軒家と美しい自然の山々の景色と綺麗な夕日の無料背景画像素材</figcaption></figure>



<h2 class="wp-block-heading">美しい夕暮れと家の光と山奥の幻想的な景色</h2>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2024/02/美しい夕暮れと家の光と山奥の幻想的な景色.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="512" height="768" src="https://illust55.com/storage/2024/02/美しい夕暮れと家の光と山奥の幻想的な景色.png" alt="美しい夕暮れと家の光と山奥の幻想的な景色" class="wp-image-10536"/></a><figcaption>美しい夕暮れと家の光と山奥の幻想的な景色</figcaption></figure>



<h2 class="wp-block-heading">ミニチュア風のローポリゴン3Dの山小屋</h2>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2024/02/ミニチュア風のローポリゴン3Dの山小屋.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="512" height="768" src="https://illust55.com/storage/2024/02/ミニチュア風のローポリゴン3Dの山小屋.png" alt="ミニチュア風のローポリゴン3Dの山小屋" class="wp-image-10537"/></a></figure>



<h2 class="wp-block-heading">ミニチュア風のオシャレな山小屋の夜の風景</h2>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2024/02/3Dローポリンゴンのミニチュア風のオシャレな山小屋の夜の風景.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="512" height="768" src="https://illust55.com/storage/2024/02/3Dローポリンゴンのミニチュア風のオシャレな山小屋の夜の風景.png" alt="3Dローポリンゴンのミニチュア風のオシャレな山小屋の夜の風景" class="wp-image-10538"/></a><figcaption>3Dローポリンゴンのミニチュア風のオシャレな山小屋の夜の風景</figcaption></figure>



<h2 class="wp-block-heading">かわいい山小屋の3Dポリゴン風のリアル背景画像素材</h2>



<figure class="wp-block-image aligncenter size-full"><a href="https://illust55.com/storage/2024/02/かわいい山小屋の3Dポリゴン風のリアルなスマホ壁紙素材.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="512" height="768" src="https://illust55.com/storage/2024/02/かわいい山小屋の3Dポリゴン風のリアルなスマホ壁紙素材.png" alt="かわいい山小屋の3Dポリゴン風のリアルなスマホ壁紙素材" class="wp-image-10539"/></a><figcaption>かわいい山小屋の3Dポリゴン風のリアルなスマホ壁紙素材</figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/10516/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者＆入門】 無料でオススメな20選の3DモデリングとアニメーションとCADソフトのまとめ</title>
		<link>https://illust55.com/338/</link>
					<comments>https://illust55.com/338/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 05 Jan 2023 10:52:00 +0000</pubDate>
				<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[モデリング]]></category>
		<category><![CDATA[入門]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=338</guid>

					<description><![CDATA[・・・と悩んでいませんか？ このページでは、無料の3Dソフトの中でも人気・使いやすいソフトを紹介します 幅広くソフトを紹介しているので、初心者の方から上級者の方まで参考になります ぜひ、３Dソフトをはじめるキッカケにして [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-resized sme-animation-fade-in"><a href="https://illust55.com/storage/2020/10/aaaa.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="720" height="720" src="https://illust55.com/storage/2020/10/aaaa.png" alt="" class="wp-image-4376" style="width:564px;height:580px" srcset="https://illust55.com/storage/2020/10/aaaa.png 720w, https://illust55.com/storage/2020/10/aaaa-300x300.png 300w, https://illust55.com/storage/2020/10/aaaa-100x100.png 100w, https://illust55.com/storage/2020/10/aaaa-150x150.png 150w, https://illust55.com/storage/2020/10/aaaa-120x120.png 120w, https://illust55.com/storage/2020/10/aaaa-160x160.png 160w, https://illust55.com/storage/2020/10/aaaa-320x320.png 320w, https://illust55.com/storage/2020/10/aaaa-250x250.png 250w" sizes="(max-width: 720px) 100vw, 720px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「３Dでかっこいいキャラクターを作ってみたい」<br>「３Dできれいな景色をつくってみたい」<br><br><br>と思っても<br>「何から始めればいいのか、わかない」<br>「ムズかしそう」</p>
</div>



<p>・・・と悩んでいませんか？<br><br>このページでは、無料の3Dソフトの中でも人気・使いやすいソフトを紹介します<br><br>幅広くソフトを紹介しているので、初心者の方から上級者の方まで参考になります<br><br>ぜひ、３Dソフトをはじめるキッカケにしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>すべて使い、レビューをしています<br>ぜひ、参考にしてください<br><br>目次にそって紹介します<br></p>



<p>Youtubeでは、さらにおもしろく、絵と映像のつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">AIで3Dモデルをつくれるサイト</h2>



<h3 class="wp-block-heading">TRIPO：画像から3Dモデルを正確につくることができる</h3>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/01/image-19.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/01/image-19.png" alt="" class="wp-image-11886" style="width:647px;height:auto" srcset="https://illust55.com/storage/2023/01/image-19.png 1920w, https://illust55.com/storage/2023/01/image-19-768x432.png 768w, https://illust55.com/storage/2023/01/image-19-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image aligncenter size-full is-resized"><a href="https://illust55.com/storage/2023/01/image-18.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/01/image-18.png" alt="" class="wp-image-11885" style="width:650px;height:auto" srcset="https://illust55.com/storage/2023/01/image-18.png 1920w, https://illust55.com/storage/2023/01/image-18-768x432.png 768w, https://illust55.com/storage/2023/01/image-18-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box not-nested-style cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>画像から3Dモデルをとてもキレイにつくることができます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://studio.tripo3d.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「TORIPO3D」のサイト </a></p>



<p>テキストから3Dや画像から3Dをつくることができるサイトです<br><br>とくに他のサイトと比べて、画像から作る3Dモデルがキレイに生成できます<br><br>3Dインターフェースも操作しやすいので、3D初心者の方にもオススメのサイトです</p>



<h3 class="wp-block-heading">Meshy：多くのクリエイターが使うAIの3Dモデル生成サービス</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2025/01/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/01/image-9.png" alt="" class="wp-image-11149" srcset="https://illust55.com/storage/2025/01/image-9.png 1920w, https://illust55.com/storage/2025/01/image-9-768x432.png 768w, https://illust55.com/storage/2025/01/image-9-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>とても多くのクリエイターがAIで3Dモデルをつくって投稿しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.meshy.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「Meshy」のサイト</a><br><br>とても多くのクリエイターが利用しているAIの3Dモデル生成サービスです</p>



<p>またコミュニティページでは大量の投稿作品を見ることができます<br><br>このため、参考にしてスグに3Dモデルをつくれます<br><br>また、画像や写真からも3Dモデルをつくることもできます<br><br>AIの3Dモデル生成の最先端を探している方にオススメのサイトです</p>



<h3 class="wp-block-heading">CSM：テキストから3D＆イラストから3Dをつくることができる</h3>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2025/01/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2025/01/image-8.png" alt="" class="wp-image-11147" srcset="https://illust55.com/storage/2025/01/image-8.png 1920w, https://illust55.com/storage/2025/01/image-8-768x432.png 768w, https://illust55.com/storage/2025/01/image-8-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>とてもクオリティの高い3Dモデルをつくることができます</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://3d.csm.ai/" target="_blank" data-wpel-link="external">&gt;&gt; 「CSM」のサイト</a><br><br>テキストだけでなくイラストからも3Dモデルをつくることができます<br><br>他の方がつくった投稿モデルもあり、作品の参考にすることができます<br><br>有料プランでは3Dアニメーションも作れます<br><br>AIの3Dモデル生成を探している方にオススメのサイトです</p>



<h2 class="wp-block-heading">フリーの万能ソフト：アニメーションからモデリングまで作れる、</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.blender.org/" target="_blank" data-wpel-link="external">Blender</a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Blender 2.8 Beginner Tutorial - Part 1: Introduction" width="1256" height="707" src="https://www.youtube.com/embed/j14b25SnYRY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アニメーション・モデルリングと多くのことができる万能ソフトです</p>
</div></div>



<p>Blenderは、無料の3D作成ソフトウェアです<br><br>モデリング、アニメーション、レンダリングなど３Dソフトに必要なことが全て揃っています<br><br>特にアニメーション作りがとてもカンタンにできます<br><br>また、使い方の情報がとても多く、簡単に学べます<br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>どんどん進化しており、ユーザー数も増えているソフトです<br><br>次のページで、さらに使い方を紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Blenderのくわしい使い方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>リアルでも超簡単！3D建物の作り方とソフトの使い方＆始めよう初めてのモデリング入門<br><a href="https://illust55.com/1792/" data-wpel-link="internal">https://illust55.com/1792/</a></p>
</div></div>



<h2 class="wp-block-heading">用意されたモデルを変形して作る</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/metahuman-creator" target="_blank" data-wpel-link="external">Meta Human Creator</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1600" height="861" src="https://illust55.com/storage/2021/07/image-117.png" alt="" class="wp-image-3275" srcset="https://illust55.com/storage/2021/07/image-117.png 1600w, https://illust55.com/storage/2021/07/image-117-768x413.png 768w, https://illust55.com/storage/2021/07/image-117-1536x827.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インターネットのブラウザですぐに試すことができます</p>
</div></div>



<p>とてもリアルなキャラクターをカンタンに作ることができるソフトです<br><br>目の大きさ、色など、多くのパーツをゲームのようにカンタンに変えることができます<br><br>まだ、正式なソフトではありませんが<br>完成したら、最強のキャラクター作成ソフトになるでしょう</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>操作する感じが伝わる映像を紹介します</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="MetaHuman Creator: High-Fidelity Digital Humans Made Easy | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/S3F1vZYpH8c?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://vroid.com/" target="_blank" data-wpel-link="external">VRoid Studio</a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="VRoid Studio - the first 3D character design software for illustrators" width="1256" height="707" src="https://www.youtube.com/embed/aHQ6KAJ8Kc8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アニメの３Dキャラクターが作れるソフトです</p>
</div></div>



<p>髪の毛を描いたりでき、絵をかくようにキャラクターをつくることができるソフトです<br><br>専用のモデルサイトもあり、様々なモデルも販売されています。<br><br>また、次に紹介するMixamoを使用すればアニメーションをカンタンに作ることができます。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>日本のユーザーが多く、調べやすいソフトです</p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="http://www.makehumancommunity.org/" target="_blank" data-wpel-link="external">MakeHuman</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="749" height="523" src="https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb.jpg" alt="" class="wp-image-341" srcset="https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb.jpg 749w, https://illust55.com/storage/2020/10/59b6b18a-6c65-4925-9a0a-8cbb-300x209.jpg 300w" sizes="(max-width: 749px) 100vw, 749px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>リアルなキャラクターを作れます</p>
</div></div>



<p>「<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">Make Human」は、Blenderプラグインとして誕生した無料のキャラクター作成ソフトです。</span><br><br>自由自在にモデルを変化させることができます<br><br>「Vroid Studio」よりもリアルな骨格や顔つきのモデルを作成できます。<br><br>操作する画面はわかりやすいため、はじめての方でも、すぐに使うことができます。</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="MakeHuman -- Free &amp; Open Source Character Creator" width="1256" height="707" src="https://www.youtube.com/embed/rCn6SfuEPRE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.daz3d.com/home" target="_blank" data-wpel-link="external">Daz Studio</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1224" height="595" src="https://illust55.com/storage/2021/07/image-119.png" alt="" class="wp-image-3277" srcset="https://illust55.com/storage/2021/07/image-119.png 1224w, https://illust55.com/storage/2021/07/image-119-768x373.png 768w" sizes="(max-width: 1224px) 100vw, 1224px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>歴史が長いソフトですが、とてもリアルです</p>
</div></div>



<p>キャラクターに衣装やアニメーションを加えることができるソフトです<br><br>「VroidStudio」や「Make Human」よりも、<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">表情など細かく調整することができます</span><br><br>モデルは公式サイトでは多くが有料です<br><br>しかし、他のサイトでは<span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)">有志のフリーモデルも多く公開されています。</span></p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Test the Limits with Daz 3D" width="1256" height="707" src="https://www.youtube.com/embed/29efpqW9ZjE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Daz StuidoはふつうのPCでもCPUでレンダリングができます</p>
</div></div>



<h2 class="wp-block-heading">ボクセルソフト（ブロックやレゴのようにカンタンに使うことができる）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://ephtracy.github.io/#" target="_blank" data-wpel-link="external">Magica Voxel</a></h4>



<figure class="wp-block-image aligncenter size-large is-resized sme-animation-fade-in-up"><a href="https://ephtracy.github.io/#" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" width="1024" height="576" src="https://illust55.com/storage/2020/10/maxresdefault-1024x576.jpg" alt="" class="wp-image-298" style="width:716px;height:402px" srcset="https://illust55.com/storage/2020/10/maxresdefault-1024x576.jpg 1024w, https://illust55.com/storage/2020/10/maxresdefault-300x169.jpg 300w, https://illust55.com/storage/2020/10/maxresdefault-768x432.jpg 768w, https://illust55.com/storage/2020/10/maxresdefault.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>3Dが始めての方に、とてもオススメのソフトです</p>
</div></div>



<p>レゴやブロックのように、カンタンに３Dモデルを作ることができるソフトです<br><br>また、仕上がりに、輝き・メタル効果を加えて「かっこいい」仕上がりにすることもできます<br><br>３Dでオブジェクトを作るのが好きになれるソフトです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>教育・子どもの学習にもオススメのソフトです</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="MagicaVoxel - Simple car model - For beginners" width="1256" height="707" src="https://www.youtube.com/embed/Wu1Y-zukKzA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.voxedit.io/#/en/" target="_blank" data-wpel-link="external">VoxEdit</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://pbs.twimg.com/media/EcQID2UX0AUPozM?format=jpg&amp;name=large" alt="画像" style="width:751px;height:422px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>VoxEditはアニメーションもできるソフトです</p>
</div></div>



<p>VoxEditはカンタン操作で、３Dモデルを作ることができます<br><br>さらに作った３Dモデルを動かすことができます<br><br>また、VoxEditの会社はゲームエンジン（ゲームを作るソフト）も作っています<br><br>このため、作って、動かしゲームとしても使えます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>これからが楽しみなソフトです<br><br>VoxEditのモデルとゲームエンジンを合わせた動画を紹介します</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Sandbox Teaser 2021 - Gaming Virtual World with NFTs on the Blockchain" width="1256" height="707" src="https://www.youtube.com/embed/0Jquhzr4d4k?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>３Dボクセルソフトの使い方は次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<p><a href="https://illust55.com/724/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; すぐに3DCGが作れるボクセルソフトの使い方！のページ</a></p>



<h2 class="wp-block-heading">3Dのアニメーションをカンタンに作ることができる</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.mixamo.com/#/" target="_blank" data-wpel-link="external">Mixamo</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1782" height="786" src="https://illust55.com/storage/2021/07/image-129.png" alt="" class="wp-image-3324" srcset="https://illust55.com/storage/2021/07/image-129.png 1782w, https://illust55.com/storage/2021/07/image-129-768x339.png 768w, https://illust55.com/storage/2021/07/image-129-1536x677.png 1536w" sizes="(max-width: 1782px) 100vw, 1782px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>３Dモデルをマウスクリックだけで動かすことができます</p>
</div></div>



<p>３Dモデルをカンタンに動かすことができます<br><br>３Dモデルのアニメーションは骨を入れる作業が必要です<br><br>しかし、このオンラインソフトは、自動で骨を入れてアニメーションも加えてくれます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Blenderからアニメーションさせている動画を紹介します<br><br>また、Mixamoの使い方のページを紹介します</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://youtu.be/42fU-3BkdQA" target="_blank" title="" data-wpel-link="external">&gt;&gt; Mixamoの使い方のページ（Youtube）</a></p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Animate &amp; Rig Characters the Easy Way" width="1256" height="707" src="https://www.youtube.com/embed/k-ZeLNV4zPw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">３Dのゲームと映像を作ることができる</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://unity.com/ja" target="_blank" data-wpel-link="external">Unity</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://store.unity.com/themes/store/images/products/unity/personal/unity-heretic-video.jpg" alt="" style="width:711px;height:400px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>Unityはゲームを作るソフトですが、VRや映画にも使われています</p>
</div></div>



<p>Unityはゲームを作るためのソフトです<br><br>ゲームの中では３Dのオブジェクトを自由に操作することができます<br><br>このことから、VRなど、ゲーム以外の部分でも使われ始めています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>３Dオブジェクトをゲーム・映像・VRにつなげることができます<br><br>UnityのVRの映像を紹介します、参考にしてください</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Made with Unity Virtual Reality Reel" width="1256" height="707" src="https://www.youtube.com/embed/TsJLAOryjUY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityの使い方を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Unityのつかい方と始め方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>Unityの始め方！無料＆超初心者向けの作り方・制作入門<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/" target="_blank" data-wpel-link="external">Unreal Engine</a></h4>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://www.unrealengine.com/ja/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" width="1024" height="577" src="https://illust55.com/storage/2020/10/キャプチャ-9-1024x577.jpg" alt="" class="wp-image-300" style="width:695px;height:391px" srcset="https://illust55.com/storage/2020/10/キャプチャ-9-1024x577.jpg 1024w, https://illust55.com/storage/2020/10/キャプチャ-9-300x169.jpg 300w, https://illust55.com/storage/2020/10/キャプチャ-9-768x433.jpg 768w, https://illust55.com/storage/2020/10/キャプチャ-9.jpg 1428w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>UnrealEngineはゲームを作るソフトですが、映画やアニメにも使われています</p>
</div></div>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)" class="sme-highlighter">Unreal Engine はゲームを作るためのソフトです</span><br><br>しかし、ゲームを作れるだけではなく、３Dの映像をとても美しく作ることができます<br><br>このため、ゲーム以外の映画・アニメ・漫画でも多く使われ始めています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>UnrealEngineのゲームを紹介します<br><br>ゲームを作るソフトですが、美しく作ることができます</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="State of Unreal Highlight Reel 2020 | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/We1N-7M_hM4?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>UnrealEngineの使い方を次のページで紹介しています<br><br>ぜひ合わせてご覧ください</p>
</div></div>



<p>【入門】ゲームエンジンで作る漫画の背景と景観から線画抽出まで【UE4】<br><a href="https://illust55.com/1367/" data-wpel-link="internal">https://illust55.com/1367/</a></p>



<h2 class="wp-block-heading">フラクタル（計算で不思議な空間を自動で作る）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.mandelbulb.com/" target="_blank" data-wpel-link="external">Mandelbulb 3D</a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="[Experiment] Stadium - 3D Orbit Trap Zoom" width="1256" height="707" src="https://www.youtube.com/embed/eo2oOg0kpXM?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>数字を設定することで、アニメーションさせることができるソフトです<br><br>とても不思議で、キレイな映像を作ることができます</p>
</div></div>



<p>数字の計算によりアニメーションするソフトです<br><br>人の手で作り出すには、大変な苦労が必要なキレイなアニメーションもカンタンに作れます<br><br>欠点は日本語の使い方を紹介しているサイトが少ないこと、動画の出力に少し時間がかかることです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「Mandelbulb3D」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/6818/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; Mandelbulb3Dの使い方のページ</a></p>



<h2 class="wp-block-heading">建築、景観、背景、設計が得意なソフト</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/twinmotion" target="_blank" data-wpel-link="external">Twin Motion</a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="What is Twinmotion" width="1256" height="707" src="https://www.youtube.com/embed/KiVeP6muWbw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<p>カンタン、すぐに、リアルに3Dの風景や街並みを作ることができる景観ソフトです<br><br>大量に素材が用意されており、マウスでカンタンに置くことができます<br><br>また、天気や時間もマウスのみで操作でき、とてもリアルに表示してくれます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>「Twinmotion」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/1714/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; 「Twin Motion」の使い方のページ</a></p>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" title="・Fusion 360" href="https://www.autodesk.co.jp/products/fusion-360/overview?term=1-YEAR&amp;tab=subscription" target="_blank" data-wpel-link="external">Fusion 360</a></h4>



<figure class="wp-block-image aligncenter size-large is-style-default"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1.png" alt="" class="wp-image-3268" srcset="https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1.png 1280w, https://illust55.com/storage/2021/07/vlcsnap-2021-07-11-18h31m41s030-1-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure>



<p>高機能の3Dソフト「Maya」を発売しているAutoDeskのソフトです<br><br>設計や製図のために使う3D・CADソフトです<br><br>個人利用や教育の場合は無料で使うことができます<br><br>とてもわかりやすい画面と操作でカンタンに始めることができます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>無料の3D・CADでは最高の設計ソフトです</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="【Autodesk Fusionビギナー向け2】モデリング -前編-" width="1256" height="707" src="https://www.youtube.com/embed/UkzgbafIXgA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Fusion 360の使い方を紹介しているページです</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box cocoon-block-label-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">Fusion 360の使い方とはじめ方のページ</span></div><div class="label-box-content block-box-content box-content">
<p>最強の無料 ＆ 図面作成ソフト！Fusion360の始め方<br><a href="https://illust55.com/3589/" data-wpel-link="internal">https://illust55.com/3589/</a></p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.sketchup.com/" target="_blank" data-wpel-link="external">Google SketchUp</a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="SketchUp City Building - Basic Tips &amp; Tutorial" width="1256" height="707" src="https://www.youtube.com/embed/ND6SM6CEuu8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>カンタンに建築のデザインをつくれるソフトです</p>
</div></div>



<p>建築やインテリアデザイン・CADを作れるソフトです<br><br>ムズかしい操作を覚えなくても、カンタンに建物や図面を作ることができます<br><br>しかし、キレイな画像を作るためには、他のソフトを使う必要があります</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>このブログでは、次のページで使い方とキレイな画像を出す方法を紹介しています</p>
</div></div>



<p>無料の3D建築＆景観ソフトでリアルな画像の作り方-SketchUpとTwinmotion<br><a href="https://illust55.com/1714/" data-wpel-link="internal">https://illust55.com/1714/</a></p>



<figure class="wp-block-image aligncenter is-resized is-style-default"><a href="https://illust55.com/1714/" data-wpel-link="internal"><img decoding="async" src="https://illust55.com/storage/2021/05/%E7%84%A1%E6%96%99%E3%81%AE3D%E5%BB%BA%E7%AF%89%EF%BC%86%E6%99%AF%E8%A6%B3%E3%82%BD%E3%83%95%E3%83%88%E3%81%A7%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%AA%E7%94%BB%E5%83%8F%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9%E3%82%A2%E3%83%BC%E3%83%88%E3%83%9C%E3%83%BC%E3%83%89-1-800x450.png" alt="無料の3D建築＆景観ソフトでリアルな画像の作り方-SketchUpとTwinmotion【初心者】" style="width:629px;height:353px"/></a></figure>



<h4 class="wp-block-heading"><a title="・Homestyler" href="https://www.homestyler.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Homestyler</a></h4>



<figure class="wp-block-image aligncenter size-large"><a href="https://illust55.com/storage/2022/05/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2022/05/image-1.png" alt="" class="wp-image-7780" srcset="https://illust55.com/storage/2022/05/image-1.png 2880w, https://illust55.com/storage/2022/05/image-1-768x512.png 768w, https://illust55.com/storage/2022/05/image-1-1536x1024.png 1536w, https://illust55.com/storage/2022/05/image-1-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>HomeStylerはリアルな部屋をつくれるソフトです</p>
</div></div>



<p>Homestyerはリアルな部屋の中をつくることができるソフトです<br><br>インターネットを見るブラウザソフトから使うことができます<br><br>このため、高価なPCでなくても、スマートフォンからでも3Dをつくることができます<br><br>キレイな絵をつくれるレンダリングができるので、お手軽にキレイな3Dの楽しさを感じられます<br><br>また、他のソフトに運ぶためのエクスポートもできます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「Homestyler」の使い方を紹介しているページです</p>
</div></div>



<p><a href="https://illust55.com/7819/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; 「Homestyler」の使い方のページ</a></p>



<h4 class="wp-block-heading">DesignSpark Mechanical</h4>



<figure class="wp-block-image aligncenter size-large"><a href="https://illust55.com/storage/2021/08/vlcsnap-2021-08-07-10h25m08s046-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/vlcsnap-2021-08-07-10h25m08s046-1.png" alt="" class="wp-image-3838" srcset="https://illust55.com/storage/2021/08/vlcsnap-2021-08-07-10h25m08s046-1.png 1280w, https://illust55.com/storage/2021/08/vlcsnap-2021-08-07-10h25m08s046-1-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<p>＜公式サイト＞<br><a rel="noopener nofollow external noreferrer" href="https://designspark.zendesk.com/hc/ja" target="_blank" data-wpel-link="external">https://designspark.zendesk.com/hc/ja</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>日本語で使え、商用利用もOKです</p>
</div></div>



<p>設計・CADが得意なソフトです<br><br>Fusion360よりも、さらにカンタンに使うことができます<br><br>また、3Dプリンターに対応しています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>公式チャンネルで、わかりやすいチュートリアルが公開されています</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="DesignSpark Mechanicalの基本操作入門" width="1256" height="942" src="https://www.youtube.com/embed/-DKRZP123cw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">キッズ・教育向けのソフト</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://leopoly.com/" target="_blank" data-wpel-link="external">Leopoly</a></h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://i.all3dp.com/cdn-cgi/image/fit=cover,w=1000,gravity=0.5x0.5,format=auto/wp-content/uploads/2018/06/28185128/leopoly-e1548697920171.jpg" alt="" style="width:729px;height:416px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Leopolyはオンライン専用のソフトです</p>
</div></div>



<p>Leopolyはオンラインで、３Dオブジェクトを作ることができるソフトです<br><br>このため、インストールする必要がなく、タブレットでもサクサク使うことができます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="イラスト５５" class="speech-icon-image"/></figure><div class="speech-name">イラスト５５</div></div><div class="speech-balloon">
<p>公式サイトでは、カワイイ３Dモデルが公開されています</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized is-style-default"><img loading="lazy" decoding="async" width="1883" height="842" src="https://illust55.com/storage/2021/06/image-514.png" alt="" class="wp-image-3032" style="width:744px;height:333px" srcset="https://illust55.com/storage/2021/06/image-514.png 1883w, https://illust55.com/storage/2021/06/image-514-768x343.png 768w, https://illust55.com/storage/2021/06/image-514-1536x687.png 1536w" sizes="(max-width: 1883px) 100vw, 1883px" /></figure>



<h4 class="wp-block-heading"><a href="https://www.vectary.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Vectary</a></h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2022/09/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2022/09/image-9.png" alt="" class="wp-image-8099" srcset="https://illust55.com/storage/2022/09/image-9.png 2880w, https://illust55.com/storage/2022/09/image-9-768x512.png 768w, https://illust55.com/storage/2022/09/image-9-1536x1024.png 1536w, https://illust55.com/storage/2022/09/image-9-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Vectaryはオンライン専用の3Dモデリングソフトです</p>
</div></div>



<p>Vectaryはオンライン専用の3Dモデリングソフトです<br><br>複雑なモデリングはできませんが、わかりやすく操作しやすい方法で3Dのモデリングができます<br><br>また、動作が軽く、タブレットでもストレス無く使うことができます</p>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.lego.com/en-us/ldd#full-section-2" target="_blank" data-wpel-link="external"><strong>LEGO Digital Designer</strong></a></h4>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="LEGO Digital Designer Introduction and Tutorial" width="1256" height="707" src="https://www.youtube.com/embed/j1K25iZTRVc?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>LEGO社のレゴを組み立てるソフトです</p>
</div></div>



<p>世界的に有名なLEGOがリリースした無料でレゴをつくることができるソフトです<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">使い方がシンプルでわかりやすく直感的に使えるように工夫されています。</span><br><br>大量のパーツが用意されているのでイメージ通りにカワイイ仕上がりで作れるソフトです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>とてもカンタンな操作でつくることができます</p>
</div></div>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://www.tinkercad.com/" target="_blank" data-wpel-link="external">Tinkercad</a></h4>



<figure class="wp-block-image aligncenter is-style-default"><img decoding="async" src="https://editor.tinkercad.com/assets_2bl9vkk/js/tinkercad-frontend/assets/images/bricks-header-dragonling.png" alt=""/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>とてもカンタンな操作でカワイイ３Dが作れるソフトです</p>
</div></div>



<p>Tinkercadはこの記事の中で紹介しているソフトの中で最も使用するのが簡単なソフトです。<br><br>サイトにはギャラリーもあり、他の方の作品を見て楽しんだり、学んだりすることができます</p>



<figure class="wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Welcome to Tinkercad!" src="https://player.vimeo.com/video/283552067?dnt=1&amp;app_id=122963" width="1256" height="707" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share" referrerpolicy="strict-origin-when-cross-origin"></iframe>
</div></figure>



<h4 class="wp-block-heading"><a title="" href="https://bloom3d.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">Bloom3d</a></h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2022/11/image-15.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2876" height="1597" src="https://illust55.com/storage/2022/11/image-15.png" alt="" class="wp-image-8233" srcset="https://illust55.com/storage/2022/11/image-15.png 2876w, https://illust55.com/storage/2022/11/image-15-768x426.png 768w, https://illust55.com/storage/2022/11/image-15-1536x853.png 1536w, https://illust55.com/storage/2022/11/image-15-2048x1137.png 2048w" sizes="(max-width: 2876px) 100vw, 2876px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>押し出しと四角のモデリングのみですが、カワイイ3Dモデルがつくれます</p>
</div></div>



<p>Bloom3dは押し出しと四角のモデリングのみですが、カワイイ雰囲気の3Dモデルが作れます<br><br>カンタンにモデルつくりができるため、子どもの学習にオススメできます<br><br>また、モデリングが初めての方にもマウス操作の感覚を覚えることができるのでオススメです</p>



<h2 class="wp-block-heading">スカルプト（粘土のように３Dモデルを作る）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" href="https://pixologic.jp/zbrushcoremini/" target="_blank" data-wpel-link="external">ZbrushCoreMini</a></h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/02/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" data-id="8390" src="https://illust55.com/storage/2023/02/image-8.png" alt="" class="wp-image-8390" srcset="https://illust55.com/storage/2023/02/image-8.png 1920w, https://illust55.com/storage/2023/02/image-8-768x432.png 768w, https://illust55.com/storage/2023/02/image-8-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/02/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1440" height="904" data-id="8389" src="https://illust55.com/storage/2023/02/image-7.png" alt="" class="wp-image-8389" srcset="https://illust55.com/storage/2023/02/image-7.png 1440w, https://illust55.com/storage/2023/02/image-7-768x482.png 768w" sizes="(max-width: 1440px) 100vw, 1440px" /></a></figure>
</figure>



<p>ZbrushCoreMiniは粘土を作るようにモデリングできるソフトです<br><br>このため、粘土で細かな物を作るのが得意な方にオススメできるソフトです<br><br>しかし、少し３Dの知識が必要な部分もあるので、一冊はまとまっている本を参考にするとスムーズに作業が進みます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>どのようなソフトなのか紹介している映像です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Introducing ZBrushCoreMini" width="1256" height="707" src="https://www.youtube.com/embed/gxyMejEA0PE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">オンライン（インストールしないでブラウザのみで３Dをつくれる）</h2>



<h4 class="wp-block-heading"><a rel="noopener nofollow external noreferrer" title="・SculptGL" href="https://stephaneginier.com/" target="_blank" data-wpel-link="external">SculptGL</a></h4>



<figure class="wp-block-image aligncenter"><img decoding="async" src="https://stephaneginier.com/galleryImages/angryStatue.jpg" alt=""/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>SculptGLはオンラインで３Dをつくることができます</p>
</div></div>



<p>SculptGLは、インストールせずに、すぐに３Dをつくることができます<br><br>Zbrushのように、粘土をこねるようにつくることができ、本格的な３Dもつくることができます<br><br>また、保存も「obj」など多くのフォーマットに対応しています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>多くのソフトでつくった3Dを使うことができます</p>
</div></div>



<h2 class="wp-block-heading">VRゴーグルで3Dモデリング</h2>



<h4 class="wp-block-heading"><a href="https://store.steampowered.com/app/533970/Blocks_by_Google/" title="" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">・「Blocks by Google」</a></h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/04/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1000" height="562" data-id="8459" src="https://illust55.com/storage/2023/04/image-1.png" alt="" class="wp-image-8459" srcset="https://illust55.com/storage/2023/04/image-1.png 1000w, https://illust55.com/storage/2023/04/image-1-768x432.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></figure>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2023/04/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2069" height="1608" data-id="8458" src="https://illust55.com/storage/2023/04/image.png" alt="" class="wp-image-8458" srcset="https://illust55.com/storage/2023/04/image.png 2069w, https://illust55.com/storage/2023/04/image-768x597.png 768w, https://illust55.com/storage/2023/04/image-1536x1194.png 1536w, https://illust55.com/storage/2023/04/image-2048x1592.png 2048w" sizes="(max-width: 2069px) 100vw, 2069px" /></a></figure>
</figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Googleが開発したVRゴーグル用のモデリングソフトです</p>
</div></div>



<p>Googleが開発したVRゴーグル用のモデリングソフトです<br><br>直接3Dオブジェクトをイジッて形や色を変えることができます<br><br>このため、早くカンタンにつくることができます<br><br>使うためにはグラフィックボードとVRが必要ですが、楽しく作ることができるソフトです</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>今回は、無料の３Dモデルを作れるソフトを紹介しました<br><br>３Dモデルを作るソフトは、すごいスピードで進化しています<br><br>まだ、３Dモデルを経験されていない方は、ぜひチャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Youtubeでは、おもしろく絵のつくり方を紹介しています<br><br>他のページでもCG・絵と映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; 動画で紹介！絵と映像のつくり方</a><br><br><a href="https://illust55.com/category/%e7%b5%b5%e3%81%a8%e6%98%a0%e5%83%8f%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/" target="_blank" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a><br><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/338/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>UNREAL ENGINEのおすすめ無料アセットのまとめ【ゲーム作成&#038;景観ソフト】</title>
		<link>https://illust55.com/663/</link>
					<comments>https://illust55.com/663/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Sat, 02 Jul 2022 11:54:00 +0000</pubDate>
				<category><![CDATA[UnrealEngineの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[UnrealEngine]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=663</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、カンタンにUnrelaEngineを体験できるオススメのアセットを紹介します インストールすればすぐに使えるので、ぜひ、チャレンジしてください Unreal Engineをはじめて聞 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large is-resized"><img loading="lazy" decoding="async" width="1024" height="572" src="https://illust55.com/storage/2020/10/キャプチャ-7-1024x572.jpg" alt="" class="wp-image-286" style="width:578px;height:322px" srcset="https://illust55.com/storage/2020/10/キャプチャ-7-1024x572.jpg 1024w, https://illust55.com/storage/2020/10/キャプチャ-7-300x167.jpg 300w, https://illust55.com/storage/2020/10/キャプチャ-7-768x429.jpg 768w, https://illust55.com/storage/2020/10/キャプチャ-7-1536x857.jpg 1536w, https://illust55.com/storage/2020/10/キャプチャ-7.jpg 1571w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「Unreal Engineに興味はあるけど、何ができるかわからない」<br>「何から始めれば、いいかわからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、カンタンにUnrelaEngineを体験できるオススメのアセットを紹介します<br><br>インストールすればすぐに使えるので、ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次の目次の流れにそって紹介します</p>
</div></div>



<h2 class="wp-block-heading">Unreal Engineをはじめて聞いた方</h2>



<p>ゲームエンジンは美しいグラフィック、ゲームをつくることができるソフトです<br><br>Unreal Engineは美しいグラフィックのゲームをつくることができるソフトです<br><br>現在、世界中で、イロイロな使い方で使われています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unreal Engineでつくられたゲームを紹介します</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Voice in the Hollow : アフリカを彷彿とさせる場所で起きる新しいカインとアベルの物語" width="1256" height="707" src="https://www.youtube.com/embed/DUjMM8tYD24?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unreal Engineは公式サイトからダウンロードできます</p>
</div></div>



<p>＜Unreal Engine公式サイト＞<br><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/ja/?lang=ja" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/ja/?lang=ja</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unreal Engineのインストール方法を紹介しているページです<br><br>合わせてご覧ください</p>
</div></div>



<p>&lt; UnrealEngineのインストールと地面の作り方のページ &gt;<br><a href="https://illust55.com/1485/" target="_blank" title="" data-wpel-link="internal">&gt;&gt; https://illust55.com/1485/</a></p>



<h2 class="wp-block-heading">超リアルな背景・景観用</h2>



<h4 class="wp-block-heading">MegaScan（超リアルな３D環境モデル）</h4>



<figure class="wp-block-image aligncenter is-resized"><img decoding="async" src="https://cdn2.unrealengine.com/Unreal+Engine%2Fblog%2Funreal-engine-4-24-to-ship-with-free-quixel-megascans-unreal-studio-features-and-more%2FNews_OneUnrealEngine_blog_body_img4-1640x1000-f8c62582f595e832965719e6eb5e1e57d76de18b.jpg" alt="News_OneUnrealEngine_blog_body_img4.jpg" style="width:578px;height:352px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>実際の物をあらゆる角度から写してつくった、３Dオブジェクトです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/scarecrow" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/scarecrow</a><br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">上の画像は写真ではありません、３Dオブジェクトです！<br></span><br>岩、木、草などあらゆる自然環境のオブジェクトが用意されており、拡大しても本物そっくりです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>とてもリアルなMega Scansが使われている映像です</p>
</div></div>



<figure class="wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Rebirth: Introducing photorealism in UE4" width="1256" height="707" src="https://www.youtube.com/embed/9fC20NWhx4s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Twinmotionの3Dモデル</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2022/12/image.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2022/12/image.png" alt="" class="wp-image-8238" srcset="https://illust55.com/storage/2022/12/image.png 1920w, https://illust55.com/storage/2022/12/image-768x432.png 768w, https://illust55.com/storage/2022/12/image-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>景観ソフト「Twinmotion」の3DモデルがUnreal Engineでも公開されています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans-sport-pack-1" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/twinmotion-posed-humans-sport-pack-1</a><br><br>超キレイな景色を作れるソフト「Twin Motion」の3DモデルをUnrealEngineで使うことができます<br><br>人や家具の3Dモデルが公開されており、ゲーム用として使うことができます<br><br>スポーツジムや楽器などマイナーな物もあるので、一度チェックすることをオススメします</p>



<h4 class="wp-block-heading">Soul City（近未来サイバーパンク）</h4>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1471" src="https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-800x450.jpg" alt="" class="wp-image-1471" srcset="https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-800x450.jpg 800w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-500x281.jpg 500w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-300x169.jpg 300w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-768x432.jpg 768w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/SoulCity01-1920x1080-caea6111851e633708d255bcc5f2cd02.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1472" src="https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-800x450.jpg" alt="" class="wp-image-1472" srcset="https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-800x450.jpg 800w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-500x281.jpg 500w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-300x169.jpg 300w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-768x432.jpg 768w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/SoulCity05-1920x1080-051698e5e4a663653b182e862152a45a.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>都市のビルや街のアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/soul-city" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/soul-city</a><br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">サイバーパンクの世界観が特徴的なアセットです<br></span><br>また、部品のボリュームもとても多く、多くの場面で使えます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>パーツを使って、組み立てている映像です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Soul City (Free Download / Speed Level Design / Unreal Engine 4)" width="1256" height="707" src="https://www.youtube.com/embed/8B5725JVAQY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Modular Scifi Season 2 Starter Bundle（宇宙船の中の景観）</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>細かな部分までキレイな宇宙船のパーツです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/modular-scifi-season-2-starter-bundle" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/modular-scifi-season-2-starter-bundle</a><br><br>SFの世界観をもつ宇宙船の中のような環境のアセットです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>組み立てた感じがわかる映像です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Modular SciFi Season 2 Starter Bundle Trailer" width="1256" height="707" src="https://www.youtube.com/embed/VWBpmzIMJPQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Advanced Village Pack（ファンタジーの田舎景色）</h4>



<figure class="wp-block-image aligncenter is-resized is-style-default"><img decoding="async" src="https://cdn1.epicgames.com/ue/item/AdvancedVillagePack_Screenshot_03-1920x1080-b8f3c8f33e06c525947873188c267dd2.png?resize=1&amp;w=1600" alt="" style="width:790px;height:444px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ファンタジーの田舎町のセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/advanced-village-pack" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/advanced-village-pack</a><br><br>色など細かな設定もできる、ファンタジーに出てくる田舎町のセットです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アセットの感じ、組み立て方の映像です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Advanced Village Pack Trailer - exclusive for Unreal Engine 4" width="1256" height="707" src="https://www.youtube.com/embed/HYS8C4i8pi8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">Vigilante（戦車・空母・車両・ミサイルなど軍事物の3Dモデル）</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/01/image-10.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/01/image-10.png" alt="" class="wp-image-8336" srcset="https://illust55.com/storage/2023/01/image-10.png 1920w, https://illust55.com/storage/2023/01/image-10-768x432.png 768w, https://illust55.com/storage/2023/01/image-10-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ミサイルや空母などミリタリーの多くの3Dオブジェクトが公開されています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/profile/Vigilante?count=20&amp;sortBy=effectiveDate&amp;sortDir=DESC&amp;start=0" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/profile/Vigilante?count=20&amp;sortBy=effectiveDate&amp;sortDir=DESC&amp;start=0</a><br><br>視覚シミュレーションや防衛分野に強みをもつアメリカの会社です<br><br>多くのミリタリー系の3Dオブジェクトが無料で公開されています<br><br>超高品質なので、ミリタリー系を探している場合には、ぜひチェックしてください</p>



<h2 class="wp-block-heading">キャラクターと建物の大ボリュームセット</h2>



<h4 class="wp-block-heading">Infinity Blade（大ボリュームの実際のゲームの３Dモデル＋背景）</h4>



<figure class="wp-block-image aligncenter is-resized"><img decoding="async" src="https://i.cdn29.hu/apix_collect_c/1011/infinity-blade/infinity_blade_screenshot_20181211150652_1_original_760x425_cover.jpg" alt="Eltűnt az App Store-ból az Infinity Blade trilógia bevezetőkép" style="width:648px;height:362px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>発売したゲームで使っていたアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/assets?count=20&amp;keywords=Infinity%20Blade&amp;sortBy=relevancy&amp;sortDir=DESC&amp;start=0" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?count=20&amp;keywords=Infinity%20Blade&amp;sortBy=relevancy&amp;sortDir=DESC&amp;start=0</a><br><br>『Infinity Blade』は、Chair EntertainmentとEpic Gamesが開発を続けていた、iOS向けのUnreal Engineアクションゲームです<br><br><span class="sme-highlighter" style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)">ファンタジー色が強く、大規模ゲームだったので、特に景観などの３Dオブジェクトは<br><br>色々なところで使えそうです</span><br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アセットの感じがわかる映像です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="EPIC $4MILL. INFINITY BLADE GAME ASSET &amp; MARKETPLACE UPDATE" width="1256" height="707" src="https://www.youtube.com/embed/_YNftJRD0MA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">『フィンチ家の奇妙な屋敷でおきたこと』（大ボリュームの実際のゲーム背景）</h4>



<figure class="wp-block-image aligncenter is-resized"><img decoding="async" src="https://cdn2.unrealengine.com/Diesel%2Fproduct%2Fbadger%2FEdithFinch_June17_Coronation-2560x1440-83b97b73ae28847501c23e9686d457c79d0b8182.jpg" alt="" style="width:759px;height:426px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>子供向けの少しかわいい感じ、のアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/assets?keywords=%E3%83%95%E3%82%A3%E3%83%B3%E3%83%81%E5%AE%B6" target="_blank" title="" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?keywords=%E3%83%95%E3%82%A3%E3%83%B3%E3%83%81%E5%AE%B6</a><br><br>上の画像は『フィンチ家の奇妙な屋敷でおきたこと』という家庭用ゲームのワンシーンです<br><br>子供向けの少しかわいい感じのゲームです</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="What Remains of Edith Finch | Unreal Marketplace Collection | Unreal Engine" width="1256" height="707" src="https://www.youtube.com/embed/xvgCEKDPOdQ?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">PARAGON CONTENT<strong>（大ボリュームの実際のゲームの３Dモデル＋背景）</strong></h4>



<figure class="wp-block-image aligncenter is-resized"><img decoding="async" src="https://cdn2.unrealengine.com/Unreal+Engine%2Fblog%2Ffinal-round-of-free-paragon-assets-released%2FSparrow_Beauty-1920x1058-059be6bc33a6b77007df53d14bab327eaff76be7.jpg" alt="Sparrow_Beauty.jpg" style="width:659px;height:362px"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>実際のゲームに使われたアセットです<br><br>とても大ボリュームで、キャラクターも魅力的です</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" title="" href="https://www.unrealengine.com/marketplace/ja/assets?keywords=PARAGON%20CONTENT" target="_blank" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/assets?keywords=PARAGON%20CONTENT</a><br><br>上の画像は約13億円を費やして制作した『Paragon』というゲームです<br><br>このゲームの３Dモデルと背景を配布しています<br><br>とてもリアルなSF風のアセットです</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1463" src="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-800x450.jpg" alt="" class="wp-image-1463" srcset="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-800x450.jpg 800w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-500x281.jpg 500w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-300x169.jpg 300w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-768x432.jpg 768w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Wraith_Beauty-1920x1080-fab2b90c82a25d7586cae87dbfafb2b660bbc3c6.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1461" src="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-800x450.jpg" alt="" class="wp-image-1461" srcset="https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-800x450.jpg 800w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-500x281.jpg 500w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-300x169.jpg 300w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-768x432.jpg 768w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/UnrealEngine_blog_final-round-of-free-paragon-assets-released_Drongo_Beauty-1920x1080-154bdd7babc19e49da0737ebf8268b0c4ab6a66b.jpg 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<h4 class="wp-block-heading">The Matrix Awakensの建物 ＆ エキストラキャラクター ＆ 乗り物</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2023/07/image-6.png" alt="" class="wp-image-8957" srcset="https://illust55.com/storage/2023/07/image-6.png 1920w, https://illust55.com/storage/2023/07/image-6-768x432.png 768w, https://illust55.com/storage/2023/07/image-6-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>期間限定で公開されて話題になったマトリックスのゲームのアセットです</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.unrealengine.com/marketplace/ja/product/city-sample" target="_blank" data-wpel-link="external">https://www.unrealengine.com/marketplace/ja/product/city-sample</a><br><br>UE5 の技術デモである The Matrix Awakensのアセットです<br><br>建物、背景のキャラクター、乗り物が公開されており、別々にダウンロードすることもできます<br><br>とてもリアルに作りこまれており、数少ない都市と街並みのアセットになります<br><br>都市景観を探している方にはとくにオススメのアセットです</p>



<h2 class="wp-block-heading">その他</h2>



<h4 class="wp-block-heading">月替りの無料セール</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><a href="https://www.unrealengine.com/marketplace/ja/store" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer"><img loading="lazy" decoding="async" width="1024" height="699" src="https://illust55.com/storage/2020/10/unreal_free-1024x699.jpg" alt="" class="wp-image-277" style="width:634px;height:432px" srcset="https://illust55.com/storage/2020/10/unreal_free-1024x699.jpg 1024w, https://illust55.com/storage/2020/10/unreal_free-300x205.jpg 300w, https://illust55.com/storage/2020/10/unreal_free-768x524.jpg 768w, https://illust55.com/storage/2020/10/unreal_free.jpg 1395w" sizes="(max-width: 1024px) 100vw, 1024px" /></a></figure>



<p>UnrealEngineは毎月無料になるアセットがストアに並びます<br><br>とても、美しいアセットやゲームを作る中で役に立つアセットなど、さまざまです<br><br>ただ、毎月交換されるので、無料の商品は翌月には有料となってしまうので<br><br>定期的に確認する必要があります</p>



<h4 class="wp-block-heading">Scanned 3D People Pack</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-800x450.jpg" alt="" class="wp-image-1467" style="width:695px;height:391px" srcset="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-800x450.jpg 800w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-500x281.jpg 500w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-300x169.jpg 300w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-768x432.jpg 768w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackall-1920x1080-58872d9c062aefb3c417381091308101.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>9人のキャラクターのセットです</p>
</div></div>



<p>少し少ないのが残念ですが、<span style="background-image: linear-gradient(transparent 60%, rgba(247, 141, 167, 0.5) 60%)" class="sme-highlighter">とてもリアルなキャラクターです</span></p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1469" src="https://illust55.com/storage/2020/11/aaaa-800x450.jpg" alt="" class="wp-image-1469" srcset="https://illust55.com/storage/2020/11/aaaa-800x450.jpg 800w, https://illust55.com/storage/2020/11/aaaa-500x281.jpg 500w, https://illust55.com/storage/2020/11/aaaa-300x169.jpg 300w, https://illust55.com/storage/2020/11/aaaa-768x432.jpg 768w, https://illust55.com/storage/2020/11/aaaa-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/aaaa.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" data-id="1468" src="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-800x450.jpg" alt="" class="wp-image-1468" srcset="https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-800x450.jpg 800w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-500x281.jpg 500w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-300x169.jpg 300w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-768x432.jpg 768w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477-1536x864.jpg 1536w, https://illust55.com/storage/2020/11/RenderpeopleFree3DPeoplePackrpdennisposed0041-1920x1080-fe2cd22bdc56ec19e861c42bdd7b2477.jpg 1600w" sizes="(max-width: 800px) 100vw, 800px" /></figure>
</figure>



<h4 class="wp-block-heading">itch.io：3Dモデルから音楽までゲーム関連の素材がそろっている総合サイト</h4>



<figure class="wp-block-image size-full"><a href="https://illust55.com/storage/2023/07/image-12.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2880" height="1920" src="https://illust55.com/storage/2023/07/image-12.png" alt="" class="wp-image-9000" srcset="https://illust55.com/storage/2023/07/image-12.png 2880w, https://illust55.com/storage/2023/07/image-12-768x512.png 768w, https://illust55.com/storage/2023/07/image-12-1536x1024.png 1536w, https://illust55.com/storage/2023/07/image-12-2048x1365.png 2048w" sizes="(max-width: 2880px) 100vw, 2880px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インディーゲームの総合サイトです<br><br>ゲーム開発の参考にもなります</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://itch.io/" target="_blank" data-wpel-link="external">itch.ioのサイト</a><br><br>3Dモデルから音楽やフリーゲームまで幅広く取り扱っているインディーゲームの総合サイトです<br><br>直接アンリアルエンジンから読み込むのではなく、圧縮ファイルで公開しています<br><br>このため、ゲーム素材の学習にも役立つオススメサイトです</p>



<h2 class="wp-block-heading">まとめ</h2>



<p>UnrealEngineのアセットはとてもリアルです<br><br>このため、ゲームを作るためだけではなく、映像やイラストなど、幅広い使い方ができます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box cocoon-block-balloon"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Youtubeでは、おもしろく絵のつくり方を紹介しています</p>



<p><br>他のページでもCG・絵と映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; 動画で紹介！絵と映像のつくり方</a><br><br><a href="https://illust55.com/category/%e7%b5%b5%e3%81%a8%e6%98%a0%e5%83%8f%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/" target="_blank" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/663/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Unity超初心者講座！無料３D背景のHDRI画像とドラッグで360度パノラマでカメラを動かそう</title>
		<link>https://illust55.com/5833/</link>
					<comments>https://illust55.com/5833/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Wed, 08 Dec 2021 13:33:51 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<category><![CDATA[ゲーム制作初心者]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=5833</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、できる方法でゲームのつくり方を紹介しています 今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します ぜひ、チャレンジしてください ・Un [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-22.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1920" height="1080" src="https://illust55.com/storage/2021/12/image-22.png" alt="" class="wp-image-5907" srcset="https://illust55.com/storage/2021/12/image-22.png 1920w, https://illust55.com/storage/2021/12/image-22-768x432.png 768w, https://illust55.com/storage/2021/12/image-22-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「かっこいい3D風景をつくりたい」<br>「ゲームの作り方を知りたい」<br><br><br>でも<br>「どうやればいいか、わからない」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、できる方法でゲームのつくり方を紹介しています<br><br>今回は、3Dゲームで背景を表示する方法とドラッグで360度カメラを動かす方法を紹介します<br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つぎの目次の流れにそって進めます<br><br>Youtubeでさらにくわしく、ゲームのつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">・Unityをはじめて聞いた方</h2>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityとはゲームをつくためのソフトです</p>
</div></div>



<p>Unityは世界でもっとも使われているゲームをつくるためのソフトです<br><br>公式サイトからインストールプログラムをダウンロードすることができます<br><br>＜Unity公式サイト＞<br><a href="https://unity.com/ja" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity.com/ja</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unityのインストールの方法を次のページで紹介しています<br><br>ぜひ、合わせてご覧ください</p>
</div></div>



<p>＜UNITYのインストール方法と 初めての使い方を 紹介しているページ＞<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・HDRIとはなんなの？</h2>



<figure class="wp-block-image"><img decoding="async" src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/20180121_Taipei%2C_Taiwan_Skyline_from_Xiangshan.jpg/800px-20180121_Taipei%2C_Taiwan_Skyline_from_Xiangshan.jpg" alt=""/><figcaption>&#8220;wikipedia 参照&#8221;</figcaption></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回、ご紹介するHDRIは360度のパノラマ背景です</p>
</div></div>



<p>HDRIは360度見ることができる3DやVRのための背景です</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>前だけではなく、後ろ、上、下も背景になります</p>
</div></div>



<h2 class="wp-block-heading">・無料３D背景のHDRI画像とドラッグで360度カメラを動かそう</h2>



<h4 class="wp-block-heading">・背景の部品をダウンロードしよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-1.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="934" src="https://illust55.com/storage/2021/12/image-1.png" alt="" class="wp-image-5886" srcset="https://illust55.com/storage/2021/12/image-1.png 2000w, https://illust55.com/storage/2021/12/image-1-768x359.png 768w, https://illust55.com/storage/2021/12/image-1-1536x717.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>無料の3D背景をダウンロードできるHDRIヘブンにアクセスしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．無料の3D背景をダウンロードできるPolyヘブンにアクセスしてください<br><br><a href="https://polyhaven.com/hdris" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://polyhaven.com/hdris</a><br><br>２．トップ画面の「HDRIs」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-2.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1673" height="927" src="https://illust55.com/storage/2021/12/image-2.png" alt="" class="wp-image-5887" srcset="https://illust55.com/storage/2021/12/image-2.png 1673w, https://illust55.com/storage/2021/12/image-2-768x426.png 768w, https://illust55.com/storage/2021/12/image-2-1536x851.png 1536w" sizes="(max-width: 1673px) 100vw, 1673px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>HDRIが現れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・背景にするHDRIをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-3.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-3.png" alt="" class="wp-image-5888" srcset="https://illust55.com/storage/2021/12/image-3.png 2000w, https://illust55.com/storage/2021/12/image-3-768x432.png 768w, https://illust55.com/storage/2021/12/image-3-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「Download」のボタンをクリックするとダウンロードがはじまります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「Download」のボタンをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・Unityに背景の部品をくわえよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-4.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-4.png" alt="" class="wp-image-5889" srcset="https://illust55.com/storage/2021/12/image-4.png 2000w, https://illust55.com/storage/2021/12/image-4-768x432.png 768w, https://illust55.com/storage/2021/12/image-4-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> Unityを起動してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「プロジェクト」をクリックしてください<br><br>２．「新規作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-5.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-5.png" alt="" class="wp-image-5890" srcset="https://illust55.com/storage/2021/12/image-5.png 2000w, https://illust55.com/storage/2021/12/image-5-768x432.png 768w, https://illust55.com/storage/2021/12/image-5-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> ３Dのプロジェクトをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「3D」をクリックしてください<br><br>２．「プロジェクト名」、「保存先」を決めてください<br><br>３．「作成」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-6.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1341" height="1005" src="https://illust55.com/storage/2021/12/image-6.png" alt="" class="wp-image-5891" srcset="https://illust55.com/storage/2021/12/image-6.png 1341w, https://illust55.com/storage/2021/12/image-6-768x576.png 768w" sizes="(max-width: 1341px) 100vw, 1341px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> ダウンロードした「HDRI」ファイルをドラッグ＆ドロップしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Assets」をクリックしてください<br><br>２．ダウンロードしたファイルをドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-7.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1502" height="1100" src="https://illust55.com/storage/2021/12/image-7.png" alt="" class="wp-image-5892" srcset="https://illust55.com/storage/2021/12/image-7.png 1502w, https://illust55.com/storage/2021/12/image-7-768x562.png 768w" sizes="(max-width: 1502px) 100vw, 1502px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 読みこんだファイルをクリックしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．読みこんだファイルをクリックしてください<br><br>２．「TextureShape」をクリックしてください<br><br>３．「Cube」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-8.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1533" height="1122" src="https://illust55.com/storage/2021/12/image-8.png" alt="" class="wp-image-5893" srcset="https://illust55.com/storage/2021/12/image-8.png 1533w, https://illust55.com/storage/2021/12/image-8-768x562.png 768w" sizes="(max-width: 1533px) 100vw, 1533px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 背景に映すために「マテリアル」ファイルをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．空いている場所で右クリックをしてください<br><br>２．「Create」 → 「Material」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-9.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1560" height="1130" src="https://illust55.com/storage/2021/12/image-9.png" alt="" class="wp-image-5894" srcset="https://illust55.com/storage/2021/12/image-9.png 1560w, https://illust55.com/storage/2021/12/image-9-768x556.png 768w, https://illust55.com/storage/2021/12/image-9-1536x1113.png 1536w" sizes="(max-width: 1560px) 100vw, 1560px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 3Dの背景に「マテリアル」の種類を変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．現れた「Materialファイル」をクリックしてください<br><br>２．「Shader」をクリックしてください<br><br>３．検索ウィンドウに「cubemap」を入れてください<br><br>４．現れた「cubemap」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-10.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1496" height="1125" src="https://illust55.com/storage/2021/12/image-10.png" alt="" class="wp-image-5895" srcset="https://illust55.com/storage/2021/12/image-10.png 1496w, https://illust55.com/storage/2021/12/image-10-768x578.png 768w" sizes="(max-width: 1496px) 100vw, 1496px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> HDRIファイルを「マテリアル」に設定します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・HDRIファイルを「Cubemap」にドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-11.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1442" height="1123" src="https://illust55.com/storage/2021/12/image-11.png" alt="" class="wp-image-5896" srcset="https://illust55.com/storage/2021/12/image-11.png 1442w, https://illust55.com/storage/2021/12/image-11-768x598.png 768w" sizes="(max-width: 1442px) 100vw, 1442px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 背景の設定ウィンドウが現れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Window」→「Rendering」→「Lighting」をクリックしてください<br><br>２．「Lighting」のウィンドウが現れます</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-12.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1462" height="1110" src="https://illust55.com/storage/2021/12/image-12.png" alt="" class="wp-image-5897" srcset="https://illust55.com/storage/2021/12/image-12.png 1462w, https://illust55.com/storage/2021/12/image-12-768x583.png 768w" sizes="(max-width: 1462px) 100vw, 1462px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 背景を設定します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Environment」をクリックしてください<br><br>２．「Skybox」に「Material」をドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-13.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1338" height="1052" src="https://illust55.com/storage/2021/12/image-13.png" alt="" class="wp-image-5898" srcset="https://illust55.com/storage/2021/12/image-13.png 1338w, https://illust55.com/storage/2021/12/image-13-768x604.png 768w" sizes="(max-width: 1338px) 100vw, 1338px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 背景が現れました</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「360度」の背景が現れました<br><br>※ 画面内でマウス右ボタンをドラッグすると周りを見ることができます</p>
</div>



<h4 class="wp-block-heading">・3Dの背景をドラッグで360度見渡すプログラムをつくろう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-14.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1575" height="1125" src="https://illust55.com/storage/2021/12/image-14.png" alt="" class="wp-image-5899" srcset="https://illust55.com/storage/2021/12/image-14.png 1575w, https://illust55.com/storage/2021/12/image-14-768x549.png 768w, https://illust55.com/storage/2021/12/image-14-1536x1097.png 1536w" sizes="(max-width: 1575px) 100vw, 1575px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>このままではプレイ中にドラッグで、360度見ることができません</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．空いている場所で右クリックをしてください<br><br>２．「Create」 → 「C# Script」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-15.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1594" height="1125" src="https://illust55.com/storage/2021/12/image-15.png" alt="" class="wp-image-5900" srcset="https://illust55.com/storage/2021/12/image-15.png 1594w, https://illust55.com/storage/2021/12/image-15-768x542.png 768w, https://illust55.com/storage/2021/12/image-15-1536x1084.png 1536w" sizes="(max-width: 1594px) 100vw, 1594px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> プログラムファイルをつくります<br><br>ダブルクリックするとプログラムを変えられるソフトが起動します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．現れた「C# Script」をダブルクリックしてください<br><br>２．「Visual Studio」が起動します</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-16.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1125" src="https://illust55.com/storage/2021/12/image-16.png" alt="" class="wp-image-5901" srcset="https://illust55.com/storage/2021/12/image-16.png 2000w, https://illust55.com/storage/2021/12/image-16-768x432.png 768w, https://illust55.com/storage/2021/12/image-16-1536x864.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 次のプログラムを貼り付けてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text"><strong>ゲーム中に360度カメラを動かすプログラム</strong></span></div><div class="label-box-content block-box-content box-content">
<pre class="wp-block-code"><code>using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class NewBehaviourScript : MonoBehaviour
{
    public float speed = 3.5f;
    private float X;
    private float Y;

    // Start is called before the first frame update
    void Start()
    {
     
	 }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetMouseButton(0))
        {
            transform.Rotate(new Vector3(Input.GetAxis("Mouse Y") * speed, -Input.GetAxis("Mouse X") * speed, 0));
            X = transform.rotation.eulerAngles.x;
            Y = transform.rotation.eulerAngles.y;
            transform.rotation = Quaternion.Euler(X, Y, 0);
        }
    }
}
</code></pre>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・もとのプログラムを消して、すべて貼り付けてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-17.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="2000" height="1132" src="https://illust55.com/storage/2021/12/image-17.png" alt="" class="wp-image-5902" srcset="https://illust55.com/storage/2021/12/image-17.png 2000w, https://illust55.com/storage/2021/12/image-17-768x435.png 768w, https://illust55.com/storage/2021/12/image-17-1536x869.png 1536w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> 変えたことをセーブします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「ファイル」 → 「保存」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-18.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1601" height="1125" src="https://illust55.com/storage/2021/12/image-18.png" alt="" class="wp-image-5903" srcset="https://illust55.com/storage/2021/12/image-18.png 1601w, https://illust55.com/storage/2021/12/image-18-768x540.png 768w, https://illust55.com/storage/2021/12/image-18-1536x1079.png 1536w" sizes="(max-width: 1601px) 100vw, 1601px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> カメラのパーツをクリックしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「Main Camera」をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-19.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1594" height="1125" src="https://illust55.com/storage/2021/12/image-19.png" alt="" class="wp-image-5904" srcset="https://illust55.com/storage/2021/12/image-19.png 1594w, https://illust55.com/storage/2021/12/image-19-768x542.png 768w, https://illust55.com/storage/2021/12/image-19-1536x1084.png 1536w" sizes="(max-width: 1594px) 100vw, 1594px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> カメラのパーツにプログラムを加えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「C#ファイル」をドラッグ＆ドロップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-20.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1588" height="1125" src="https://illust55.com/storage/2021/12/image-20.png" alt="" class="wp-image-5905" srcset="https://illust55.com/storage/2021/12/image-20.png 1588w, https://illust55.com/storage/2021/12/image-20-768x544.png 768w, https://illust55.com/storage/2021/12/image-20-1536x1088.png 1536w" sizes="(max-width: 1588px) 100vw, 1588px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> テストプレイで確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・「テストプレイボタン」をクリックしてください</p>
</div>



<h4 class="wp-block-heading">・3Dの背景をドラッグで360度見渡せることを確認しよう</h4>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/12/image-21.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1593" height="1125" src="https://illust55.com/storage/2021/12/image-21.png" alt="" class="wp-image-5906" srcset="https://illust55.com/storage/2021/12/image-21.png 1593w, https://illust55.com/storage/2021/12/image-21-768x542.png 768w, https://illust55.com/storage/2021/12/image-21-1536x1085.png 1536w" sizes="(max-width: 1593px) 100vw, 1593px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p> テストプレイで360度、カメラを動かすことができます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・テストプレイ中でも、画面を360度ドラッグして見ることができます<br><br>※モバイルでもタップして、画面を360度見ることができます</p>
</div>



<h2 class="wp-block-heading">まとめ</h2>



<p>今回は、3Dゲームで背景を表示する方法、ドラッグで360度カメラを動かす方法を紹介しました</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Youtubeでは、さらにおもしろく作り方を紹介しています<br><br>また、他のページでもゲームのつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">>> Youtubeチャンネル イラスト55 @ クリエイティブ情報を紹介</a><br><br><a href="https://illust55.com/category/%e3%82%b2%e3%83%bc%e3%83%a0%e3%81%ae%e3%81%a4%e3%81%8f%e3%82%8a%e6%96%b9/unity%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9/" data-wpel-link="internal">>> Unityのカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/5833/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【初心者講座】3Dアクションゲームの作り方！敵キャラクターを登場させよう【第二回】</title>
		<link>https://illust55.com/3141/</link>
					<comments>https://illust55.com/3141/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Tue, 06 Jul 2021 10:14:21 +0000</pubDate>
				<category><![CDATA[UNITYの使い方]]></category>
		<category><![CDATA[ゲームのつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[アクションゲーム]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作入門]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=3141</guid>

					<description><![CDATA[と悩んでいませんか？ このブログでは、誰でもカンタンにゲーム作りができる方法を紹介しています 今回は、ゲーム作りソフト「UNITY」の「３Dゲームキットライト」を使って、敵キャラクターを登場させる方法を紹介します ぜひ、 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image is-style-default"><figure class="aligncenter is-resized"><img loading="lazy" decoding="async" src="https://assetstorev1-prd-cdn.unity3d.com/key-image/4057681e-93a5-4f7a-bf98-641dfe049d58.jpg" alt="" width="516" height="389"/></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「かっこいいアクションゲームを作ってみたい」<br>「３Dゲームを作ってみたい」<br><br>・・・けど何から始めればいいか、わからない</p>
</div>



<p>と悩んでいませんか？<br><br>このブログでは、誰でもカンタンにゲーム作りができる方法を紹介しています<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">今回は、ゲーム作りソフト「UNITY」の「３Dゲームキットライト」を使って、<br>敵キャラクターを登場させる方法を紹介します</span><br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>このページは2回目のシリーズになります<br><br>1回目のページでバグの説明をしています<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">お手数ですが、必ず1回目をご覧になってから、こちらのページをご覧ください</span></p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">UNITYのアクションゲーム作りを学ぼう！3D Game Kit Lite 講座</span></div><div class="label-box-content block-box-content box-content">
<p>&lt;第一回目&gt; 3D ゲームキット ライトでUnityの3Dゲームの作り方・使い方を学ぼう！<br><a href="https://illust55.com/2894/" data-wpel-link="internal">https://illust55.com/2894/</a></p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>目次の流れにそって作り方を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・ゲーム作りソフト「UNITY」を紹介します</h2>



<p>UNITYはゲームを作るためのソフトです<br><br>また、VRや映像など今後、必要とされる部分でも幅広く使われているソフトです</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Dazzling 2D games made with Unity - Unite Copenhagen" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IkRhenpsaW5nIDJEIGdhbWVzIG1hZGUgd2l0aCBVbml0eSAtIFVuaXRlIENvcGVuaGFnZW4iLCJ2aWRlb19pZCI6IkNZbEt0UVNEbWgwIn0=" src="https://www.youtube.com/embed/CYlKtQSDmh0?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<p>UNITYには、「使い方を学ぶ」というトレーニングコースが用意されています<br><br>このため、カンタン・スムーズにUNITYの使い方を学ぶことができます</p>



<h2 class="wp-block-heading">・UNITYでゲーム作りを始めよう</h2>



<p>UNITYでゲームを作り始めるためには、インストールをする必要があります</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インストールプログラムは公式サイトからダウンロードできます</p>
</div></div>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">インストールプログラムは公式サイトからダウンロードできます</span></p>



<p>＜UNITYの公式サイト＞<br><a href="https://unity.com/ja" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity.com/ja</a></p>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">また、このブログでもインストールの方法を次のページで紹介しています</span><br><br>ぜひ、合わせてご覧ください<br><br>＜Unityのインストールの方法とLegoで始めるゲーム作り＞<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a></p>



<h2 class="wp-block-heading">・3D ゲームキットライトで敵キャラクターを登場させよう</h2>



<h4 class="wp-block-heading">・3D Game Kit Liteを始めよう</h4>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">３Dゲームキットライトの始め方を第1回目のページで紹介しています</span><br><br>３Dゲームキットライトは歩けないバグがあります<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">第1回目のページをご覧になってから、続きの方法をご覧ください</span><br><br>&lt;第一回目&gt; 3D ゲームキット ライトでUnityの3Dゲームの作り方・使い方を学ぼう！<br><a href="https://illust55.com/2894/" data-wpel-link="internal">https://illust55.com/2894/</a></p>



<h4 class="wp-block-heading">・敵キャラクターをゲーム画面に追加しよう</h4>



<p></p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/07/image-51.png" alt="" class="wp-image-3142" srcset="https://illust55.com/storage/2021/07/image-51.png 1280w, https://illust55.com/storage/2021/07/image-51-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラクターをゲーム画面に追加します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Assets」 → 「Prefabs」 → 「Chomper」をクリックしてください<br><br>２．「Comper」をドラッグ＆ドロップしてください<br><br>３．「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/07/image-52.png" alt="" class="wp-image-3143" width="794" height="425" srcset="https://illust55.com/storage/2021/07/image-52.png 1280w, https://illust55.com/storage/2021/07/image-52-768x412.png 768w" sizes="(max-width: 794px) 100vw, 794px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>このままでは、敵キャラクターは動くことができません</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Comper」は動くことができません<br><br>２．敵キャラクターが動けないことを確認した後、「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<h4 class="wp-block-heading">・敵キャラクターが動くように変えよう</h4>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/07/image-54.png" alt="" class="wp-image-3145" srcset="https://illust55.com/storage/2021/07/image-54.png 1280w, https://illust55.com/storage/2021/07/image-54-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラクターの移動できる場所をつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Plane」をクリックしてください<br><br>２．「Add Component」をクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1166" height="608" src="https://illust55.com/storage/2021/07/image-53.png" alt="" class="wp-image-3144" srcset="https://illust55.com/storage/2021/07/image-53.png 1166w, https://illust55.com/storage/2021/07/image-53-768x400.png 768w" sizes="(max-width: 1166px) 100vw, 1166px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>「平面」に歩ける場所のステータスをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「nav」を入力してください<br><br>２．「NavMeshSurface」をクリックしてください</p>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="673" src="https://illust55.com/storage/2021/07/image-55.png" alt="" class="wp-image-3146" srcset="https://illust55.com/storage/2021/07/image-55.png 1280w, https://illust55.com/storage/2021/07/image-55-768x404.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラクターをステータスに入れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Agent Type」をクリック → 「Chomper」をクリックしてください</p>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1285" height="667" src="https://illust55.com/storage/2021/07/image-56.png" alt="" class="wp-image-3147" srcset="https://illust55.com/storage/2021/07/image-56.png 1285w, https://illust55.com/storage/2021/07/image-56-768x399.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></figure></div>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>チェックをすべて外します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Include Layers」をクリックしてください<br><br>２．「Nothing」をクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1280" height="669" src="https://illust55.com/storage/2021/07/image-57.png" alt="" class="wp-image-3148" srcset="https://illust55.com/storage/2021/07/image-57.png 1280w, https://illust55.com/storage/2021/07/image-57-768x401.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>必要なチェックを入れます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．全てのチェックが外れたことを確認してください<br><br>２．もう一度、「Include Layers」をクリックしてください<br><br>３．「Environment」をクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="686" src="https://illust55.com/storage/2021/07/image-58.png" alt="" class="wp-image-3149" srcset="https://illust55.com/storage/2021/07/image-58.png 1280w, https://illust55.com/storage/2021/07/image-58-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラクターが動ける場所のステータスを保存します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Bake」をクリックしてください<br><br>２．青色は敵キャラクターが動ける場所です<br><br>３．「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/07/image-59.png" alt="" class="wp-image-3150" width="782" height="418" srcset="https://illust55.com/storage/2021/07/image-59.png 1282w, https://illust55.com/storage/2021/07/image-59-768x411.png 768w" sizes="(max-width: 782px) 100vw, 782px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>敵キャラクターが動けるようになったことを、確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．敵キャラクターが動けるようになりました<br><br>２．確認した後、「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1280" height="687" src="https://illust55.com/storage/2021/07/image-60.png" alt="" class="wp-image-3151" srcset="https://illust55.com/storage/2021/07/image-60.png 1280w, https://illust55.com/storage/2021/07/image-60-768x412.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>別の敵キャラクターを追加しましょう</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Assets」 → 「Prefabs」 → 「Splitter」をクリックしてください<br><br>２．「Splitter」をドラッグ＆ドロップしてください<br><br>３．「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/07/image-61.png" alt="" class="wp-image-3152" width="784" height="419" srcset="https://illust55.com/storage/2021/07/image-61.png 1282w, https://illust55.com/storage/2021/07/image-61-768x411.png 768w" sizes="(max-width: 784px) 100vw, 784px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>動きを確認してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box stn block-box">
<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Splitter」は逃げながら、タマを打ってきます<br><br></p>



<p>２．<br>前の操作で「Plane」に動けるステータスを入れました<br>このことにより、敵キャラクターが動けるようになっていることを確認してください<br><br>３．確認した後、「テストプレイ」ボタンをクリックしてください</p>
</div>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回の説明はここまでです、お疲れさまでした</p>
</div></div>



<h2 class="wp-block-heading">・まとめ</h2>



<p>今回は「3D Game Kit Lite」で敵キャラクターを登場させる方法を紹介しました<br><br>UNITYでは、他にも「使い方を学ぶ」トレーニングコースが用意されています<br><br>ぜひ、ゲーム作りにチャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>最後にこのブログの、他のゲーム作りのページを紹介します<br>ぜひ、合わせてご覧ください</p>
</div></div>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">UNITYのゲームつくりページ</span></div><div class="label-box-content block-box-content box-content">
<p><br>Unityでゲーム作りを始める！3Dレースカーで学ぶ・使い方講座【コーディングなし&amp;超入門】<br><a href="https://illust55.com/2948/" data-wpel-link="internal">https://illust55.com/2948/</a><br><br>UnityとLegoで始めるゲーム作り！無料＆超初心者向けの作り方<br><a href="https://illust55.com/2018/" data-wpel-link="internal">https://illust55.com/2018/</a><br><br>Unityのカートゲームで始めるゲーム制作！【使い方を学ぶ・入門】<br><a href="https://illust55.com/2214/" data-wpel-link="internal">https://illust55.com/2214/</a></p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまでご覧いただき、ありがとうございました</p>
</div></div>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/3141/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech Upの使い方とリアルグラフィックの作り方【初心者用】</title>
		<link>https://illust55.com/1908/</link>
					<comments>https://illust55.com/1908/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Mon, 31 May 2021 09:09:29 +0000</pubDate>
				<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Sketch Up]]></category>
		<category><![CDATA[Twin Motion]]></category>
		<category><![CDATA[入門]]></category>
		<category><![CDATA[景観]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=1908</guid>

					<description><![CDATA[と考えていませんか？ このページでは無料、カンタンに始められる方法で、かっこいい３Dの景色の作り方を紹介しています 今回は、無料の３Dソフト「Skech Up」と「Twin Motion」という有名なソフトを使います ぜ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/静止画2-800x450.png" alt="" class="wp-image-1996" width="736" height="414" srcset="https://illust55.com/storage/2021/05/静止画2-800x450.png 800w, https://illust55.com/storage/2021/05/静止画2-500x281.png 500w, https://illust55.com/storage/2021/05/静止画2-300x169.png 300w, https://illust55.com/storage/2021/05/静止画2-768x432.png 768w, https://illust55.com/storage/2021/05/静止画2-1536x864.png 1536w, https://illust55.com/storage/2021/05/静止画2.png 1920w" sizes="(max-width: 736px) 100vw, 736px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>「3Dを始めてみたい」<br>「かっこいい３Dをつくってみたい」<br><br>・・・けど<br>「何から始めればいいかわからない」<br>「3Dはなんかムズかしそう」</p>
</div>



<p>と考えていませんか？<br><br>このページでは無料、カンタンに始められる方法で、かっこいい３Dの景色の作り方を紹介しています<br><br>今回は、無料の３Dソフト「Skech Up」と「Twin Motion」という有名なソフトを使います<br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つぎの目次の流れにそって進めます<br><br>Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">・「Sketch Up」をはじめて聞いた方</h2>



<h4 class="wp-block-heading">・建物を作るソフト 「Sketch Up」とはなに？</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Sketch Upは３Dの建て物をつくることが<br><br>得意なソフトです</p>
</div></div>



<p>カンタンに３Dの街を作ることができるソフトで<br><br><br><br>つかっているソフトは有料版ですが、無料でも同じことができます</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Sketch Upを使って、建物をつくっている動画を紹介します</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="SketchUp City Building - Basic Tips &amp; Tutorial" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlNrZXRjaFVwIENpdHkgQnVpbGRpbmcgLSBCYXNpYyBUaXBzICZhbXA7IFR1dG9yaWFsIiwidmlkZW9faWQiOiJORDZTTTZDRXV1OCJ9" src="https://www.youtube.com/embed/ND6SM6CEuu8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<h4 class="wp-block-heading">・さっそくSketch Upの始めよう</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p><strong>Sketch Up</strong>はインストールしないで、使うことができます<br><br>次の公式サイトにアクセスしてください</p>
</div></div>



<p><br>＜<strong>Sketch Up</strong>公式サイト＞<br><a rel="noopener nofollow external noreferrer" href="https://www.sketchup.com/ja" target="_blank" title="" data-wpel-link="external">https://www.sketchup.com/ja</a></p>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-193.png" alt="" class="wp-image-1916" width="780" height="403" srcset="https://illust55.com/storage/2021/05/image-193.png 1498w, https://illust55.com/storage/2021/05/image-193-500x258.png 500w, https://illust55.com/storage/2021/05/image-193-800x413.png 800w, https://illust55.com/storage/2021/05/image-193-300x155.png 300w, https://illust55.com/storage/2021/05/image-193-768x397.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Sketch Up公式サイトのトップ画面です</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「Sketch Upを体験」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1051" height="812" src="https://illust55.com/storage/2021/05/image-196.png" alt="" class="wp-image-1919" srcset="https://illust55.com/storage/2021/05/image-196.png 1051w, https://illust55.com/storage/2021/05/image-196-500x386.png 500w, https://illust55.com/storage/2021/05/image-196-800x618.png 800w, https://illust55.com/storage/2021/05/image-196-300x232.png 300w, https://illust55.com/storage/2021/05/image-196-768x593.png 768w" sizes="(max-width: 1051px) 100vw, 1051px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>無料版か有料版を選ぶページに移動するので、無料を選びます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「個人プロジェクト向け」をクリックしてください<br><br>２．「モデリングを開始」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="749" height="749" src="https://illust55.com/storage/2021/05/image-195.png" alt="" class="wp-image-1918" srcset="https://illust55.com/storage/2021/05/image-195.png 749w, https://illust55.com/storage/2021/05/image-195-500x500.png 500w, https://illust55.com/storage/2021/05/image-195-300x300.png 300w, https://illust55.com/storage/2021/05/image-195-100x100.png 100w, https://illust55.com/storage/2021/05/image-195-150x150.png 150w, https://illust55.com/storage/2021/05/image-195-120x120.png 120w, https://illust55.com/storage/2021/05/image-195-160x160.png 160w, https://illust55.com/storage/2021/05/image-195-320x320.png 320w, https://illust55.com/storage/2021/05/image-195-250x250.png 250w" sizes="(max-width: 749px) 100vw, 749px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アカウント画面に移動しましたら、アカウントを作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・Eメールの登録、またはGoogleからアカウントを作成してください<br>（※Googleアカウントだと、すぐに作れます）</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1300" height="734" src="https://illust55.com/storage/2021/05/image-197.png" alt="" class="wp-image-1920" srcset="https://illust55.com/storage/2021/05/image-197.png 1300w, https://illust55.com/storage/2021/05/image-197-500x282.png 500w, https://illust55.com/storage/2021/05/image-197-800x452.png 800w, https://illust55.com/storage/2021/05/image-197-300x169.png 300w, https://illust55.com/storage/2021/05/image-197-768x434.png 768w" sizes="(max-width: 1300px) 100vw, 1300px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>作り方を選ぶ画面に移動しましたら、作り方を決めます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「新規作成」をクリックしてください<br><br>２．「シンプルなテンプレート・メートル」を選んでください</p>
</div>



<h2 class="wp-block-heading">・Sketch Upをつかって、建物をつくろう</h2>



<h4 class="wp-block-heading">・視点・画面の移動</h4>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1019" height="836" src="https://illust55.com/storage/2021/05/image-199.png" alt="" class="wp-image-1923" srcset="https://illust55.com/storage/2021/05/image-199.png 1019w, https://illust55.com/storage/2021/05/image-199-500x410.png 500w, https://illust55.com/storage/2021/05/image-199-800x656.png 800w, https://illust55.com/storage/2021/05/image-199-300x246.png 300w, https://illust55.com/storage/2021/05/image-199-768x630.png 768w" sizes="(max-width: 1019px) 100vw, 1019px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>はじめに、画面を移動する方法です</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．一番下のアイコンをクリックしてください<br><br>２．輪っかのアイコンは「回り込み」のアイコンです、ドラッグで画面が回り込みで移動します<br><br>３．手のアイコンは「水平移動」のアイコンです、ドラッグで画面が水平移動します<br><br>４．虫眼鏡のアイコンは「拡大・縮小」のアイコンです、ドラッグで画面が拡大・縮小します</p>
</div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>マウスの真ん中のボタンでも同じ操作ができます<br>１．マウスの真ん中のボタンをドラッグすると、回り込みで画面が移動します<br><br>２．マウスの真ん中のボタンとSHIFTボタンをドラッグすると、水平移動で画面が移動します<br><br>３．マウスの真ん中のボタンスクロールすると、画面が拡大・縮小します</p>
</div>



<h4 class="wp-block-heading">・道路と地面の作る準備をする</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-200.png" alt="" class="wp-image-1925" width="728" height="561" srcset="https://illust55.com/storage/2021/05/image-200.png 931w, https://illust55.com/storage/2021/05/image-200-500x386.png 500w, https://illust55.com/storage/2021/05/image-200-800x618.png 800w, https://illust55.com/storage/2021/05/image-200-300x232.png 300w, https://illust55.com/storage/2021/05/image-200-768x593.png 768w" sizes="(max-width: 728px) 100vw, 728px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>キャラクターは使わないので消します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．一番上の矢印アイコンをクリックしてください<br><br>２．キャラクターの上でクリック → DELETEボタンを押してください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-201.png" alt="" class="wp-image-1926" width="706" height="625" srcset="https://illust55.com/storage/2021/05/image-201.png 914w, https://illust55.com/storage/2021/05/image-201-500x443.png 500w, https://illust55.com/storage/2021/05/image-201-800x708.png 800w, https://illust55.com/storage/2021/05/image-201-300x266.png 300w, https://illust55.com/storage/2021/05/image-201-768x680.png 768w" sizes="(max-width: 706px) 100vw, 706px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて、四角形に書く道具を選びます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．中央の四角形のアイコンをクリックしてください<br><br>２．現れた四角形のアイコンをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・地面を作る方法</h4>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1559" height="689" src="https://illust55.com/storage/2021/05/image-203.png" alt="" class="wp-image-1929" srcset="https://illust55.com/storage/2021/05/image-203.png 1559w, https://illust55.com/storage/2021/05/image-203-500x221.png 500w, https://illust55.com/storage/2021/05/image-203-800x354.png 800w, https://illust55.com/storage/2021/05/image-203-300x133.png 300w, https://illust55.com/storage/2021/05/image-203-768x339.png 768w, https://illust55.com/storage/2021/05/image-203-1536x679.png 1536w" sizes="(max-width: 1559px) 100vw, 1559px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>地面となる四角形を作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">作りやすいと感じる視点に移動してください</span></p>



<p>１．開始位置でドラッグしてください<br><br>２．右下のタテ、ヨコを表す数字が１００m以上になるように調整してください<br><br>３．場所が決まったらドラッグしたマウスを離してください<br><br>４．四角形が作られます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下の画面は上の説明の作業になります<br><br>参考にしてください</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1873" height="804" src="https://illust55.com/storage/2021/05/Animation.gif" alt="" class="wp-image-1927"/></figure>



<h4 class="wp-block-heading">・道路を作る方法</h4>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1573" height="699" src="https://illust55.com/storage/2021/05/image-204.png" alt="" class="wp-image-1930" srcset="https://illust55.com/storage/2021/05/image-204.png 1573w, https://illust55.com/storage/2021/05/image-204-500x222.png 500w, https://illust55.com/storage/2021/05/image-204-800x355.png 800w, https://illust55.com/storage/2021/05/image-204-300x133.png 300w, https://illust55.com/storage/2021/05/image-204-768x341.png 768w, https://illust55.com/storage/2021/05/image-204-1536x683.png 1536w" sizes="(max-width: 1573px) 100vw, 1573px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて同じ方法で道路を作ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．ヨコにハジからハジまでマウスをドラッグして四角形を書きます<br><br>２．タテにハジからハジまでマウスをドラッグして四角形を書きます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下の画面は上の説明の作業になります<br></p>



<p>参考にしてください</p>
</div></div>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/2.gif" alt="" width="780" height="333"/></figure>



<h4 class="wp-block-heading">・建て物の形を作る方法</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-205.png" alt="" class="wp-image-1932" width="800" height="365" srcset="https://illust55.com/storage/2021/05/image-205.png 1784w, https://illust55.com/storage/2021/05/image-205-500x229.png 500w, https://illust55.com/storage/2021/05/image-205-800x366.png 800w, https://illust55.com/storage/2021/05/image-205-300x137.png 300w, https://illust55.com/storage/2021/05/image-205-768x351.png 768w, https://illust55.com/storage/2021/05/image-205-1536x703.png 1536w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>同じ方法で建て物の形を作ります<br><br>今回は上の図のように作成しました</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>長さや形が少し違っても、この後の作業はできるので<br><br>気にしないでください</p>
</div></div>



<h4 class="wp-block-heading">・道路・建て物を立体に変える</h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="358" src="https://illust55.com/storage/2021/05/image-207-800x358.png" alt="" class="wp-image-1936" srcset="https://illust55.com/storage/2021/05/image-207-800x358.png 800w, https://illust55.com/storage/2021/05/image-207-500x224.png 500w, https://illust55.com/storage/2021/05/image-207-300x134.png 300w, https://illust55.com/storage/2021/05/image-207-768x343.png 768w, https://illust55.com/storage/2021/05/image-207-1536x687.png 1536w, https://illust55.com/storage/2021/05/image-207.png 1568w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて平面を立体に変形させます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．画面左のメニューの「押し出しアイコン」を選んでください<br><br>２．現れた押し出しツールを選んでください<br><br>３．建物にするために書いた四角形の上で、ドラッグして立体化できます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下の画面は上の説明の作業になります<br></p>



<p>参考にしてください</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1873" height="802" src="https://illust55.com/storage/2021/05/3-1.gif" alt="" class="wp-image-1937"/></figure>



<h4 class="wp-block-heading">・建物・ビルの飾りつけをする方法</h4>



<p>続いて四角形ツールで建物の飾りつけをします<br><br>飾りつけをしなくても完成しますが<br><br>出来上がりはより良い物なります<br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>飾りつけをしないでも作業は問題ありません<br><br>まず完成させたい方はスキップしてください</p>
</div></div>



<p>下は作業画面です、ぜひ参考にしてください</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1894" height="870" src="https://illust55.com/storage/2021/05/Video.gif" alt="" class="wp-image-1973"/></figure>



<h4 class="wp-block-heading">・色を塗る方法</h4>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1669" height="780" src="https://illust55.com/storage/2021/05/image-217.png" alt="" class="wp-image-1958" srcset="https://illust55.com/storage/2021/05/image-217.png 1669w, https://illust55.com/storage/2021/05/image-217-500x234.png 500w, https://illust55.com/storage/2021/05/image-217-800x374.png 800w, https://illust55.com/storage/2021/05/image-217-300x140.png 300w, https://illust55.com/storage/2021/05/image-217-768x359.png 768w, https://illust55.com/storage/2021/05/image-217-1536x718.png 1536w" sizes="(max-width: 1669px) 100vw, 1669px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて色を塗ります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．矢印ツールを選んでください<br><br>２．立方体のアイコンを選んでください<br><br>３．表示された中から色を選んでください<br><br>４．マウスでクリックして色を塗ってください</p>
</div>



<p>ここで塗る色は完成品の色として使うわけではありません<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">この色は素材の種類を分けるために塗る色になります<br><br>つまり、色が同じ部分は強制的に同じ素材になります<br><br>そして、色が違うと素材を別に設定できます</span></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>最初は全て同じ色なので全て同じ素材を使っている状態です<br><br>別の色にすると別の素材を使うことができます</p>
</div></div>



<p>この作業はカンタンですが、作業の内容は理解しがたいかもしれません<br><br>その場合は、<span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">適当に塗り分けても作業は<br><br>問題なく進めることができるので安心してください</span></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>今回は下の画像のように塗り分けました！</p>
</div></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="372" src="https://illust55.com/storage/2021/05/image-215-800x372.png" alt="" class="wp-image-1956" srcset="https://illust55.com/storage/2021/05/image-215-800x372.png 800w, https://illust55.com/storage/2021/05/image-215-500x232.png 500w, https://illust55.com/storage/2021/05/image-215-300x139.png 300w, https://illust55.com/storage/2021/05/image-215-768x357.png 768w, https://illust55.com/storage/2021/05/image-215-1536x714.png 1536w, https://illust55.com/storage/2021/05/image-215.png 1913w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h4 class="wp-block-heading">・データを保存してTwin Motionに運ぶ方法</h4>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-208.png" alt="" class="wp-image-1940" width="604" height="502" srcset="https://illust55.com/storage/2021/05/image-208.png 924w, https://illust55.com/storage/2021/05/image-208-500x416.png 500w, https://illust55.com/storage/2021/05/image-208-800x666.png 800w, https://illust55.com/storage/2021/05/image-208-300x250.png 300w, https://illust55.com/storage/2021/05/image-208-768x639.png 768w" sizes="(max-width: 604px) 100vw, 604px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまでで、Sketch Upの作業は終わりです<br><br>続いてTwin Motionに運ぶ準備をします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・左上の三本線のアイコンをクリックして保存メニューを出してください</p>
</div>



<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-210.png" alt="" class="wp-image-1942" width="673" height="609" srcset="https://illust55.com/storage/2021/05/image-210.png 787w, https://illust55.com/storage/2021/05/image-210-500x452.png 500w, https://illust55.com/storage/2021/05/image-210-300x271.png 300w, https://illust55.com/storage/2021/05/image-210-768x695.png 768w" sizes="(max-width: 673px) 100vw, 673px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「ダウンロード」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="367" src="https://illust55.com/storage/2021/05/image-218-800x367.png" alt="" class="wp-image-1959" srcset="https://illust55.com/storage/2021/05/image-218-800x367.png 800w, https://illust55.com/storage/2021/05/image-218-500x229.png 500w, https://illust55.com/storage/2021/05/image-218-300x138.png 300w, https://illust55.com/storage/2021/05/image-218-768x352.png 768w, https://illust55.com/storage/2021/05/image-218.png 1405w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・2018を選んでダウンロードをクリックしてください<br>(※   ダウンロードが始まります)</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまででSketch Upの作業は終わりです<br><br>次はリアル、キレイに表示するためにTwin Motionを使います</p>
</div></div>



<h2 class="wp-block-heading">・TwinMotionをつかって、リアルできれいに仕上げよう ！</h2>



<h4 class="wp-block-heading">・Twin Motionをはじめて聞いた方</h4>



<p>Twin Motionはカンタンにリアルに見せることが、得意なソフトです</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下の動画はTwin Motionの紹介動画です</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Twinmotionの紹介" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlR3aW5tb3Rpb25cdTMwNmVcdTdkMzlcdTRlY2IiLCJ2aWRlb19pZCI6InA2TmpqdmVoVU5ZIn0=" src="https://www.youtube.com/embed/p6NjjvehUNY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インストールの方法は次のページで、紹介しています<br><br>直接ダウンロードされる場合は、公式サイトにアクセスしてください</p>
</div></div>



<p><br>＜TwinMotionのインストールを紹介しているページ＞<br><a href="https://illust55.com/1714/" data-wpel-link="internal">https://illust55.com/1714/</a><br><br>＜TwinMotionの公式サイト＞<br><a href="https://www.unrealengine.com/ja/twinmotion" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://www.unrealengine.com/ja/twinmotion</a></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インストールは大容量ですが、その分すごいリアルです</p>
</div></div>



<h4 class="wp-block-heading">・Twin MotionにSketch Upの３Dファイルを読み込む</h4>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-178-800x529.png" alt="" class="wp-image-1866" width="782" height="517" srcset="https://illust55.com/storage/2021/05/image-178-800x529.png 800w, https://illust55.com/storage/2021/05/image-178-500x331.png 500w, https://illust55.com/storage/2021/05/image-178-300x198.png 300w, https://illust55.com/storage/2021/05/image-178-768x508.png 768w, https://illust55.com/storage/2021/05/image-178.png 1238w" sizes="(max-width: 782px) 100vw, 782px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Twin Motionが起動した後、<br><br>先ほどのファイルをTwinMotionに読み込みます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．インポートタブをクリックしてください<br><br>２．インポートボタンを表示してください</p>
</div>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-180-800x427.png" alt="" class="wp-image-1868" width="764" height="408" srcset="https://illust55.com/storage/2021/05/image-180-800x427.png 800w, https://illust55.com/storage/2021/05/image-180-500x267.png 500w, https://illust55.com/storage/2021/05/image-180-300x160.png 300w, https://illust55.com/storage/2021/05/image-180-768x410.png 768w, https://illust55.com/storage/2021/05/image-180.png 1247w" sizes="(max-width: 764px) 100vw, 764px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「開く」ボタンを押してください<br><br>２．先ほど保存したファイルを選んで「開く」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-182-800x420.png" alt="" class="wp-image-1870" width="758" height="398" srcset="https://illust55.com/storage/2021/05/image-182-800x420.png 800w, https://illust55.com/storage/2021/05/image-182-500x262.png 500w, https://illust55.com/storage/2021/05/image-182-300x157.png 300w, https://illust55.com/storage/2021/05/image-182-768x403.png 768w, https://illust55.com/storage/2021/05/image-182.png 1247w" sizes="(max-width: 758px) 100vw, 758px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．再構成をクリックしてください<br><br>２．オブジェクト構成を維持するをクリックしてください<br><br>３．OKをクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1408" height="689" src="https://illust55.com/storage/2021/05/image-219.png" alt="" class="wp-image-1961" srcset="https://illust55.com/storage/2021/05/image-219.png 1408w, https://illust55.com/storage/2021/05/image-219-500x245.png 500w, https://illust55.com/storage/2021/05/image-219-800x391.png 800w, https://illust55.com/storage/2021/05/image-219-300x147.png 300w, https://illust55.com/storage/2021/05/image-219-768x376.png 768w" sizes="(max-width: 1408px) 100vw, 1408px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>３Dファイルを読み込み、画面に表示させます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・右上の矢印アイコンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="409" src="https://illust55.com/storage/2021/05/image-220-800x409.png" alt="" class="wp-image-1962" srcset="https://illust55.com/storage/2021/05/image-220-800x409.png 800w, https://illust55.com/storage/2021/05/image-220-500x256.png 500w, https://illust55.com/storage/2021/05/image-220-300x153.png 300w, https://illust55.com/storage/2021/05/image-220-768x393.png 768w, https://illust55.com/storage/2021/05/image-220.png 1406w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．読み込んだオブジェクトを右クリックしてください<br><br>２．選択にズームをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・塗った色を変える方法（道路編）</h4>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="410" src="https://illust55.com/storage/2021/05/image-223-800x410.png" alt="" class="wp-image-1966" srcset="https://illust55.com/storage/2021/05/image-223-800x410.png 800w, https://illust55.com/storage/2021/05/image-223-500x256.png 500w, https://illust55.com/storage/2021/05/image-223-300x154.png 300w, https://illust55.com/storage/2021/05/image-223-768x393.png 768w, https://illust55.com/storage/2021/05/image-223-1536x787.png 1536w, https://illust55.com/storage/2021/05/image-223.png 1568w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>次に読み込んだファイルに塗った色は<br><br>不自然なので、色を変えます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・画面左上のマテリアルをクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="435" src="https://illust55.com/storage/2021/05/image-224-800x435.png" alt="" class="wp-image-1967" srcset="https://illust55.com/storage/2021/05/image-224-800x435.png 800w, https://illust55.com/storage/2021/05/image-224-500x272.png 500w, https://illust55.com/storage/2021/05/image-224-300x163.png 300w, https://illust55.com/storage/2021/05/image-224-768x418.png 768w, https://illust55.com/storage/2021/05/image-224.png 1490w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>道路と歩道はこの方法で色を変更してください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・地面にする色をドラッグ＆ドロップします</p>
</div>



<h4 class="wp-block-heading"><strong>・塗った色を変える方法（建て物編）</strong></h4>



<p>ビルに塗る色はいい色が用意されていないので<br><br>ビルに張り付ける絵をこちらで用意します</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下のサイトからビルに張り付ける絵を<br><br>ダウンロードしてください</p>
</div></div>



<p>＜Modern Glass Building Facade Texture＞<br><a href="http://www.textures4photoshop.com/tex/building-and-architecture/modern-glass-building-facade-texture.aspx" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">http://www.textures4photoshop.com/tex/building-and-architecture/modern-glass-building-facade-texture.aspx</a></p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="384" src="https://illust55.com/storage/2021/05/image-225-800x384.png" alt="" class="wp-image-1968" srcset="https://illust55.com/storage/2021/05/image-225-800x384.png 800w, https://illust55.com/storage/2021/05/image-225-500x240.png 500w, https://illust55.com/storage/2021/05/image-225-300x144.png 300w, https://illust55.com/storage/2021/05/image-225-768x368.png 768w, https://illust55.com/storage/2021/05/image-225-1536x736.png 1536w, https://illust55.com/storage/2021/05/image-225.png 1577w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ボタンをクリックするとダウンロードできます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．アクセスした後、右上のダウンロードボタンをクリックしてください<br><br>２．「ロボットではない」にチェックを入れてください<br><br>３．ダウンロードボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="411" src="https://illust55.com/storage/2021/05/image-226-800x411.png" alt="" class="wp-image-1969" srcset="https://illust55.com/storage/2021/05/image-226-800x411.png 800w, https://illust55.com/storage/2021/05/image-226-500x257.png 500w, https://illust55.com/storage/2021/05/image-226-300x154.png 300w, https://illust55.com/storage/2021/05/image-226-768x394.png 768w, https://illust55.com/storage/2021/05/image-226.png 1475w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて、絵をTwinMotionに読み込みます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．スポイトツールをクリックしてください<br><br>２．変更する色をクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="566" src="https://illust55.com/storage/2021/05/image-228-800x566.png" alt="" class="wp-image-1971" srcset="https://illust55.com/storage/2021/05/image-228-800x566.png 800w, https://illust55.com/storage/2021/05/image-228-500x353.png 500w, https://illust55.com/storage/2021/05/image-228-300x212.png 300w, https://illust55.com/storage/2021/05/image-228-768x543.png 768w, https://illust55.com/storage/2021/05/image-228.png 1242w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・「＋」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="433" src="https://illust55.com/storage/2021/05/image-230-800x433.png" alt="" class="wp-image-1975" srcset="https://illust55.com/storage/2021/05/image-230-800x433.png 800w, https://illust55.com/storage/2021/05/image-230-500x271.png 500w, https://illust55.com/storage/2021/05/image-230-300x162.png 300w, https://illust55.com/storage/2021/05/image-230-768x416.png 768w, https://illust55.com/storage/2021/05/image-230.png 1317w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．新規マテリアルが作られたのを確認します（白色のマル）<br><br>２．色の項目の右下の「詳細」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1402" height="808" src="https://illust55.com/storage/2021/05/image-232.png" alt="" class="wp-image-1977" srcset="https://illust55.com/storage/2021/05/image-232.png 1402w, https://illust55.com/storage/2021/05/image-232-500x288.png 500w, https://illust55.com/storage/2021/05/image-232-800x461.png 800w, https://illust55.com/storage/2021/05/image-232-300x173.png 300w, https://illust55.com/storage/2021/05/image-232-768x443.png 768w" sizes="(max-width: 1402px) 100vw, 1402px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．テクスチャボタンをクリックしてください<br><br>２．ポップアップが表示されます<br><br>３．先ほどダウンロードしたファイルを選んでください</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="423" src="https://illust55.com/storage/2021/05/image-233-800x423.png" alt="" class="wp-image-1978" srcset="https://illust55.com/storage/2021/05/image-233-800x423.png 800w, https://illust55.com/storage/2021/05/image-233-500x264.png 500w, https://illust55.com/storage/2021/05/image-233-300x159.png 300w, https://illust55.com/storage/2021/05/image-233-768x406.png 768w, https://illust55.com/storage/2021/05/image-233.png 1408w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．光度メニューを選び80%くらいまで上げてください<br><br>２．画面左の新規マテリアルと書いてある部分をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1391" height="730" src="https://illust55.com/storage/2021/05/image-234.png" alt="" class="wp-image-1980" srcset="https://illust55.com/storage/2021/05/image-234.png 1391w, https://illust55.com/storage/2021/05/image-234-500x262.png 500w, https://illust55.com/storage/2021/05/image-234-800x420.png 800w, https://illust55.com/storage/2021/05/image-234-300x157.png 300w, https://illust55.com/storage/2021/05/image-234-768x403.png 768w" sizes="(max-width: 1391px) 100vw, 1391px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・画面右の設定をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1391" height="721" src="https://illust55.com/storage/2021/05/image-238.png" alt="" class="wp-image-1984" srcset="https://illust55.com/storage/2021/05/image-238.png 1391w, https://illust55.com/storage/2021/05/image-238-500x259.png 500w, https://illust55.com/storage/2021/05/image-238-800x415.png 800w, https://illust55.com/storage/2021/05/image-238-300x155.png 300w, https://illust55.com/storage/2021/05/image-238-768x398.png 768w" sizes="(max-width: 1391px) 100vw, 1391px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>・金属的質感をONにしてください</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="458" src="https://illust55.com/storage/2021/05/image-239-800x458.png" alt="" class="wp-image-1985" srcset="https://illust55.com/storage/2021/05/image-239-800x458.png 800w, https://illust55.com/storage/2021/05/image-239-500x286.png 500w, https://illust55.com/storage/2021/05/image-239-300x172.png 300w, https://illust55.com/storage/2021/05/image-239-768x440.png 768w, https://illust55.com/storage/2021/05/image-239.png 1405w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．建物にドラッグ＆ドロップします<br><br>２．建物に合うように縮尺を調整します</p>
</div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1407" height="759" src="https://illust55.com/storage/2021/05/image-240.png" alt="" class="wp-image-1986" srcset="https://illust55.com/storage/2021/05/image-240.png 1407w, https://illust55.com/storage/2021/05/image-240-500x270.png 500w, https://illust55.com/storage/2021/05/image-240-800x432.png 800w, https://illust55.com/storage/2021/05/image-240-300x162.png 300w, https://illust55.com/storage/2021/05/image-240-768x414.png 768w" sizes="(max-width: 1407px) 100vw, 1407px" /></figure>



<p>つくった色は設定した光や縮尺を別々に変更することはできません<br><br>1階部分は2階と窓の大きさを変えるので、もう一度、同じテクスチャを読み込みます</p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．もう一度「＋」ボタンをクリックしてください<br><br>２．テクスチャをクリックしてください<br><br>３．同じビルの絵のファイルを選んでください<br><br>４．1階部分にマテリアルをドラッグ＆ドロップします</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまで紹介した方法で建て物すべてに色を塗っていきます</p>
</div></div>



<p>続いて、オブジェクトを少し追加します</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="416" src="https://illust55.com/storage/2021/05/image-242-800x416.png" alt="" class="wp-image-1988" srcset="https://illust55.com/storage/2021/05/image-242-800x416.png 800w, https://illust55.com/storage/2021/05/image-242-500x260.png 500w, https://illust55.com/storage/2021/05/image-242-300x156.png 300w, https://illust55.com/storage/2021/05/image-242-768x399.png 768w, https://illust55.com/storage/2021/05/image-242.png 1392w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p>街中には色々な物を置いたり、工夫できますが<br><br>代表的な2項目を紹介します<br></p>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．「オブジェクト」 → 「市街」 → 「観葉植物」から歩道の植木を選べます<br><br>２．「キャラクター」→「ポーズを取った人」から街中の人を選べます</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>以上を置いて、いただくと街中ができあがります</p>
</div></div>



<h4 class="wp-block-heading">・かっこいい絵を取る方法</h4>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="1141" height="809" src="https://illust55.com/storage/2021/05/image-243.png" alt="" class="wp-image-1989" srcset="https://illust55.com/storage/2021/05/image-243.png 1141w, https://illust55.com/storage/2021/05/image-243-500x355.png 500w, https://illust55.com/storage/2021/05/image-243-800x567.png 800w, https://illust55.com/storage/2021/05/image-243-300x213.png 300w, https://illust55.com/storage/2021/05/image-243-768x545.png 768w" sizes="(max-width: 1141px) 100vw, 1141px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて完成した画面をリアルな絵で保存する方法を紹介します</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．メディアアイコンをクリックしてください<br><br>２．「静止画」をクリックしてください</p>
</div>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="427" src="https://illust55.com/storage/2021/05/image-245-800x427.png" alt="" class="wp-image-1991" srcset="https://illust55.com/storage/2021/05/image-245-800x427.png 800w, https://illust55.com/storage/2021/05/image-245-500x267.png 500w, https://illust55.com/storage/2021/05/image-245-300x160.png 300w, https://illust55.com/storage/2021/05/image-245-768x410.png 768w, https://illust55.com/storage/2021/05/image-245.png 1406w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box block-box primary-box">
<p>１．エクスポートアイコンをクリックしてください<br><br>２．静止画ボタンをクリックしてください<br><br>３．表示された絵をクリックしてください<br><br>４．エクスポートをクリックしてください</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-14 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ここまで紹介した方法から、少しつけ加えて作成した絵です</p>
</div></div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-800x450.png" alt="" class="wp-image-1954" srcset="https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-800x450.png 800w, https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-500x281.png 500w, https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-300x169.png 300w, https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-768x432.png 768w, https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】-1536x864.png 1536w, https://illust55.com/storage/2021/05/【入門＆都市景観】無料で始める超簡単な街並みの作り方！Skech-Upの使い方とリアルグラフィックの作り方【初心者用】.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h2 class="wp-block-heading">・まとめ</h2>



<p>今回は、Sketch UpとTwinmotionを使い、リアルグラフィックの作り方を紹介しました<br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Youtubeでは、さらにおもしろく絵のつくり方を紹介しています<br><br>また、他のページでもCG・映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; 動画で紹介！絵と映像のつくり方</a><br><a href="https://illust55.com/category/%e7%b5%b5%e3%81%a8%e6%98%a0%e5%83%8f%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/" target="_blank" data-wpel-link="internal">&gt;&gt; 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/1908/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【超初心者向け】Unreal Engineの使い方講座・美しい地面を作る方法【入門】</title>
		<link>https://illust55.com/1485/</link>
					<comments>https://illust55.com/1485/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Tue, 11 May 2021 14:25:13 +0000</pubDate>
				<category><![CDATA[UnrealEngineの使い方]]></category>
		<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[UnrealEngine]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[モデリング]]></category>
		<category><![CDATA[使い方]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=1485</guid>

					<description><![CDATA[ゲームエンジンは誰でもカンタンに美しい風景が作れます なぜならば、ゲームエンジンは誰でもカンタンにゲームが作れるようにできているからです ３Dのモデリングソフトは、しっかり勉強してさらに時間もかけないと美しい風景は作れま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">ゲームエンジンは誰でもカンタンに美しい風景が作れます</span><br><br>なぜならば、ゲームエンジンは誰でもカンタンにゲームが作れるようにできているからです<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">３Dのモデリングソフトは、しっかり勉強してさらに時間もかけないと美しい風景は作れません</span><br><br>このことから、ゲームエンジンはアニメ、漫画、映画と幅広く使われはじめており<br><br>これから、のびることが注目されている技術なのです<br><br>そして、この記事では特に美しい風景が作れるUnrealEngineの使い方を説明します</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/core/views/f0066ecca1/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲームエンジンはパーツをくみ合わせて作るソフトです<br><br>３Dモデリングソフトは自分でパーツを作るソフトだと考えると<br><br></p>



<p>なんとなく二つのソフトのちがいがわかると思います</p>
</div></div>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">今回は地形に山や谷を作り、思いのままに地上の形を変える方法を紹介します</span><br></p>



<h5 class="wp-block-heading">・UnrealEngineのインストール</h5>



<p>まだUnrealEngineをインストールしていない方は下のURLからダウンロードしてください<br><br><a href="https://www.unrealengine.com/ja/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://www.unrealengine.com/ja/</a><br><br>ダウンロードはふつうのソフトと同じく、ダウンロードしたらカンタンにインストールできます</p>



<p>また、もしよろしければ、前の記事でインストールの方法を紹介しているので、ぜひご覧ください！<br><br>URLはこちらです<br><br><a href="https://illust55.com/1367/" data-wpel-link="internal">https://illust55.com/1367/</a><br><br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/core/views/f0066ecca1/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ダウンロードは容量に注意してください<br><br>４０GBと３Dソフトのなかでもかなりのボリュームです</p>
</div></div>



<h5 class="wp-block-heading">・地形の制作</h5>



<p>今回の記事では地形を変形させる方法を前回書いたこともふくめて紹介します</p>



<h6 class="wp-block-heading">・プロジェクトを作る</h6>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">ここの部分の説明は前回と同じになります</span></p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-24-800x456.png" alt="" class="wp-image-1372" width="655" height="373" srcset="https://illust55.com/storage/2021/05/image-24-800x456.png 800w, https://illust55.com/storage/2021/05/image-24-500x285.png 500w, https://illust55.com/storage/2021/05/image-24-300x171.png 300w, https://illust55.com/storage/2021/05/image-24-768x438.png 768w, https://illust55.com/storage/2021/05/image-24-1536x876.png 1536w, https://illust55.com/storage/2021/05/image-24.png 1867w" sizes="(max-width: 655px) 100vw, 655px" /></figure></div>



<p>インストールが終了したら、はじめにプロジェクトを制作しましょう！</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．UnrealGame Lancherを起動します</p>



<p>２．左側のUnrealEngine→ライブラリ→UnrealEngineバージョンの起動ボタンを押します</p>



<p>３．UnrealEngineが起動します</p>
</div>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" decoding="async" width="800" height="550" src="https://illust55.com/storage/2021/05/Unrealプロジェクト-800x550.png" alt="" data-id="1376" data-full-url="https://illust55.com/storage/2021/05/Unrealプロジェクト.png" data-link="https://illust55.com/1367/unreal%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88/" class="wp-image-1376" srcset="https://illust55.com/storage/2021/05/Unrealプロジェクト-800x550.png 800w, https://illust55.com/storage/2021/05/Unrealプロジェクト-500x344.png 500w, https://illust55.com/storage/2021/05/Unrealプロジェクト-300x206.png 300w, https://illust55.com/storage/2021/05/Unrealプロジェクト-768x528.png 768w, https://illust55.com/storage/2021/05/Unrealプロジェクト.png 1372w" sizes="(max-width: 800px) 100vw, 800px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" decoding="async" width="800" height="553" src="https://illust55.com/storage/2021/05/キャプチャ-800x553.png" alt="" data-id="1377" data-full-url="https://illust55.com/storage/2021/05/キャプチャ.png" data-link="https://illust55.com/1367/%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3-11/" class="wp-image-1377" srcset="https://illust55.com/storage/2021/05/キャプチャ-800x553.png 800w, https://illust55.com/storage/2021/05/キャプチャ-500x346.png 500w, https://illust55.com/storage/2021/05/キャプチャ-300x207.png 300w, https://illust55.com/storage/2021/05/キャプチャ-768x531.png 768w, https://illust55.com/storage/2021/05/キャプチャ.png 1378w" sizes="(max-width: 800px) 100vw, 800px" /></figure></li></ul></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「ゲーム」を選び、次の画面では「Blank」または「空のプロジェクト」を選んでください</p>



<p>２．プロジェクト設定の画面は何も変更しないで「プロジェクト作成」ボタンを押してください</p>
</div>



<p><br>無事にプロジェクトが作られると下のような画面になります<br>（※バージョンによって少し違うかもしれませんが、細かい点は気にしないで大丈夫です）<br></p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1449" height="1042" src="https://illust55.com/storage/2021/05/image-56.png" alt="" class="wp-image-1511" srcset="https://illust55.com/storage/2021/05/image-56.png 1449w, https://illust55.com/storage/2021/05/image-56-500x360.png 500w, https://illust55.com/storage/2021/05/image-56-800x575.png 800w, https://illust55.com/storage/2021/05/image-56-300x216.png 300w, https://illust55.com/storage/2021/05/image-56-768x552.png 768w" sizes="(max-width: 1449px) 100vw, 1449px" /></figure></div>



<p><br>次に使わないイスや机を消します</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1288" height="930" src="https://illust55.com/storage/2021/05/image-58.png" alt="" class="wp-image-1514" srcset="https://illust55.com/storage/2021/05/image-58.png 1288w, https://illust55.com/storage/2021/05/image-58-500x361.png 500w, https://illust55.com/storage/2021/05/image-58-800x578.png 800w, https://illust55.com/storage/2021/05/image-58-300x217.png 300w, https://illust55.com/storage/2021/05/image-58-768x555.png 768w" sizes="(max-width: 1288px) 100vw, 1288px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・机、イス、机の上のオブジェクトを左クリックして「Delete」ボタンを押してください</p>
</div>



<p></p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1279" height="851" src="https://illust55.com/storage/2021/05/image-60.png" alt="" class="wp-image-1517" srcset="https://illust55.com/storage/2021/05/image-60.png 1279w, https://illust55.com/storage/2021/05/image-60-500x333.png 500w, https://illust55.com/storage/2021/05/image-60-800x532.png 800w, https://illust55.com/storage/2021/05/image-60-300x200.png 300w, https://illust55.com/storage/2021/05/image-60-768x511.png 768w" sizes="(max-width: 1279px) 100vw, 1279px" /></figure></div>



<p>これで「机」、「イス」が消えて何もない地面だけが残りました、次はいよいよ自然の地面を作ります</p>



<h6 class="wp-block-heading">・地面を作ろう<strong>（ランドスケープ）</strong></h6>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">ここの部分の説明も前回と同じになります</span></p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-30-800x481.png" alt="" class="wp-image-1384" width="709" height="426" srcset="https://illust55.com/storage/2021/05/image-30-800x481.png 800w, https://illust55.com/storage/2021/05/image-30-500x300.png 500w, https://illust55.com/storage/2021/05/image-30-300x180.png 300w, https://illust55.com/storage/2021/05/image-30-768x461.png 768w, https://illust55.com/storage/2021/05/image-30.png 1393w" sizes="(max-width: 709px) 100vw, 709px" /></figure></div>



<p>上の画像のような画面が表示されたら地面を作ってください</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面上部の「モード」から「ランドスケープ」を選んでください</p>



<p>２．画面左のマテリアル項目の右ワクから「M_Ground_Moss」を選んでください</p>



<p>３．画面左下の「フィルワールド」を選び「作成」を選んでください</p>



<p>（※「フィルワールド」は「マテリアル」項目からウィンドを下にスライドしたら表示されます）</p>
</div>



<p>作成ボタンを選ぶとシェーダーのコンパイルが始まり、緑色の地面が作られ始めます</p>



<p>シェーダーのコンパイルが終了すると緑色の地面が表示されます</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-29-800x526.png" alt="" class="wp-image-1383" width="650" height="427" srcset="https://illust55.com/storage/2021/05/image-29-800x526.png 800w, https://illust55.com/storage/2021/05/image-29-500x328.png 500w, https://illust55.com/storage/2021/05/image-29-300x197.png 300w, https://illust55.com/storage/2021/05/image-29-768x505.png 768w, https://illust55.com/storage/2021/05/image-29.png 1271w" sizes="(max-width: 650px) 100vw, 650px" /></figure></div>



<h6 class="wp-block-heading">・デコボコを作る（スカルプト）（←今回からの新しい説明）</h6>



<p>はじめに「スカルプト」ツールを選んでいることを確認しましょう</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-62-800x486.png" alt="" class="wp-image-1519" width="692" height="419" srcset="https://illust55.com/storage/2021/05/image-62-800x486.png 800w, https://illust55.com/storage/2021/05/image-62-500x304.png 500w, https://illust55.com/storage/2021/05/image-62-300x182.png 300w, https://illust55.com/storage/2021/05/image-62-768x466.png 768w, https://illust55.com/storage/2021/05/image-62-1536x933.png 1536w, https://illust55.com/storage/2021/05/image-62.png 1556w" sizes="(max-width: 692px) 100vw, 692px" /></figure></div>



<p><br><br>もし選んでいないならば、「スカルプト」ツールを選んでください</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．風景が表示されているウィンドの上の「スカルプト」タブを押してください<br><br>２．表示された一番左の「スカルプト」を選びます</p>
</div>



<p>ブラシで地形を変えることができるのですが<br><br>このブラシのサイズが大きいので、小さくします</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="483" src="https://illust55.com/storage/2021/05/image-64-800x483.png" alt="" class="wp-image-1521" srcset="https://illust55.com/storage/2021/05/image-64-800x483.png 800w, https://illust55.com/storage/2021/05/image-64-500x302.png 500w, https://illust55.com/storage/2021/05/image-64-300x181.png 300w, https://illust55.com/storage/2021/05/image-64-768x464.png 768w, https://illust55.com/storage/2021/05/image-64-1536x928.png 1536w, https://illust55.com/storage/2021/05/image-64.png 1555w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>左側のブラシサイズを「600」くらいに変更してください</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="529" src="https://illust55.com/storage/2021/05/image-66-800x529.png" alt="" class="wp-image-1525" srcset="https://illust55.com/storage/2021/05/image-66-800x529.png 800w, https://illust55.com/storage/2021/05/image-66-500x330.png 500w, https://illust55.com/storage/2021/05/image-66-300x198.png 300w, https://illust55.com/storage/2021/05/image-66-768x507.png 768w, https://illust55.com/storage/2021/05/image-66.png 1462w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>続いて、地形を上にもち上げます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．もち上げたい場所で左クリックを押す、または左クリックを押しつづけます</p>
</div>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="544" src="https://illust55.com/storage/2021/05/image-68-800x544.png" alt="" class="wp-image-1527" srcset="https://illust55.com/storage/2021/05/image-68-800x544.png 800w, https://illust55.com/storage/2021/05/image-68-500x340.png 500w, https://illust55.com/storage/2021/05/image-68-300x204.png 300w, https://illust55.com/storage/2021/05/image-68-768x522.png 768w, https://illust55.com/storage/2021/05/image-68.png 1210w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>次は、地形を下にへこませます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．下にへこませたい場所で「SHIFT」ボタン＋左クリックを押します</p>
</div>



<p><br>どうでしょうか、<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">「SHIFT」ボタンで「もち上げる」モードと「下にへこませる」モードを切り替えられます</span></p>



<h6 class="wp-block-heading">・不自然な部分をなめらかにする（スムージング）</h6>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-70-800x498.png" alt="" class="wp-image-1530" width="679" height="421" srcset="https://illust55.com/storage/2021/05/image-70-500x311.png 500w, https://illust55.com/storage/2021/05/image-70-300x187.png 300w" sizes="(max-width: 679px) 100vw, 679px" /></figure></div>



<p>不自然な部分をなめらかにするのは「スムーズ」ツールを使います<br><br>「スムーズ」ツールを使うと高い部分と低い部分のあいだに地形をなおしてくれます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「スムージング」を選びます<br><br>２．スムーズにしたい場所を左クリックします</p>
</div>



<h6 class="wp-block-heading">・とがっている部分を平らにする（平坦化ツール）</h6>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/image-73.png" alt="" class="wp-image-1534" width="700" srcset="https://illust55.com/storage/2021/05/image-73.png 1382w, https://illust55.com/storage/2021/05/image-73-500x317.png 500w, https://illust55.com/storage/2021/05/image-73-800x507.png 800w, https://illust55.com/storage/2021/05/image-73-300x190.png 300w, https://illust55.com/storage/2021/05/image-73-768x487.png 768w" sizes="(max-width: 1382px) 100vw, 1382px" /></figure></div>



<p>「平坦化」ツールは地形を平らに変形させることができます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「平坦化」ツールを選びます<br><br>２．平らにしたい場所で左クリックを押します</p>
</div>



<h6 class="wp-block-heading">・ななめの坂道を作る（傾斜ツール）</h6>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/image-75-800x506.png" alt="" class="wp-image-1538" width="700" srcset="https://illust55.com/storage/2021/05/image-75-800x506.png 800w, https://illust55.com/storage/2021/05/image-75-500x316.png 500w, https://illust55.com/storage/2021/05/image-75-300x190.png 300w, https://illust55.com/storage/2021/05/image-75-768x486.png 768w, https://illust55.com/storage/2021/05/image-75.png 1474w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>「傾斜」ツールはななめの坂道を作ることができるツールです<br><br>少し使い方がこれまでのツールより複雑ですがやり方をしっかり押さえればカンタンに作れます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「スカルプト」ツールなどで地面をもち上げた場所を作ってください<br><br>２．持ち上がっている場所に、「傾斜」ツールを選んだ後、坂道の上にしたい部分をクリックします<br><br>３．次に坂道の下にしたい部分をクリックします<br><br>４．画面左の「傾斜を追加」ボタンを押します</p>
</div>



<p>ここまでのやり方で地形は自由に変えられると思います<br><br>次は応用として水を追加してみます</p>



<h5 class="wp-block-heading">・<strong>水面を追加してさらに自然の感じを出してみる</strong>（応用）</h5>



<h6 class="wp-block-heading">・水のアセット（部品）を追加する</h6>



<p>最初から水のパーツ（マテリアル）は入っていますが、アセットでさらにリアルな水があるので<br><br>そちらで紹介したいと思います<br><br>もちろん、アセットを追加しないでも最初から入っている水のパーツ（マテリアル）でもできます</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="489" src="https://illust55.com/storage/2021/05/image-78-800x489.png" alt="" class="wp-image-1547" srcset="https://illust55.com/storage/2021/05/image-78-800x489.png 800w, https://illust55.com/storage/2021/05/image-78-500x305.png 500w, https://illust55.com/storage/2021/05/image-78-300x183.png 300w, https://illust55.com/storage/2021/05/image-78-768x469.png 768w, https://illust55.com/storage/2021/05/image-78.png 1465w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．Unreal Game Lancherから「UnrealEngine」→「マーケットプレイス」を選んでください<br><br>２．右上の虫眼鏡の検索ボックスに「Water Materials」を入力します<br><br>３．無料の方の「Water Materials」をプロジェクトに追加してください<br>※同じ名前で有料のアセットがあるので間違わないように注意してください！</p>
</div>



<p>アセットの追加が終わりましたら、次はいよいよ水面を作りましょう！</p>



<h6 class="wp-block-heading">・水になる平面を追加する</h6>



<p>これまでの地形に水面を足して絵としてキレイに作ります</p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/image-76.png" alt="" class="wp-image-1541" width="700" srcset="https://illust55.com/storage/2021/05/image-76.png 1559w, https://illust55.com/storage/2021/05/image-76-500x289.png 500w, https://illust55.com/storage/2021/05/image-76-800x462.png 800w, https://illust55.com/storage/2021/05/image-76-300x173.png 300w, https://illust55.com/storage/2021/05/image-76-768x443.png 768w, https://illust55.com/storage/2021/05/image-76-1536x887.png 1536w" sizes="(max-width: 1559px) 100vw, 1559px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面左側の「基本」を選び、ドラッグ＆ドロップで「平面」をメインウィンドに追加します<br><br>２．トランスフォームの「拡大・縮小」の値を「1000」にすべて変更してください<br><br>３．高さを矢印の「青」をつかんで上に上げますが、少し地面がでてる場所を作ってください<br></p>
</div>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/image-77.png" alt="" class="wp-image-1542" width="700" srcset="https://illust55.com/storage/2021/05/image-77.png 1611w, https://illust55.com/storage/2021/05/image-77-500x303.png 500w, https://illust55.com/storage/2021/05/image-77-800x485.png 800w, https://illust55.com/storage/2021/05/image-77-300x182.png 300w, https://illust55.com/storage/2021/05/image-77-768x465.png 768w, https://illust55.com/storage/2021/05/image-77-1536x931.png 1536w" sizes="(max-width: 1611px) 100vw, 1611px" /></figure></div>



<p>続いて平面を水面に変えます</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面右下のマテリアルのボタンをクリックしてください<br><br>２．現れたマテリアルのポップウィンドの一番上の検索ボックスに「ocean」を入力してください<br><br>３．「M_OceanWater_1_Inst」を選んでください</p>
</div>



<p></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img decoding="async" src="https://illust55.com/storage/2021/05/ScreenShot00006-1.png" alt="ゲームエンジンで美しい風景を作ろう_UE4水面と地上" class="wp-image-1544" width="700" srcset="https://illust55.com/storage/2021/05/ScreenShot00006-1.png 1028w, https://illust55.com/storage/2021/05/ScreenShot00006-1-500x249.png 500w, https://illust55.com/storage/2021/05/ScreenShot00006-1-800x398.png 800w, https://illust55.com/storage/2021/05/ScreenShot00006-1-300x149.png 300w, https://illust55.com/storage/2021/05/ScreenShot00006-1-768x383.png 768w" sizes="(max-width: 1028px) 100vw, 1028px" /></figure></div>



<p>どうでしょうか、水面が現れましたか？<br><br>前回に続きこれだけの操作でおおよその景観は作ることができると思います<br><br>今回はここまでです、ここまで読んでいただいてありがとうございました<br></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/core/views/f0066ecca1/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>下に今回紹介したことをまとめました、ご参考にしてください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・地形（ランドスケープ）の「スカルプト」、「スムージング」「平坦化」、「傾斜」<br><br>・平面のマテリアルを変えて水にする</p>
</div>



<p><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/1485/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【入門】ゲームエンジンで作る漫画の背景と景観から線画抽出まで【UE4】</title>
		<link>https://illust55.com/1367/</link>
					<comments>https://illust55.com/1367/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Fri, 07 May 2021 09:33:00 +0000</pubDate>
				<category><![CDATA[UnrealEngineの使い方]]></category>
		<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[UnrealEngine]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[モデリング]]></category>
		<category><![CDATA[漫画]]></category>
		<category><![CDATA[背景]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=1367</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、だれでも、すぐにできる方法で背景をつくる方法を紹介しています ゲームエンジンの美しいグラフィックを使えば、すぐにカンタンに背景をつくることができます ぜひ、チャレンジしてください ・ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter is-resized"><img loading="lazy" decoding="async" src="https://cdn2.unrealengine.com/body-2-4-26-release-unreal-1920x1080-676966103.jpg" alt="" width="695" height="390"/></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>「キレイ、カンタンに漫画の背景をつくる方法を知りたい」<br>「絵の背景を描く時間が無い」<br><br>・・・でも<br>「そんなカンタンな方法が見つからない」<br>「3Dはムズかしそう」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、だれでも、すぐにできる方法で背景をつくる方法を紹介しています<br><br>ゲームエンジンの美しいグラフィックを使えば、すぐにカンタンに背景をつくることができます<br><br>ぜひ、チャレンジしてください</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>つぎの目次の流れにそって進めます<br><br>Youtubeでさらにくわしく、絵と映像のつくり方を紹介しています</p>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">&gt;&gt; イラスト55 @ クリエイティブ情報を紹介</a></p>
</div></div>



<h2 class="wp-block-heading">・ ゲームエンジン とは何？</h2>



<h4 class="wp-block-heading">ゲームエンジンはとても多くのつかい方ができる</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲームエンジンは、グラフィック、ゲームをつくれるソフトです</p>
</div></div>



<p>ゲームエンジンは美しいグラフィック、ゲームをつくることができるソフトです<br><br>特に、Unreal Engineは最も美しいグラフィックをつくることができます<br><br>Unreal Engineは、現在、世界中で、多くの使い方で使われています</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unreal Engineでつくられたゲームを紹介します</p>
</div></div>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="Unreal Engine 5 - Official Next-Gen Games Sizzle Reel | 2021" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlVucmVhbCBFbmdpbmUgNSAtIE9mZmljaWFsIE5leHQtR2VuIEdhbWVzIFNpenpsZSBSZWVsIHwgMjAyMSIsInZpZGVvX2lkIjoiTWxRclFrcXRHdkkifQ==" src="https://www.youtube.com/embed/MlQrQkqtGvI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div></figure>



<h2 class="wp-block-heading">・Unreal Engineを使うためにはどうすればいいの？</h2>



<h4 class="wp-block-heading">・Unreal Engineをダウンロードしよう</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Unreal Engineを使うためには、インストールする必要があります</p>
</div></div>



<p>Unreal Engineをつかうためには、インストールする必要があります<br><br>インストールプログラムは公式サイトからダウンロードすることができます<br><br>＜UnrealEngine公式サイト＞<br><a href="https://www.unrealengine.com/ja/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://www.unrealengine.com/ja/</a><br></p>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-315.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="620" src="https://illust55.com/storage/2021/08/image-315.png" alt="" class="wp-image-4194" srcset="https://illust55.com/storage/2021/08/image-315.png 1280w, https://illust55.com/storage/2021/08/image-315-768x372.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>公式サイトで、アカウントをつくります</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・・画面右上の「サインイン」ボタンをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-316.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="653" src="https://illust55.com/storage/2021/08/image-316.png" alt="" class="wp-image-4195" srcset="https://illust55.com/storage/2021/08/image-316.png 1280w, https://illust55.com/storage/2021/08/image-316-768x392.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アカウントをお持ちでない場合は、アカウントをつくってください</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・サインアップをクリックしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-317.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="630" src="https://illust55.com/storage/2021/08/image-317.png" alt="" class="wp-image-4196" srcset="https://illust55.com/storage/2021/08/image-317.png 1280w, https://illust55.com/storage/2021/08/image-317-768x378.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>お持ちのアカウントから、つくることができます</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・・ご自分のアカウントに合わせて、サインアップしてください</p>
</div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-318.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1285" height="620" src="https://illust55.com/storage/2021/08/image-318.png" alt="" class="wp-image-4197" srcset="https://illust55.com/storage/2021/08/image-318.png 1285w, https://illust55.com/storage/2021/08/image-318-768x371.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>アカウントを作りましたら、プログラムをダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・画面右上のダウンロードボタンをクリックしてください</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ダウンロードしたプログラムを起動すると、インストールがはじまります</p>
</div></div>



<figure class="wp-block-image size-large"><a href="https://illust55.com/storage/2021/08/image-319.png" data-wpel-link="internal"><img loading="lazy" decoding="async" width="1280" height="720" src="https://illust55.com/storage/2021/08/image-319.png" alt="" class="wp-image-4198" srcset="https://illust55.com/storage/2021/08/image-319.png 1280w, https://illust55.com/storage/2021/08/image-319-768x432.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インストールが終わりましたら、Unreal Engine本体をダウンロードします</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．Unreal Engineをクリックしてください<br><br>２．ライブラリをクリックしてください<br><br>３．インストールをクリックしてください</p>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>続いて、Unreal Engineで背景をつくる方法を紹介します</p>
</div></div>



<h2 class="wp-block-heading">・ゲームエンジンで背景をつくろう</h2>



<h4 class="wp-block-heading">・UnrealEngineを起動しよう</h4>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>UnrealEngineを起動してください</p>
</div></div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-24-800x456.png" alt="" class="wp-image-1372" width="660" height="376" srcset="https://illust55.com/storage/2021/05/image-24-800x456.png 800w, https://illust55.com/storage/2021/05/image-24-500x285.png 500w, https://illust55.com/storage/2021/05/image-24-300x171.png 300w, https://illust55.com/storage/2021/05/image-24-768x438.png 768w, https://illust55.com/storage/2021/05/image-24-1536x876.png 1536w, https://illust55.com/storage/2021/05/image-24.png 1867w" sizes="(max-width: 660px) 100vw, 660px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>インストールが終了したら、はじめにプロジェクトを作成しましょう</p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．UnrealGame Lancherを起動します<br><br>２．左側メニューのUnrealEngine→ライブラリ→UnrealEngineバージョンの起動ボタンを押します<br><br>３．UnrealEngineが起動します</p>
</div>



<figure class="wp-block-gallery columns-2 is-cropped wp-block-gallery-7 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" decoding="async" width="800" height="550" src="https://illust55.com/storage/2021/05/Unrealプロジェクト-800x550.png" alt="" data-id="1376" data-full-url="https://illust55.com/storage/2021/05/Unrealプロジェクト.png" data-link="https://illust55.com/1367/unreal%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88/" class="wp-image-1376" srcset="https://illust55.com/storage/2021/05/Unrealプロジェクト-800x550.png 800w, https://illust55.com/storage/2021/05/Unrealプロジェクト-500x344.png 500w, https://illust55.com/storage/2021/05/Unrealプロジェクト-300x206.png 300w, https://illust55.com/storage/2021/05/Unrealプロジェクト-768x528.png 768w, https://illust55.com/storage/2021/05/Unrealプロジェクト.png 1372w" sizes="(max-width: 800px) 100vw, 800px" /></figure></li><li class="blocks-gallery-item"><figure><img loading="lazy" decoding="async" width="800" height="553" src="https://illust55.com/storage/2021/05/キャプチャ-800x553.png" alt="" data-id="1377" data-full-url="https://illust55.com/storage/2021/05/キャプチャ.png" data-link="https://illust55.com/1367/%e3%82%ad%e3%83%a3%e3%83%97%e3%83%81%e3%83%a3-11/" class="wp-image-1377" srcset="https://illust55.com/storage/2021/05/キャプチャ-800x553.png 800w, https://illust55.com/storage/2021/05/キャプチャ-500x346.png 500w, https://illust55.com/storage/2021/05/キャプチャ-300x207.png 300w, https://illust55.com/storage/2021/05/キャプチャ-768x531.png 768w, https://illust55.com/storage/2021/05/キャプチャ.png 1378w" sizes="(max-width: 800px) 100vw, 800px" /></figure></li></ul></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．ゲームを選び「Blank」または「空のプロジェクト」を選んでください<br><br>２．プロジェクト設定画面は何も変更しないで「プロジェクト作成」ボタンを押してください<br><br>３．プロジェクトが作成されたら一度終了させてください</p>
</div>



<h4 class="wp-block-heading">・ストアからアセットを追加する</h4>



<p>ここまででアセットを追加する準備が整いました<br><br>次は、アセットという画面上にパーツを配置するセットをダウンロードします<br><br>今回使用するアセットは下のアセットになります<br></p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="454" src="https://illust55.com/storage/2021/05/image-23-800x454.png" alt="" class="wp-image-1368" srcset="https://illust55.com/storage/2021/05/image-23-800x454.png 800w, https://illust55.com/storage/2021/05/image-23-500x283.png 500w, https://illust55.com/storage/2021/05/image-23-300x170.png 300w, https://illust55.com/storage/2021/05/image-23-768x435.png 768w, https://illust55.com/storage/2021/05/image-23-1536x871.png 1536w, https://illust55.com/storage/2021/05/image-23.png 1868w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．UnrealGame Lancherを起動してください<br><br>２．左側のUnrealEngineを選びマーケットプレイスを選びます<br><br>３．右上の虫眼鏡の検索ボックスに「Infinity Blade: Grass Lands」を入力します<br><br>４．中央の「無料」または「プロジェクトに追加」を押してください<br><br>５．先ほど制作したプロジェクトに追加することができます</p>
</div>



<p>プロジェクトへ追加が終わりましたら、「ライブラリ」から作成したプロジェクトを選んでください<br><br>制作画面が表示されます</p>



<h2 class="wp-block-heading">・きれいな風景を作ってみよう</h2>



<h4 class="wp-block-heading">・地面を作ろう</h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="481" src="https://illust55.com/storage/2021/05/image-31-800x481.png" alt="" class="wp-image-1385" srcset="https://illust55.com/storage/2021/05/image-31-800x481.png 800w, https://illust55.com/storage/2021/05/image-31-500x300.png 500w, https://illust55.com/storage/2021/05/image-31-300x180.png 300w, https://illust55.com/storage/2021/05/image-31-768x461.png 768w, https://illust55.com/storage/2021/05/image-31.png 1393w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>上の画像のような画面が表示されたら地面を作ってください</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面上部の「モード」から「ランドスケープ」を選んでください<br><br>２．画面左のマテリアル項目の右ワクから「M_Ground_Moss」を選んでください<br><br>３．画面左下の「フィルワールド」を選び「作成」を選んでください<br><br>（※「フィルワールド」は「マテリアル」項目からウィンドを下にスライドしたら表示されます）</p>
</div>



<p>作成ボタンを選ぶとシェーダーのコンパイルが始まり、緑色の地面が作られ始めます<br><br>シェーダーのコンパイルが終了すると緑色の地面が表示されます</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-29-800x526.png" alt="" class="wp-image-1383" width="704" height="463" srcset="https://illust55.com/storage/2021/05/image-29-800x526.png 800w, https://illust55.com/storage/2021/05/image-29-500x328.png 500w, https://illust55.com/storage/2021/05/image-29-300x197.png 300w, https://illust55.com/storage/2021/05/image-29-768x505.png 768w, https://illust55.com/storage/2021/05/image-29.png 1271w" sizes="(max-width: 704px) 100vw, 704px" /></figure></div>



<p>下の画面のように地面が作成されたら、「ランドスケーモード」から「選択モード」に戻します<br><br></p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-32-800x512.png" alt="" class="wp-image-1389" width="724" height="463" srcset="https://illust55.com/storage/2021/05/image-32-800x512.png 800w, https://illust55.com/storage/2021/05/image-32-500x320.png 500w, https://illust55.com/storage/2021/05/image-32-300x192.png 300w, https://illust55.com/storage/2021/05/image-32-768x491.png 768w, https://illust55.com/storage/2021/05/image-32.png 1272w" sizes="(max-width: 724px) 100vw, 724px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１． 画面上部の「モード」から「選択」を選んでください</p>
</div>



<h4 class="wp-block-heading">・３Dオブジェクトを配置しよう</h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="473" src="https://illust55.com/storage/2021/05/image-33-800x473.png" alt="" class="wp-image-1390" srcset="https://illust55.com/storage/2021/05/image-33-800x473.png 800w, https://illust55.com/storage/2021/05/image-33-500x296.png 500w, https://illust55.com/storage/2021/05/image-33-300x177.png 300w, https://illust55.com/storage/2021/05/image-33-768x454.png 768w, https://illust55.com/storage/2021/05/image-33.png 1472w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>地面の次は３Dオブジェクトを配置します<br><br>選択モードに変更していない場合は画面上部の「モード」から「選択」を選んでください</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面左下から「フィルター」を選んでください<br><br>２．「スタティックメッシュ」を選んでください<br><br>３．配置できる３Dオブジェクトのみが表示されます</p>
</div>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-35-800x645.png" alt="" class="wp-image-1392" width="684" height="551" srcset="https://illust55.com/storage/2021/05/image-35-800x645.png 800w, https://illust55.com/storage/2021/05/image-35-500x403.png 500w, https://illust55.com/storage/2021/05/image-35-300x242.png 300w, https://illust55.com/storage/2021/05/image-35-768x619.png 768w, https://illust55.com/storage/2021/05/image-35.png 1206w" sizes="(max-width: 684px) 100vw, 684px" /></figure></div>



<p>表示された３Dオブジェクトはメインウィンドにドラッグ＆ドロップで置くことができます</p>



<h4 class="wp-block-heading">・置いた３Dオブジェクトを変形させよう</h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="490" src="https://illust55.com/storage/2021/05/image-38-800x490.png" alt="" class="wp-image-1395" srcset="https://illust55.com/storage/2021/05/image-38-800x490.png 800w, https://illust55.com/storage/2021/05/image-38-500x306.png 500w, https://illust55.com/storage/2021/05/image-38-300x184.png 300w, https://illust55.com/storage/2021/05/image-38-768x470.png 768w, https://illust55.com/storage/2021/05/image-38.png 1387w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．移動させたいオブジェクトをマウスで選びます<br><br>２．画面上部の３つの変形モード「位置」「方向」「大きさ」から選んでください<br><br>３．選んだ変形モードに合わせてオブジェクトを変形させることができます</p>
</div>



<p>オブジェクトの変形は、オブジェクトに表示される矢印をドラッグすると変形させることができます</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="529" src="https://illust55.com/storage/2021/05/image-39-800x529.png" alt="" class="wp-image-1396" srcset="https://illust55.com/storage/2021/05/image-39-800x529.png 800w, https://illust55.com/storage/2021/05/image-39-500x330.png 500w, https://illust55.com/storage/2021/05/image-39-300x198.png 300w, https://illust55.com/storage/2021/05/image-39-768x507.png 768w, https://illust55.com/storage/2021/05/image-39.png 1385w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<h4 class="wp-block-heading">・スクリーンショットを撮ろう</h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="469" src="https://illust55.com/storage/2021/05/image-41-800x469.png" alt="" class="wp-image-1398" srcset="https://illust55.com/storage/2021/05/image-41-800x469.png 800w, https://illust55.com/storage/2021/05/image-41-500x293.png 500w, https://illust55.com/storage/2021/05/image-41-300x176.png 300w, https://illust55.com/storage/2021/05/image-41-768x450.png 768w, https://illust55.com/storage/2021/05/image-41-1536x901.png 1536w, https://illust55.com/storage/2021/05/image-41.png 1562w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>UnrealEngineはスクリーンショットの機能が元から備わっています</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面をマウスのセンターホイールの拡大縮小、右クリックの視点移動で位置を合わせます<br><br>２．「キーボード」の「F9」を押すとスクリーンショットが撮れます<br><br>３．画面下部にメッセージが出るのでクリックしてください<br><br>４．保存フォルダが表示されます</p>
</div>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="416" src="https://illust55.com/storage/2021/05/ScreenShot00003-800x416.png" alt="" class="wp-image-1400" srcset="https://illust55.com/storage/2021/05/ScreenShot00003-800x416.png 800w, https://illust55.com/storage/2021/05/ScreenShot00003-500x260.png 500w, https://illust55.com/storage/2021/05/ScreenShot00003-300x156.png 300w, https://illust55.com/storage/2021/05/ScreenShot00003-768x399.png 768w, https://illust55.com/storage/2021/05/ScreenShot00003.png 1184w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>完成してスクリーンショットを取った画像です</p>
</div></div>



<h4 class="wp-block-heading">・ビルドをしてエラーを消す</h4>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-43-800x470.png" alt="" class="wp-image-1407" width="740" height="434" srcset="https://illust55.com/storage/2021/05/image-43-800x470.png 800w, https://illust55.com/storage/2021/05/image-43-500x294.png 500w, https://illust55.com/storage/2021/05/image-43-300x176.png 300w, https://illust55.com/storage/2021/05/image-43-768x451.png 768w, https://illust55.com/storage/2021/05/image-43.png 1384w" sizes="(max-width: 740px) 100vw, 740px" /></figure></div>



<p>作業をしていると画面左上にエラー表示が出てくることがありますが<br><br>「ビルド」ボタンを押すとビルド（計算）をしてエラーが消えます</p>



<p></p>



<h2 class="wp-block-heading">・PhotoShopを使って漫画に使える背景を作ろう</h2>



<h4 class="wp-block-heading">・<strong>PhotoShopを使った線画の抽出</strong></h4>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2-800x416.png" alt="" class="wp-image-1404" width="765" height="398" srcset="https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2-800x416.png 800w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2-500x260.png 500w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2-300x156.png 300w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2-768x399.png 768w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線-2.png 1184w" sizes="(max-width: 765px) 100vw, 765px" /></figure></div>



<p>スクリーンショットを撮った後はPhotoShopで線画を作ります</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="439" src="https://illust55.com/storage/2021/05/image-45-800x439.png" alt="" class="wp-image-1410" srcset="https://illust55.com/storage/2021/05/image-45-800x439.png 800w, https://illust55.com/storage/2021/05/image-45-500x274.png 500w, https://illust55.com/storage/2021/05/image-45-300x165.png 300w, https://illust55.com/storage/2021/05/image-45-768x422.png 768w, https://illust55.com/storage/2021/05/image-45-1536x843.png 1536w, https://illust55.com/storage/2021/05/image-45.png 1552w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>画像を読み込んだら元のレイヤーを３つコピーして名前をそれぞれ上から「ハイパス」、<br>「輪郭抽出」、「そのまま2階調」に変更してください</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-47-800x408.png" alt="" class="wp-image-1413" width="741" height="378" srcset="https://illust55.com/storage/2021/05/image-47-800x408.png 800w, https://illust55.com/storage/2021/05/image-47-500x255.png 500w, https://illust55.com/storage/2021/05/image-47-300x153.png 300w, https://illust55.com/storage/2021/05/image-47-768x391.png 768w, https://illust55.com/storage/2021/05/image-47-1536x783.png 1536w, https://illust55.com/storage/2021/05/image-47.png 1646w" sizes="(max-width: 741px) 100vw, 741px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．一番上のレイヤーのみ表示させてください<br><br>２．「フィルター」→「その他」→「ハイパス」を選んでください<br><br>３．「0.3」に値を変更してください</p>
</div>



<p>グレーになりますが、線は残っていますので、気にされないで大丈夫です</p>



<h4 class="wp-block-heading">・レイヤーを重ねて完成度をたかめる</h4>



<p><br>続いて薄い線画の抽出をします</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="507" src="https://illust55.com/storage/2021/05/image-49-800x507.png" alt="" class="wp-image-1415" srcset="https://illust55.com/storage/2021/05/image-49-800x507.png 800w, https://illust55.com/storage/2021/05/image-49-500x317.png 500w, https://illust55.com/storage/2021/05/image-49-300x190.png 300w, https://illust55.com/storage/2021/05/image-49-768x486.png 768w, https://illust55.com/storage/2021/05/image-49-1536x973.png 1536w, https://illust55.com/storage/2021/05/image-49.png 1560w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．一番上のレイヤーに「イメージ」→「色調補正」→「2階調化」で２階調化します<br><br>２．値を「127」に変更します</p>
</div>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="460" src="https://illust55.com/storage/2021/05/image-52-800x460.png" alt="" class="wp-image-1420" srcset="https://illust55.com/storage/2021/05/image-52-800x460.png 800w, https://illust55.com/storage/2021/05/image-52-500x288.png 500w, https://illust55.com/storage/2021/05/image-52-300x173.png 300w, https://illust55.com/storage/2021/05/image-52-768x442.png 768w, https://illust55.com/storage/2021/05/image-52-1536x884.png 1536w, https://illust55.com/storage/2021/05/image-52.png 1648w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．1番上のレイヤのレイヤーモードを「乗算」に変更します<br><br>２．2番目のレイヤーを表示して選択してください<br><br>３．「フィルター」→「表現手法」→「輪郭検出」を選んでください<br><br>４．「イメージ」→「色調補正」→「2階調化」を選んでください<br><br>５．値を「79」に変更してください<br><br>６．2番目のレイヤーモードも「乗算」に変更します</p>
</div>



<h4 class="wp-block-heading">・べた塗りの画像を作る</h4>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="433" src="https://illust55.com/storage/2021/05/image-54-800x433.png" alt="" class="wp-image-1429" srcset="https://illust55.com/storage/2021/05/image-54-800x433.png 800w, https://illust55.com/storage/2021/05/image-54-500x270.png 500w, https://illust55.com/storage/2021/05/image-54-300x162.png 300w, https://illust55.com/storage/2021/05/image-54-768x415.png 768w, https://illust55.com/storage/2021/05/image-54-1536x831.png 1536w, https://illust55.com/storage/2021/05/image-54.png 1646w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>続いて、ベタ塗の画像を作ります</p>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．3番目のレイヤーを表示させて、選択してください<br><br>２．「イメージ」→「色調補正」→「2階調化」を選択してください<br><br>３．値を「50」に変更してください</p>
</div>



<p>今回の画像では最後の2階調を「50」にしましたが、画像により調節して変化させてください<br><br>以上の作業で線画の抽出が完成しました、私の画像では下のような結果になりました！</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/UnrealEngineから漫画線3-800x416.png" alt="" class="wp-image-1430" width="602" height="313" srcset="https://illust55.com/storage/2021/05/UnrealEngineから漫画線3-800x416.png 800w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線3-500x260.png 500w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線3-300x156.png 300w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線3-768x399.png 768w, https://illust55.com/storage/2021/05/UnrealEngineから漫画線3.png 1184w" sizes="(max-width: 602px) 100vw, 602px" /></figure></div>



<h2 class="wp-block-heading">・まとめ</h2>



<p>今回はUnrealEngineとPhotoShopと２つのソフトを使い漫画の線画の作成をしました</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/storage/2021/06/210631-男の子_立ち_見出し.jpg" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>Youtubeでは、さらにおもしろく絵のつくり方を紹介しています<br><br>また、他のページでもCG・映像のつくり方について紹介しています</p>
</div></div>



<p><a rel="noopener nofollow external noreferrer" href="https://www.youtube.com/channel/UCmOlFBBbURr_hgbEtjVpc_g" target="_blank" data-wpel-link="external">>> 動画で紹介！絵と映像のつくり方</a><br><br><a href="https://illust55.com/category/%e7%b5%b5%e3%81%a8%e6%98%a0%e5%83%8f%e3%81%ae%e4%bd%9c%e3%82%8a%e6%96%b9/" target="_blank" data-wpel-link="internal">>> 絵と映像のつくり方のカテゴリーページ</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/1367/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【3D景観】UnityとSketchfabで写真・漫画背景・環境を作る【初心者向け】</title>
		<link>https://illust55.com/1306/</link>
					<comments>https://illust55.com/1306/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Wed, 05 May 2021 01:40:37 +0000</pubDate>
				<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[Sketchfab]]></category>
		<category><![CDATA[Unity]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[ゲームエンジン]]></category>
		<category><![CDATA[ゲーム制作]]></category>
		<category><![CDATA[モデリング]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=1306</guid>

					<description><![CDATA[ゲームエンジンとは、ゲームを作ることが得意なソフトです しかし近ごろ、ゲームエンジンの機能はゲーム以外でもさまざまなことに使われ始めています ゲームエンジンが得意とすることは、キレイな背景や自由に３Dオブジェクトを配置で [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image40-1536x8641-1.jpg" alt="" class="wp-image-1314" width="719" height="404" srcset="https://illust55.com/storage/2021/05/image40-1536x8641-1.jpg 1536w, https://illust55.com/storage/2021/05/image40-1536x8641-1-500x281.jpg 500w, https://illust55.com/storage/2021/05/image40-1536x8641-1-800x450.jpg 800w, https://illust55.com/storage/2021/05/image40-1536x8641-1-300x169.jpg 300w, https://illust55.com/storage/2021/05/image40-1536x8641-1-768x432.jpg 768w" sizes="(max-width: 719px) 100vw, 719px" /></figure></div>



<p>ゲームエンジンとは、ゲームを作ることが得意なソフトです<br><br>しかし近ごろ、ゲームエンジンの機能はゲーム以外でもさまざまなことに使われ始めています<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">ゲームエンジンが得意とすることは、キレイな背景や自由に３Dオブジェクトを配置できる機能</span>です<br><br>例えば、建築モデル、漫画の背景、映画を作ることなどで利用が進んでいます<br><br>特に漫画や映像は大掛かりなセットや時間のかかる作業をなくせることから注目されています<br><br>このため今後、ゲームエンジンの使い方がカンタンになるにつれて、<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">これだけイロイロなことができて無料</span>ということもあり、使う人が増えると思います<br><br>そこで、<span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">今回は代表的なゲームエンジンであるUnityを使い写真・漫画・映像のワンシーンなど<br><br>ちょっとしたところに利用できそうな使い方を紹介します</span></p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box">
<p>・この記事で紹介すること<br><br>1. Sketchfabからのダウンロード<br><br>2. SketchfabからダウンロードしたOBJファイルの読み込み</p>
</div>



<h5 class="wp-block-heading">１．Unityをインストールしていない場合はインストールしよう</h5>



<p>始めに簡単にUnityのインストールの方法を紹介します<br><br>Unityは無料（ProやPlusでなければ）なので誰でも使うことができます<br><br>公式サイトのURLは下のアドレスになります<br><br><a href="https://unity.com/ja" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://unity.com/ja</a><br><br>インストールが完了したら、Unity本体をインストールをしましょう<br><br>今回は2020.3.6を使用しています<br></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-1.png" alt="無題の画像.png 
①
②
" class="wp-image-1308" width="439" height="169" srcset="https://illust55.com/storage/2021/05/image-1.png 1874w, https://illust55.com/storage/2021/05/image-1-500x193.png 500w, https://illust55.com/storage/2021/05/image-1-800x309.png 800w, https://illust55.com/storage/2021/05/image-1-300x116.png 300w, https://illust55.com/storage/2021/05/image-1-768x297.png 768w, https://illust55.com/storage/2021/05/image-1-1536x594.png 1536w" sizes="(max-width: 439px) 100vw, 439px" /></figure></div>



<p></p>



<div class="wp-block-image"><figure class="aligncenter size-medium is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-2-500x356.png" alt="無題の画像.png 
インク描画
" class="wp-image-1309" width="342" height="244" srcset="https://illust55.com/storage/2021/05/image-2-500x356.png 500w, https://illust55.com/storage/2021/05/image-2-300x213.png 300w, https://illust55.com/storage/2021/05/image-2-768x546.png 768w, https://illust55.com/storage/2021/05/image-2.png 790w" sizes="(max-width: 342px) 100vw, 342px" /></figure></div>



<p></p>



<p></p>



<p>インストールが完了したら、プロジェクトを作成しましょう<br></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-4.png" alt="無題の画像.png, qunity 
① 
プ ロ ジ ェ ク ト 
使 い 方 を 学 ふ 
コ ミ ュ ニ テ ィ 
イ ン ス ト ー 丿 し 
プ ロ ジ ェ ク ト 
プ コ ジ ェ ク ト 名 
New Unity P 
NLINew Unity 円 0 に 獸 
Unity ノ ( - ジ 三 ン : 2020-3 。 5f1 
リ ス ト に 追 加 
Unity バ - 
2020.3.6 
′ ョ ン 
タ ー グ ッ ト 
使 用 中 の プ ラ ツ . 
新 規 作 成 
量 終 更 新 ↑ 
2 days ago  
インク描画
インク描画
インク描画
①
②
③
" class="wp-image-1311" width="713" height="283" srcset="https://illust55.com/storage/2021/05/image-4.png 1903w, https://illust55.com/storage/2021/05/image-4-500x199.png 500w, https://illust55.com/storage/2021/05/image-4-800x318.png 800w, https://illust55.com/storage/2021/05/image-4-300x119.png 300w, https://illust55.com/storage/2021/05/image-4-768x305.png 768w, https://illust55.com/storage/2021/05/image-4-1536x610.png 1536w" sizes="(max-width: 713px) 100vw, 713px" /></figure></div>



<p></p>



<p>作成したプロジェクトを実行するとUnityが始まります！</p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-6.png" alt="" class="wp-image-1316" width="516" height="298" srcset="https://illust55.com/storage/2021/05/image-6.png 1916w, https://illust55.com/storage/2021/05/image-6-500x290.png 500w, https://illust55.com/storage/2021/05/image-6-800x463.png 800w, https://illust55.com/storage/2021/05/image-6-300x174.png 300w, https://illust55.com/storage/2021/05/image-6-768x445.png 768w, https://illust55.com/storage/2021/05/image-6-1536x890.png 1536w" sizes="(max-width: 516px) 100vw, 516px" /></figure></div>



<p></p>



<p></p>



<h5 class="wp-block-heading">２．SketchFabで３Dオブジェクトをダウンロードしよう</h5>



<p><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">SketchFabは無料で３Dオブジェクトが配布されているサイトです</span>（一部有料もある）<br><br>背景や環境の３Dモデルが多いので、知っておくだけで利用の幅が広がると思います<br><br>ダウンロードURLは下になります<br><br><a href="https://sketchfab.com/feed" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://sketchfab.com/feed</a><br><br>今回はその中でも下のモデルをダウンロードして利用します<br><br>Ancient Corinth &#8211; Peirene Fountain <br>（ダウンロードURL）<a href="https://skfb.ly/onPWx" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://skfb.ly/onPWx</a></p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-13-800x585.png" alt="" class="wp-image-1330" width="602" height="440" srcset="https://illust55.com/storage/2021/05/image-13-800x585.png 800w, https://illust55.com/storage/2021/05/image-13-500x366.png 500w, https://illust55.com/storage/2021/05/image-13-300x219.png 300w, https://illust55.com/storage/2021/05/image-13-768x562.png 768w, https://illust55.com/storage/2021/05/image-13.png 1225w" sizes="(max-width: 602px) 100vw, 602px" /></figure></div>



<p></p>



<p>３Dオブジェクトが決まりましたらダウンロードボタンを押してください</p>



<p></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-14.png" alt="無題の画像.png 
インク描画
" class="wp-image-1331" width="313" height="177" srcset="https://illust55.com/storage/2021/05/image-14.png 691w, https://illust55.com/storage/2021/05/image-14-500x283.png 500w, https://illust55.com/storage/2021/05/image-14-300x170.png 300w" sizes="(max-width: 313px) 100vw, 313px" /></figure></div>



<p>ダウンロードボタンを押すと下のポップアップが出現します<br><br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">「OBJ」ファイルをダウンロードしてください</span></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-15.png" alt="無題の画像.png 
インク描画
" class="wp-image-1332" width="303" height="247" srcset="https://illust55.com/storage/2021/05/image-15.png 946w, https://illust55.com/storage/2021/05/image-15-500x409.png 500w, https://illust55.com/storage/2021/05/image-15-800x654.png 800w, https://illust55.com/storage/2021/05/image-15-300x245.png 300w, https://illust55.com/storage/2021/05/image-15-768x628.png 768w" sizes="(max-width: 303px) 100vw, 303px" /></figure></div>



<p></p>



<h5 class="wp-block-heading">３．モデルを読み込もう</h5>



<p>ダウンロードしたモデルはそのままでは読み込めないので<br><br>全て解凍してください<br><br>OBJファイルが３Dオブジェクトの本体になります<br><br>以下の画像の通り、解凍したファイル（obj、mtl、pngなど）を３DオブジェクトのOBJと一緒に<br><br>ASSETSウィンドにドラッグ＆ドロップします<br><br>紹介した３Dモデルの場合<br>「jaaninoja-bridge-in-turku-kurala-finland」フォルダの<br>「source」フォルダの中の<br>「Jaaninoja_Bridge_decimated_SF.zip」ファイルを解凍して出てきたファイル全てを入れます<br><br>（私のオススメの解凍ソフトです、探している方はぜひ→<a href="https://peazip.github.io/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://peazip.github.io/</a>（peazip)）</p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-8.png" alt="" class="wp-image-1323" width="539" height="389" srcset="https://illust55.com/storage/2021/05/image-8.png 1045w, https://illust55.com/storage/2021/05/image-8-500x362.png 500w, https://illust55.com/storage/2021/05/image-8-800x579.png 800w, https://illust55.com/storage/2021/05/image-8-300x217.png 300w, https://illust55.com/storage/2021/05/image-8-768x556.png 768w" sizes="(max-width: 539px) 100vw, 539px" /></figure></div>



<figure class="wp-block-image size-large"><img decoding="async" src="blob:https://illust55.com/d81b852b-06fe-45b8-a0c1-ccd764bac6fd" alt=""/></figure>



<p>オブジェクトの準備が終わるとウィンド下部に下のように表示されると思います<br><br>次は赤ワクのオブジェクトをメイン画面にドラッグ＆ドロップしてください</p>



<div class="wp-block-image"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-16-800x557.png" alt="" class="wp-image-1342" width="567" height="395" srcset="https://illust55.com/storage/2021/05/image-16-800x557.png 800w, https://illust55.com/storage/2021/05/image-16-500x348.png 500w, https://illust55.com/storage/2021/05/image-16-300x209.png 300w, https://illust55.com/storage/2021/05/image-16-768x535.png 768w, https://illust55.com/storage/2021/05/image-16.png 1309w" sizes="(max-width: 567px) 100vw, 567px" /></figure></div>



<p>オブジェクトが配置されたら、矢印をマウスでつかんで動かしてください</p>



<div class="wp-block-image"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="800" height="467" src="https://illust55.com/storage/2021/05/image-18-800x467.png" alt="" class="wp-image-1344" srcset="https://illust55.com/storage/2021/05/image-18-800x467.png 800w, https://illust55.com/storage/2021/05/image-18-500x292.png 500w, https://illust55.com/storage/2021/05/image-18-300x175.png 300w, https://illust55.com/storage/2021/05/image-18-768x448.png 768w, https://illust55.com/storage/2021/05/image-18.png 1303w" sizes="(max-width: 800px) 100vw, 800px" /></figure></div>



<p>ベストな位置に来たら、キャプチャーをします<br><br>キャプチャーの方法は色々ありますが、私は「Game」タブからハードコピーをしました<br><br>キャプチャーは下のサイトのスクリプトでもできます</p>



<p></p>





<a rel="noopener nofollow external noreferrer" href="https://blog.yumineko.com/unity-editor-screenshot/" title="404 File Not Found" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank" data-wpel-link="external"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img loading="lazy" decoding="async" src="https://s.wordpress.com/mshots/v1/https%3A%2F%2Fblog.yumineko.com%2Funity-editor-screenshot%2F?w=160&#038;h=160" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="160" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">404 File Not Found</div><div class="blogcard-snippet external-blogcard-snippet"></div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img loading="lazy" decoding="async" src="https://www.google.com/s2/favicons?domain=https://blog.yumineko.com/unity-editor-screenshot/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">blog.yumineko.com</div></div></div></div></a> 




<p></p>



<div class="wp-block-image"><figure class="aligncenter size-full is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/05/image-21.png" alt="" class="wp-image-1349" width="651" height="370" srcset="https://illust55.com/storage/2021/05/image-21.png 1296w, https://illust55.com/storage/2021/05/image-21-500x285.png 500w, https://illust55.com/storage/2021/05/image-21-800x456.png 800w, https://illust55.com/storage/2021/05/image-21-300x171.png 300w, https://illust55.com/storage/2021/05/image-21-768x438.png 768w" sizes="(max-width: 651px) 100vw, 651px" /></figure></div>



<p>下のように画面キャプチャーができました！どうでしょうか<br><br>工夫次第でいろいろな背景に使えると思います<br><br>背景は別の空用のアセットを入れて少し見栄えをよくしました</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="500" src="https://illust55.com/storage/2021/05/image-22-800x500.png" alt="3D景観・UnityとSkethfabで写真・漫画背景・環境を作る" class="wp-image-1350" srcset="https://illust55.com/storage/2021/05/image-22-800x500.png 800w, https://illust55.com/storage/2021/05/image-22-500x313.png 500w, https://illust55.com/storage/2021/05/image-22-300x188.png 300w, https://illust55.com/storage/2021/05/image-22-768x480.png 768w, https://illust55.com/storage/2021/05/image-22-1536x960.png 1536w, https://illust55.com/storage/2021/05/image-22.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<p></p>



<p>下の画像はPhotoShopで画像を元に編集したものです</p>



<figure class="wp-block-gallery columns-1 is-cropped wp-block-gallery-8 is-layout-flex wp-block-gallery-is-layout-flex"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img loading="lazy" decoding="async" width="800" height="408" src="https://illust55.com/storage/2021/05/色と線画02-800x408.png" alt="" data-id="1352" data-full-url="https://illust55.com/storage/2021/05/色と線画02.png" data-link="https://illust55.com/1306/%e8%89%b2%e3%81%a8%e7%b7%9a%e7%94%bb02/" class="wp-image-1352" srcset="https://illust55.com/storage/2021/05/色と線画02-800x408.png 800w, https://illust55.com/storage/2021/05/色と線画02-500x255.png 500w, https://illust55.com/storage/2021/05/色と線画02-300x153.png 300w, https://illust55.com/storage/2021/05/色と線画02-768x392.png 768w, https://illust55.com/storage/2021/05/色と線画02-1536x784.png 1536w, https://illust55.com/storage/2021/05/色と線画02.png 1872w" sizes="(max-width: 800px) 100vw, 800px" /></figure></li></ul></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="408" src="https://illust55.com/storage/2021/05/色と線画-800x408.png" alt="" class="wp-image-1351" srcset="https://illust55.com/storage/2021/05/色と線画-800x408.png 800w, https://illust55.com/storage/2021/05/色と線画-500x255.png 500w, https://illust55.com/storage/2021/05/色と線画-300x153.png 300w, https://illust55.com/storage/2021/05/色と線画-768x392.png 768w, https://illust55.com/storage/2021/05/色と線画-1536x784.png 1536w, https://illust55.com/storage/2021/05/色と線画.png 1872w" sizes="(max-width: 800px) 100vw, 800px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://illust55.com/core/views/f0066ecca1/images/man.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ゲームエンジンは日々進化しています<br><br>工夫次第で使える場面はこれからもさらに増えると思います！</p>
</div></div>



<p>この記事は以上です、ここまで読んでいただいてありがとうございました！</p>



<p><br><br></p>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/1306/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【無料背景画像】3Dブロックのデジタル背景素材！</title>
		<link>https://illust55.com/1293/</link>
					<comments>https://illust55.com/1293/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Tue, 04 May 2021 08:36:25 +0000</pubDate>
				<category><![CDATA[フリー背景画像]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[かっこいい]]></category>
		<category><![CDATA[グラデーション]]></category>
		<category><![CDATA[サムネイル]]></category>
		<category><![CDATA[ワープ]]></category>
		<category><![CDATA[立体]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=1293</guid>

					<description><![CDATA[「イラストGOGO」では、リアルでSFサイバー的な背景やSNS見出しの背景に使える素材をPNGというファイルで無料ダウンロードができます「3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像」は個人・商用問わ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>「イラストGOGO」では、リアルでSFサイバー的な背景やSNS見出しの背景に使える素材をPNGというファイルで無料ダウンロードができます<br>「3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像」は個人・商用問わず利用出来きます<br>動画素材やYouTubeやTwitter、FaceBookなどやブログのタイトルにもかっこよくご利用いただけます<br><br>保存する場合は画像にマウスカーソルを合わせて「右クリック」から「名前をつけて画像を保存」を<br>選んでください</p>



<h2 class="wp-block-heading">・3Dブロックのデジタル背景素材！：ムラサキ</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-800x450.png" alt="3Dブロックのワープ風背景素材_SNSのタイトル無料画像紫" class="wp-image-1295" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像紫</figcaption></figure>



<h2 class="wp-block-heading">・3Dブロックのデジタル背景素材！：アカムラサキ</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-800x450.png" alt="3Dブロックのワープ風背景素材_SNSのタイトルに使える無料画像" class="wp-image-1297" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック紫グラデーション.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>3Dブロックのワープ風背景素材SNSのタイトルに使える無料画像グラデーション紫</figcaption></figure>



<h2 class="wp-block-heading">・3Dブロックのデジタル背景素材！：ブルー</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-800x450.png" alt="3Dブロックのワープ風背景素材_SNSのタイトルに使える無料画像青" class="wp-image-1298" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック青.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像青</figcaption></figure>



<h2 class="wp-block-heading">・・3Dブロックのデジタル背景素材！：イエロー</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-800x450.png" alt="3Dブロックのワープ風背景素材_SNSのタイトルに使える無料画像黄色" class="wp-image-1296" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック黄色.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像黄色</figcaption></figure>



<h2 class="wp-block-heading">・・3Dブロックのデジタル背景素材！：グリーン</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-800x450.png" alt="3Dブロックのワープ風背景素材_SNSのタイトルに使える無料画像グラデーション緑" class="wp-image-1299" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景3Dブロック緑グラデーション.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>3Dブロックのワープ風背景素材！SNSのタイトルに使える無料画像グラデーション緑</figcaption></figure>



<h2 class="wp-block-heading">・・3Dブロックのデジタル背景素材！：ワープ</h2>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="800" height="450" src="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-800x450.png" alt="ワープ風背景素材SNSのタイトル無料画像グラデーション紫" class="wp-image-1294" srcset="https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-800x450.png 800w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-500x281.png 500w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-300x169.png 300w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-768x432.png 768w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景-1536x864.png 1536w, https://illust55.com/storage/2021/05/210504-ワープ一点集中背景.png 1920w" sizes="(max-width: 800px) 100vw, 800px" /><figcaption>ワープ風背景素材SNSのタイトル無料画像グラデーション紫</figcaption></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/1293/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
