Canvaホーム
ヘルプ

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


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

デザインに深さ、動き、揺れを加えるには、グラデーションを使用します。 デフォルトのグラデーションスタイルから選択するか、ビジョンに合ったカスタムカラーブレンドを作成してください。

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

Canva Docsでのグラデーションの使用は、現時点ではサポートされていません。

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

デフォルトのグラデーションスタイルを適用する

  1. 編集する素材またはテキストを選択して、エディターツールバーのカラータイルをクリックします。
  2. [グラデーション]セクションまで下にスクロールします。 グラデーションの色にマウスカーソルを合わせると、名前が表示されます。
  3. デフォルトのグラデーションオプションから、希望するグラデーションのスタイルを選択して適用します。

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

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

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

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

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

色を透明にフェードする

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

透明になるような色のグラデーションを作成する

Canvaを使用して、透明になるような色のグラデーションを簡単に作成できます。この効果を実現するための詳しい手順は次のとおりです。

  1. 編集する素材を選択して、エディターツールバーのカラータイルをクリックします。
  2. [ドキュメントカラー]で、をクリックし
    て新しいカラーを追加します。
  3. [グラデーション]タブに移動します。
  4. カラーストップをクリックし、透明を0%にして完全に透明にします。

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

制限と既知の問題

グラデーションがまだ機能しない場合:

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

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

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

グラデーションテキストが表示されませんか?

  • デザインタイプがグラデーションテキストをサポートしていることを確認します。
  • Canva Docsでは、デザインブロックまたはバナーを使用します。
  • グラデーションに影響を与える可能性のある書式設定を削除します。

透明度に関する問題ですか?

滑らかにフェードするには、透明色と単色が同じベース色であることを確認します。

よくあるご質問

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

はい、グラデーションはCanvaのユーザーなら誰でも無料です。

グラデーションにはいくつの色を追加できますか?

カラーは最大10色まで追加することができ、複雑なグラデーション効果を作成することができます。

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

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

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

グラデーションはまだチャートまたはシートセルでサポートされていません。 回避策として、グラフの近くに別のグラデーションテキストボックスを追加します。

お役に立ちましたか?

高評価

低評価

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