日本一2冠・卒業生4,000名のスクール監修 ▶︎ WEBデザイナーになる方法を無料公開中

Canvaで文字にグラデーションをかける方法|活用するコツを解説

Canvaで文字にグラデーションをかける方法|活用するコツを解説

「Canvaを使って、テキストにおしゃれなグラデーションをかけられたらいいのに…」
と思ったことはありませんか?

本記事では、文字グラデーションのかけ方に興味のある方へ向けて、操作手順と仕上がりをさらに高める活用コツをわかりやすくお伝えします。

2025年11月のCanvaアップデートで日本語テキストにも対応し、無料プランでも追加費用なく使えるようになりました。

ぜひ参考にしてみてください。

参考:Create and use color gradients

目次

Canvaで文字グラデーションをかける方法

本章では、Canva標準機能を使った以下の3STEPで操作手順を解説します。

文字グラデーションをかける3STEP
  • テキストを選択する
  • カラーパネルからグラデーションを選ぶ
  • 色・方向・強度を調整する

一度流れを覚えれば、1〜2分で完成するシンプルな操作です。

無料プランの方でもグラデーションをかけられるのでご安心くださいね。

STEP1から順に確認していきましょう。

STEP1:グラデーションをかけたいテキストを選択する

グラデーション文字を作るには、まず対象のテキストを選択するところから始めます。

Canvaの編集画面を開き、グラデーションをかけたい文字の上をクリックしてください。

テキストボックスの周囲に青い枠線が表示されれば、選択完了です。

テキストボックス全体にグラデーションをかける場合は、この状態のまま次のSTEPへ進みます。

一部の文字だけに適用したい場合は、テキストをダブルクリックして編集モードに切り替え、目的の文字をドラッグして選びます。

テキスト選択時のポイント
  • 日本語(ひらがな・カタカナ・漢字)テキストにも対応している
  • スマートフォン版アプリでも同様の手順で操作できる
  • テキストではなく画像として配置されている文字には適用できない

2025年11月のCanvaアップデートにより、日本語テキストへのグラデーション対応が追加されました。

「日本語には使えない」と思っていた方も、ぜひ改めて試してみてください。

STEP2:カラーパネルからグラデーションを選ぶ

テキストを選択した状態のまま、上部ツールバーのカラーアイコンをクリックします。

カラーアイコンは、選択中のテキストの文字色を示す小さな四角形のアイコンです。

クリックするとカラーパネルが開きます。

パネルの上部に「単色」と「グラデーション」を切り替えるアイコンが表示されています。

色が徐々に変化しているグラデーションアイコンをクリックすると、グラデーションモードに切り替わります。

グラデーションが適用されない場合は、以下を確認してみましょう。

うまくいかないときの確認ポイント
  • テキストが「選択状態」になっているか(ダブルクリックによる編集モードになっていないか)
  • スマートフォンの場合、画面下部の「カラー」メニューから操作しているか

グラデーションモードに入ると、プレビューバーとカラーポイントが表示されます。

この時点でデフォルトのグラデーションが文字に適用されます。

STEP3:色・方向・強度を調整する

グラデーションモードに入ったら、色・方向・強度を好みに合わせて調整します。

初期設定では2つのカラーポイントが両端に配置されており、2色のグラデーションから始められます。

グラデーションのカスタマイズ項目
  • 色の変更
    • 各カラーポイントをクリックするとカラーピッカーが開き、任意の色に変更できます。
  • 位置の調整
    • カラーポイントを左右にドラッグすると、グラデーションの切り替わりポイントを移動できます。
  • カラーポイントの追加
    • カラーバーの空いているエリアをクリックすると新しいカラーポイントが追加され、最大8色まで設定可能です。
  • カラーポイントの削除
    • 不要になったカラーポイントは、選択した状態でバーの外へドラッグすると削除できます。
  • 角度の調整
    • パネル内のスライダー、または数値の入力欄でグラデーションの向きを設定します。(例:0°は横方向、90°は縦方向、45°や135°にすると斜めになります)
  • エフェクトとの組み合わせ
    • グラデーションをかけた文字には、Canvaの文字エフェクト(影・グロー・中抜きなど)を重ねて使うことも可能です。

色や角度、カラーポイントの位置を調整することで、文字の印象は大きく変わります。

まずは2色のシンプルなグラデーションから試し、自分のイメージに合う組み合わせを見つけてみてくださいね。

Canvaの文字グラデーション活用コツ4選

本章では、グラデーションをさらに上手に活用するためのコツを4つ紹介します。

文字グラデーション活用コツ
  • 同系色を選んでグラデーションをなじみやすく仕上げる
  • 補色を使うときはカラーポイントを追加してくすみを防ぐ
  • 角度を変えて文字の印象を使い分ける
  • 白文字と背景グラデーションで抜け感を演出する

色の選び方から角度の使い方まで、すぐに実践できる内容です。

ぜひデザイン制作に取り入れてみてください。

コツ1:同系色を選んでグラデーションをなじみやすく仕上げる

