Canvaは、豊富なテンプレートと直感的な操作で、誰でも簡単にバナーやチラシなどのデザインを作成できるツールです。
2023年のアップデートでグラデーション機能が実装され、より自由度の高いデザインが可能となりました。

この記事では、アップデートで追加されたグラデーション機能の使い方を解説します。
ぜひ最後までご覧ください！

2023年のアップデートで追加されたおすすめの機能については、下記の記事で詳しく説明していますので、よろしければこちらをご覧ください。

Canvaのグラデーション機能について

前述したとおり、今回のアップデートからグラデーション機能が実装され、簡単にグラデーションを作成することができるようになりました。

2024年4月現在、デザイン編集画面の「背景」、素材の「図形」「表のセル」「フレーム」にグラデーションを適用できます。

「図形」と「フレーム」の違いについて

「図形」と「フレーム」の違いは、テキストの入力可否です。

以下のように、図形にはテキストを入力することができますが、フレームにはテキストを入力することができせん。作成したいデザインに応じて使い分けましょう。

※フレームには、写真の挿入が可能ですが、グラデーション機能との併用はできません。

グラデーション機能の使い方

それでは、グラデーション機能の使い方を解説します。

1. 素材を追加

デザイン編集画面を開き、①「素材」タブをクリックします。
クリックすると、②素材一覧が表示されるので、この中からグラデーションを適用したい素材を選択します。

上記の通り、グラデーションが適用可能な「背景」「図形」「表のセル」「フレーム」どれを選択しても問題ありません。

素材を選択するとデザイン編集画面に素材が配置されます。
今回は例として、「図形」の中から「四角形」を選択しました。

2. グラデーションを適用

素材を選択した状態で、画面左上の③「カラー」をクリックします。
「カラー一覧」の④「グラデーション」から任意のグラデーションを選択すると素材に適用されます。

グラデーションの編集

Canvaのグラデーション機能では「カラー」「透明度」「スタイル」の3つの項目を編集できます。

カラー

以下の様にグラデーションの色味を変更したり、グラデーションに色味を追加したりすることができます。

カラーの変更

対象の素材を選択しながら、①カラー、②対象の素材に適用されているグラデーションの順にクリックします。

対象の素材に適用されているグラデーションをクリックすると、ポップアップメニューが開きます。
③「グラデーションカラー」にある2色が、現在適用されているグラデーションを構成する主な色です。この2色から、変更したいカラーを選択します。

カラー選択後、④カラーピッカーが表示されるので、ここから任意の色を選択し、カラーを変更します。

カラーの追加

カラーを追加する場合は、先ほどと同様の操作方法でポップアップメニューを開き、⑤「＋」マークをクリックします。

「＋」マークをクリックすると、カラーピッカーが表示されます。
ここから、任意の色を選択してグラデーションカラーを追加することができます。

※2024年4月現在、最大10色までカラーの追加が可能です。

透明度

グラデーションの透明度を調整することができます。
一部のカラーを透明にすることで、徐々に透明になるグラデーションの作成が可能です。

透明度の調整方法は、以下の通りです。

先ほどと同様の操作方法で、カラーピッカーを開き、透明度を調整したいカラーを選択します。カラーピッカー内のスライドバーを操作して、透明度を調整することができます。

スタイル

グラデーションのスタイル（角度や種類）を変更することができます。
スタイルの変更方法は、以下の通りです。

デザイン編集画面から、①カラー、②対象の素材に適用されているグラデーションの順にクリックします。

②をクリックすると、ポップアップメニューが開きます。メニュー内「スタイル」から任意のスタイルを選択すると、選択したスタイルが対象の素材に適用されます。

素材からグラデーションを使用する方法

最後に、素材からグラデーションを使用する方法をご紹介します。
カラーの変更ができない場合もありますが、簡単にグラデーションを使用したい場合にオススメです。

①「素材」タブをクリックし、「グラデーション」と検索をします。

検索をすると、素材一覧が表示されるので、任意の素材をドラッグ＆ドロップで使用できます。

まとめ

グラデーション機能を使いこなすことで、デザインの幅が広がり、より魅力的なデザインを作ることができます。このブログを参考に、ぜひ色々なグラデーションをお試しください！

この記事を書いた人

城所元喜

愛知県出身、自動車関連の工場で品質管理・オペレーター・技術指導員を経験し、働きながらweb制作について学ぶ。約1年間の学習期間を経てアーティスへ入社。現在は、webディレクターとして、大学・病院サイトを中心にディレクション・企画業務に携わっている。

この執筆者の最新記事

この執筆者の記事一覧

• 2024年7月24日WEB【Canvaの使い方】フリーハンドで簡単に絵が描ける！お絵描き機能の使い方
• 2024年7月2日WEB【Canvaの使い方】チラシやポスター、プレゼン資料のデザインを自動生成！マジックデザイン機能の使い方
• 2024年6月11日WEB【Canvaの使い方】重なった素材を簡単に編集！レイヤー機能の使い方
• 2024年5月20日WEB【Canvaの使い方】新機能「グラデーション機能」の使い方！色・向きの変更、応用まで徹底解説