<?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>Canvaで作る  |  卒アルのいろは</title>
	<atom:link href="https://sotuaru.com/category/create/feed/" rel="self" type="application/rss+xml" />
	<link>https://sotuaru.com</link>
	<description>卒アル委員だった時に調べたことや便利なツールなどを紹介するブログです</description>
	<lastBuildDate>Mon, 09 Sep 2024 03:29:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.6.1</generator>

<image>
	<url>https://sotuaru.com/wp-content/uploads/cropped-favicon-32x32.png</url>
	<title>Canvaで作る  |  卒アルのいろは</title>
	<link>https://sotuaru.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/><atom:link rel="hub" href="https://websubhub.com/hub"/>	<item>
		<title>無料ツール【ペイント3D】で写真から人物を切り抜く方法</title>
		<link>https://sotuaru.com/clip_paint3d/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Thu, 24 Nov 2022 05:30:27 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[作り方]]></category>
		<category><![CDATA[切り抜き]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=1097</guid>

					<description><![CDATA[目次（クリックできます） はじめにペイント3Dについてペイント3Dを起動する切り抜きしたい写真を開くマジック選択で範囲を選択背景を削除するマジック選択だけでは上手くできなかった部分をハンドで修正別名ファイルにPNGで保存 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></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://sotuaru.com/wp-content/uploads/icon001.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>ペイント3Dを使って写真から人物を切り抜く方法をご紹介します。</p>



<p>卒園アルバム制作で、人物の切り抜きが使えると、「動きのあるページ」や「人物をたくさん入れたページ」を作ることができますよ。</p>
</div></div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">はじめに</a></li><li><a href="#toc2" tabindex="0">ペイント3Dについて</a></li><li><a href="#toc3" tabindex="0">ペイント3Dを起動する</a></li><li><a href="#toc4" tabindex="0">切り抜きしたい写真を開く</a></li><li><a href="#toc5" tabindex="0">マジック選択で範囲を選択</a></li><li><a href="#toc6" tabindex="0">背景を削除する</a></li><li><a href="#toc7" tabindex="0">マジック選択だけでは上手くできなかった部分をハンドで修正</a></li><li><a href="#toc8" tabindex="0">別名ファイルにPNGで保存する</a></li><li><a href="#toc9" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">はじめに</span></h2>



<p>この記事は「<strong>無料ツールで切り抜きしたい</strong>」方向けの記事です。</p>



<p>有料の
<a rel="noopener" href="https://www.adobe.com/jp/products/photoshop.html?promoid=RL89NFBP&amp;mv=other" data-type="URL" data-id="https://www.adobe.com/jp/products/photoshop.html?promoid=RL89NFBP&amp;mv=other" target="_blank">Photoshop</a>
を持っている方やCanva Pro利用の方はもっと簡単に切り抜きできるので、そちらで切り抜きしてくださいね。</p>



<p>切り抜いた画像は背景を透明にできるPNGフォーマットで保存しますが、<strong>フォトブックによってはPNGが使えない</strong>ものがあるので、事前確認をしてください。</p>



<h2 class="wp-block-heading"><span id="toc2">ペイント3Dについて</span></h2>



<p>ペイント3Dはwindows10で標準でインストールされているツールです。<br>見つからなければMicrosoft Storeから無料でダウンロードできます。<br>→　<a rel="noopener" href="https://apps.microsoft.com/store/detail/%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88-3d/9NBLGGH5FV99?hl=ja-jp&amp;gl=jp" data-type="URL" data-id="https://apps.microsoft.com/store/detail/%E3%83%9A%E3%82%A4%E3%83%B3%E3%83%88-3d/9NBLGGH5FV99?hl=ja-jp&amp;gl=jp" target="_blank">ペイント3D</a></p>



<p>macの方は使えないと思います。ううっ・・・ごめんなさい。</p>



<h2 class="wp-block-heading"><span id="toc3">ペイント3Dを起動する</span></h2>



<p>ここからペイント3Dで写真の人物を切り抜く手順を説明します。<br>まずはソフトを起動しましょう。</p>



<ol class="list-num">
  <li>① ウィンドウマークをクリック</li>
  <li>② アプリ一覧から「ペイント3D」をクリック<br>「は」のところにあります</li>
</ol>



<figure class="wp-block-image size-large is-resized"><img fetchpriority="high" decoding="async" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_001-1024x951.jpg" alt="ペイント3Dを起動" class="wp-image-1101" style="aspect-ratio:512/476" width="512" height="476" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_001-1024x951.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_001-300x279.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_001-768x713.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_001.jpg 1068w" sizes="(max-width: 512px) 100vw, 512px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">切り抜きしたい写真を開く</span></h2>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>切り抜き画像は別名で保存するので元の写真は残りますが、念のため事前に<strong>編集する写真をバックアップしておいてください</strong>。<br>（ファイルをコピーして別の場所に置いておくなど。）</p>
</div>



<p>バックアップは終わった前提ですすめます。<br>まず、切り抜きしたい写真の画像ファイルを開きます。</p>



<ol class="list-num">
  <li>① 3Dペイントの起動画面から「開く」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="549" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_002-1024x549.jpg" alt="ペイント3D開く" class="wp-image-1104" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_002-1024x549.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_002-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_002-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 「ファイルの参照」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="546" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_003-1024x546.jpg" alt="ファイルの参照" class="wp-image-1106" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_003-1024x546.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003-300x160.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003-768x410.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>写真を選択して開いた状態が以下です。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_003_1-1024x550.png" alt="ファイルを開いた状態" class="wp-image-1128" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_003_1-1024x550.png 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003_1-300x161.png 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003_1-768x413.png 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_003_1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc5">マジック選択で範囲を選択</span></h2>



<p>自動の範囲選択ツールである「マジック選択」の機能を使って切り抜く範囲を選択します。</p>



<ol class="list-num">
  <li>① 「マジック選択」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_004-1024x550.jpg" alt="マジック選択" class="wp-image-1107" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_004-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_004-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_004-768x413.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 切り抜きたい人物を四角の枠で囲むように白丸を移動させる</li>
  <li>③ 「次へ」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_005-1024x550.jpg" alt="範囲選択" class="wp-image-1108" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_005-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_005-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_005-768x413.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_005.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 自動で選択された結果が表示されます<br>※もしこの時点で問題なく選択されていたら⑨まで進んでください。</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_006-1024x550.jpg" alt="マジック選択で自動選択された状態" class="wp-image-1109" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_006-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_006-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_006-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><span class="marker-under">選択範囲に入っていない箇所を選択範囲に含めたい場合</span>は以下の手順を実施してください。</p>



<ol class="list-num">
  <li>⑤ 「追加」をクリック</li>
  <li>⑥ 選択範囲に含めたいところをなぞる</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_007-1024x550.jpg" alt="選択範囲を追加" class="wp-image-1110" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_007-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_007-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_007-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p><span class="marker-under">選択範囲に余計な箇所が含まれている場合</span>は以下の手順を実施してください。</p>



<ol class="list-num">
  <li>⑦ 「削除」をクリック</li>
  <li>⑧ 消したいところをなぞる</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_008-1024x550.jpg" alt="選択範囲を削除" class="wp-image-1111" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_008-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_008-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_008-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>「追加」「削除」を繰り返して選択範囲を調整してください。<br>拡大するとやりやすいと思います。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>何度やってもうまくいかない箇所は、最後に消しゴムツールを使って不要な部分を消すので、<strong>余分な部分も含めて人物が欠けないように大きめに選択してください。</strong></p>
</div>



<ol class="list-num">
  <li>⑨ 選択ができたら「完了」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="557" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_009-1024x557.png" alt="マジック選択の補足" class="wp-image-1112" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_009-1024x557.png 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_009-300x163.png 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_009-768x418.png 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_009.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc6">背景を削除する</span></h2>



<p>選択した部分以外を削除して透明にする方法です。</p>



<ol class="list-num">
  <li>① 右側にある「切り取り（はさみのマーク）」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="551" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_010-1024x551.jpg" alt="選択した対象を切り取り" class="wp-image-1113" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_010-1024x551.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_010-300x162.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_010-768x413.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 画面全体を選択します<br>（左上でクリックして右下へドラックすることで全体を選択できます）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="549" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_011-1024x549.jpg" alt="背景を選択" class="wp-image-1114" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_011-1024x549.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_011-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_011-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_011.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 全体が選択された状態で「delete」キーを押します</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_012-1024x550.jpg" alt="背景を削除" class="wp-image-1115" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_012-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_012-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_012-768x413.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_012.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 背景が消えた状態になります</li>
  <li>⑤ 右上の「貼り付け」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_013-1024x550.jpg" alt="切り取った対象を貼り付け" class="wp-image-1116" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_013-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_013-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_013-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_013.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑥ 先ほど切り抜いた写真が貼り付けられます</li>
  <li>⑦ 上部の「キャンバス」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_014-1024x550.jpg" alt="キャンバスをクリック" class="wp-image-1117" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_014-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_014-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_014-768x413.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_014.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑧ 透明なキャンバスをクリックしてオンにします</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="549" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_015-1024x549.jpg" alt="キャンバスを透明にする" class="wp-image-1118" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_015-1024x549.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_015-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_015-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_015.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑨ 画像をクリックして選択した状態で中心に移動させます</li>
  <li>⑩ 白い枠の□部分を移動させてキャンバスサイズを調整します</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_016-1024x550.jpg" alt="キャンバスサイズを調整する" class="wp-image-1119" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_016-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_016-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_016-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_016.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc7">マジック選択だけでは上手くできなかった部分をハンドで修正</span></h2>



<p>マジック選択だけでは上手く選択できない部分がある場合は「消しゴムツール」を使って不要な箇所を削除します。<br>消しゴムツールは自動選択ではないので、自分の手で消したいところだけを消せます。</p>



<ol class="list-num">
  <li>① 画像を拡大します</li>
  <li>② 右と下のバーで削除したい箇所がある場所が表示されるように調整</li>
  <li>③ 「ブラシ」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="553" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_017-1024x553.png" alt="拡大して消しゴムでハンド修正" class="wp-image-1120" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_017-1024x553.png 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_017-300x162.png 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_017-768x415.png 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_017.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 「消しゴム」をクリック</li>
  <li>⑤ 太さを調整</li>
  <li>⑥ 消したい場所をなぞりましょう<br>※失敗したら右上の「元に戻す」で戻れます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_018-1024x550.jpg" alt="拡大して消しゴムでハンド修正" class="wp-image-1121" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_018-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_018-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_018-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_018.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc8">別名ファイルにPNGで保存する</span></h2>



<p>切り抜きがうまくできたらファイルに書き出します。<br>PNGなら背景の透明を維持できるのでPNGフォーマットで保存します。</p>



<ol class="list-num">
  <li>① 「メニュー」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_019-1024x550.jpg" alt="メニューをクリック" class="wp-image-1122" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_019-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_019-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_019-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_019.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 「名前を付けて保存」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="548" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_020-1024x548.png" alt="名前を付けて保存" class="wp-image-1123" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_020-1024x548.png 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_020-300x161.png 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_020-768x411.png 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_020.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ ファイル形式から「画像」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_021-1024x550.jpg" alt="画像をクリック" class="wp-image-1124" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_021-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_021-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_021-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_021.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ ファイルの種類から「PNG」を選択</li>
  <li>⑤ 「保存」をクリックしてください<br>あとは好きな場所にファイル名を指定して保存してください</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="550" src="https://sotuaru.com/wp-content/uploads/clip_paint3d_022-1024x550.jpg" alt="PNGを選択して保存" class="wp-image-1125" srcset="https://sotuaru.com/wp-content/uploads/clip_paint3d_022-1024x550.jpg 1024w, https://sotuaru.com/wp-content/uploads/clip_paint3d_022-300x161.jpg 300w, https://sotuaru.com/wp-content/uploads/clip_paint3d_022-768x412.jpg 768w, https://sotuaru.com/wp-content/uploads/clip_paint3d_022.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これで人物を切り抜いてPNGファイルに保存することができました！</p>



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



<p>windowsの標準ソフト「ペイント3D」で人物の写真を切り抜く方法を説明しました。<br>簡単な流れは以下の通りです。</p>



<div class="wp-block-cocoon-blocks-info-box block-box warning-box">
<ol class="wp-block-list">
<li>ペイント3Dを起動</li>



<li>マジック選択</li>



<li>背景削除</li>



<li>キャンバスサイズを調整</li>



<li>消しゴムツールで不要な部分を消す</li>



<li>PNGで保存</li>
</ol>
</div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon004.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>切り抜きを活用して楽しいページをつくってくださいね</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【フォトブック用PNG/JPEG】Canvaで原稿のひな型をつくろう</title>
		<link>https://sotuaru.com/photobook_hinagata/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Thu, 10 Nov 2022 06:38:32 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[データ入稿]]></category>
		<category><![CDATA[フォトブック]]></category>
		<category><![CDATA[作り方]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=851</guid>

					<description><![CDATA[PDF入稿の場合については「【PDF入稿用】Canvaで原稿のひな型をつくろう」を参照ください。 目次（クリックできます） Canvaを利用する前提条件作成する画像サイズを確認するしまうまプリントFUJIFILMフォトブ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>Canvaでフォトブックでつかえる「PNG/JPEG画像用の原稿」を作成する方法を説明します。</p>
</div></div>



<p><strong><span class="marker-under">PDF入稿</span></strong>の場合については「<a href="https://sotuaru.com/hinagata/" data-type="URL" data-id="https://sotuaru.com/hinagata/">【PDF入稿用】Canvaで原稿のひな型をつくろう</a>」を参照ください。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Canvaを利用する前提条件</a></li><li><a href="#toc2" tabindex="0">作成する画像サイズを確認する</a><ol><li><a href="#toc3" tabindex="0">しまうまプリント</a></li><li><a href="#toc4" tabindex="0">FUJIFILMフォトブック</a></li><li><a href="#toc5" tabindex="0">PhotoRevo（フォトレボ）</a></li><li><a href="#toc6" tabindex="0">MyBook（マイブック）</a></li><li><a href="#toc7" tabindex="0">その他</a></li></ol></li><li><a href="#toc8" tabindex="0">【PNG/JPEG原稿】ひな型作成手順</a><ol><li><a href="#toc9" tabindex="0">新規デザインの作成</a></li><li><a href="#toc10" tabindex="0">サイズ指定</a></li><li><a href="#toc11" tabindex="0">名称を変更する</a></li></ol></li><li><a href="#toc12" tabindex="0">ひな型をベースに編集用ファイルを作る</a></li><li><a href="#toc13" tabindex="0">PNG／JPEGで出力してみよう</a></li><li><a href="#toc14" tabindex="0">試しにフォトブックにアップロードしてみよう</a></li><li><a href="#toc15" tabindex="0">PNGとJPEGのどちらが良いか</a></li><li><a href="#toc16" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Canvaを利用する前提条件</span></h2>



<p>Canvaでフォトブック用の画像（PNGやJPEG）を作成する前提条件は以下の３点です。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">前提条件</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>PDFが使えない（PDFが使える場合は<a href="https://sotuaru.com/hinagata/" data-type="URL" data-id="https://sotuaru.com/hinagata/">こちら</a>の記事を読んでください）</li>



<li>発注するフォトブックの商品が決まっている（作成するサイズを明確にするため）</li>



<li>ページ全面に写真を入れられる（デザインしたページをそのままページにはめ込むことができるため）</li>
</ul>
</div></div>



<p>まだどのフォトブックにするか決めていない場合は、以下の記事を参照ください。<br>フォトブックごとの価格や特徴をまとめています。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a href="https://sotuaru.com/gyousya_kakaku/" title="卒園アルバム業者（8社）の価格比較" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://sotuaru.com/wp-content/uploads/gyousya_kakaku-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://sotuaru.com/wp-content/uploads/gyousya_kakaku-160x90.png 160w, https://sotuaru.com/wp-content/uploads/gyousya_kakaku-120x68.png 120w, https://sotuaru.com/wp-content/uploads/gyousya_kakaku-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">卒園アルバム業者（8社）の価格比較</div><div class="blogcard-snippet internal-blogcard-snippet">卒園アルバムの業者選びの際に、どれくらいの価格でどんな種類のアルバムが作れるのか一覧で見れたらいいのにな・・・と思っていたのでまとめてみました！これを参考に対象を絞って、業者選びをしてもらえればと思います。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://sotuaru.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">sotuaru.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.11.18</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc2">作成する画像サイズを確認する</span></h2>



<p>まずは、利用するフォトブックに必要な画像サイズを確認しましょう。</p>



<p>基本的に原稿は「塗り足し」を含めて作成します。<br>「塗り足し」とは、印刷した後に切り落とされる部分のことになります。実際の完成サイズよりも少し大きめに印刷して周りを切り落とすことで端まできれいに印刷されます。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="600" height="731" src="https://sotuaru.com/wp-content/uploads/for_ph000.png" alt="塗り足しについて" class="wp-image-895" srcset="https://sotuaru.com/wp-content/uploads/for_ph000.png 600w, https://sotuaru.com/wp-content/uploads/for_ph000-246x300.png 246w" sizes="(max-width: 600px) 100vw, 600px" /></figure>



<p>Canvaでフォトブック用に画像を作成する場合は、<span class="marker-under"><strong>「px（ピクセル）」</strong>単位で画像サイズを指定</span>してください。<br>※PDFの場合は「mm」単位で原稿サイズを設定すればいいのですが、「mm」指定したデザインをPNGやJPEGでダウンロードすると必要サイズより小さい画像になる場合があります。</p>



<p>以下に代表的なフォトブックの<span class="marker-under">塗り足しありの<strong>本文</strong></span>のサイズを記載します。<br>表紙もCanvaで作成する場合は、別途公式ページよりサイズをご確認ください。<br><span class="marker-under">サイズは記事作成時点のものなので、念のため公式ページから最新のサイズをご確認ください。</span></p>



<h3 class="wp-block-heading"><span id="toc3">しまうまプリント</span></h3>



<p>公式ページ：<a rel="nofollow noopener" href="https://px.a8.net/svt/ejp?a8mat=3NL3HL+27S4M2+1LGW+TR8TE&amp;a8ejpredirect=https%3A%2F%2Fwww.n-pri.jp%2Fphotobook%3Futm_source%3Da8%26utm_medium%3Daffiliate%26utm_campaign%3Dphotobook" target="_blank">しまうまプリント</a>
<img decoding="async" border="0" width="1" height="1" src="https://www18.a8.net/0.gif?a8mat=3NL3HL+27S4M2+1LGW+TR8TE" alt=""><br>参考にしたページ：「<a rel="noopener" href="https://support.n-pri.jp/hc/ja/articles/360015588492?_gl=1*3wrfz*_ga*NDEzMDM4ODc5LjE2NjQ0Mzg0NTk.*_ga_RGRS6WRQHS*MTY2Nzk2MDM3NC4yMi4xLjE2Njc5NjE1MDcuMjMuMC4w" data-type="URL" data-id="https://support.n-pri.jp/hc/ja/articles/360015588492?_gl=1*3wrfz*_ga*NDEzMDM4ODc5LjE2NjQ0Mzg0NTk.*_ga_RGRS6WRQHS*MTY2Nzk2MDM3NC4yMi4xLjE2Njc5NjE1MDcuMjMuMC4w" target="_blank">フォトブック（PC）画素数はどれくらいが適正ですか？</a>」</p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>製本サイズ<br>横×縦mm</th><th>Canvaのデザインサイズ<br>１ページ<br>(見開き2ページ)</th></tr></thead><tbody><tr><td>A5</td><td>148×210mm</td><td>1866×2598px<br>(3614×2598px)</td></tr><tr><td>A4変形</td><td>210×280mm</td><td>2598×3425px<br>(5078×3425px)</td></tr></tbody></table><figcaption class="wp-element-caption">しまうまプリントのフォトブック用画像サイズ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc4">FUJIFILMフォトブック</span></h3>



<p>公式ページ：<a rel="noopener" href="https://pg-ja.fujifilm.com/photobook.html" data-type="URL" data-id="https://pg-ja.fujifilm.com/photobook.html" target="_blank">FUJIFILMフォトブック</a><br>参考にしたページ（PDF）：<a rel="noopener" href="https://pg-ja.fujifilm.com/on/demandware.static/-/Library-Sites-FujiFilmSharedLibrary/ja_JP/dwe4e5c699/photobook/photobook_vup/img/photobook_manual_0707.pdf" data-type="URL" data-id="https://pg-ja.fujifilm.com/on/demandware.static/-/Library-Sites-FujiFilmSharedLibrary/ja_JP/dwe4e5c699/photobook/photobook_vup/img/photobook_manual_0707.pdf" target="_blank">オリジナルデータ作成マニュアル</a></p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>製本サイズ<br>横×縦ｍｍ</th><th>塗り足しあり本文サイズ<br>1ページ・最終ページ<br>（見開き2ページ）</th><th>Canvaのデザインサイズ<br>1ページ・最終ページ<br>（見開き2ページ）</th></tr></thead><tbody><tr><td>ソフトカバー<br>A5相当</td><td>145×205mm</td><td>148×211mm<br>(296×211mm)</td><td>1924×2743px<br>(3848×2743px)</td></tr><tr><td>ハードカバー<br>A5相当</td><td>145×205mm</td><td>148×211mm<br>(296×211mm)</td><td>1748×2492px<br>(3496×2492px)</td></tr><tr><td>ハードカバー<br>A4相当</td><td>203×287mm</td><td>206×293mm<br>(412×293mm)</td><td>2439×3460px<br>(4868×3460px)</td></tr></tbody></table><figcaption class="wp-element-caption">FUJIFILMフォトブック用画像サイズ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc5">PhotoRevo（フォトレボ）</span></h3>



<p>公式ページ：<a rel="nofollow noopener" href="https://px.a8.net/svt/ejp?a8mat=3NL3HL+3O69UI+2YH2+61JSI" target="_blank">PhotoRevo</a>
<img decoding="async" border="0" width="1" height="1" src="https://www13.a8.net/0.gif?a8mat=3NL3HL+3O69UI+2YH2+61JSI" alt=""><br>
参考にしたページ：「<a rel="noopener" href="https://photorevo.net/faq/1253/" data-type="URL" data-id="https://photorevo.net/faq/1253/" target="_blank">外部ソフトで編集したアルバムを書き出す際の注意点は？</a>」<br>
※本文サイズはPhotoRevoの制作ソフトから1ページのサイズを調べて記載しています。</p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>製本サイズ<br>横×縦ｍｍ</th><th>塗り足しあり本文サイズ<br>1ページ</th><th>Canvaのデザインサイズ<br>１ページ（300dpiで算出）</th></tr></thead><tbody><tr><td>ソフトカバー<br>A5バーチカル</td><td>140×200</td><td>143×206mm</td><td>1689×2433px</td></tr><tr><td>ハードカバー<br>A5バーチカル</td><td>140×200</td><td>137×200mm</td><td>1618×2362px</td></tr><tr><td>ソフトカバー<br>A4H</td><td>200×268</td><td>203×274mm</td><td>2398×3236px</td></tr><tr><td>ハードカバー<br>A4H</td><td>200×268</td><td>197×268mm</td><td>2327×3165px</td></tr></tbody></table><figcaption class="wp-element-caption">PhotoRevo用画像サイズ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc6">MyBook（マイブック）</span></h3>



<p>公式ページ：<a rel="nofollow noopener" href="https://px.a8.net/svt/ejp?a8mat=3NL3HL+3UQ1I2+WLC+1BMW42" target="_blank">MyBook</a>
<img decoding="async" border="0" width="1" height="1" src="https://www12.a8.net/0.gif?a8mat=3NL3HL+3UQ1I2+WLC+1BMW42" alt=""><br>参考にしたページ：<br><a rel="noopener" href="https://www.mybook.co.jp/faq/base_size/fullflat.html" data-type="URL" data-id="https://www.mybook.co.jp/faq/base_size/fullflat.html" target="_blank">MyBook FLAT サイズ等一覧表</a><br><a rel="noopener" href="https://www.mybook.co.jp/faq/base_size/" data-type="URL" data-id="https://www.mybook.co.jp/faq/base_size/" target="_blank">MyBook ART-HC サイズ等一覧表</a><br><a rel="noopener" href="https://www.mybook.co.jp/faq/base_size/art_sc.html" data-type="URL" data-id="https://www.mybook.co.jp/faq/base_size/art_sc.html" target="_blank">MyBook ART-SC サイズ等一覧表</a><br><a rel="noopener" href="https://www.mybook.co.jp/faq/base_size/dx.html" data-type="URL" data-id="https://www.mybook.co.jp/faq/base_size/dx.html" target="_blank">MyBook DX サイズ等一覧表</a><br></p>



<figure class="wp-block-table"><table><thead><tr><th>種類</th><th>製本サイズ<br>横×縦ｍｍ</th><th>塗り足しあり本文サイズ<br>1ページ・最終ページ<br>（見開き2ページ）</th><th>Canvaのデザインサイズ<br>1ページ・最終ページ<br>（見開き2ページ）</th></tr></thead><tbody><tr><td>FLAT（縦長）263T</td><td>186×263mm</td><td>186×263mm<br>(366×263mm)</td><td>2197×3106px<br>(4323×3106px)</td></tr><tr><td>ART-HC(縦長) 263T<br>ART-SC（縦長）263T</td><td>186×263mm<br>180×257mm</td><td>186×263mm<br>(366×263mm)</td><td>1984×2806px<br>(3905×2806px)</td></tr><tr><td>DX（縦長）263T</td><td>186×263mm</td><td>183×261mm<br>(366×261ｍｍ)</td><td>1952×2785px<br>(3905×2785px)</td></tr><tr><td>ART-HC(縦長) 290T<br>ART-SC（縦長）290T</td><td>210×297mm<br>204×291mm</td><td>210×297mm<br>(414×297ｍｍ)</td><td>2241×3169px<br>(4417×3169px)</td></tr></tbody></table><figcaption class="wp-element-caption">Mybook用画像サイズ</figcaption></figure>



<h3 class="wp-block-heading"><span id="toc7">その他</span></h3>



<p>上記以外のもので公式サイトに記載がない場合は、以下のサイトで必要なピクセル数の目安を計算することができます。<br><a rel="noopener" href="https://shimeken.com/print/pixel-mm-dpi" data-type="URL" data-id="https://shimeken.com/print/pixel-mm-dpi" target="_blank">シメケンプリントpixel⇔mm⇔dpi 計算機</a><br><br>「フォトブックの仕上がりサイズ(mm)＋塗り足し(6mm)」と「解像度：350dpi(一般的なカラー印刷の解像度)」を指定すれば目安となるピクセル数が表示されます。</p>



<h2 class="wp-block-heading"><span id="toc8">【PNG/JPEG原稿】ひな型作成手順</span></h2>



<h3 class="wp-block-heading"><span id="toc9">新規デザインの作成</span></h3>



<p>右上の「デザインを作成」から「カスタムサイズ」をクリック</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph002-1024x576.jpg" alt="デザインを作成からカスタムサイズ" class="wp-image-878" srcset="https://sotuaru.com/wp-content/uploads/for_ph002-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph002-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph002-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph002-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph002-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph002-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc10">サイズ指定</span></h3>



<ol class="list-num">
  <li>① 単位を「px」にします</li>
  <li>② 作成するフォトブックの画像サイズを入力します<br>（画像はしまうまプリントA4の例です。ご利用のフォトブックのサイズにしてください）</li>
  <li>③ 「新しいデザインを作成」をクリック。</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph003-1024x576.jpg" alt="サイズ指定" class="wp-image-879" srcset="https://sotuaru.com/wp-content/uploads/for_ph003-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph003-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph003-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph003-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph003-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph003-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph003.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>新しいタブで新規デザインが作成されます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph004-1024x576.jpg" alt="新規のデザイン" class="wp-image-880" srcset="https://sotuaru.com/wp-content/uploads/for_ph004-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph004-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph004-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph004-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph004-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph004-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc11">名称を変更する</span></h3>



<ol class="list-num">
  <li>① 上部の「名称未設定のデザイン」の部分をクリックして、「しまうまプリントA4ひな型」という名前に変更します。ここまでで、ひな型の作成は終了です</li>
  <li>② ホームをクリックして編集画面から抜けてホームに戻ります</li>
</ol>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>Canvaには保存ボタンはありません。操作は常に自動保存されます。</p>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph005-1024x576.jpg" alt="名称の変更" class="wp-image-882" srcset="https://sotuaru.com/wp-content/uploads/for_ph005-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph005-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph005-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph005-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph005-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph005-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph005.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc12">ひな型をベースに編集用ファイルを作る</span></h2>



<ol class="list-num">
  <li>① ホームのプロジェクトをクリック</li>
  <li>② デザインの中に「しまうまプリントA4ひな型」というファイルができていることを確認できます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="581" src="https://sotuaru.com/wp-content/uploads/for_ph006-1024x581.png" alt="ひな型ファイルができていることを確認" class="wp-image-883" srcset="https://sotuaru.com/wp-content/uploads/for_ph006-1024x581.png 1024w, https://sotuaru.com/wp-content/uploads/for_ph006-300x170.png 300w, https://sotuaru.com/wp-content/uploads/for_ph006-768x436.png 768w, https://sotuaru.com/wp-content/uploads/for_ph006-120x68.png 120w, https://sotuaru.com/wp-content/uploads/for_ph006-160x90.png 160w, https://sotuaru.com/wp-content/uploads/for_ph006.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。</p>



<ol class="list-num">
  <li>③ ひな型の右上の「…」をクリックして「コピーを作成」をクリックします</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph007-1024x576.jpg" alt="ひな型をコピー" class="wp-image-884" srcset="https://sotuaru.com/wp-content/uploads/for_ph007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>コピーが作成されます。<br>今後はこのコピーした方を編集していきましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="577" src="https://sotuaru.com/wp-content/uploads/for_ph008-1024x577.png" alt="コピーしたもののタイトルを変更する" class="wp-image-885" srcset="https://sotuaru.com/wp-content/uploads/for_ph008-1024x577.png 1024w, https://sotuaru.com/wp-content/uploads/for_ph008-300x169.png 300w, https://sotuaru.com/wp-content/uploads/for_ph008-768x433.png 768w, https://sotuaru.com/wp-content/uploads/for_ph008-120x68.png 120w, https://sotuaru.com/wp-content/uploads/for_ph008-160x90.png 160w, https://sotuaru.com/wp-content/uploads/for_ph008-320x180.png 320w, https://sotuaru.com/wp-content/uploads/for_ph008.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>新しいファイルを作りたいときは、ひな型ファイルをコピーしてつくることでサイズ指定をする手間が省けます。</p>
</div></div>



<p>1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">ファイルを分ける基準（例）</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>見開きの2ページを1つのファイルにする</li>



<li>イベントごとにファイルを分ける</li>



<li>作成担当者ごとにファイルを分ける</li>
</ul>
</div></div>



<h2 class="wp-block-heading"><span id="toc13">PNG／JPEGで出力してみよう</span></h2>



<p>試しに適当なデザインテンプレートを入れてPNGやJPEGで出力してみましょう。</p>



<p>ひな型をコピーしたファイルをクリックしデザイン編集画面を開きます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="577" src="https://sotuaru.com/wp-content/uploads/for_ph008-1-1024x577.png" alt="サンプルファイルをクリック" class="wp-image-903" srcset="https://sotuaru.com/wp-content/uploads/for_ph008-1-1024x577.png 1024w, https://sotuaru.com/wp-content/uploads/for_ph008-1-300x169.png 300w, https://sotuaru.com/wp-content/uploads/for_ph008-1-768x433.png 768w, https://sotuaru.com/wp-content/uploads/for_ph008-1-120x68.png 120w, https://sotuaru.com/wp-content/uploads/for_ph008-1-160x90.png 160w, https://sotuaru.com/wp-content/uploads/for_ph008-1-320x180.png 320w, https://sotuaru.com/wp-content/uploads/for_ph008-1.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>① テンプレートをクリック</li>
  <li>② 適当な文言で検索します（サンプルなので何でもいいです）</li>
  <li>③ 表示されたテンプレートを選択します</li>
  <li>④ 選択したテンプレートが反映されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph009-1024x576.jpg" alt="デザインを入れる" class="wp-image-886" srcset="https://sotuaru.com/wp-content/uploads/for_ph009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑤ 右上の「共有」をクリック</li>
  <li>⑥ 「ダウンロード」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph010-1024x576.jpg" alt="共有からダウンロードをクリック" class="wp-image-887" srcset="https://sotuaru.com/wp-content/uploads/for_ph010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



【PNGでダウンロードする場合】
<ol class="list-num">
  <li>⑧ ファイルの種類で「PNG」を選択</li>
  <li>⑨ 「ダウンロード」をクリック</li>
</ol>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>ここで「有料素材があります」とメッセージが出た場合は、その素材を削除して再度ダウンロードボタンを押してください。<br>有料素材は網掛けの透かしが入っています。</p>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph011-1024x576.jpg" alt="PNGでダウンロード" class="wp-image-888" srcset="https://sotuaru.com/wp-content/uploads/for_ph011-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph011-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph011-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph011-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph011-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph011-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph011.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



【JPEGでダウンロードする場合】
<ol class="list-num">
  <li>⑧ ファイルの種類で「JPG」を選択</li>
  <li>⑨ 「ダウンロード」をクリック</li>
</ol>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>ここで「有料素材があります」とメッセージが出た場合は、その素材を削除して再度ダウンロードボタンを押してください。<br>有料素材は網掛けの透かしが入っています。</p>
</div>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/for_ph012-1024x576.jpg" alt="JPGとしてダウンロード" class="wp-image-889" srcset="https://sotuaru.com/wp-content/uploads/for_ph012-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph012-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph012-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph012-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph012-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/for_ph012-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/for_ph012.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これでPNGもしくはJPEGのファイルがダウンロードできました。</p>



<h2 class="wp-block-heading"><span id="toc14">試しにフォトブックにアップロードしてみよう</span></h2>



<p>ダウンロードしたPNG/JPEGファイルを利用するフォトブックにアップロードしてみましょう。<br>試しにアップロードしてみることで、以下の点が確認できます。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">確認ポイント</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>画像の縦横比があっているか</li>



<li>印刷されない範囲がどれくらいあるか<br>※フチなしの全面印刷の場合、仕上がりサイズよりも少し大きく印刷し、周りを切り落とすことでフチなし仕上がりになります。そのため四辺の3～５ミリくらいは切り落とされてしまいます。</li>
</ul>
</div></div>



<p>以下はしまうまプリントの例です。<br>画像をアップロードして、1ページ全面のレイアウトに適用した場合、切り落とされる可能性があるエリアが表示されます。<br>画像の上下左右3ミリ程度は塗り足しとして製本時に切り落とされてしまいます。また切り落としの位置は数ミリずれる可能性があるので、メインのデザインは<span class="marker-under">四辺からある程度余白をとって作成する</span>ことをお勧めします。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="588" src="https://sotuaru.com/wp-content/uploads/for_ph013-1-1024x588.jpg" alt="切り落とされる可能性があるエリア" class="wp-image-905" srcset="https://sotuaru.com/wp-content/uploads/for_ph013-1-1024x588.jpg 1024w, https://sotuaru.com/wp-content/uploads/for_ph013-1-300x172.jpg 300w, https://sotuaru.com/wp-content/uploads/for_ph013-1-768x441.jpg 768w, https://sotuaru.com/wp-content/uploads/for_ph013-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/for_ph013-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc15">PNGとJPEGのどちらが良いか</span></h2>



<p>Canvaの公式ヘルプページを参照すると、PNGの方が画質が良さそうなので、PNGも使えるフォトブックの場合は<span class="marker-under">PNGを使うことをお勧めします</span>。<br>※有料のProプランだとJPEGでも最高品質の設定にできるようです。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<ul class="wp-block-list">
<li><strong>JPG</strong>はファイルサイズが小さい写真を保存するのに便利です。一般的にウェブ用の画像に使用されますが、生成されるデザインは解像度が最も低くなります。</li>



<li><strong>PNG</strong>は、ファイルサイズが小さい線画、テキスト、アイコンの保存に最適です。一般的にウェブでのアップロードにも使用されます。</li>
</ul>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>Canva Pro 、 Canva for Teams、 Canva for Education 、またはCanva for NPOのサブスクリプションでは、JPGまたはPNGのサイズと品質を最高の設定にカスタマイズできます</p>
</div>
<cite>Canvaヘルプセンターより引用　https://www.canva.com/ja_jp/help/blurry-design/</cite></blockquote>



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



<p>フォトブック用の画像をCanvaで作成する手順を紹介しました。</p>



<ol class="wp-block-list">
<li>必要な画像のサイズ（縦横のピクセル数）をフォトブックの公式ページで確認</li>



<li>Canvaのカスタムサイズで単位px(ピクセル)でデザインを作成</li>



<li>作成したデザインをひな型として保存</li>



<li>保存形式はPNGがおすすめ</li>
</ol>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon004.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>フォトブックが提供しているテンプレートを確認して、フォトブックのテンプレートでは作れないようなデザインのページはCanvaでつくるなどのページごとに使い分けをしてもいいと思います。</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>印刷に必要な写真やイラストのサイズを知ろう</title>
		<link>https://sotuaru.com/resolution/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Mon, 31 Oct 2022 06:01:26 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=735</guid>

					<description><![CDATA[目次（クリックできます） 印刷に必要な画像サイズ一覧写真やイラストのサイズの確認方法画像が粗くなりがちな使用例PDFで画像が粗くないか確認する方法 印刷に必要な画像サイズ一覧 カラー印刷には300dpi～350dpiの解 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>印刷された卒園アルバムを見たら画像が粗かった・・・・チーン<br>とならないために、適切な画像サイズについて説明します。</p>
</div></div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">印刷に必要な画像サイズ一覧</a></li><li><a href="#toc2" tabindex="0">写真やイラストのサイズの確認方法</a></li><li><a href="#toc3" tabindex="0">画像が粗くなりがちな使用例</a></li><li><a href="#toc4" tabindex="0">PDFで画像が粗くないか確認する方法</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">印刷に必要な画像サイズ一覧</span></h2>



<p>カラー印刷には300dpi～350dpiの解像度の画像が必要と言われています。<br>解像度って言われても難しいと思うので、この大きさで印刷するには、このくらいのサイズの画像が必要ということを知っておいてください。</p>



<figure class="wp-block-table"><table><tbody><tr><td>印刷するサイズ</td><td>画像サイズの目安（300dpi）</td><td>画像サイズの目安（350dpi）</td></tr><tr><td>A3／A4見開き<br>（29.7×42cm）</td><td><span class="bold">3508×4961</span>ピクセル</td><td><span class="bold">4093×5787</span>ピクセル</td></tr><tr><td>A4<br>（21×29.7cm）</td><td><span class="bold">2480×3508</span>ピクセル</td><td><span class="bold">2894×4093</span>ピクセル</td></tr><tr><td>10×10cm</td><td><span class="bold">1181×1181</span>ピクセル</td><td><span class="bold">1378×1378</span>ピクセル</td></tr><tr><td>4×5cm</td><td><span class="bold">472×591</span>ピクセル</td><td><span class="bold">551×689</span>ピクセル</td></tr></tbody></table><figcaption class="wp-element-caption">印刷に必要な画像サイズの目安</figcaption></figure>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="614" src="https://sotuaru.com/wp-content/uploads/resolution001-1-1024x614.jpg" alt="印刷に必要な画像サイズイメージ" class="wp-image-769" srcset="https://sotuaru.com/wp-content/uploads/resolution001-1-1024x614.jpg 1024w, https://sotuaru.com/wp-content/uploads/resolution001-1-300x180.jpg 300w, https://sotuaru.com/wp-content/uploads/resolution001-1-768x460.jpg 768w, https://sotuaru.com/wp-content/uploads/resolution001-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">印刷に必要な画像サイズイメージ(300dpiの場合)</figcaption></figure>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>あくまで<span class="marker-under">元の画像のサイズ</span>なので、小さい画像を引き延ばしてこのサイズにしても意味がないので注意しましょう。</p>
</div>



<h2 class="wp-block-heading"><span id="toc2">写真やイラストのサイズの確認方法</span></h2>



<p>以下の手順で、画像やイラストのサイズを確認することができます。</p>



<ol class="list-num">
  <li>① 画像ファイルを右クリック</li>
  <li>② プロパティをクリック</li>
  <li>③ 詳細タブをクリック</li>
  <li>④ イメージの部分にサイズが記載されています</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="422" src="https://sotuaru.com/wp-content/uploads/resolution002-1024x422.png" alt="画像サイズの確認方法" class="wp-image-764" srcset="https://sotuaru.com/wp-content/uploads/resolution002-1024x422.png 1024w, https://sotuaru.com/wp-content/uploads/resolution002-300x124.png 300w, https://sotuaru.com/wp-content/uploads/resolution002-768x317.png 768w, https://sotuaru.com/wp-content/uploads/resolution002.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc3">画像が粗くなりがちな使用例</span></h2>



<p>卒園アルバムで画像が粗くなりがちな写真の例をあげます。<br>こんな時に、写真やイラストのサイズは足りてるか確認してみてください。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">画像が荒くなりがちな例</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>集合写真を大きく載せるとき</li>



<li>写真に小さく映っている子を切り抜いて使うとき</li>



<li>背景用のイラストを利用するとき</li>



<li>飾りとしてライン素材を利用するとき</li>



<li>セットになっているイラスト素材からイラストを切り抜いて使うとき</li>
</ul>
</div></div>



<h2 class="wp-block-heading"><span id="toc4">PDFで画像が粗くないか確認する方法</span></h2>



<p>作成したアルバムのPDFをパソコン上で400％くらいに拡大してみて、画像がガタガタしていないか確認してください。400％でも見た目に問題なさそうなら大丈夫です。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canvaのテンプレート活用法</title>
		<link>https://sotuaru.com/template/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Fri, 21 Oct 2022 03:09:53 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[テンプレート]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=546</guid>

					<description><![CDATA[Canvaには、たくさんのデザインテンプレートが登録されています。テンプレートのデザインを利用してページを装飾することで簡単に統一感のあるページデザインができます。 以下は、テンプレートの素材を使って装飾したサンプルイメ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページでは、Canvaのテンプレートを使ってアルバムを装飾する方法を紹介します。</p>
</div></div>



<p>Canvaには、たくさんのデザインテンプレートが登録されています。<br>テンプレートのデザインを利用してページを装飾することで<span class="marker-under">簡単に統一感のあるページデザインができます</span>。</p>



<p>以下は、テンプレートの素材を使って装飾したサンプルイメージです。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="724" src="https://sotuaru.com/wp-content/uploads/template001-1024x724.jpg" alt="テンプレート使用例" class="wp-image-550" srcset="https://sotuaru.com/wp-content/uploads/template001-1024x724.jpg 1024w, https://sotuaru.com/wp-content/uploads/template001-300x212.jpg 300w, https://sotuaru.com/wp-content/uploads/template001-768x543.jpg 768w, https://sotuaru.com/wp-content/uploads/template001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>以下が目次になります。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">テンプレートを検索してお気に入りに入れる</a></li><li><a href="#toc2" tabindex="0">デザイン編集画面に「スター付き」フォルダを表示させる</a></li><li><a href="#toc3" tabindex="0">テンプレートをサブページに反映する</a></li><li><a href="#toc4" tabindex="0">テンプレートをアルバム用のページに反映する</a></li><li><a href="#toc5" tabindex="0">反映したテンプレートのイラストを移動させる</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">テンプレートを検索してお気に入りに入れる</span></h2>



<ol class="list-num">
  <li>① ホームからテンプレートをクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template002-1024x576.jpg" alt="テンプレートの検索" class="wp-image-551" srcset="https://sotuaru.com/wp-content/uploads/template002-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template002-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template002-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template002-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template002-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template002-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 検索キーワードをいれてEnterキーを押す</li>
  <li>③ 表示された検索結果から使いたいテンプレートの星のマークをクリックする<br>（星を付けたテンプレートがお気に入りに保存されます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="595" src="https://sotuaru.com/wp-content/uploads/template003-1024x595.png" alt="検索したテンプレートをお気に入りに入れる" class="wp-image-552" srcset="https://sotuaru.com/wp-content/uploads/template003-1024x595.png 1024w, https://sotuaru.com/wp-content/uploads/template003-300x174.png 300w, https://sotuaru.com/wp-content/uploads/template003-768x446.png 768w, https://sotuaru.com/wp-content/uploads/template003.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">デザイン編集画面に「スター付き」フォルダを表示させる</span></h2>



<p>デザイン編集画面の左側に「スター付き」のフォルダが表示されていない場合は以下の手順を行ってください。表示されている場合はここはスキップしてください。</p>



<ol class="list-num">
  <li>① デザイン編集画面の「もっと見る」をクリック</li>
  <li>② 「フォルダー」マークをクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template004-1024x576.jpg" alt="お気に入りフォルダの出し方" class="wp-image-554" srcset="https://sotuaru.com/wp-content/uploads/template004-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template004-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template004-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template004-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template004-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template004-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 「スター付き」をクリック<br>これで左側に「スター付き」フォルダが表示されるようになります</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template005-1024x576.jpg" alt="スター付きフォルダの出し方" class="wp-image-555" srcset="https://sotuaru.com/wp-content/uploads/template005-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template005-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template005-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template005-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template005-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template005-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template005.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc3">テンプレートをサブページに反映する</span></h2>



<ol class="list-num">
  <li>① 左から「スター付き」をクリック</li>
  <li>② テンプレートを適用するサブページを作るため、用紙下の「ページを追加」をクリック</li>
  <li>③ スター付きの中の使いたいテンプレートをクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="575" src="https://sotuaru.com/wp-content/uploads/template006-1024x575.png" alt="サブページの追加" class="wp-image-557" srcset="https://sotuaru.com/wp-content/uploads/template006-1024x575.png 1024w, https://sotuaru.com/wp-content/uploads/template006-300x169.png 300w, https://sotuaru.com/wp-content/uploads/template006-768x431.png 768w, https://sotuaru.com/wp-content/uploads/template006-120x68.png 120w, https://sotuaru.com/wp-content/uploads/template006-160x90.png 160w, https://sotuaru.com/wp-content/uploads/template006-320x180.png 320w, https://sotuaru.com/wp-content/uploads/template006.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 複数ページあるテンプレートの場合は、使いたいページのデザインをクリック</li>
  <li>⑤ 2ページ目（サブページ）にテンプレートのデザインが適用されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template007-1024x576.jpg" alt="テンプレートの適用" class="wp-image-558" srcset="https://sotuaru.com/wp-content/uploads/template007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">テンプレートをアルバム用のページに反映する</span></h2>



<ol class="list-num">
  <li>① テンプレートを適用したいアルバムのページを作ります(写真やタイトルなどを入れたもの)</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template008-1024x576.jpg" alt="テンプレートを適用したいページを準備" class="wp-image-559" srcset="https://sotuaru.com/wp-content/uploads/template008-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template008-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template008-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template008-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template008-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template008-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 文字などは不要なものを選択します</li>
  <li>③ ゴミ箱マークもしくはdeleteキーで削除します</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template009-1024x576.jpg" alt="テンプレート内の不要な素材を削除" class="wp-image-560" srcset="https://sotuaru.com/wp-content/uploads/template009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 使いたい素材を選択します<br>（siftキーを押しながら使いたい素材をすべてクリックするか、ドラッグで使いたい素材を囲むと複数の素材を選択できます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template010-1024x576.jpg" alt="テンプレート素材の選択" class="wp-image-561" srcset="https://sotuaru.com/wp-content/uploads/template010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑤ 素材を選択した状態で右クリック→メニューから「コピー」をクリック<br>（もしくは選択した状態で[Ctrl]+[C]）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template011-1024x576.jpg" alt="素材をコピー" class="wp-image-562" srcset="https://sotuaru.com/wp-content/uploads/template011-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template011-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template011-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template011-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template011-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template011-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template011.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑥ 素材を貼り付けたいページ（今回は1ページ目）を右クリック</li>
  <li>⑦ メニューから「貼り付け」をクリック<br>（もしくは1ページ目をクリックして[Ctrl]+[V]）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template012-1024x576.jpg" alt="素材の貼り付け" class="wp-image-563" srcset="https://sotuaru.com/wp-content/uploads/template012-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template012-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template012-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template012-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template012-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template012-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template012.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑧ 以下のようにコピーした素材が貼り付けられました。</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template013-1024x576.jpg" alt="素材を貼り付けた後" class="wp-image-564" srcset="https://sotuaru.com/wp-content/uploads/template013-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template013-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template013-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template013-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template013-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template013-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template013.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc5">反映したテンプレートのイラストを移動させる</span></h2>



<p>素材は前面に貼り付けられるので、写真より後ろにしたいものは背面に移動させます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template014-1024x576.jpg" alt="貼り付けた素材を移動させる" class="wp-image-568" srcset="https://sotuaru.com/wp-content/uploads/template014-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template014-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template014-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template014-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template014-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template014-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template014.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>① 背面に移動させたい薄い黄色の丸の素材をクリック</li>
  <li>② 上部の「配置」をクリック</li>
  <li>③ 「最背面へ」をクリック<br>（重なっている素材の一番下に移動されます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="573" src="https://sotuaru.com/wp-content/uploads/template015-1024x573.png" alt="背面へ移動" class="wp-image-569" srcset="https://sotuaru.com/wp-content/uploads/template015-1024x573.png 1024w, https://sotuaru.com/wp-content/uploads/template015-300x168.png 300w, https://sotuaru.com/wp-content/uploads/template015-768x430.png 768w, https://sotuaru.com/wp-content/uploads/template015-120x68.png 120w, https://sotuaru.com/wp-content/uploads/template015-160x90.png 160w, https://sotuaru.com/wp-content/uploads/template015-320x180.png 320w, https://sotuaru.com/wp-content/uploads/template015.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 背面に移動させたいピンクの丸の素材をクリック</li>
  <li>⑤ 上部の「配置」をクリック</li>
  <li>⑥ 「最背面へ」をクリック<br>（重なっている素材の一番下に移動されます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="573" src="https://sotuaru.com/wp-content/uploads/template016-1024x573.png" alt="背面へ移動" class="wp-image-570" srcset="https://sotuaru.com/wp-content/uploads/template016-1024x573.png 1024w, https://sotuaru.com/wp-content/uploads/template016-300x168.png 300w, https://sotuaru.com/wp-content/uploads/template016-768x430.png 768w, https://sotuaru.com/wp-content/uploads/template016-120x68.png 120w, https://sotuaru.com/wp-content/uploads/template016-160x90.png 160w, https://sotuaru.com/wp-content/uploads/template016-320x180.png 320w, https://sotuaru.com/wp-content/uploads/template016.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>以下のように黄色とピンクの丸のイラストは、写真の後ろに移動されました。<br>あとは、飾りのお花などを好きな位置に移動させましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template017-1024x576.jpg" alt="背面へ移動後" class="wp-image-571" srcset="https://sotuaru.com/wp-content/uploads/template017-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template017-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template017-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template017-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template017-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template017-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template017.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>以下のように、写真の邪魔にならない位置にイラストを移動させて完成です。<br>背景の丸もイベントごとに色分けするような感じで右上と左下に移動させています。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/template018-1024x576.jpg" alt="調整の完了後" class="wp-image-572" srcset="https://sotuaru.com/wp-content/uploads/template018-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/template018-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/template018-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/template018-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/template018-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/template018-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/template018.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon004.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>最初に気に入ったテンプレートをたくさんお気に入りに入れておいて、デザインする時にテンプレートからイラストを持ってくる方法が便利です。</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canvaでイラストを入れよう</title>
		<link>https://sotuaru.com/illustration/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Thu, 20 Oct 2022 15:46:46 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[イラスト]]></category>
		<category><![CDATA[素材]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=461</guid>

					<description><![CDATA[卒園アルバムのメインは写真ですが、イラストをつかうことによって、どんなイベントかを伝えたり、見栄えを良くしたりすることができます。 以下のサンプルのアルバムにもたくさんのイラストが使われています。イラストを活用して、アル [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページではCanvaでイラスト素材を入れる方法を説明します。</p>
</div></div>



<p>卒園アルバムのメインは写真ですが、イラストをつかうことによって、どんなイベントかを伝えたり、見栄えを良くしたりすることができます。</p>



<p>以下のサンプルのアルバムにもたくさんのイラストが使われています。<br>イラストを活用して、アルバムを装飾していきましょう！</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="724" src="https://sotuaru.com/wp-content/uploads/illustration001-1024x724.jpg" alt="イラストの使用例" class="wp-image-465" srcset="https://sotuaru.com/wp-content/uploads/illustration001-1024x724.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration001-300x212.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration001-768x543.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">イラスト素材の種類</a></li><li><a href="#toc2" tabindex="0">Canvaの素材を使う方法</a><ol><li><a href="#toc3" tabindex="0">素材の検索方法</a></li><li><a href="#toc4" tabindex="0">無料素材の場合</a></li><li><a href="#toc5" tabindex="0">有料素材の場合</a></li></ol></li><li><a href="#toc6" tabindex="0">自身で用意したイラスト素材を使う方法</a></li><li><a href="#toc7" tabindex="0">拡大縮小・回転の方法</a></li><li><a href="#toc8" tabindex="0">色を変更する方法（色変更できる素材のみ）</a></li><li><a href="#toc9" tabindex="0">反転させる方法（水平方向・垂直方向）</a></li><li><a href="#toc10" tabindex="0">透明度を変える方法</a></li><li><a href="#toc11" tabindex="0">画像の一部を切り抜く方法（四角にトリミング）</a></li><li><a href="#toc12" tabindex="0">ふちどりする方法（色変更できない素材のみ）</a></li><li><a href="#toc13" tabindex="0">複数の素材を整列する方法</a></li><li><a href="#toc14" tabindex="0">複数の素材を重ねる方法（上下入れ替え方法）</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">イラスト素材の種類</span></h2>



<p>Canvaで扱うイラスト素材には、以下の2種類があります。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">イラスト素材の種類</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>Canva上で色変更ができる素材　（ベクター形式、SVGなど）</li>



<li>Canva上で色変更ができない素材　（ラスター形式、PNGやJPEGなど）</li>
</ul>
</div></div>



<p>イラストをクリックして<span class="marker-under">左上に色のパレットが表示されたら色変更ができる素材</span>だと思えばいいです。</p>



<h2 class="wp-block-heading"><span id="toc2">Canvaの素材を使う方法</span></h2>



<h3 class="wp-block-heading"><span id="toc3">素材の検索方法</span></h3>



<ol class="list-num">
  <li>① 左から素材を選択</li>
  <li>② 使いたい画像のキーワードを入れて検索する</li>
  <li>③ 検索結果が表示されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="574" src="https://sotuaru.com/wp-content/uploads/illustration002-1024x574.png" alt="素材の検索" class="wp-image-471" srcset="https://sotuaru.com/wp-content/uploads/illustration002-1024x574.png 1024w, https://sotuaru.com/wp-content/uploads/illustration002-300x168.png 300w, https://sotuaru.com/wp-content/uploads/illustration002-768x431.png 768w, https://sotuaru.com/wp-content/uploads/illustration002-120x68.png 120w, https://sotuaru.com/wp-content/uploads/illustration002-160x90.png 160w, https://sotuaru.com/wp-content/uploads/illustration002-320x180.png 320w, https://sotuaru.com/wp-content/uploads/illustration002.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">無料素材の場合</span></h3>



<ol class="list-num">
  <li>① 使いたい素材をクリック</li>
  <li>② 用紙に選択した素材が表示されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration003-1024x576.jpg" alt="無料素材" class="wp-image-472" srcset="https://sotuaru.com/wp-content/uploads/illustration003-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration003-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration003-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration003-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration003-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration003-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration003.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">有料素材の場合</span></h3>



<ol class="list-num">
  <li>① 検索結果から王冠（プロ）のマークがついている素材をクリック</li>
  <li>② 用紙に選択した素材が表示されます<br>※有料素材は半透明のCanvaマークと網（透かし）が入っています</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration004-1024x576.png" alt="有料素材" class="wp-image-473" srcset="https://sotuaru.com/wp-content/uploads/illustration004-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/illustration004-300x169.png 300w, https://sotuaru.com/wp-content/uploads/illustration004-768x432.png 768w, https://sotuaru.com/wp-content/uploads/illustration004-120x68.png 120w, https://sotuaru.com/wp-content/uploads/illustration004-160x90.png 160w, https://sotuaru.com/wp-content/uploads/illustration004-320x180.png 320w, https://sotuaru.com/wp-content/uploads/illustration004.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 素材をクリックし右下の「透かしを削除」をクリック</li>
  <li>④ 「購入」をクリックするか、Canva Pro（有料プラン）のトライアルに進んでください<br>※Canva Proには無料のトライアル期間があります。トライアル期間が終了したら課金が開始されます。</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="573" src="https://sotuaru.com/wp-content/uploads/illustration005-1024x573.png" alt="有料素材の購入" class="wp-image-474" srcset="https://sotuaru.com/wp-content/uploads/illustration005-1024x573.png 1024w, https://sotuaru.com/wp-content/uploads/illustration005-300x168.png 300w, https://sotuaru.com/wp-content/uploads/illustration005-768x430.png 768w, https://sotuaru.com/wp-content/uploads/illustration005-120x68.png 120w, https://sotuaru.com/wp-content/uploads/illustration005-160x90.png 160w, https://sotuaru.com/wp-content/uploads/illustration005-320x180.png 320w, https://sotuaru.com/wp-content/uploads/illustration005.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading" id="illust-upload"><span id="toc6">自身で用意したイラスト素材を使う方法</span></h2>



<ol class="list-num">
  <li>① 左から「アップロード」をクリック</li>
  <li>② 使いたい素材をドラッグしてアップロードします</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration006-1024x576.jpg" alt="素材のアップロード" class="wp-image-476" srcset="https://sotuaru.com/wp-content/uploads/illustration006-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration006-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration006-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration006-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration006-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration006-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ アップロードされた素材をクリック</li>
  <li>④ 用紙に選択した素材が表示されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration007-1024x576.jpg" alt="アップロード素材の選択" class="wp-image-477" srcset="https://sotuaru.com/wp-content/uploads/illustration007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc7">拡大縮小・回転の方法</span></h2>



<p>対象の素材をクリックし、以下のように「拡大縮小」や「回転」が可能です。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration008-1024x576.jpg" alt="拡大縮小回転" class="wp-image-479" srcset="https://sotuaru.com/wp-content/uploads/illustration008-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration008-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration008-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration008-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration008-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration008-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading" id="illust-color"><span id="toc8">色を変更する方法（色変更できる素材のみ）</span></h2>



<ol class="list-num">
  <li>① 素材をクリック</li>
  <li>② 上部のカラーパネルの変更したい色をクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration009-1024x576.jpg" alt="素材の色変更" class="wp-image-480" srcset="https://sotuaru.com/wp-content/uploads/illustration009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 表示されたカラーパネルから設定したい色をクリック</li>
  <li>④ 素材に色が反映されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration010-1024x576.jpg" alt="素材の色変更" class="wp-image-481" srcset="https://sotuaru.com/wp-content/uploads/illustration010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc9">反転させる方法（水平方向・垂直方向）</span></h2>



<ol class="list-num">
  <li>① 反転したい素材をクリック</li>
  <li>② 上部の「反転」をクリック</li>
  <li>③ パネルから「水平に反転」または「垂直に反転」をクリックすると選択した素材が反転されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration011-1024x576.jpg" alt="素材の反転" class="wp-image-482" srcset="https://sotuaru.com/wp-content/uploads/illustration011-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration011-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration011-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration011-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration011-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration011-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration011.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc10">透明度を変える方法</span></h2>



<ol class="list-num">
  <li>① 透明度を変えたい素材をクリック</li>
  <li>② 上部の「透明度」マークをクリック</li>
  <li>③ 表示されたスライダーで透明度を決めます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration012-1024x576.jpg" alt="透明度の設定" class="wp-image-483" srcset="https://sotuaru.com/wp-content/uploads/illustration012-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration012-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration012-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration012-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration012-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration012-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration012.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading" id="illust-triming"><span id="toc11">画像の一部を切り抜く方法（四角にトリミング）</span></h2>



<ol class="list-num">
  <li>① 切り抜きたい素材をクリック</li>
  <li>② 上部の「切り抜き」をクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration013-1024x576.jpg" alt="画像のトリミング" class="wp-image-485" srcset="https://sotuaru.com/wp-content/uploads/illustration013-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration013-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration013-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration013-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration013-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration013-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration013.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 切り抜きたい範囲を選択する</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration014-1024x576.jpg" alt="画像のトリミング" class="wp-image-486" srcset="https://sotuaru.com/wp-content/uploads/illustration014-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration014-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration014-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration014-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration014-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration014-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration014.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 範囲外のエリアを一度クリックすれば、範囲選択が終わり選択した箇所だけが表示されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration015-1024x576.jpg" alt="画像のトリミング" class="wp-image-487" srcset="https://sotuaru.com/wp-content/uploads/illustration015-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration015-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration015-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration015-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration015-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration015-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration015.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc12">ふちどりする方法（色変更できない素材のみ）</span></h2>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>ふちどりが使えるのは、色変更できない素材のみです。<br>文字や色変更できる素材には使えません。</p>
</div>



<ol class="list-num">
  <li>① ふちどりしたい素材をクリック</li>
  <li>② 上部の「画像を編集」をクリック</li>
  <li>③ 左側から「影付き」をクリック（スクロールした下の方にあります）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration016-1024x576.jpg" alt="影付きメニューの出し方" class="wp-image-494" srcset="https://sotuaru.com/wp-content/uploads/illustration016-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration016-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration016-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration016-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration016-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration016-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration016.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 「使用する」をクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration017-1024x576.jpg" alt="影付きメニューの出し方" class="wp-image-495" srcset="https://sotuaru.com/wp-content/uploads/illustration017-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration017-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration017-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration017-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration017-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration017-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration017.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑤ 「グロー」を2回クリック<br>（1回クリックするとぼんやりした影がついて、2回クリックすると設定メニューが出ます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration018_1-1024x576.jpg" alt="グローを選択" class="wp-image-502" srcset="https://sotuaru.com/wp-content/uploads/illustration018_1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration018_1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration018_1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration018_1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration018_1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration018_1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration018_1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑥ 好きな色を選択し、透明度を100、ぼかしを0、太さは適当な値にします</li>
  <li>⑦ 「適用」をクリック</li>
  <li>⑧ 素材がふちどりされます（処理に時間がかかる場合があります）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration019_2-1024x576.jpg" alt="ふちどりの設定" class="wp-image-512" srcset="https://sotuaru.com/wp-content/uploads/illustration019_2-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration019_2-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration019_2-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration019_2-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration019_2-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration019_2-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration019_2.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>【参考】よく使うのは以下のような「白いふちどり」かと思います。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration020-1024x576.jpg" alt="白いふちどり" class="wp-image-498" srcset="https://sotuaru.com/wp-content/uploads/illustration020-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration020-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration020-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration020-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration020-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration020-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration020.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>【参考】「影付き」を一度利用したら、2回目以降は「画像を編集」のメニューに表示されています。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration021-1024x576.jpg" alt="2回目以降の影付きのメニュー" class="wp-image-499" srcset="https://sotuaru.com/wp-content/uploads/illustration021-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration021-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration021-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration021-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration021-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration021-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration021.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc13">複数の素材を整列する方法</span></h2>



<p>複数の素材を水平方向に等間隔に並べる例を紹介します。</p>



<ol class="list-num">
  <li>① 整列させたい複数の素材を選択します<br>（Shiftキーを押しながらすべての素材をクリックするか、ドラッグですべての素材を囲みます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration022-1024x576.jpg" alt="複数の素材を選択" class="wp-image-504" srcset="https://sotuaru.com/wp-content/uploads/illustration022-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration022-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration022-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration022-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration022-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration022-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration022.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>① 上部の「配置」をクリック</li>
  <li>② 素材を整列させるの「中央揃え」をクリック（素材の中央が水平に揃います）</li>
  <li>③ 均等配置の「水平に」をクリック（水平方向で等間隔に並びます）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration023-1024x576.jpg" alt="配置で整列" class="wp-image-505" srcset="https://sotuaru.com/wp-content/uploads/illustration023-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration023-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration023-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration023-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration023-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration023-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration023.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑤ 下のように素材が整列されます</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration024-1024x576.jpg" alt="整列された素材" class="wp-image-506" srcset="https://sotuaru.com/wp-content/uploads/illustration024-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration024-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration024-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration024-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration024-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration024-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration024.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>同様に「中央揃え」と均等配置の「垂直に」を使うと縦方向に整列させることができます。</p>
</div>



<h2 class="wp-block-heading"><span id="toc14">複数の素材を重ねる方法（上下入れ替え方法）</span></h2>



<p>例えば、以下のような「イラスト」と「図形（丸）」と「文字」を重ねた見出しを作る方法を説明します。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="250" height="257" src="https://sotuaru.com/wp-content/uploads/illustration025_1.png" alt="うんどうかい見出し" class="wp-image-526"/></figure>



<ol class="list-num">
  <li>① 使いたいイラスト素材を用紙にいれます</li>（素材の<a href="#illust-upload" data-type="internal" data-id="#illust-upload">アップロード</a>や<a href="#illust-triming" data-type="internal" data-id="#illust-triming">切り抜き</a>は上記の説明を参照）
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration026-1024x576.jpg" alt="イラストを入れる" class="wp-image-520" srcset="https://sotuaru.com/wp-content/uploads/illustration026-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration026-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration026-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration026-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration026-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration026-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration026.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>② 左の「素材」をクリック</li>
  <li>③ 検索窓に「丸」といれてenterキーを押す</li>
  <li>④ 丸の素材をクリック</li>
  <li>⑤ 用紙に丸が表示されるので、色を赤に変更します（色の変更方法は<a href="#illust-color" data-type="internal" data-id="#illust-color">上記の説明</a>を参照）</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration027-1024x576.jpg" alt="丸図形を入れる" class="wp-image-521" srcset="https://sotuaru.com/wp-content/uploads/illustration027-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration027-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration027-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration027-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration027-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration027-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration027.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑥ 丸型の素材をイラストの後ろに移動したいので、素材を右クリックして「背面へ移動」または「最背面へ移動」をクリック</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration028-1024x576.jpg" alt="丸を背面に移動" class="wp-image-522" srcset="https://sotuaru.com/wp-content/uploads/illustration028-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration028-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration028-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration028-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration028-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration028-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration028.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑦ 以下のように、丸がイラストの後ろに移動しました</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration029-1024x576.jpg" alt="背面に移動した後" class="wp-image-523" srcset="https://sotuaru.com/wp-content/uploads/illustration029-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration029-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration029-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration029-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration029-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration029-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration029.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑧ 左から「テキスト」をクリック</li>
  <li>⑨ 見出しを追加をクリック</li>
  <li>⑩ 文字を「うんどうかい」に変更して完成です</li>
</ol>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/illustration030_1-1024x576.jpg" alt="文字を入れる" class="wp-image-525" srcset="https://sotuaru.com/wp-content/uploads/illustration030_1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/illustration030_1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/illustration030_1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/illustration030_1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/illustration030_1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/illustration030_1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/illustration030_1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon005.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>まずはイラストを入れる方法を覚えて、色々な編集方法は必要な時に目次から調べて使ってもらえればと思います。</p>
</div></div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canvaで背景を入れよう</title>
		<link>https://sotuaru.com/background/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Thu, 20 Oct 2022 04:16:38 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[イラスト]]></category>
		<category><![CDATA[作り方]]></category>
		<category><![CDATA[背景]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=406</guid>

					<description><![CDATA[目次（クリックできます） 背景を指定の１色にする方法Canva提供の素材を背景にする方法無料素材の場合有料素材の場合自身で用意した素材を背景にする方法1ページ用の背景素材を利用する場合見開き2ページ用の背景素材を利用する [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページでは、Canvaで背景を入れる方法を説明します。</p>
</div></div>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">背景を指定の１色にする方法</a></li><li><a href="#toc2" tabindex="0">Canva提供の素材を背景にする方法</a><ol><li><a href="#toc3" tabindex="0">無料素材の場合</a></li><li><a href="#toc4" tabindex="0">有料素材の場合</a></li></ol></li><li><a href="#toc5" tabindex="0">自身で用意した素材を背景にする方法</a><ol><li><a href="#toc6" tabindex="0">1ページ用の背景素材を利用する場合</a></li><li><a href="#toc7" tabindex="0">見開き2ページ用の背景素材を利用する場合</a></li></ol></li><li><a href="#toc8" tabindex="0">設定した背景の編集</a><ol><li><a href="#toc9" tabindex="0">設定した背景を外す方法</a></li><li><a href="#toc10" tabindex="0">背景を薄くする方法（透明度を上げる）</a></li></ol></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">背景を指定の１色にする方法</span></h2>



<ol class="list-num">
  <li>① 用紙をクリック</li>
  <li>② 上部の虹色のマークをクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background001-1024x576.jpg" alt="背景色を設定１" class="wp-image-410" srcset="https://sotuaru.com/wp-content/uploads/background001-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background001-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background001-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background001-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background001-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background001-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>③ 色を細かく指定したい場合は「＋」をクリックする<br>（表示されている色でよい場合は、その色を選ぶだけでOK）</li>
  <li>④ 詳細のパネルから色を指定する</li>
  <li>⑤ 用紙に色が反映されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background002-1024x576.jpg" alt="背景色の設定２" class="wp-image-411" srcset="https://sotuaru.com/wp-content/uploads/background002-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background002-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background002-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background002-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background002-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background002-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">Canva提供の素材を背景にする方法</span></h2>



<p>左側に「背景」というメニューが出ていない場合は、以下の手順でメニューを出してください。</p>



<ol class="list-num">
  <li>① 左側の「もっと見る」をクリック</li>
  <li>② 「背景」のマークをクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background003-1024x576.jpg" alt="背景メニューの出し方" class="wp-image-413" srcset="https://sotuaru.com/wp-content/uploads/background003-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background003-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background003-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background003-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background003-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background003-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background003.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc3">無料素材の場合</span></h3>



<ol class="list-num">
  <li>① 左側の「背景」をクリック</li>
  <li>② 背景素材が表示されるので好きなものをクリック（検索で色や柄で絞り込みもできます）</li>
  <li>③ 用紙にその素材が適用されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background005-1024x576.jpg" alt="無料背景素材" class="wp-image-415" srcset="https://sotuaru.com/wp-content/uploads/background005-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background005-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background005-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background005-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background005-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background005-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background005.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc4">有料素材の場合</span></h3>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>有料素材かどうかは選択してみるまで分かりません。<br>有料素材だった場合は、「削除する(その素材を使わない)」「素材を購入する」「有料プラン（CanvaPro）にする」の3通りの対応があります。</p>
</div>



<ol class="list-num">
  <li>① 左側の「背景」をクリック</li>
  <li>② 背景素材が表示されるので好きなものをクリック（検索で色や柄で絞り込みもできます）</li>
  <li>③ 用紙にその素材が適用されます<br><b>※有料素材は半透明のCanvaマークと網（透かし）があり、素材を選択すると右下に「透かしを削除」と表示されています</b></li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background006-1024x576.jpg" alt="有料背景素材" class="wp-image-416" srcset="https://sotuaru.com/wp-content/uploads/background006-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background006-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background006-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background006-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background006-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background006-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>有料素材を使いたい場合は、「透かしを削除」をクリック「購入」をクリックするか、Canva Pro（有料プラン）のトライアルに進んでください。<br>※Canva Proには無料のトライアル期間があります。トライアル期間が終了したら課金が開始されます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background007-1024x576.jpg" alt="有料素材の購入" class="wp-image-417" srcset="https://sotuaru.com/wp-content/uploads/background007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc5">自身で用意した素材を背景にする方法</span></h2>



<h3 class="wp-block-heading"><span id="toc6">1ページ用の背景素材を利用する場合</span></h3>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>A4塗り足しありの背景には、2551×3579ピクセル以上の画像が必要です。小さい画像を使うと印刷したときに粗く見えます。</p>
</div>



<ol class="list-num">
  <li>① 左側の「アップロード」をクリック</li>
  <li>② 使いたい素材をアップロードして、クリック</li>
  <li>③ 用紙にその素材が表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background008-1024x576.jpg" alt="背景素材をアップロード" class="wp-image-425" srcset="https://sotuaru.com/wp-content/uploads/background008-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background008-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background008-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background008-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background008-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background008-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 用紙にある背景素材を右クリック（もしくは「・・・」ボタンをクリック）</li>
  <li>⑤ 「画像を背景として設定」をクリック</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background009-1024x576.jpg" alt="背景に適用する" class="wp-image-426" srcset="https://sotuaru.com/wp-content/uploads/background009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑥ 背景に選択した画像が適用されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background010-1024x576.jpg" alt="適用された背景" class="wp-image-427" srcset="https://sotuaru.com/wp-content/uploads/background010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">見開き2ページ用の背景素材を利用する場合</span></h3>



<p>見開き2ページでつながった背景素材を利用したい場合の設定方法です。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box alert-box">
<p>A4見開き用の背景画像は、5067×3579ピクセル以上必要です。小さい画像をつかうと印刷したときに粗く見えます。</p>
</div>



<ol class="list-num">
  <li>① 左側の「アップロード」をクリック</li>
  <li>② 使いたい素材をアップロードして、クリック</li>
  <li>③ 用紙にその素材が表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="575" src="https://sotuaru.com/wp-content/uploads/background013-1024x575.png" alt="見開き用画像のアップロード" class="wp-image-431" srcset="https://sotuaru.com/wp-content/uploads/background013-1024x575.png 1024w, https://sotuaru.com/wp-content/uploads/background013-300x169.png 300w, https://sotuaru.com/wp-content/uploads/background013-768x431.png 768w, https://sotuaru.com/wp-content/uploads/background013-120x68.png 120w, https://sotuaru.com/wp-content/uploads/background013-160x90.png 160w, https://sotuaru.com/wp-content/uploads/background013-320x180.png 320w, https://sotuaru.com/wp-content/uploads/background013.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>④ 拡大して左半分が用紙に合うようにする</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background014-1024x576.jpg" alt="背景素材の拡大" class="wp-image-433" srcset="https://sotuaru.com/wp-content/uploads/background014-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background014-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background014-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background014-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background014-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background014-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background014.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑤ ロックボタンをクリックして画像が動かないようにする</li>
  <li>⑥ 2ページ目を追加する</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="574" src="https://sotuaru.com/wp-content/uploads/background015-1024x574.png" alt="背景をロックする" class="wp-image-434" srcset="https://sotuaru.com/wp-content/uploads/background015-1024x574.png 1024w, https://sotuaru.com/wp-content/uploads/background015-300x168.png 300w, https://sotuaru.com/wp-content/uploads/background015-768x431.png 768w, https://sotuaru.com/wp-content/uploads/background015-120x68.png 120w, https://sotuaru.com/wp-content/uploads/background015-160x90.png 160w, https://sotuaru.com/wp-content/uploads/background015-320x180.png 320w, https://sotuaru.com/wp-content/uploads/background015.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑦ アップロードした画像をクリック</li>
  <li>⑧ 画像が用紙に表示される</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background016-1024x576.jpg" alt="見開き2ページ目" class="wp-image-435" srcset="https://sotuaru.com/wp-content/uploads/background016-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background016-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background016-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background016-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background016-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background016-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background016.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑨ 拡大して右半分が用紙に合うようにする</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background017-1024x576.jpg" alt="背景画像を拡大する" class="wp-image-438" srcset="https://sotuaru.com/wp-content/uploads/background017-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background017-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background017-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background017-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background017-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background017-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background017.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<ol class="list-num">
  <li>⑩ ロックボタンをクリックして画像が動かないようにする<br>(ロックを解除したい場合はもう一度ロックボタンをクリック)</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="574" src="https://sotuaru.com/wp-content/uploads/background018-1024x574.png" alt="背景をロックする" class="wp-image-439" srcset="https://sotuaru.com/wp-content/uploads/background018-1024x574.png 1024w, https://sotuaru.com/wp-content/uploads/background018-300x168.png 300w, https://sotuaru.com/wp-content/uploads/background018-768x431.png 768w, https://sotuaru.com/wp-content/uploads/background018-120x68.png 120w, https://sotuaru.com/wp-content/uploads/background018-160x90.png 160w, https://sotuaru.com/wp-content/uploads/background018-320x180.png 320w, https://sotuaru.com/wp-content/uploads/background018.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>これで見開きの2ページに1つの背景素材を設定できました。</p>



<h2 class="wp-block-heading"><span id="toc8">設定した背景の編集</span></h2>



<h3 class="wp-block-heading"><span id="toc9">設定した背景を外す方法</span></h3>



<ol class="list-num">
  <li>① 用紙を右クリック（もしくは用紙をクリックして「・・・」ボタンをクリック）</li>
  <li>② 「背景から画像を切り取る」をクリックすると画像が背景から外れます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background012-1024x576.jpg" alt="背景から画像を切り取る" class="wp-image-429" srcset="https://sotuaru.com/wp-content/uploads/background012-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background012-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background012-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background012-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background012-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background012-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background012.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc10">背景を薄くする方法（透明度を上げる）</span></h3>



<ol class="list-num">
  <li>① 背景が設定された用紙をクリック</li>
  <li>② 上部の「透明度」マークをクリック</li>
  <li>③ 透明度のスライダーを動かすと透明度を上げることができます<br>透過して画像の下の色が見えるので、下地は白にしておくことをお勧めします</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/background011-1024x576.jpg" alt="背景を薄くする" class="wp-image-428" srcset="https://sotuaru.com/wp-content/uploads/background011-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/background011-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/background011-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/background011-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/background011-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/background011-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/background011.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canvaで文字を入れよう</title>
		<link>https://sotuaru.com/text/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Wed, 19 Oct 2022 04:42:41 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[作り方]]></category>
		<category><![CDATA[文字]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=358</guid>

					<description><![CDATA[Canvaでは文字入れも簡単にできます。好きな大きさやフォントを選んで文字を入れてみましょう。 目次（クリックできます） 文字を入れるフォントを変更する文字の色を変える文字を太字にする文字揃えを選択する箇条書きにする文字 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページではCanvaで文字を入れる方法を説明します。</p>
</div></div>



<p>Canvaでは文字入れも簡単にできます。<br>好きな大きさやフォントを選んで文字を入れてみましょう。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">文字を入れる</a></li><li><a href="#toc2" tabindex="0">フォントを変更する</a></li><li><a href="#toc3" tabindex="0">文字の色を変える</a></li><li><a href="#toc4" tabindex="0">文字を太字にする</a></li><li><a href="#toc5" tabindex="0">文字揃えを選択する</a></li><li><a href="#toc6" tabindex="0">箇条書きにする</a></li><li><a href="#toc7" tabindex="0">文字間隔や行間隔を変える</a></li><li><a href="#toc8" tabindex="0">縦書きにする</a></li><li><a href="#toc9" tabindex="0">下線を入れる</a></li><li><a href="#toc10" tabindex="0">アルファベットの大文字小文字を入れ替える</a></li><li><a href="#toc11" tabindex="0">文字を装飾する（エフェクト機能）</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">文字を入れる</span></h2>



<ol class="list-num">
  <li>① 左のメニューから「テキスト」をクリック</li>
  <li>② 「テキストボックスを追加」「見出しを追加」「小見出しを追加」「本文を追加」のどれかをクリック<br>（入れたい文字の大きさに近いものをえらべばOK）</li>
  <li>③ ページ内に文字列が表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text001-1024x576.jpg" alt="文字の入れ方" class="wp-image-362" srcset="https://sotuaru.com/wp-content/uploads/text001-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text001-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text001-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text001-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text001-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text001-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">フォントを変更する</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部のフォント名が書いてあるエリアをクリック</li>
  <li>③ 表示されたフォントから、好きなフォントをクリックすれば変更できます<br>（王冠マークがついているのは有料版のみ使えるフォントです）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text002-1024x576.jpg" alt="フォントの変更" class="wp-image-363" srcset="https://sotuaru.com/wp-content/uploads/text002-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text002-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text002-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text002-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text002-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text002-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc3">文字の色を変える</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「テキストの色（Aの下に虹色がついているマーク）」をクリック</li>
  <li>③ 変更したい色を選んでクリックすれば変更できます<br>「+」のマークをクリックするとより詳細に色を指定できます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://sotuaru.com/wp-content/uploads/text003-1024x577.png" alt="文字の色変更" class="wp-image-364" srcset="https://sotuaru.com/wp-content/uploads/text003-1024x577.png 1024w, https://sotuaru.com/wp-content/uploads/text003-300x169.png 300w, https://sotuaru.com/wp-content/uploads/text003-768x433.png 768w, https://sotuaru.com/wp-content/uploads/text003-120x68.png 120w, https://sotuaru.com/wp-content/uploads/text003-160x90.png 160w, https://sotuaru.com/wp-content/uploads/text003-320x180.png 320w, https://sotuaru.com/wp-content/uploads/text003.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">文字を太字にする</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「太字（B）」をクリックすると太文字になります<br>（もう一度クリックすると解除されます）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text004-1024x576.jpg" alt="太文字にする" class="wp-image-365" srcset="https://sotuaru.com/wp-content/uploads/text004-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text004-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text004-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text004-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text004-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text004-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc5">文字揃えを選択する</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「配置」マークをクリックする揃え方が変わります<br>クリックするたびに「中央揃え」「左揃え」「両端揃え」「右揃え」に変わります</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text005-1024x576.jpg" alt="文字揃えの種類" class="wp-image-366" srcset="https://sotuaru.com/wp-content/uploads/text005-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text005-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text005-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text005-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text005-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text005-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text005.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc6">箇条書きにする</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「箇条書き」マークをクリックすると箇条書きになります<br>クリックするたびに「丸付き」「番号付き」「箇条書きなし」に変わります</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text006-1024x576.jpg" alt="箇条書きの種類" class="wp-image-367" srcset="https://sotuaru.com/wp-content/uploads/text006-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text006-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text006-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text006-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text006-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text006-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc7">文字間隔や行間隔を変える</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「スペース」マークをクリックするとパラメータを調整できるパネルがでてきます</li>
  <li>③ パネルで文字間隔や行間隔を変更できます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text007-1024x576.png" alt="文字間隔と行間隔" class="wp-image-368" srcset="https://sotuaru.com/wp-content/uploads/text007-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/text007-300x169.png 300w, https://sotuaru.com/wp-content/uploads/text007-768x432.png 768w, https://sotuaru.com/wp-content/uploads/text007-120x68.png 120w, https://sotuaru.com/wp-content/uploads/text007-160x90.png 160w, https://sotuaru.com/wp-content/uploads/text007-320x180.png 320w, https://sotuaru.com/wp-content/uploads/text007.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc8">縦書きにする</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「縦書きのテキスト」マークをクリックすると縦書きになります<br>（もう一度クリックすると解除されます）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="577" src="https://sotuaru.com/wp-content/uploads/text008-1024x577.png" alt="縦書きにする方法" class="wp-image-369" srcset="https://sotuaru.com/wp-content/uploads/text008-1024x577.png 1024w, https://sotuaru.com/wp-content/uploads/text008-300x169.png 300w, https://sotuaru.com/wp-content/uploads/text008-768x433.png 768w, https://sotuaru.com/wp-content/uploads/text008-120x68.png 120w, https://sotuaru.com/wp-content/uploads/text008-160x90.png 160w, https://sotuaru.com/wp-content/uploads/text008-320x180.png 320w, https://sotuaru.com/wp-content/uploads/text008.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc9">下線を入れる</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「下線（U）」マークをクリックすると下線が付きます<br>（もう一度クリックすると解除されます）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text009-1024x576.jpg" alt="下線をひく" class="wp-image-370" srcset="https://sotuaru.com/wp-content/uploads/text009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc10">アルファベットの大文字小文字を入れ替える</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「大文字（aA）」マークをクリックするとアルファベットの場合、大文字と小文字が入れ替わります</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/text010-1024x576.jpg" alt="大文字小文字の変換" class="wp-image-371" srcset="https://sotuaru.com/wp-content/uploads/text010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/text010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/text010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/text010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/text010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/text010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/text010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading"><span id="toc11">文字を装飾する（エフェクト機能）</span></h2>



<ol class="list-num">
  <li>① 変更したい文字をクリック</li>
  <li>② 上部の「エフェクト」をクリックすると、エフェクトが選択できるパネルが開きます</li>
  <li>③ パネルからつけたい効果を選択します<br>（効果によっては色や太さなども変更できます）</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="579" src="https://sotuaru.com/wp-content/uploads/text011-1024x579.png" alt="文字のエフェクト" class="wp-image-372" srcset="https://sotuaru.com/wp-content/uploads/text011-1024x579.png 1024w, https://sotuaru.com/wp-content/uploads/text011-300x170.png 300w, https://sotuaru.com/wp-content/uploads/text011-768x434.png 768w, https://sotuaru.com/wp-content/uploads/text011-120x68.png 120w, https://sotuaru.com/wp-content/uploads/text011-160x90.png 160w, https://sotuaru.com/wp-content/uploads/text011-320x180.png 320w, https://sotuaru.com/wp-content/uploads/text011.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Canvaで写真を入れよう</title>
		<link>https://sotuaru.com/photo/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Wed, 12 Oct 2022 06:11:37 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[作り方]]></category>
		<category><![CDATA[写真]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=229</guid>

					<description><![CDATA[Canvaにはいろいろな形のフレームが用意されていて、下のような写真をたくさん配置したデザインを簡単に作れるようになります。 写真の入れ方は「そのまま貼り付け」「フレーム」「グリッド」の3通りあります。まずは写真のアップ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></p>




<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページではCanvaで写真を入れる方法を説明します。</p>
</div></div>



<p>Canvaにはいろいろな形のフレームが用意されていて、下のような写真をたくさん配置したデザインを簡単に作れるようになります。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="724" src="https://sotuaru.com/wp-content/uploads/photo000-1024x724.jpg" alt="写真を入れたデザイン例" class="wp-image-298" srcset="https://sotuaru.com/wp-content/uploads/photo000-1024x724.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo000-300x212.jpg 300w, https://sotuaru.com/wp-content/uploads/photo000-768x543.jpg 768w, https://sotuaru.com/wp-content/uploads/photo000.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>写真の入れ方は「そのまま貼り付け」「フレーム」「グリッド」の3通りあります。<br>まずは写真のアップロード方法を説明して、次に３種類の写真の入れ方について説明していきます。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Canvaに写真をアップロードする方法</a></li><li><a href="#toc2" tabindex="0">写真をそのまま貼り付ける方法</a></li><li><a href="#toc3" tabindex="0">フレームに写真を入れる方法</a><ol><li><a href="#toc4" tabindex="0">シンプルなフレームの使い方</a></li><li><a href="#toc5" tabindex="0">枠付きフレームの使い方</a></li></ol></li><li><a href="#toc6" tabindex="0">グリッドに写真を入れる方法</a></li><li><a href="#toc7" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Canvaに写真をアップロードする方法</span></h2>



<ol class="list-num">
  <li>① 左メニューから「アップロード」をクリック</li>
  <li>② 表示されたエリアに写真をドラッグ</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo001-1024x576.jpg" alt="写真のアップロード" class="wp-image-245" srcset="https://sotuaru.com/wp-content/uploads/photo001-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo001-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo001-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo001-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo001-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo001-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>アップロードした写真が表示されます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo002-1024x576.jpg" alt="写真選択" class="wp-image-246" srcset="https://sotuaru.com/wp-content/uploads/photo002-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo002-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo002-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo002-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo002-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo002-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo002.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>イラストや切り抜いた写真などもここから同様にアップロードできます。</p>
</div>



<h2 class="wp-block-heading"><span id="toc2">写真をそのまま貼り付ける方法</span></h2>



<ol class="list-num">
  <li>① 左メニューから「アップロード」をクリック</li>
  <li>② 入れたい写真をクリック</li>
  <li>③ ページに写真が入ります</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo003-1-1024x576.jpg" alt="写真挿入" class="wp-image-250" srcset="https://sotuaru.com/wp-content/uploads/photo003-1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo003-1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo003-1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo003-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo003-1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo003-1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo003-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>挿入した写真は「位置の変更」「拡大縮小」「回転」ができます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo004-1024x576.jpg" alt="写真のサイズ変更" class="wp-image-248" srcset="https://sotuaru.com/wp-content/uploads/photo004-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo004-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo004-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo004-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo004-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo004-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>写真をそのまま貼り付ける方法についてはここまでです。</p>



<h2 class="wp-block-heading"><span id="toc3">フレームに写真を入れる方法</span></h2>



<h3 class="wp-block-heading"><span id="toc4">シンプルなフレームの使い方</span></h3>



<h4 class="wp-block-heading">フレームを検索する</h4>



<ol class="list-num">
  <li>① 左のメニューから「素材」をクリック</li>
  <li>② 検索窓に「フレーム」と入力してエンターキーを押します</li>
  <li>③ フレーム素材が表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="579" src="https://sotuaru.com/wp-content/uploads/photo005-1024x579.png" alt="フレームを検索" class="wp-image-251" srcset="https://sotuaru.com/wp-content/uploads/photo005-1024x579.png 1024w, https://sotuaru.com/wp-content/uploads/photo005-300x170.png 300w, https://sotuaru.com/wp-content/uploads/photo005-768x434.png 768w, https://sotuaru.com/wp-content/uploads/photo005-120x68.png 120w, https://sotuaru.com/wp-content/uploads/photo005-160x90.png 160w, https://sotuaru.com/wp-content/uploads/photo005-320x180.png 320w, https://sotuaru.com/wp-content/uploads/photo005.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">フレームを選ぶ</h4>



<ol class="list-num">
  <li>① 素材の中から使いたいフレームをクリックします</li>
  <li>② 選んだフレームがページに表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo006-1024x576.jpg" alt="フレームの挿入" class="wp-image-252" srcset="https://sotuaru.com/wp-content/uploads/photo006-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo006-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo006-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo006-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo006-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo006-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">写真を入れる</h4>



<ol class="list-num">
  <li>① 左のメニューから「アップロード」をクリック</li>
  <li>② 入れたい写真をフレームの上までドラッグすると写真が入ります</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo007-1024x576.jpg" alt="写真選択" class="wp-image-253" srcset="https://sotuaru.com/wp-content/uploads/photo007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>フレームを<span class="marker-under">ダブルクリック</span>すると写真の「位置変更」や「拡大縮小」ができます。<br>フレームに表示させたい位置や大きさを調整しましょう。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo008-1024x576.jpg" alt="写真の拡大" class="wp-image-254" srcset="https://sotuaru.com/wp-content/uploads/photo008-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo008-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo008-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo008-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo008-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo008-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>フレームを<span class="marker-under">クリック</span>するとフレームの「回転」や「拡大縮小」ができます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo009-1024x576.jpg" alt="フレームの変形" class="wp-image-255" srcset="https://sotuaru.com/wp-content/uploads/photo009-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo009-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo009-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo009-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo009-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo009-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo009.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">枠付きフレームの使い方</span></h3>



<p>枠の色が変更できるフレームが便利なので紹介します。</p>



<h4 class="wp-block-heading">枠付きフレームを検索する</h4>



<ol class="list-num">
  <li>① 左のメニューから「素材」をクリック</li>
  <li>② 検索窓に「Frame with Border」と入れてエンターキーを押す（「フレーム」だけだと枠ありとなしのどちらもでてきます）</li>
  <li>③ 使いたいフレームを選んでクリック</li>
  <li>④ 選択したフレームがページに表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="575" src="https://sotuaru.com/wp-content/uploads/photo010-3-1024x575.png" alt="枠付きのフレーム" class="wp-image-284" srcset="https://sotuaru.com/wp-content/uploads/photo010-3-1024x575.png 1024w, https://sotuaru.com/wp-content/uploads/photo010-3-300x169.png 300w, https://sotuaru.com/wp-content/uploads/photo010-3-768x431.png 768w, https://sotuaru.com/wp-content/uploads/photo010-3-120x68.png 120w, https://sotuaru.com/wp-content/uploads/photo010-3-160x90.png 160w, https://sotuaru.com/wp-content/uploads/photo010-3-320x180.png 320w, https://sotuaru.com/wp-content/uploads/photo010-3.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">枠の色を変更する</h4>



<ol class="list-num">
  <li>① 上部の四角をクリック</li>
  <li>② 表示されたカラーパレットから枠の色にしたい色をクリック<br>【補足】＋を選べばパレットにない色を設定できます</li>
  <li>③ 選択した色が枠に反映されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo011-1-1024x576.jpg" alt="枠の色を変更する" class="wp-image-285" srcset="https://sotuaru.com/wp-content/uploads/photo011-1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo011-1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo011-1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo011-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo011-1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo011-1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo011-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">枠の色を活用するテクニック</h4>



<p>枠の色を変えることで重なった写真などを入れやすくなります。<br>以下は枠の色を変えた比較画像です。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo012-1-1024x576.jpg" alt="枠の色の比較" class="wp-image-269" srcset="https://sotuaru.com/wp-content/uploads/photo012-1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo012-1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo012-1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo012-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo012-1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo012-1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo012-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label fab-pencil"><span class="tab-caption-box-label-text block-box-label-text box-label-text">枠付きフレームのテクニック</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>白い枠を使うと<span class="marker-under">写真がくっきり見える</span>。</li>



<li>背景と同じ色の枠を使うと写真と写真の間に<span class="marker-under">隙間を開けたように見える</span>。</li>
</ul>
</div></div>



<p>フレームについてはここまでです。</p>



<h2 class="wp-block-heading"><span id="toc6">グリッドに写真を入れる方法</span></h2>



<h4 class="wp-block-heading">グリッドを検索する</h4>



<ol class="list-num">
  <li>① 左のメニューから「素材」をクリック</li>
  <li>② 検索窓に「グリッド」と入力してエンターキーを押します</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="575" src="https://sotuaru.com/wp-content/uploads/photo013-1024x575.png" alt="グリッド検索" class="wp-image-259" srcset="https://sotuaru.com/wp-content/uploads/photo013-1024x575.png 1024w, https://sotuaru.com/wp-content/uploads/photo013-300x169.png 300w, https://sotuaru.com/wp-content/uploads/photo013-768x431.png 768w, https://sotuaru.com/wp-content/uploads/photo013-120x68.png 120w, https://sotuaru.com/wp-content/uploads/photo013-160x90.png 160w, https://sotuaru.com/wp-content/uploads/photo013-320x180.png 320w, https://sotuaru.com/wp-content/uploads/photo013.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">グリッドを選択する</h4>



<ol class="list-num">
  <li>① 使いたいグリッドをクリック</li>
  <li>② ページにグリッドが表示されます</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo14-1024x576.jpg" alt="グリッド選択" class="wp-image-260" srcset="https://sotuaru.com/wp-content/uploads/photo14-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo14-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo14-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo14-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo14-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo14-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo14.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>グリッドは「サイズ変更」や「回転」ができます。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo15-1024x576.jpg" alt="グリッドの変形" class="wp-image-261" srcset="https://sotuaru.com/wp-content/uploads/photo15-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo15-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo15-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo15-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo15-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo15-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo15.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h4 class="wp-block-heading">グリッドに写真を入れる</h4>



<ol class="list-num">
  <li>① 左のメニューから「アップロード」をクリック</li>
  <li>② 入れたい写真をグリッドにドラッグ</li>
</ol>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo16-1-1024x576.jpg" alt="グリッドへの写真挿入" class="wp-image-273" srcset="https://sotuaru.com/wp-content/uploads/photo16-1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo16-1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo16-1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo16-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo16-1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo16-1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo16-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>写真をダブルクリックすると「サイズ変更」や「位置変更」ができます。<br>表示させたい位置や大きさを調整しましょう。</p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/photo17-1024x576.jpg" alt="写真の編集" class="wp-image-263" srcset="https://sotuaru.com/wp-content/uploads/photo17-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/photo17-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/photo17-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/photo17-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/photo17-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/photo17-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/photo17.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>グリッドについてはここまでです。</p>



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



<p>Canvaの「素材」から「フレーム」や「グリッド」を検索して利用する方法を紹介しました。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-16 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon004.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>いろいろな種類のフレームがあるので、活用して華やかなアルバムを作りましょう</p>
</div></div>



<p>＃サンプルに使っている写真は【写真AC】さんのフリー素材を利用しています。</p>



<a rel="noopener" href="https://www.photo-ac.com/#a_aid=614985b2560bf&amp;a_bid=bdb9e532" target="_blank"><font size="2"><strong>写真素材ダウンロードサイト【写真AC】</strong></font><br></a><img decoding="async" style="border:0" src="https://acworks.postaffiliatepro.com/scripts/g5iueh?a_aid=614985b2560bf&amp;a_bid=bdb9e532" width="1" height="1" alt="">
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【PDF入稿用】Canvaで原稿のひな型をつくろう</title>
		<link>https://sotuaru.com/hinagata/</link>
		
		<dc:creator><![CDATA[そら]]></dc:creator>
		<pubDate>Tue, 11 Oct 2022 06:16:55 +0000</pubDate>
				<category><![CDATA[Canvaで作る]]></category>
		<category><![CDATA[Canva]]></category>
		<category><![CDATA[PDF]]></category>
		<category><![CDATA[データ入稿]]></category>
		<category><![CDATA[作り方]]></category>
		<guid isPermaLink="false">https://sotuaru.com/?p=116</guid>

					<description><![CDATA[PDFが使えないフォトブックなどの原稿を作りたい場合は「【フォトブック用PNG/JPEG】Canvaで原稿のひな型をつくろう」を参照ください。 目次は以下のようになっています。 目次（クリックできます） Canvaを利用 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><strong>※本サイトはアフィリエイト広告を利用しています。</strong></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://sotuaru.com/wp-content/uploads/icon001.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>このページでは、CanvaでPDF入稿用の「適切なサイズの原稿」を作成する方法を紹介します。</p>
</div></div>



<p>PDFが使えないフォトブックなどの原稿を作りたい場合は「<a href="https://sotuaru.com/photobook_hinagata/" data-type="URL" data-id="https://sotuaru.com/photobook_hinagata/">【フォトブック用PNG/JPEG】Canvaで原稿のひな型をつくろう</a>」を参照ください。</p>



<p>目次は以下のようになっています。</p>




  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">目次（クリックできます）</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Canvaを利用する前提条件</a></li><li><a href="#toc2" tabindex="0">PDFの仕様を確認しよう</a></li><li><a href="#toc3" tabindex="0">【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順</a><ol><li><a href="#toc4" tabindex="0">新規デザインの作成</a></li><li><a href="#toc5" tabindex="0">サイズを指定する</a></li><li><a href="#toc6" tabindex="0">塗り足しの位置がわかるガイドを追加する</a></li><li><a href="#toc7" tabindex="0">名称を変更する</a></li><li><a href="#toc8" tabindex="0">ひな型をベースに編集用ファイルを作る</a></li><li><a href="#toc9" tabindex="0">試しにPDFで出力してみよう</a></li></ol></li><li><a href="#toc10" tabindex="0">【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順</a><ol><li><a href="#toc11" tabindex="0">新規デザインの作成</a></li><li><a href="#toc12" tabindex="0">サイズを指定する</a></li><li><a href="#toc13" tabindex="0">塗り足しを追加する</a></li><li><a href="#toc14" tabindex="0">名称を変更する</a></li><li><a href="#toc15" tabindex="0">ひな型をベースに編集用ファイルを作る</a></li><li><a href="#toc16" tabindex="0">試しにPDFで出力してみよう</a></li></ol></li><li><a href="#toc17" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2 class="wp-block-heading"><span id="toc1">Canvaを利用する前提条件</span></h2>



<p>Canvaは簡単にデザインを作成できる便利な無料ツールです。<br>このツールを使えば、特別なデザインソフト（IllustratorやPhotoshopなど）がなくてもおしゃれなアルバムのデザインデータが作れます。</p>



<p>ただし、Canvaはあくまでデータ作成ツールなので、印刷やアルバムの製本は業者へ依頼する必要があります。</p>



<p>Canvaで卒園アルバムのデザインを作成する前提条件は以下の3点です。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">Canvaで作る前提条件</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>発注する業者が決定している（作成するサイズを明確にしておく必要があるため）</li>



<li><span class="marker-under">PDF入稿が可能である</span></li>



<li>業者の提供するアルバム制作ソフトが無い（業者提供のソフトがある場合は、基本はそちらで作りましょう）</li>
</ul>
</div></div>



<p>まだどのフォトブックにするか決めていない場合は、以下の記事を参照ください。<br>フォトブックごとの価格や特徴をまとめています。</p>



<div class="wp-block-cocoon-blocks-blogcard blogcard-type bct-none">
<a href="https://sotuaru.com/gyousya_kakaku/" title="卒園アルバム業者（8社）の価格比較" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img decoding="async" width="160" height="90" src="https://sotuaru.com/wp-content/uploads/gyousya_kakaku-160x90.png" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" srcset="https://sotuaru.com/wp-content/uploads/gyousya_kakaku-160x90.png 160w, https://sotuaru.com/wp-content/uploads/gyousya_kakaku-120x68.png 120w, https://sotuaru.com/wp-content/uploads/gyousya_kakaku-320x180.png 320w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">卒園アルバム業者（8社）の価格比較</div><div class="blogcard-snippet internal-blogcard-snippet">卒園アルバムの業者選びの際に、どれくらいの価格でどんな種類のアルバムが作れるのか一覧で見れたらいいのにな・・・と思っていたのでまとめてみました！これを参考に対象を絞って、業者選びをしてもらえればと思います。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img decoding="async" src="https://www.google.com/s2/favicons?domain=https://sotuaru.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">sotuaru.com</div></div><div class="blogcard-date internal-blogcard-date"><div class="blogcard-post-date internal-blogcard-post-date">2022.11.18</div></div></div></div></a>
</div>



<h2 class="wp-block-heading"><span id="toc2">PDFの仕様を確認しよう</span></h2>



<p>基本的に原稿は<span class="marker-under">「塗り足し」を含めて作成する</span>、となっていると思います。</p>



<p>「塗り足し」とは、印刷した後に切り落とされる部分のことになります。実際の完成サイズよりも少し大きめに印刷して周りを切り落とすことで端まできれいに印刷されます。</p>



<p>また、入稿するデータに<span class="marker-under">「トンボ（トリムマーク）」</span>が必要な場合と不要な場合があります。</p>



<p>「トンボ」とは、先ほどの「塗り足し」部分を切り落とす目印となるものです。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="938" height="1024" src="https://sotuaru.com/wp-content/uploads/hinagata000-1-938x1024.png" alt="塗り足しとトンボ" class="wp-image-203" srcset="https://sotuaru.com/wp-content/uploads/hinagata000-1-938x1024.png 938w, https://sotuaru.com/wp-content/uploads/hinagata000-1-275x300.png 275w, https://sotuaru.com/wp-content/uploads/hinagata000-1-768x838.png 768w, https://sotuaru.com/wp-content/uploads/hinagata000-1.png 1200w" sizes="(max-width: 938px) 100vw, 938px" /></figure>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-red-border-color"><div class="tab-caption-box-label block-box-label box-label fab-lightbulb"><span class="tab-caption-box-label-text block-box-label-text box-label-text"><span class="bold">重要</span></span></div><div class="tab-caption-box-content block-box-content box-content">
<p>Canvaで原稿のPDFを作る際には、業者に提出するPDFに<span class="marker-under">「トンボなし」</span>か<span class="marker-under">「トンボあり」</span>かで作り方が変わるので注文する業者の資料をしっかり確認しましょう。</p>
</div></div>



<p>「トンボなし」で作ったPDFと「トンボあり」で作ったPDFの比較は以下のようになっています。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="652" src="https://sotuaru.com/wp-content/uploads/hinagata00a-1024x652.png" alt="" class="wp-image-205" srcset="https://sotuaru.com/wp-content/uploads/hinagata00a-1024x652.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata00a-300x191.png 300w, https://sotuaru.com/wp-content/uploads/hinagata00a-768x489.png 768w, https://sotuaru.com/wp-content/uploads/hinagata00a.png 1536w" sizes="(max-width: 1024px) 100vw, 1024px" /></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://sotuaru.com/wp-content/uploads/icon001.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>原稿サイズに問題ないか不安な場合は、作成したサンプルのPDFを業者に送付して確認してみましょう。</p>



<p><span class="marker-under">Canvaの無料版は途中でサイズの変更ができない</span>ので、サイズを間違えると最初からやり直しとなってしまいます。</p>
</div></div>



<p>「トンボなし」のPDFを作成する場合の手順はこのまま以下を参照ください。<br>「トンボあり」のPDFを作成する場合の手順は<a href="#tonboari">【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順</a>を参照ください。</p>



<h2 class="wp-block-heading" id="tonbonashi"><span id="toc3">【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順</span></h2>



<p>「塗り足しあり」で<span class="marker-under"><span class="bold">「トンボなし」</span></span>のPDFを作成する場合の手順です。</p>



<h3 class="wp-block-heading"><span id="toc4">新規デザインの作成</span></h3>



<p>右上の「デザイン」から「カスタムサイズ」をクリック。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata001-1024x576.jpg" alt="デザインの新規作成" class="wp-image-141" srcset="https://sotuaru.com/wp-content/uploads/hinagata001-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata001-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata001-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata001-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata001-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata001-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc5">サイズを指定する</span></h3>



<p>①単位を「mm」にします。<br>②業者から指定された塗り足しを含めたサイズを入力します。<br>　画像はA4の例です。注文する業者の指定の長さにしてください。<br>　【例】A4(210×297)の場合は、上下左右に+3ｍｍずつが塗り足しになるので<br>　　　　幅：210＋3＋3＝216mm<br>　　　　高さ:297+3+3=303mm<br>　　　となります。<br>※フルフラットの場合などで、見開き2ページ分のサイズで原稿を作成するように業者から指定がある場合は2ページ分のサイズにしてください。<br>③「新しいデザインを作成」をクリック。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata002-1-1024x576.jpg" alt="サイズ指定" class="wp-image-149" srcset="https://sotuaru.com/wp-content/uploads/hinagata002-1-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata002-1-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata002-1-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata002-1-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata002-1-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata002-1-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata002-1.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>新しいタブで新規デザインが作成されます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata003-1024x576.jpg" alt="新規デザイン" class="wp-image-155" srcset="https://sotuaru.com/wp-content/uploads/hinagata003-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata003-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata003-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata003-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata003-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata003-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata003.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc6">塗り足しの位置がわかるガイドを追加する</span></h3>



<p>「ファイル」から「定規とガイドを表示をクリック」してチェックマークをつける。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata004-1024x576.jpg" alt="定規とガイドを表示" class="wp-image-143" srcset="https://sotuaru.com/wp-content/uploads/hinagata004-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata004-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata004-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata004-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata004-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata004-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata004.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>①下のほうの拡大率を８０％程度にする（定規の1ミリ単位が見えやすい大きさ）<br>②縦の定規エリアをクリックしてそのまま右にドラッグすると用紙の上にガイド線がでてきます。<br>③塗り足しの3ｍｍのところまでガイド線を持っていきます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="579" src="https://sotuaru.com/wp-content/uploads/hinagata005-1024x579.png" alt="塗り足しのガイド作成" class="wp-image-144" srcset="https://sotuaru.com/wp-content/uploads/hinagata005-1024x579.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata005-300x170.png 300w, https://sotuaru.com/wp-content/uploads/hinagata005-768x434.png 768w, https://sotuaru.com/wp-content/uploads/hinagata005-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata005-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata005-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata005.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>同様の手順で右端の塗り足しにもガイド線をいれます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata006-1024x576.jpg" alt="塗り足し右" class="wp-image-156" srcset="https://sotuaru.com/wp-content/uploads/hinagata006-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata006-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata006-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata006-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata006-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata006-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata006.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>同様の手順で上端の塗り足しにもガイド線をいれます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata007-1024x576.jpg" alt="塗り足し上" class="wp-image-157" srcset="https://sotuaru.com/wp-content/uploads/hinagata007-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata007-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata007-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata007-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata007-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata007-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata007.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>同様の手順で下端の塗り足しにもガイド線をいれます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata008-1024x576.jpg" alt="塗り足し下" class="wp-image-158" srcset="https://sotuaru.com/wp-content/uploads/hinagata008-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata008-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata008-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata008-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata008-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata008-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata008.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>拡大率を30％くらいにして、上下左右の塗り足し位置にガイドが入っていることを確認しましょう。<br>※ガイドは印刷されません。デザイン作成の際に、切り落とされる位置を確認するために使います。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="579" src="https://sotuaru.com/wp-content/uploads/hinagata009-1024x579.png" alt="塗り足し確認" class="wp-image-159" srcset="https://sotuaru.com/wp-content/uploads/hinagata009-1024x579.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata009-300x170.png 300w, https://sotuaru.com/wp-content/uploads/hinagata009-768x434.png 768w, https://sotuaru.com/wp-content/uploads/hinagata009-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata009-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata009-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata009.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">名称を変更する</span></h3>



<p>①上部の「名称未設定のデザイン」の部分をクリックして、「アルバムのひな型」という名前に変更します。ここまでで、ひな型の作成は終了です。<br>②ホームをクリックして編集画面から抜けてホームに戻ります。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>Canvaには保存ボタンはありません。操作は常に自動保存されます。</p>
</div>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata010-1024x576.jpg" alt="名称変更" class="wp-image-160" srcset="https://sotuaru.com/wp-content/uploads/hinagata010-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata010-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata010-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata010-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata010-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata010-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata010.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>①ホームの「プロジェクト」をクリック<br>②デザインの中に「アルバムのひな型」というファイルができていることを確認できます。<br>※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata011-1024x576.png" alt="新規デザイン" class="wp-image-161" srcset="https://sotuaru.com/wp-content/uploads/hinagata011-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata011-300x169.png 300w, https://sotuaru.com/wp-content/uploads/hinagata011-768x432.png 768w, https://sotuaru.com/wp-content/uploads/hinagata011-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata011-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata011-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata011.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc8">ひな型をベースに編集用ファイルを作る</span></h3>



<p>ひな型の右上の「…」をクリックして「コピーを作成」をクリックします。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata012-1024x576.png" alt="デザインのコピー" class="wp-image-162" srcset="https://sotuaru.com/wp-content/uploads/hinagata012-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata012-300x169.png 300w, https://sotuaru.com/wp-content/uploads/hinagata012-768x432.png 768w, https://sotuaru.com/wp-content/uploads/hinagata012-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata012-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata012-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata012.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>コピーが作成されます。<br>今後はこのコピーした方を編集していきましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata013-1024x576.png" alt="コピーの編集" class="wp-image-163" srcset="https://sotuaru.com/wp-content/uploads/hinagata013-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata013-300x169.png 300w, https://sotuaru.com/wp-content/uploads/hinagata013-768x432.png 768w, https://sotuaru.com/wp-content/uploads/hinagata013-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata013-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata013-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata013.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>新しいファイルを作りたいときは、<span class="marker-under">ひな型ファイルをコピーしてつくることでサイズ指定やガイドを入れる手間が省けます。</span></p>
</div></div>



<p>1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">ファイルを分ける基準（例）</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>見開きの2ページを1つのファイルにする</li>



<li>イベントごとにファイルを分ける</li>



<li>作成担当者ごとにファイルを分ける</li>
</ul>
</div></div>



<h3 class="wp-block-heading"><span id="toc9">試しにPDFで出力してみよう</span></h3>



<p>試しにPDFで出力してみましょう。<br>まず、ひな形をコピーしたファイルを開きます。ここでは「サンプル２」というタイトルにしています。</p>



<p>①用紙をクリック<br>②左上の虹色の四角をクリック<br>③カラーパレットが出てきます</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata101-1024x576.jpg" alt="背景の色を変更" class="wp-image-175" srcset="https://sotuaru.com/wp-content/uploads/hinagata101-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata101-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata101-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata101-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata101-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata101-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata101.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>カラーパレットから適当な色を選択すると、背景全体に色が反映されます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata102-1024x576.jpg" alt="背景色の変更" class="wp-image-176" srcset="https://sotuaru.com/wp-content/uploads/hinagata102-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata102-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata102-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata102-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata102-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata102-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata102.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>右上の「共有」から「ダウンロード」を選択</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata103-1024x576.jpg" alt="ダウンロードを選択" class="wp-image-177" srcset="https://sotuaru.com/wp-content/uploads/hinagata103-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata103-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata103-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata103-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata103-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata103-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata103.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ファイルの種類から「PDF（印刷）」を選択</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata104-1024x576.jpg" alt="印刷用PDFを選択" class="wp-image-178" srcset="https://sotuaru.com/wp-content/uploads/hinagata104-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata104-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata104-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata104-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata104-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata104-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata104.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>「ダウンロード」をクリックするとPDFファイルのダウンロードが始まります。<br>※<span class="marker-under">「</span><span class="marker-under">トリムマークと塗り足し」はチェック不要です。</span>すでに塗り足しを含んだサイズで作成しているので、チェックをいれると塗り足しとトンボ（トリムマーク）が余分に追加されてしまいます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata105-1024x576.jpg" alt="ダウンロード実行" class="wp-image-179" srcset="https://sotuaru.com/wp-content/uploads/hinagata105-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata105-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata105-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata105-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata105-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata105-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata105.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>↓こんな感じのただのピンクのPDFができていると思います。<br>サイズはPDFを開いてプロパティなどで確認できると思います。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="594" height="755" src="https://sotuaru.com/wp-content/uploads/hinagata_pink.png" alt="" class="wp-image-214" srcset="https://sotuaru.com/wp-content/uploads/hinagata_pink.png 594w, https://sotuaru.com/wp-content/uploads/hinagata_pink-236x300.png 236w" sizes="(max-width: 594px) 100vw, 594px" /></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://sotuaru.com/wp-content/uploads/icon001.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>「トンボなし」のPDF作成手順はここでおしまいです。<br>以降は「トンボあり」のPDF作成手順になります。</p>
</div></div>



<h2 class="wp-block-heading" id="tonboari"><span id="toc10">【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順</span></h2>



<p>「塗り足しあり」で<span class="marker-under"><span class="bold">「トンボあり」</span></span>のデータを作成する場合の手順です。</p>



<p>※「トンボなし」のデータを作成する場合は<a href="#tonbonashi">【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順</a>を参照してください。</p>



<h3 class="wp-block-heading"><span id="toc11">新規デザインの作成</span></h3>



<p>右上の「デザインを作成」から「カスタムサイズ」をクリック</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata001-1024x576.jpg" alt="デザインの新規作成" class="wp-image-141" srcset="https://sotuaru.com/wp-content/uploads/hinagata001-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata001-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata001-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata001-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata001-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata001-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata001.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc12">サイズを指定する</span></h3>



<p>①単位を「mm」にします。<br>②業者から指定された<span class="marker-under">塗り足しを含めない</span>サイズを入力します。<br>　画像はA4の例です。注文する業者の指定の長さにしてください。<br>　【例】A4(210×297)の場合は、<br>　　　　幅：210mm<br>　　　　高さ:297mm<br>　　　となります。<br>※フルフラットの場合などで、見開き2ページ分のサイズで原稿を作成するように業者から指定がある場合は2ページ分のサイズにしてください<br>③「新しいデザインを作成」をクリック。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata201-1024x576.jpg" alt="サイズを指定する" class="wp-image-186" srcset="https://sotuaru.com/wp-content/uploads/hinagata201-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata201-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata201-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata201-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata201-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata201-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata201.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>新しいタブで新規デザインが作成されます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata202-1024x576.jpg" alt="新規デザイン" class="wp-image-187" srcset="https://sotuaru.com/wp-content/uploads/hinagata202-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata202-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata202-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata202-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata202-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata202-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata202.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc13">塗り足しを追加する</span></h3>



<p>「ファイル」から「定規とガイドを表示」と「塗り足し領域を表示する」をクリックしてチェックマークをつけます。<br>上と左に定規、点線の外側に塗り足し領域が表示されます。<br>※定規は必須ではないですが、あると便利なのでチェックを入れておきましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata203-1024x576.jpg" alt="塗り足しの追加" class="wp-image-188" srcset="https://sotuaru.com/wp-content/uploads/hinagata203-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata203-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata203-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata203-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata203-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata203-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata203.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc14">名称を変更する</span></h3>



<p>①上部の「名称未設定のデザイン」の部分をクリックして、「アルバムのひな型」という名前に変更します。ここまでで、ひな型の作成は終了です。<br>②ホームをクリックして編集画面から抜けてホームに戻ります。</p>



<div class="wp-block-cocoon-blocks-icon-box common-icon-box block-box information-box">
<p>Canvaには保存ボタンはありません。操作は常に自動保存されます。</p>
</div>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata204-1024x576.jpg" alt="名称変更" class="wp-image-189" srcset="https://sotuaru.com/wp-content/uploads/hinagata204-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata204-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata204-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata204-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata204-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata204-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata204.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>①ホームのプロジェクトをクリック<br>②デザインの中に「アルバムのひな型」というファイルができていることを確認できます<br>※たまに反映に時間がかかる場合があります。再読み込みしたりブラウザを落として上げなおすなどをしてみましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata205-1024x576.png" alt="新規ドキュメント" class="wp-image-196" srcset="https://sotuaru.com/wp-content/uploads/hinagata205-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata205-300x169.png 300w, https://sotuaru.com/wp-content/uploads/hinagata205-768x432.png 768w, https://sotuaru.com/wp-content/uploads/hinagata205-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata205-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata205-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata205.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<h3 class="wp-block-heading"><span id="toc15">ひな型をベースに編集用ファイルを作る</span></h3>



<p>ひな型の右上の「…」をクリックして「コピーを作成」をクリックします。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata206-1024x576.jpg" alt="デザインのコピー" class="wp-image-197" srcset="https://sotuaru.com/wp-content/uploads/hinagata206-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata206-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata206-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata206-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata206-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata206-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata206.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>コピーが作成されます。<br>今後はこのコピーした方を編集していきましょう。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata207-1024x576.png" alt="コピーの編集" class="wp-image-198" srcset="https://sotuaru.com/wp-content/uploads/hinagata207-1024x576.png 1024w, https://sotuaru.com/wp-content/uploads/hinagata207-300x169.png 300w, https://sotuaru.com/wp-content/uploads/hinagata207-768x432.png 768w, https://sotuaru.com/wp-content/uploads/hinagata207-120x68.png 120w, https://sotuaru.com/wp-content/uploads/hinagata207-160x90.png 160w, https://sotuaru.com/wp-content/uploads/hinagata207-320x180.png 320w, https://sotuaru.com/wp-content/uploads/hinagata207.png 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-15 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon002.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>新しいファイルを作りたいときは、ひな型ファイルをコピーしてつくることでサイズ指定や塗り足しを入れる手間が省けます。</p>
</div></div>



<p>1つのファイルにアルバム全ページを入れることも可能ですが、複数人で作成していくことも考慮して、以下のようにルールを決めてファイルを分けて作成していくことをおススメします。</p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box"><div class="tab-caption-box-label block-box-label box-label"><span class="tab-caption-box-label-text block-box-label-text box-label-text">ファイルを分ける基準（例）</span></div><div class="tab-caption-box-content block-box-content box-content">
<ul class="wp-block-list">
<li>見開きの2ページを1つのファイルにする</li>



<li>イベントごとにファイルを分ける</li>



<li>作成担当者ごとにファイルを分ける</li>
</ul>
</div></div>



<h3 class="wp-block-heading"><span id="toc16">試しにPDFで出力してみよう</span></h3>



<p>試しにPDFで出力してみましょう。<br>まず、ひな形をコピーしたファイルを開きます。</p>



<p>①用紙をクリック<br>②左上の虹色の四角をクリック<br>③カラーパレットが出てきます</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata301-1024x576.jpg" alt="背景の色を変更" class="wp-image-190" srcset="https://sotuaru.com/wp-content/uploads/hinagata301-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata301-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata301-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata301-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata301-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata301-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata301.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>カラーパレットから適当な色を選択すると、背景全体に色が反映されます。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata302-1024x576.jpg" alt="背景色の変更" class="wp-image-191" srcset="https://sotuaru.com/wp-content/uploads/hinagata302-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata302-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata302-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata302-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata302-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata302-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata302.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>右上の「共有」から「ダウンロード」を選択</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata303-1024x576.jpg" alt="ダウンロードを選択" class="wp-image-192" srcset="https://sotuaru.com/wp-content/uploads/hinagata303-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata303-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata303-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata303-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata303-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata303-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata303.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>ファイルの種類から「PDF（印刷）」を選択</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata304-1024x576.jpg" alt="印刷用PDFを選択" class="wp-image-193" srcset="https://sotuaru.com/wp-content/uploads/hinagata304-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata304-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata304-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata304-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata304-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata304-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata304.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>①「トリムマークと塗り足し」にチェックをいれます<br>②「ダウンロード」をクリックするとPDFファイルのダウンロードが始まります。</p>



<figure class="wp-block-image size-large img-border"><img decoding="async" width="1024" height="576" src="https://sotuaru.com/wp-content/uploads/hinagata305-1024x576.jpg" alt="ダウンロード実行" class="wp-image-194" srcset="https://sotuaru.com/wp-content/uploads/hinagata305-1024x576.jpg 1024w, https://sotuaru.com/wp-content/uploads/hinagata305-300x169.jpg 300w, https://sotuaru.com/wp-content/uploads/hinagata305-768x432.jpg 768w, https://sotuaru.com/wp-content/uploads/hinagata305-120x68.jpg 120w, https://sotuaru.com/wp-content/uploads/hinagata305-160x90.jpg 160w, https://sotuaru.com/wp-content/uploads/hinagata305-320x180.jpg 320w, https://sotuaru.com/wp-content/uploads/hinagata305.jpg 1200w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>↓こんな感じのトンボ（トリムマーク）がついたPDFができていると思います。<br>このトンボは西洋式なので日本式のトンボと少し違います。このトンボで問題ないか念のため業者にPDFを送って確認しましょう。</p>



<figure class="wp-block-image size-full"><img decoding="async" width="829" height="755" src="https://sotuaru.com/wp-content/uploads/hinagata_skyblue.png" alt="トンボありPDF" class="wp-image-217" srcset="https://sotuaru.com/wp-content/uploads/hinagata_skyblue.png 829w, https://sotuaru.com/wp-content/uploads/hinagata_skyblue-300x273.png 300w, https://sotuaru.com/wp-content/uploads/hinagata_skyblue-768x699.png 768w" sizes="(max-width: 829px) 100vw, 829px" /></figure>



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



<p>CanvaでPDF入稿用の適切なサイズの原稿を作る手順を「トンボなし」「トンボあり」に分けて紹介しました。</p>



<ul class="wp-block-list">
<li><a href="#tonbonashi">【PDF入稿】「塗り足しあり」で「トンボなし」で作成する手順</a></li>



<li><a href="#tonboari">【PDF入稿】「塗り足しあり」で「トンボあり」で作成する手順</a></li>
</ul>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-17 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="https://sotuaru.com/wp-content/uploads/icon005.png" alt="そら" class="speech-icon-image"/></figure><div class="speech-name">そら</div></div><div class="speech-balloon">
<p>作成した原稿をひな型にしてデザインを作成していきましょう！</p>
</div></div>



<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