同系色(色相の近い色)を組み合わせると、グラデーションの色の移行がなめらかになります。

色相が近い色同士は中間の色も自然に馴染むため、全体的に統一感のあるデザインに仕上がるのが特徴です。

Canvaのカラーパネルで2つのカラーポイントに隣り合った色を設定するだけで簡単に試すことができます。

同系色グラデーションの組み合わせ例
  • ピンク→オレンジ
  • ブルー→水色
  • パープル→ピンク

上記はいずれも色相環で隣り合っている組み合わせです。

2〜3色の同系色グラデーションは初心者でも失敗しにくく、Instagram投稿やブログのアイキャッチにも取り入れやすいです。

一方、補色(反対色)を組み合わせると中間の色がくすみやすくなります。

補色を使いたいときは、次のコツ2を参考にしてください。

コツ2:補色を使うときは中間色を追加してくすみを防ぐ

補色(色相環で反対の位置にある色)を組み合わせると、中間の色がくすんでしまうことがあります。

この問題を解決するには、カラーポイントを3つ以上にして中間に別の色を追加するのが効果的です。

例えば、オレンジとブルーのグラデーションに中間点として黄色を追加すると、中間の色が鮮やかに保たれます。

中間色の追加手順
  • グラデーションバーの中央あたりをクリックしてカラーポイントを追加する
  • 追加したカラーポイントに中間色(黄色や白など)を設定する

補色の組み合わせはインパクトがあるため、SNSのタイトル文字などに活用できます。

くすみが生じないように、中間色を追加して、色のつながりをなめらかに調整しましょう。

コツ3:角度を変えて文字の印象を使い分ける

グラデーションの角度を変えるだけで、文字から受ける印象が大きく変わります。

Canvaの角度スライダーを使えば、0°〜360°の範囲で自由に調整できます。

角度ごとの印象の違い
  • 水平(0°)
  • 垂直(90°)
  • 斜め(45°)

水平(0°)は安定感のある落ち着いた印象、垂直(90°)は縦に伸びるようなすっきりとした印象になります。

斜め(45°)にすると動きが生まれ、トレンド感のあるおしゃれなデザインに見えやすいです。

Instagram投稿やブログのアイキャッチなど、用途によって角度を使い分けてみましょう。

どの角度が合うかは、実際のデザインを見ながら調整するのが一番です。

コツ4:白文字と背景グラデーションで抜け感を演出する

文字本体にグラデーションをかけるのではなく、背景にグラデーションをかける方法もあります。

この逆転テクニックを使うと、透明感や抜け感のある洗練されたデザインに仕上がります。

背景にグラデーションをかけた際には、文字色は白色を選択するのがおすすめです。

白色の文字はグラデーションに映えやすく、可読性も保たれやすいからです。

逆転テクニックの手順
  • キャンバスの背景または背景用の図形にグラデーションを設定する
  • テキストの文字色を白(#FFFFFF)に変更する

グラデーションの色を鮮やかにするほど、白い文字とのコントラストが生まれてデザインが引き立ちます。

まずは2色のシンプルなグラデーション背景から試してみてください。

まとめ|Canvaで文字グラデーションを試してみよう

本記事では、Canvaで文字グラデーションをかける手順と、仕上がりをさらに高める活用のコツを解説しました。

本記事のおさらい
  • テキストを選択してカラーパネルからグラデーションを設定できる
  • 色・方向・強度はカラーポイントで自由にカスタマイズできる
  • 同系色から始めると失敗しにくく、補色には中間色を追加するとよい
  • 角度や白文字×背景グラデーションの組み合わせで印象を使い分けられる

2025年11月のアップデートで日本語テキストにも対応し、無料プランでも手軽に試せるようになりました。

ぜひ本記事でご紹介した手順とコツを参考に、Canvaを活用したデザインをコンテンツ制作に役立ててみてください。

また、「Canvaのスキルを収入に変えてみたい」「在宅でできる仕事に挑戦したい」と思ったら、【逆算式ロードマップセミナー】もおすすめです。

在宅で月20万円を目指すためのロードマップを、初心者向けにわかりやすく解説しています。

Canvaをきっかけに、デザインを仕事につなげる方法を知りたい方にも役立つ内容です。

↑画像をクリックすると受け取りページが出ます

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

株式会社日本デザインが運営するメディア、ZEROICHI TIMESは、副業・兼業の解禁や普及、AIの台頭によるスキル需要の変化など、大きく変わりつつある働き方をめぐる環境をふまえ、在宅ワーク・副業といった新しい働き方から、WEBデザインやWEBライティングなどのリスキリングまで、これからの時代に必要な情報をわかりやすく、かつ専門的に発信しています。記事は、自社の現役クリエイターの知見をもとに制作。未経験から転職・フリーランスへの転身を果たした4,500名超の卒業生の実体験や、実際のインタビューも交えながら、スキル習得からキャリア形成まで、学びのあらゆる段階で役立つ、正確で信頼性の高い情報をお届けしています。

目次