Googleスライドのグラデーション完全ガイド!背景や文字をおしゃれに

Googleスライドで資料を作っていて、「なんだかデザインが単調だな」と感じたことはありませんか?私も以前は、ベタ塗りの図形ばかり並べてしまって、いまいちパッとしないスライドを作っていました。そんな時に大活躍するのがグラデーションです。色に深みを出すだけで、スライドの印象がガラッと変わるんですよね。この記事では、図形や背景への基本的な設定方法から、文字をグラデーションにするちょっとした裏技、さらには透明度を活かしたプロ顔負けのテクニックまで、Googleスライドのグラデーションに関する情報をたっぷりとお届けします。うまくできない時の対処法も解説していますので、ぜひ参考にしてみてください。

グラデーション
  • 図形や背景にグラデーションを適用する基本的な手順
  • ワードアートを使って文字にグラデーションをかける方法
  • 透明度を活用して画像を自然に背景に溶け込ませるテクニック
  • スマートフォンアプリでの制限やPDF出力時の注意点
スポンサーリンク

googleスライドのグラデーション基本設定

まずは、Googleスライドでグラデーションを使うための基本的な設定方法から見ていきましょう。図形や背景への適用はもちろん、実はちょっと工夫するだけで文字にも設定できるんです。基本をマスターすれば、デザインの幅がグッと広がりますよ。

図形や背景への設定手順

Googleスライドで最もよく使うのが、図形や背景へのグラデーション設定ですね。操作はとてもシンプルで、直感的に行えます。

図形にグラデーションを設定する

図形にグラデーションを適用するには、まずスライド上の図形をクリックして選択します。すると、画面上部のツールバーに「塗りつぶしの色(バケツのアイコン)」が表示されます。ここをクリックすると、「単色」と「グラデーション」の2つのタブが出てくるので、「グラデーション」タブを選んでください。

あらかじめ用意されているプリセットから好きなものを選ぶだけで、簡単にグラデーションが適用されます。もっと自分好みにアレンジしたい場合は、パレットの下にある「カスタム(+マーク)」をクリックしましょう。ここで、色の種類、変化の方向(角度)、そしてグラデーションの形(線形か円形か)を細かく調整できます。

図形を選択していない状態(背景をクリックしている時など)や、図形の中のテキストを入力する状態になっている時は、バケツアイコンが押せなかったり、設定がうまく反映されなかったりするので注意してくださいね。

背景にグラデーションを設定する

スライド全体の背景をグラデーションにしたい場合は、上部メニューの「スライド」から「背景を変更」を選びます。ダイアログボックスが出てきたら、「色」のプルダウンメニューを開き、「グラデーション」タブに切り替えます。

図形の時と同じように、プリセットを選んだり、カスタム設定で細かく調整したりできます。便利なのは「テーマに追加」ボタンがあることです。これを押せば、今設定したグラデーション背景を、プレゼンテーション内のすべてのスライド(同じテーマを使っているスライド)に一括で反映させることができます。資料全体の統一感を出すのにとても役立ちます。

背景を元に戻したい時は、「背景を変更」から色を白にするか、テーマをリセットすれば簡単に解除できます。

文字はワードアートで作成

タイトルスライドなどで、「文字自体をグラデーションにして目立たせたい!」と思うこと、ありますよね。でも、Googleスライドの通常のテキストボックスでは、文字色をグラデーションにすることはできません。

そこで登場するのが「ワードアート」です。ワードアートを使うと、文字を図形のように扱うことができるため、グラデーションの適用が可能になります。

  1. 上部メニューの「挿入」から「ワードアート」を選択します。
  2. 入力用の小さな枠が出てくるので、そこにテキストを入力し、Enterキーを押します(複数行にしたい場合はShift+Enterです)。
  3. スライド上にワードアートが配置されたら、それを選択した状態で、ツールバーの「塗りつぶしの色(バケツアイコン)」をクリックします。
  4. 「グラデーション」タブを選び、好きな設定を適用します。

ワードアートの強みは、図形と同じように「枠線(文字の縁取り)」をつけたり、「ドロップシャドウ(影)」をつけたりできることです。写真の上に文字を載せる時などは、縁取りや影をつけるとグッと読みやすくなりますよ。

透明度を活用しておしゃれに

グラデーションの色を変えるだけでなく、「透明度」を操れるようになると、デザインのレベルが格段に上がります。Googleスライドでは、グラデーションのポイント(カラーストップ)ごとに透明度を設定できるという、とても便利な機能があるんです。

設定方法は、「塗りつぶしの色」から「カスタム」を選び、右端に表示される「透明度」のスライダーを動かすだけです。右へ動かす(数値を大きくする)ほど透けていき、100%にすると完全に透明になります。

例えば、一方の色を普通の有彩色(赤や青など)にして、もう一方の色を「透明度100%」に設定すると、色が徐々に消えて背景に溶け込んでいくような「フェードアウト効果」を作ることができます。後ほど応用編で詳しく解説しますが、このテクニックを使うと、スライドの印象が劇的におしゃれになります。

複数色を組み合わせるコツ

カスタムグラデーションの設定画面で「追加」ボタンを押すと、グラデーションに使う色(カラーストップ)を3色、4色と増やしていくことができます。虹色のようなカラフルなグラデーションを作ることも可能です。

ただ、色を増やしすぎると、ごちゃごちゃして見づらくなってしまう(視覚的ノイズになる)危険性があります。スッキリと洗練されたデザインにするためのコツは、基本は2色に絞ることです。もし3色目を入れるとしても、「ほんの少しグレーを足して深みを出す」くらいに留めておくのが無難です。

