カラーグラデーションを作成して使用する
デザインに奥行きや動き、彩りを与えたいときは、グラデーションを使用しましょう。デフォルトのグラデーションスタイルから選択するか、イメージに合ったカスタムカラーブレンドを作成できます。
グラデーションをテキスト、背景、図形、表のセル、フレーム、ブランドキットに適用できます。ブランドカラーを設定する方法については、「ブランドキットのカラーパレットの設定と使用」を参照してください。
Canvaドキュメントでのグラデーションの使用は、現在サポートされていません。
グラデーションを素材とテキストに適用する
- 編集する素材またはテキストを選択して、エディターツールバーにあるカラーアイコンをクリックします。
- 表示されたパネル内を、[グラデーション]の選択肢が表示されるまで下にスクロールします。グラデーションの色にマウスカーソルを合わせると、その色の名前が表示されます。
- 用意されているグラデーションオプションから、お好みのスタイルを選択して適用します。
新しくなったカラーパネルでは、デフォルトの色がより多く表示され、カーソルを合わせるとそれぞれの色名を確認できるようになりました(ブランドキットの色を除く)。ブランドキットの色については、パレット作成時に名前を付けて追加できます。
カスタムグラデーションを作成する
- 编辑する素材を選択します。
- エディターのツールバーで、 カラーアイコンを選択します。
- [このデザインの色]セクションにあるで[新しいカラーを追加]をクリックします。
- [グラデーション]タブを選択します。
- グラデーションカラーセクションの下にある[新しいカラーを追加] をクリックして、新しい色を追加します。グラデーションには最大10色まで追加できます。
- カラーを削除するには、削除するカラーののタイルの上にカーソルをのせ、アイコン右上[削除]アイコンをクリックします。
カラーストップを選択してドラッグし、これらを再配置します。[スタイル] の下のプリセットスタイルを使用して、グラデーションのスタイルを変更します。
色を透明にフェードする
デザインの一部をやさしくフェードアウトしたいですか? 透明度にフェードアウトするグラデーションを作成する方法は次のとおりです。
グラデーションを透明度に合わせて、カラーストップの透明度を調整します。これは、素材全体の透明度を変更することとは異なります。
- 編集する素材を選択して、エディターツールバーのカラータイルをクリックします。
- [このデザインの色]で、[新しいカラー]をクリックします。
- [グラデーション]タブタブを選択し、[新しいカラーを追加]を再度クリックして詳細設定を開きます。
- 調整したいカラーストップをクリックし、透明度を0%にして完全に透明にします。
ヒント:滑らかなフェードにするには、不透明なストップと透明なストップの両方に同じベースカラーを使用します。
制限と既知の問題
現在、グラデーションは以下では使用できません:
- グラフとシートのセル
- 投票&クイズの要素
- Canvaドキュメントのインラインテキスト(デザインブロックとバナーでのみ機能します)
テキストのグラデーションの制限:
- 書式設定:下線、取り消し線、上付き文字、下付き文字では、最初のグラデーションカラーのみが表示される場合があります。
- テキストエフェクト:一部のエフェクトは、グラデーションと組み合わせると正しく機能しない場合があります。
- エクスポート: PDFおよびSVG形式でのエクスポートではグラデーションテキストに対応していますが、macOSのプレビューでは単色で表示される場合があります。正確に表示するには、Adobeアプリを使用するか、PNGまたはJPG形式でエクスポートしてください。
グラデーションテキストが表示されない場合
- デザインタイプがグラデーションテキストに対応していることを確認してください。
- Canvaドキュメントでは、デザインブロックまたはバナーを使用してください。
- グラデーションの表示を妨げる可能性がある書式設定を削除してください。
透明度に関する問題が発生していますか?
滑らかにフェードさせるには、透明にするカラーと不透明なカラーに同じベースカラーを使用してください。
よくあるご質問
グラデーション機能は無料で利用できますか?
はい。グラデーションは、すべてのCanvaユーザーが無料で利用できます。
グラデーションには何色まで追加できますか?
最大10色まで追加して、複雑なグラデーション効果を作成できます。
Canva ドキュメントでグラデーションテキストが表示されないのはなぜですか?
Canvaドキュメントでは、グラデーションテキストはデザインブロックとバナーでのみ使用でき、通常のインラインテキストでは使用できません。
グラフにグラデーションを適用できますか?
現在、グラフとシートのセルではグラデーションに対応していません。代替手段として、グラフの近くに別のグラデーションテキストボックスを追加してください。
お役に立ちましたか?
高評価
低評価