Canvaホーム
ヘルプ

カラーグラデーションを作成して使用する


この記事は機械翻訳されました。誤りを見つけた場合はお知らせください。

デザインに奥行きや動き、彩りを与えたいときは、グラデーションを使用しましょう。デフォルトのグラデーションスタイルから選択するか、イメージに合ったカスタムカラーブレンドを作成できます。

グラデーションをテキスト、背景、図形、表のセル、フレーム、ブランドキットに適用できます。ブランドカラーを設定する方法については、「ブランドキットのカラーパレットの設定と使用」を参照してください。

Canvaドキュメントでのグラデーションの使用は、現在サポートされていません。

グラデーションを素材とテキストに適用する

  1. 編集する素材またはテキストを選択して、エディターツールバーにあるカラーアイコンをクリックします。
  2. 表示されたパネル内を、[グラデーション]の選択肢が表示されるまで下にスクロールします。グラデーションの色にマウスカーソルを合わせると、その色の名前が表示されます。
  3. 用意されているグラデーションオプションから、お好みのスタイルを選択して適用します。

新しくなったカラーパネルでは、デフォルトの色がより多く表示され、カーソルを合わせるとそれぞれの色名を確認できるようになりました(ブランドキットの色を除く)。ブランドキットの色については、パレット作成時に名前を付けて追加できます。

カスタムグラデーションを作成する

  1. 编辑する素材を選択します。
  2. エディターのツールバーで、 カラーアイコンを選択します。
  3. [このデザインの色]セクションにあるで
    [新しいカラーを追加]をクリックします。
  4. [グラデーション]タブを選択します。
  5. グラデーションカラーセクションの下にある
    [新しいカラーを追加] をクリックして、新しい色を追加します。グラデーションには最大10色まで追加できます。
  6. カラーを削除するには、削除するカラーののタイルの上にカーソルをのせ、アイコン右上[削除]アイコンをクリックします。

カラーストップを選択してドラッグし、これらを再配置します。[スタイル] の下のプリセットスタイルを使用して、グラデーションのスタイルを変更します。

色を透明にフェードする

デザインの一部をやさしくフェードアウトしたいですか? 透明度にフェードアウトするグラデーションを作成する方法は次のとおりです。

グラデーションを透明度に合わせて、カラーストップの透明度を調整します。これは、素材全体の透明度を変更することとは異なります。

  1. 編集する素材を選択して、エディターツールバーのカラータイルをクリックします。
  2. [このデザインの色]で、[
    新しいカラー]をクリックします。
  3. [グラデーション]タブタブを選択し、[新しいカラーを追加]を再度クリックして詳細設定を開きます。
  4. 調整したいカラーストップをクリックし、透明度を0%にして完全に透明にします。

ヒント:滑らかなフェードにするには、不透明なストップと透明なストップの両方に同じベースカラーを使用します。

制限と既知の問題

現在、グラデーションは以下では使用できません:

  • グラフとシートのセル
  • 投票&クイズの要素
  • Canvaドキュメントのインラインテキスト(デザインブロックとバナーでのみ機能します)

テキストのグラデーションの制限:

  • 書式設定:下線、取り消し線、上付き文字、下付き文字では、最初のグラデーションカラーのみが表示される場合があります。
  • テキストエフェクト:一部のエフェクトは、グラデーションと組み合わせると正しく機能しない場合があります。
  • エクスポート: PDFおよびSVG形式でのエクスポートではグラデーションテキストに対応していますが、macOSのプレビューでは単色で表示される場合があります。正確に表示するには、Adobeアプリを使用するか、PNGまたはJPG形式でエクスポートしてください。

グラデーションテキストが表示されない場合

  • デザインタイプがグラデーションテキストに対応していることを確認してください。
  • Canvaドキュメントでは、デザインブロックまたはバナーを使用してください。
  • グラデーションの表示を妨げる可能性がある書式設定を削除してください。

透明度に関する問題が発生していますか?

滑らかにフェードさせるには、透明にするカラーと不透明なカラーに同じベースカラーを使用してください。

よくあるご質問

グラデーション機能は無料で利用できますか?

はい。グラデーションは、すべてのCanvaユーザーが無料で利用できます。

グラデーションには何色まで追加できますか?

最大10色まで追加して、複雑なグラデーション効果を作成できます。

Canva ドキュメントでグラデーションテキストが表示されないのはなぜですか?

Canvaドキュメントでは、グラデーションテキストはデザインブロックとバナーでのみ使用でき、通常のインラインテキストでは使用できません。

グラフにグラデーションを適用できますか?

現在、グラフとシートのセルではグラデーションに対応していません。代替手段として、グラフの近くに別のグラデーションテキストボックスを追加してください。

お役に立ちましたか?

高評価

低評価

こんな記事も読まれています