<?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>素材  |  卒アルのいろは</title>
	<atom:link href="https://sotuaru.com/tag/%E7%B4%A0%E6%9D%90/feed/" rel="self" type="application/rss+xml" />
	<link>https://sotuaru.com</link>
	<description>卒アル委員だった時に調べたことや便利なツールなどを紹介するブログです</description>
	<lastBuildDate>Mon, 11 Sep 2023 01:37:37 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3.1</generator>

<image>
	<url>https://sotuaru.com/wp-content/uploads/cropped-favicon-32x32.png</url>
	<title>素材  |  卒アルのいろは</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>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" fetchpriority="high" 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-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">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>
<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>
	</channel>
</rss>
