Canvaで文字をグラデーションにする方法!テキストをカラフルに

Canvaで文字の色をグラデーションにする方法

記事内に商品プロモーションが含まれる場合があります

Canvaを使って「文字をグラデーションカラーにする方法」を解説します。無料アプリを使うのでとても手軽で簡単です!

サルワカくん
サルワカくん
「Canvaって何?」という方は、こちらの記事をどうぞ!

1.Canvaで文字をグラデーションにする方法

Canvaで文字をグラデーションにする方法

このように、テキストカラーを好きな色のグラデーションにする方法を解説します。無料プランでもOKです。

アプリを追加する

Canvaのデフォルトの機能では、文字をグラデーションカラーにすることはできません。なので、Canva内のアプリ(機能拡張のようなもの)を追加しましょう。

サルワカくん
サルワカくん
もしよければ、こちらからCanvaを開いて一緒に操作してみましょう。

typegradientのアプリを検索

編集画面を開き、左メニューを下にスクロールすると「アプリ」があります。クリックして開き、検索バーに「typegradient」と入力しましょう。

クリックして開くで追加

するとアプリが出てくるのでクリックして、「開く」をクリックすればOKです。

この「開く」でアプリを追加する、というのは初回のみの作業です。一度行えばCanva内に追加されるので、左メニューを下にスクロールすれば「TypeGradient」が入っているはずです。

Type Gradientで文字カラーをグラデーションにする

textgradientでテキスト加工

TypeGradientはこのような画面です。テキストは自由に入力でき、選べるのは「フォント」「カラー」「グラデーションの向き」「行間」「文字の配置(中央揃えなど)」ですね。

とりあえずフォントを変更

対応している日本語フォントは限られているので、まずはフォントを選ぶのがおすすめです。クリックしてみましょう。

フォントは検索も可能

フォントは「フォント名」で検索が可能ですが、「日本語で絞り込む」などはできません。

「JP」や「Mincho」などで検索すると日本語フォントが出てきます。今回は例として分かりやすいように太めの「Corporate Logo Rounded」にしてみます。

選択したら戻る矢印をクリック

出てきたフォントをクリックして選択したら、上の戻る矢印をクリックします。(「確定」などのボタンはありません)

隙間が狭いので調節

すると、行間がかなり狭く、重なってしまいましたね。なので下の「行間」の調整ボタンをクリックします。

行間がちょうどよくなった

この丸を左右に動かすと行間を調節できます。いいかんじになりましたね。

テキストが複数行になる場合、アプリ内でしか行間の調節ができないので注意しましょう。

サルワカくん
サルワカくん
TypeGradientで加工したテキストは、「テキスト」ではなく「画像」のような扱いになるわけです。文章の変更もアプリ内で行います。

テキストを変更してみる

では、テキストを変更してみましょう。ここの「Main text」のところで文章を打つだけでOKです。

プレビューに文字ではなく□が表示される場合、フォントがその文字に対応していません。文字を表示できないので、フォントを変更しましょう。

続いてグラデーションのカラーを変更していきます。

クリックするとグラデーションのカラー追加できる

下のカラーメニューをクリックすると、その部分に新しく白丸が追加され、グラデーションの変更点を追加できます。上の丸2つを動かして色を調節しましょう。

グラデーションをカラフルにすることも可能

変更点をたくさん追加すれば、このようにレインボーカラーにもできます。

追加した丸をクリックして上のデリートで削除できる

グラデーションの変更点を減らしたい場合は、削除したい変更点の丸をクリックして選択状態(少し大きくなります)にしたあと、すぐ上の「Delete」をクリックすればOKです。

単純な2色グラデーションなら両端にする

2色のグラデーションにしたいなら、真ん中の変更点を削除して両端のみに色を設定すればよいでしょう。

丸を移動させることでグラデーションの方向を変更

また、一番上のプレビュー部分にある「両端に丸がついた線」がグラデーションの向きの調節です。両端の丸を動かして、グラデーションの起点と終点の位置を変更できます。

グラデーションにした文字をデザインへ追加

完成したら、一番下の紫の「Add to design」のボタンをクリックしましょう。デザイン上に追加されます。

グラデーションを変えたい場合はアップデート

まだアプリを開いている場合、色を変更してから「Update element」をクリックすると、デザイン上のテキストに反映されます。

TypeGradientで作られたテキストは、一度アプリを閉じたあとでも、再度アプリで編集できるようになっています。

アプリを一度とじてもテキストをクリックして上の編集をクリック

アプリで作ったデザイン上のテキストをクリックして、上のメニューから「編集」をクリックしましょう。

再度アプリでTypegradientを開ける

すると左にメニューが開くので、カラーを変更したら、「Update element」をクリックすればOKです。

カラー調節してグラデーションカラーをアップデート

何度でも、好きなように調節できます。

まとめ

Canva内のアプリ「Type Gradient」を使うと、テキストを簡単にグラデーションにできて便利ですね。Canvaには他にも便利なアプリがあるので、また紹介していきたいと思います。

サルワカくん
サルワカくん
サルワカでは、Canvaの使い方や便利ワザなどについてこちらのページにまとめているので、よければ見てみてくださいね!
同じカテゴリーの記事
同じカテゴリーの記事一覧
Canvaの使い方
サルワカ