<?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>漫画 | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<atom:link href="https://illust55.com/tag/%e6%bc%ab%e7%94%bb/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Sun, 01 Jan 2023 09:41:56 +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>漫画 | 「Free! Illustlation &amp;くりえいてぃぶ」</title>
	<link>https://illust55.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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 fetchpriority="high" 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 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 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-1 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>
	</channel>
</rss>