【配色のアドバイス】
色相環で反対側にある色(例えば赤と緑、青と黄色など)をグラデーションで直接繋ぐと、中間部分が濁った茶色やグレーになってしまい、あまり綺麗に見えません。多色グラデーションを作る時は、色相環で隣り合っている色(青から水色、黄色からオレンジなど)を選ぶと、濁りのない美しいグラデーションになります。

枠線に適用できない時の対策

図形やワードアートにグラデーションを設定していて、「あれ?枠線(縁取り)にはグラデーションがかからないの?」と疑問に思った方もいるかもしれません。

残念ながら、Googleスライドの現在の仕様では、枠線の色にグラデーションを適用することはできません。枠線は単色しか選べないんです。

もし、「塗りつぶしのグラデーションは綺麗なのに、単色の枠線が悪目立ちしてしまう…」と感じる場合は、思い切って枠線の色を「透明」にするか、枠線の太さを最小にして目立たなくしてしまうのがおすすめです。シンプルイズベストですね。

googleスライドのグラデーション応用術

グラデーション1

ここからは、一歩進んだグラデーションの活用テクニックをご紹介します。専用の画像編集ソフトを使わなくても、Googleスライドの機能だけでここまでできるのか!と驚くかもしれませんよ。

画像をぼかすエッジフェード

スライドに写真を挿入した時、写真の端っこがくっきりしすぎていて、背景から浮いて見えてしまうことってありませんか?そんな時は、グラデーションを使って写真の境界線をぼかし、背景に自然に溶け込ませる「エッジフェード」というテクニックが有効です。

やり方は少しトリッキーですが、覚えておくと重宝します。

  1. 写真の端に重なるように、長方形の図形を配置します。
  2. その長方形に「線形グラデーション」を適用します。
  3. グラデーションの一方の端を「スライドの背景と同じ色(透明度0%)」にします。
  4. もう一方の端を「スライドの背景と同じ色で、透明度を100%」にします。

こうすることで、図形がフィルターの役割を果たし、写真が徐々に背景色に溶け込んでいくように見えます。この図形をコピーして写真の上下左右に配置すれば、四方がふんわりとぼけた、とてもプロっぽい仕上がりになります。

コピー機能で書式を素早く反映

こだわりのカスタムグラデーションが完成したら、「他の図形にも同じ設定を使いたい!」と思いますよね。一つ一つ手作業で設定し直すのは大変です。

そんな時は、「書式のコピー/貼り付け」のショートカットを使いましょう。

OS 書式をコピー 書式を貼り付け
Windows / ChromeOS Ctrl + Alt + C Ctrl + Alt + V
macOS Command + Option + C Command + Option + V

グラデーションを設定した図形を選択して「書式のコピー」を行い、適用したい別の図形を選択して「書式の貼り付け」を行うだけです。
これを使えば、グラデーションの色合いや透明度だけでなく、枠線の設定や影のエフェクトなども一瞬でコピーできるので、作業効率が爆上がりしますよ。

より詳しいレイヤーの重なり順などについては、googleスライドのレイヤー操作の基本の記事でも解説していますので、併せて参考にしてみてください。

スマホでの編集と機能の制限

移動中などにスマートフォンやタブレットのGoogleスライドアプリ(iOS/Android)で資料を手直しすることもあると思います。しかし、グラデーションの編集に関しては、スマホアプリ版には大きな機能制限があるので注意が必要です。

アプリ版でも、図形を選択して「塗りつぶしの色」を変えることはできますが、選べるのは単色や、あらかじめPCで設定しておいたテーマカラーのみです。アプリ上から新しく複雑なカスタムグラデーションを作ったり、透明度を微調整したりすることはできません。

ですので、「グラデーションのデザインや細かいレイアウト調整はPCで行い、スマホアプリは外出先での文字修正や最終確認に使う」というように、デバイスを使い分けるのが賢いやり方です。

パワポ互換とPDF印刷の不具合

仕事で使う場合、Microsoft PowerPointとの互換性や、PDFに出力した時の見え方も気になるところです。

PowerPointで作ったグラデーションを含むファイルをGoogleスライドにインポートすることは可能です。しかし、PowerPoint特有の複雑なパターンの塗りつぶしなどは、Googleスライドではうまく再現できず、シンプルなグラデーションや単色に変換されてしまうことがあります。インポート後は必ずデザイン崩れがないか確認しましょう。

さらに厄介なのが、透明度を設定したグラデーションを使ってPDFに出力したり、紙に印刷したりする時のトラブルです。

透明度の処理がうまくいかず、PDFにした時に画面で見ていた色と全然違う色になってしまったり、透明な部分が真っ黒な四角いブロックとして印刷されてしまったりする現象が起こることがあります。

これを防ぐための最も確実な裏技は、「スライドを一旦画像(スクリーンショット)として保存し、それを貼り直す」ことです。透明度の複雑な計算が含まれる要素を、ただの「1枚の画像(PNGやJPEG)」に変えてしまうことで、印刷時のエラーを回避できます。重要な資料をPDF化する前には、念のためこの処理を行っておくと安心です。

googleスライドのグラデーションまとめ

いかがでしたでしょうか。今回は、Googleスライドのグラデーションについて、基本的な設定方法から透明度を使った応用テクニック、そして印刷時の注意点まで幅広くご紹介しました。

グラデーションは、うまく使えばスライドをとても魅力的でおしゃれに仕上げてくれる強力なツールです。ですが、色を使いすぎたり、文字が読みにくくなってしまっては本末転倒です。「見やすさ(アクセシビリティ)」を第一に考えながら、ここぞというポイントで効果的にグラデーションを取り入れてみてくださいね。ぜひ、あなたらしい素敵なプレゼン資料を作ってください!

タイトルとURLをコピーしました