<?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/%e7%84%a1%e6%96%99/feed/" rel="self" type="application/rss+xml" />
	<link>https://illust55.com</link>
	<description>絵と動画とゲームの作り方をもっと簡単にする方法を紹介します</description>
	<lastBuildDate>Wed, 17 Nov 2021 17:15:32 +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>【無料＆超高機能】HitFilm Expressで動画に動く字幕＆テロップを入れよう！【入門＆超初心者向け動画編集の方法】</title>
		<link>https://illust55.com/2843/</link>
					<comments>https://illust55.com/2843/#respond</comments>
		
		<dc:creator><![CDATA[i57295911]]></dc:creator>
		<pubDate>Thu, 24 Jun 2021 10:57:57 +0000</pubDate>
				<category><![CDATA[絵と映像のつくり方]]></category>
		<category><![CDATA[HitfilmExpress]]></category>
		<category><![CDATA[入門]]></category>
		<category><![CDATA[動画編集]]></category>
		<category><![CDATA[無料]]></category>
		<guid isPermaLink="false">https://illust55.com/?p=2843</guid>

					<description><![CDATA[と悩んでいませんか？ このページでは、そんな悩みに答えるために、HitFilm Expressを紹介します HitFilmExpressは無料、でも高機能のソフトです このため、使いこなせば、有料ソフトに負けない動画を作 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<div class="wp-block-image is-style-default"><figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" src="https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100.jpg" alt="" class="wp-image-2845" width="510" height="510" srcset="https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100.jpg 700w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-300x300.jpg 300w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-100x100.jpg 100w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-150x150.jpg 150w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-120x120.jpg 120w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-160x160.jpg 160w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-320x320.jpg 320w, https://illust55.com/storage/2021/06/vlcsnap-2021-06-24-00h02m01s100-250x250.jpg 250w" sizes="(max-width: 510px) 100vw, 510px" /></figure></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>かっこいい動画を作ってみたい！<br>・・・と思っても<br><br>「動画編集ソフトは高い」<br>「無料ソフトだと、できなことが多い」<br>「無料でも動作が遅い」</p>
</div>



<p>と悩んでいませんか？<br><br>このページでは、そんな悩みに答えるために、HitFilm Expressを紹介します<br><br>HitFilmExpressは無料、でも高機能のソフトです<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>今回は、HitFilm Expressを使った<br>字幕・テロップの入れ方を紹介します<br><br>下の目次の流れにそって説明を進めさせていただきます</p>
</div></div>



<h2 class="wp-block-heading">・HitFilm Expressの紹介とインストール</h2>



<h4 class="wp-block-heading">・HitFilm Expressはどんな動画が作れるの？</h4>



<p>HitFilmExpressは、使いこなすとイロイロな動画を作ることができます</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>HitFilm Expressで、できることをまとめた動画を紹介します</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="Top 5 Tips: Improve Your Motion Graphics" width="1256" height="707"  data-youtube="eyJ0aXRsZSI6IlRvcCA1IFRpcHM6IEltcHJvdmUgWW91ciBNb3Rpb24gR3JhcGhpY3MiLCJ2aWRlb19pZCI6ImhsZm95akFoVXBNIn0=" src="https://www.youtube.com/embed/hlfoyjAhUpM?start=62&#038;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-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>
</div></div>



<h4 class="wp-block-heading">・HitFilm Expressをインストールしよう</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>HitFilmExpressを使うためには、<br>公式サイトからダウンロードする必要があります<br><br>下に公式サイトのURLを紹介します</p>
</div></div>



<p>HitFilm Expressの公式サイト<br><a href="https://fxhome.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://fxhome.com/</a><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>ぜひ、インストールする時には、合わせてご覧ください</p>
</div></div>



<p>【無料＆高機能】映像編集ソフトのHitFilm Expressを紹介-Tutrial-！<br><a href="https://illust55.com/771/" data-wpel-link="internal">https://illust55.com/771/</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>インストールが終わりましたら、起動してください<br>次に、字幕・テロップの入れ方を紹介させていただきます</p>
</div></div>



<p></p>



<h2 class="wp-block-heading">・HitFilm Expressを使って動画に字幕・テロップを入れよう</h2>



<h4 class="wp-block-heading">・字幕・テロップを入れる準備をしよう</h4>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img decoding="async" width="1280" height="674" src="https://illust55.com/storage/2021/06/image-384.png" alt="" class="wp-image-2846" srcset="https://illust55.com/storage/2021/06/image-384.png 1280w, https://illust55.com/storage/2021/06/image-384-768x404.png 768w" sizes="(max-width: 1280px) 100vw, 1280px" /></figure></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>



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



<div class="wp-block-image is-style-default"><figure class="aligncenter size-full"><img loading="lazy" decoding="async" width="1067" height="586" src="https://illust55.com/storage/2021/06/image-385.png" alt="" class="wp-image-2847" srcset="https://illust55.com/storage/2021/06/image-385.png 1067w, https://illust55.com/storage/2021/06/image-385-768x422.png 768w" sizes="(max-width: 1067px) 100vw, 1067px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面の大きさを、Width「1920」、Height「1080」に変えてください<br><br>２．OKをクリックしてください</p>
</div>



<h4 class="wp-block-heading">・映像に使う、動画と背景画像を読み込もう</h4>



<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/06/image-386.png" alt="" class="wp-image-2848" width="774" height="431" srcset="https://illust55.com/storage/2021/06/image-386.png 1202w, https://illust55.com/storage/2021/06/image-386-768x428.png 768w" sizes="(max-width: 774px) 100vw, 774px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Media」タブをクリックしてください<br><br>２．下の空いている場所で右クリックしてください</p>
</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/06/image-387.png" alt="" class="wp-image-2849" width="770" height="429" srcset="https://illust55.com/storage/2021/06/image-387.png 1202w, https://illust55.com/storage/2021/06/image-387-768x428.png 768w" sizes="(max-width: 770px) 100vw, 770px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Import」をクリックしてください<br><br>２．「Media」をクリックしてください、ファイルの読み込み画面が現れます</p>
</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/06/image-388.png" alt="" class="wp-image-2850" width="763" height="409" srcset="https://illust55.com/storage/2021/06/image-388.png 1280w, https://illust55.com/storage/2021/06/image-388-768x412.png 768w" sizes="(max-width: 763px) 100vw, 763px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・今回は上のサンプル動画と、下のタイトル用の背景画像を読み込みました<br><br>サンプル動画のダウンロードサイトです<br><a href="https://www.pexels.com/ja-jp/videos/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://www.pexels.com/ja-jp/videos/</a><br><br>テロップ背景の画像素材のサイトです<br><a href="https://pngtree.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer">https://pngtree.com/</a><br>（※ 「text box」で検索すると同じような画像が、たくさん表示されます）</p>
</div>



<h4 class="wp-block-heading">・背景画像とテロップ・字幕を合わせよう</h4>



<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/06/image-389.png" alt="" class="wp-image-2851" width="727" height="387" srcset="https://illust55.com/storage/2021/06/image-389.png 1280w, https://illust55.com/storage/2021/06/image-389-768x409.png 768w" sizes="(max-width: 727px) 100vw, 727px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．下の空いている場所で右クリックしてください<br><br></p>



<p>２．「New」 → 「Composite Shot」をクリックしてください</p>
</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/06/image-390.png" alt="" class="wp-image-2852" width="766" height="410" srcset="https://illust55.com/storage/2021/06/image-390.png 1280w, https://illust55.com/storage/2021/06/image-390-768x412.png 768w" sizes="(max-width: 766px) 100vw, 766px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．作った「Composite Shot」をダブルクリックしてください</p>
</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/06/image-391.png" alt="" class="wp-image-2853" width="763" height="403" srcset="https://illust55.com/storage/2021/06/image-391.png 1281w, https://illust55.com/storage/2021/06/image-391-768x406.png 768w" sizes="(max-width: 763px) 100vw, 763px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．空いている場所で右クリックしてください<br><br>２．「New Layer」 → 「Text」をクリックしてください<br><br>３．画面をクリックして文字を入力してください<br>（※日本語を入力する場合「ENTER」キーを押すと、文字が現れます）<br><br>※ 「Viewer」画面右がわの「テキスト」アイコンをクリックしても文字を入力できます</p>
</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/06/image-392.png" alt="" class="wp-image-2854" width="770" height="389" srcset="https://illust55.com/storage/2021/06/image-392.png 1238w, https://illust55.com/storage/2021/06/image-392-768x388.png 768w" sizes="(max-width: 770px) 100vw, 770px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「矢印」アイコンをクリックしてください<br><br>２．マウスでドラッグすると位置を直せます<br><br>３．テキスト左の矢印をクリック<br><br>４．「Position」の値を変えても位置を直せます</p>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-393.png" alt="" class="wp-image-2855" width="781" height="420" srcset="https://illust55.com/storage/2021/06/image-393.png 1280w, https://illust55.com/storage/2021/06/image-393-768x413.png 768w" sizes="(max-width: 781px) 100vw, 781px" /></figure></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><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">（※ 読める文字が表れている場合、この作業はスキップしてください）</span></p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>※ 文字が見えない場合<br><br>１．タブの「右矢印」をクリックしてください<br><br>２．「Text」タブをクリックしてください<br><br>３．文字の種類のボタンをクリックして「BIZ UDPゴシック」を選んでください</p>
</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/06/image-394.png" alt="" class="wp-image-2856" width="766" height="410" srcset="https://illust55.com/storage/2021/06/image-394.png 1280w, https://illust55.com/storage/2021/06/image-394-768x412.png 768w" sizes="(max-width: 766px) 100vw, 766px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．画面左下のタブの「右矢印」をクリックしてください<br><br>２．「Text」タブをクリックしてください<br><br>３．文字の大きさを「120」に変えてください<br><br>４．文字の大きさが変わったことを確認してください</p>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-395.png" alt="" class="wp-image-2857" width="790" height="450" srcset="https://illust55.com/storage/2021/06/image-395.png 1235w, https://illust55.com/storage/2021/06/image-395-768x438.png 768w" sizes="(max-width: 790px) 100vw, 790px" /></figure></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>「Text」タブが見つからない場合は、次の作業をしてください<br><span style="background-image: linear-gradient(transparent 60%, rgba(233, 82, 149, 0.5) 60%)" class="sme-highlighter">（※「Text」タブが見つかった場合は、この作業をスキップしてください）</span></p>
</div></div>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>ー「Text」タブが見つからない場合ー<br>・「Windows」 → 「Work Spaces」 →「All Panels」をクリックしてください<br><br>・「Reset Work Space」をクリックすると元のパネルに戻ります</p>
</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/06/image-396.png" alt="" class="wp-image-2858" width="778" height="417" srcset="https://illust55.com/storage/2021/06/image-396.png 1280w, https://illust55.com/storage/2021/06/image-396-768x412.png 768w" sizes="(max-width: 778px) 100vw, 778px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Media」タブをクリックしてください<br><br>２．文字の背景画像をドラッグ＆ドロップしてください</p>
</div>



<h4 class="wp-block-heading">・字幕・テロップと動画を合わせよう</h4>



<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/06/image-397.png" alt="" class="wp-image-2859" width="786" height="421" srcset="https://illust55.com/storage/2021/06/image-397.png 1280w, https://illust55.com/storage/2021/06/image-397-768x412.png 768w" sizes="(max-width: 786px) 100vw, 786px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Media」タブをクリックしてください<br><br>２．動画をドラッグ＆ドロップしてください<br><br>３．「Composit Shot」をドラッグ＆ドロップしてください<br><br>４．動画と文字が現れたことを確認してください</p>
</div>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large is-resized"><img loading="lazy" decoding="async" src="https://illust55.com/storage/2021/06/image-400.png" alt="" class="wp-image-2862" width="789" height="421" srcset="https://illust55.com/storage/2021/06/image-400.png 1280w, https://illust55.com/storage/2021/06/image-400-768x410.png 768w" sizes="(max-width: 789px) 100vw, 789px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Composit Shot」をクリックしてください<br><br>２．「Scale」の値を小さく変えてください<br><br>３．文字と背景画像が小さくなったことを確認してください</p>
</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/06/image-398.png" alt="" class="wp-image-2860" width="781" height="413" srcset="https://illust55.com/storage/2021/06/image-398.png 1239w, https://illust55.com/storage/2021/06/image-398-768x406.png 768w" sizes="(max-width: 781px) 100vw, 781px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Composit Shot」の右側をドラッグすると、幅を動かせます<br><br>２．下の動画の幅とそろえてください</p>
</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/06/image-399.png" alt="" class="wp-image-2861" width="763" height="396" srcset="https://illust55.com/storage/2021/06/image-399.png 1250w, https://illust55.com/storage/2021/06/image-399-768x399.png 768w" sizes="(max-width: 763px) 100vw, 763px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・幅がそろいました！</p>
</div>



<h4 class="wp-block-heading">・字幕・テロップに動きを加えよう</h4>



<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/06/image-401.png" alt="" class="wp-image-2863" width="797" height="433" srcset="https://illust55.com/storage/2021/06/image-401.png 1280w, https://illust55.com/storage/2021/06/image-401-768x418.png 768w" sizes="(max-width: 797px) 100vw, 797px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．「Composit Shot」をクリックしてください<br><br>２．文字をドラッグして画面の外に移動します<br><br>３．「Position」の左の「〇」をクリックしてください<br><br>※「Composit Shot」がクリックしにくい場合は、スライドを右に移動してください</p>
</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/06/image-402.png" alt="" class="wp-image-2864" width="800" height="429" srcset="https://illust55.com/storage/2021/06/image-402.png 1280w, https://illust55.com/storage/2021/06/image-402-768x412.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>１．黒の「再生バー」をドラッグすると移動できます<br>（※ このページでは「1:19」（1秒19）に移動しています）<br><br>２．文字をドラッグして画面の中に移動してください<br><br>３．「再生」ボタンをクリックすると文字が動くことが確認できます</p>
</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/06/image-403.png" alt="" class="wp-image-2865" width="765" height="408" srcset="https://illust55.com/storage/2021/06/image-403.png 1207w, https://illust55.com/storage/2021/06/image-403-768x410.png 768w" sizes="(max-width: 765px) 100vw, 765px" /></figure></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>



<div class="wp-block-cocoon-blocks-info-box primary-box block-box">
<p>・画面上のメニュー「EXPORT」 → 「To File」をクリックしてください</p>
</div>



<p></p>



<div class="wp-block-image is-style-default"><figure class="aligncenter size-large"><img loading="lazy" decoding="async" width="1080" height="720" src="https://illust55.com/storage/2021/06/tt_gif_001.gif" alt="" class="wp-image-2866"/></figure></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>上の映像は「GIF」に変えたので、カクカクしていますが</p>



<p>つくった動画はスムーズに動きます</p>
</div></div>



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



<p>HitFilm Expressは英語ですが、現在の無料ソフトの中ではトップレベルの高機能です<br><br>また、炎のエフェクトなどAfter Effectsでは苦労するエフェクトもあります<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>最後に他のHitFilm Expressのページを紹介します</p>



<p>ぜひ、合わせてご覧ください</p>
</div></div>



<p>・映像編集ソフトのHitFilmExpressのインストールと始め方<br><a href="https://illust55.com/771/" data-wpel-link="internal">https://illust55.com/771/</a><br><br>・HitFilmExpressの音量とトランジション（切り替え効果）の使い方<br><a href="https://illust55.com/907/" data-wpel-link="internal">https://illust55.com/907/</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>
]]></content:encoded>
					
					<wfw:commentRss>https://illust55.com/2843/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
