記事内に商品プロモーションが含まれる場合があります
Canvaを使って、「文字の中に画像を入れる(文字で画像を切り抜く)」とても簡単な方法を解説します。無料プランでも使える機能です！
1.Canvaで文字に画像を入れる（文字で画像を切り抜く）方法
Canvaで文字に画像を入れ込む方法として、「Canva内アプリを使う」「フレームを使う」の２パターンがあります。
Canva内アプリの「TypeCutOut」なら、こんなかんじでテキストに画像を入れることができます。
以前は英字フォントのみの対応でしたが、日本語フォントにも対応しました！
Canvaのデフォルト機能の「フレーム」なら、こんなかんじで１文字に画像を入れることができます。
ただ、デフォルトのフレーム機能では、「英字または数字１文字ずつ」にしか画像を入れられません。そのため、文章（単語）で切り抜きたい場合には不向きです。日本語のフレームもありません。
なお、「フレーム」は素材の中にあります。「素材」をクリックしてから「フレーム」で検索すれば出てきます。
フレーム機能には限界がありますが、さくっと使えるのが利点です。なので、以下のような使い分けがおすすめです。
- 英字または数字１文字でさくっと画像を切り抜きたい場合はデフォルト機能の「フレーム」を使う
- 単語（文章）、あるいは日本語で画像を切り抜きたい場合はアプリの「TypeCutOut」を使う
まずはアプリを連携
今回は、アプリ「TypeCutOut」の使い方を解説していきます。まずはCanvaを開いて、アプリを連携しましょう。
左メニューから「アプリ」をクリックして、検索欄に「typecutout」と入力し、出てきたアプリをクリックします。
下の「開く」をクリックしましょう。
すると、左側にTypeCutOutのメニューが開きます。
この「開く」の操作は最初の1度だけで、次回からは、左メニューを下の方へスクロールするとあります。
TypeCutOutで画像をテキストで切り抜いてみよう
TypeCutOutでは、テキストに入れる画像の位置などを調節したり、フォントを変更したり、といったことが可能です。
まずはここをクリックして、テキストに入れる画像を、パソコンのフォルダから選択します。
なお、既にデザイン上にある画像を使うこともできます。画像をクリックしてから、TypeCutOutの「画像選択」のボタンをクリックすればOKです。
プレビューを見てみてください。テキストに入れた画像が変わりましたね。
続いて、なにか日本語でテキストを入力してみましょう。
すると、テキストが表示される部分に四角が表示されているかと思います。これは、現在の設定されているフォントが、日本語に対応していないためです。
なので、フォント名をクリックして、フォントを変更してみましょう。
検索欄にフォント名を入力して、フォントを絞り込むこともできます。
日本語フォントなら、「mincho」や「gothic」などなど、よくフォント名に使われる単語で検索してみると、出てくると思います。（アプリ非対応のフォントもあります）
クリックしてフォントを選んだら、上の矢印をクリックして、確定させつつ戻ります。
続いて、画像調整メニューで、画像の表示位置を調節してみましょう。
矢印マークをクリックしたら、画像部分をクリックしたまま動かして、切り抜く位置を調節し、ちょうどいい場所でクリックを離します。
いい位置で切り抜けない場合は、画像を回転させることもできます。下の丸を左右に動かして角度変更可能です。
画像のサイズ調節もできます。
また、下のフォント横のメニューで、テキストの配置（これはあまりいじらなくてOK）や、２行にわたる場合は行間も調節できます。
最後に、「デザインに追加する」をクリックすると、デザイン上に表示されます。
こんなかんじで、夕焼けの画像を「夕焼け」という文字で切り抜くことができました。
なお、そのまま表示されているTypeCutOutのメニューで内容を変更（たとえば切り抜き位置など）をした後、「デザインに追加」をクリックすれば、別バーションを簡単に追加することができます。
難しい操作なしで、文字に画像を入れることができましたね。
背景透過でダウンロード
もし、Canva外で使いたい場合は、有料プランであれば背景透過でダウンロードできます。(こちらから、有料プランを特別に45日間無料でお試しできます)
右上の「共有」をクリックして、開いたメニューから「ダウンロード」をクリックします。
続いて、「背景透過」をクリックしてチェックを入れたら、下の「ダウンロード」のボタンをクリックします。
これでダウンロード完了です。
2.Canvaの文字加工おすすめ機能
Canvaには、他にも無料で使えるテキスト加工の機能がたくさんあります。
文字の塗りつぶしをグラデーションにする加工をしたり…(解説記事)
文字に影をつけて立体的にして、飛び出すようなデザインにしたり(解説記事)…などなど、いろんな加工ができます。
