この記事ではCanvaの機能を駆使して、文字にグラデーションをかける方法を解説しています。
グラデーションをかける方法は3つありますので、いずれかの方法を使ってみてください。
グラデーションをかけるのは少し手間ですが、見た目がグッとかっこよくなりますよ!
なおグラデーションをかける3つの方法のうち2つは、有料版Canva Proが必要です。
Canva Proの無料体験中に、グラデーション文字を使ってたくさんデザインしちゃいましょう!
無料版Canvaで文字にグラデーションをかける方法
この章では、無料版Canvaを使って文字にグラデーションをかける方法を解説しています。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h40_26-493x1024.png)
「素材」を選択→検索欄に「フレーム」と入力して検索します。
下にスクロールすると、英数字の「フレーム」が見つかります。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h45_57-1024x295.png)
キャンバスに英数字の「フレーム」を1つづつ配置していきます。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h48_29.png)
「素材」を選択→検索欄に「グラデーション」と入力して検索します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h49_52-1024x239.png)
グラデーションの素材を、フレームの中にドラッグ&ドロップします。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h51_46-1024x291.png)
全部の文字にドラッグ&ドロップすると、グラデーション文字の完成です。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h34_511-1024x533.png)
完成したテキストをキャンバスに配置すれば、上の図のようになります。
有料版Canva Proで文字にグラデーションをかける方法
この章では、有料版のCanva Proを使って文字にグラデーションをかける方法を2通り解説しています。
文字を縁取りたい場合は方法①を、文字を縁取らない場合は方法②を使うのがおススメです。
方法①:背景リムーバを1回使って文字にグラデーションをかける方法
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h06_58-1024x390.png)
「素材」→検索欄に「グラデーション」と入力し検索します。
「グラフィック」を選択→好きな「グラデーション素材」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h10_37-1-1024x321.png)
グラデーション素材を回転させて向きを変え、色を変更します。
この素材は横方向に拡大できないので、素材をコピー&貼り付けを繰り返して、上の図のように横長にします。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h22_39-1-1024x324.png)
グラデーションの上にテキストを配置します。
テキストを選択し、「エフェクト」→「中抜き」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h24_45-1024x400.png)
赤枠部分のスクリーンショットをとります。
スクリーンショットの取り方
[Windows10]
ショット:[Windows]キー+[Shift]キー+[S]
貼りつけ:[Ctrl]キー+[V]
[MAC]
ショット:[Shift]キー+[Command]キー+[4]
貼りつけ:[Command]キー+[V]
※他のツールを使ってもOKです。
※スクリーンショットを画像として保存しCanvaにアップロードする方法でもOKです。
![](https://tokutore.net/wp-content/uploads/2022/11/image-3-1024x400.png)
スクリーンショットした画像をキャンバスに貼りつけます。
貼りつけた画像はできるだけ大きく拡大しておいてください。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h25_50-2-1024x271.png)
貼りつけた画像を選択→「画像を編集」を選択→「背景リムーバ」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h27_36-1024x274.png)
図のように背景が白くなったら、「復元」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h29_04-1024x357.png)
ブラシサイズを調整し、文字の中をなぞっていくと色が出てきます。
文字からはみ出た部分を修正することはできません。一からやり直しになるので慎重になぞってください。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h46_45-1024x430.png)
文字を全部なぞったら「完了」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_17h47_13-1024x430.png)
適用を選択します。(押し忘れるとキャンセルされるので注意!)
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h34_512-1024x533.png)
完成した画像をテンプレートにのせると、上の図のようになります。
- 中抜きした縁取り文字しか使えません。
- 文字をなぞる作業がかなり面倒です。
方法②:背景リムーバを2回使って文字にグラデーションをかける方法
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h38_47-1024x432.png)
「素材」から四角形を選択し、四角形の上にテキストを配置します。
背景色は濃い色ならなんでもOKです。文字色は白色にしてください。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h39_35-1024x550.png)
赤枠部分のスクリーンショットをとります。
スクリーンショットの取り方
[Windows10]
ショット:[Windows]キー+[Shift]キー+[S]
貼りつけ:[Ctrl]キー+[V]
[MAC]
ショット:[Shift]キー+[Command]キー+[4]
貼りつけ:[Command]キー+[V]
※他のツールを使ってもOKです。
※スクリーンショットを画像として保存しCanvaにアップロードする方法でもOKです。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h41_06-1024x434.png)
新しいページ追加します。
「素材」→検索欄に「グラデーション」と入力して検索→好きな「グラデーション素材」を配置します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h42_48-1024x417.png)
スクリーンショットをキャンバスに貼りつけます。
貼りつけた画像を選択→「画像を編集」を選択→「背景リムーバ」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h44_07-1024x557.png)
図のようになったら、赤枠部分のスクリーンショットをとります。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h46_24-1024x373.png)
新しいページを追加して、スクリーンショットを貼りつけます。
貼りつけた画像を選択→「画像を編集」を選択→「背景リムーバ」を選択します。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_20h47_09-1024x510.png)
「適用」を選択します。(押し忘れるとキャンセルされるので注意!)
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-24_16h34_513-1-1024x533.png)
完成した画像をテンプレートにのせると、図のようになります。
- フォントの種類によってはうまくいかない場合があります。(ゴシック系がおすすめ)
- グラデーション素材によってはうまくいかない場合があります。
グラーデーション素材の探し方と色の変更方法
グラデーション素材は、以下の2つから探すことができます。
- 「素材」からグラデーションで検索
- 「写真」からグラデーションで検索
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-25_20h09_37-1.png)
素材から探したグラデーション素材は、色を自由に変更することができます。
![](https://tokutore.net/wp-content/uploads/2022/04/2022-04-25_20h23_49-2-1024x537.png)
写真から探したグラデーション素材は、画質を調整したりフィルターをかけることができます。
Canvaのグラデーション素材は有料のものが多いです。
他のサイトでグラデーション素材を探して、Canvaにアップロードして使うこともできますよ!
Canvaで文字にグラデーションをかける方法のまとめ
Canvaで文字にグラデーションをかける方法を3つお伝えしました。
いずれの方法も手間がかかりますので、長文のグラデーションには向いていません。
ここぞという場面で、ピンポイントで使うことをおすすめします。
なおグラデーションをかけるのに、有料版Canva Proでしかできないことがあります。
Canva Proの無料体験中に、グラデーションをいろいろ試してみてくださいね!
関連記事
おすすめ記事
コメント