プレゼン資料を作っているときに、Googleスライドで図形を半透明にして、後ろにある写真やグラフをうっすら透過させたいと思うことはありませんか。パワーポイントと同じ感覚で書式設定オプションを開いてみても、透明度のスライダーが見つからなくて「あれ、できないのかな？」と手が止まってしまう方はとても多いかなと思います。
さらに、やっとの思いで図形を透けさせたのに、今度は周りの枠線だけくっきり残ってしまって消す方法がわからなかったり、後から色を変えたら透明度がリセットされて不透明に戻ってしまったりと、ちょっとした仕様の罠にハマりやすいのもGoogleスライドならではの特徴ですね。また、グラデーションをかけて端だけを自然にフェードアウトさせたいときや、画像やスライドの背景、あるいはテキストボックスや文字自体を半透明にしたい場面でも、それぞれ操作するメニューが違っていて戸惑うかもしれません。
スマホやiPhone、iPadのアプリ版から操作しようとして設定場所が見つからず、設定が変わらないと悩んでいる方もいるのではないでしょうか。この記事では、私自身が普段の資料作りで実践している、図形をはじめとしたあらゆる要素をきれいに半透明にするやり方から、うまくいかないときの原因と解決策まで、ひとつずつ丁寧にお伝えしていきますね。
- カスタムカラーを使って図形やグラデーションを半透明にする基本手順と枠線の消し方
- 色変更による透明度リセットを防ぐコツや数値・カラーコードで濃さを正確に揃える方法
- 見やすいスライドを作るための透明度の目安とプロジェクター投影・PDF化での対策
- 半透明にならない原因の解決策と画像・背景・文字の透過テクニックやスマホ版の制限
Googleスライドで図形を半透明にする基本手順
まずは、パソコン（PCブラウザ版）のGoogleスライドを使って、長方形や円などの図形を半透明にする基本的な手順から見ていきましょう。あわせて、枠線の処理やグラデーションの応用、見やすいデザインを作るための数値の目安まで、知っておくと資料のクオリティがグッと上がるテクニックをまとめて解説していきますね。
枠線を消す・透明にして境界線をなくす設定
Googleスライドで図形を半透明にするとき、一番最初に知っておきたいのが「書式設定オプション」ではなく、上部ツールバーにある「塗りつぶしの色」から設定するという点です。画像を半透明にするときとは入り口がまったく別になっているので、ここさえ押さえておけば迷うことはありませんよ。
具体的な基本ステップはとてもシンプルです。長方形や角丸四角形、吹き出し、矢印など、どの図形でも同じやり方で透けさせることができます。
【図形を半透明にする最短ステップ】
- スライド上で半透明にしたい図形をクリックして選択状態（青い枠線が出た状態）にする
- 画面上部のツールバーにあるバケツ型のアイコン（塗りつぶしの色）をクリックする
- カラーパネルの一番下にある「カスタム」欄の「＋（追加）」アイコンをクリックする
- 開いた画面の下部に2本並んでいるスライダーのうち、下段（チェック柄の背景になっているバー）のつまみを左方向へドラッグする
- 好みの透け具合になったら、右下の「OK」をクリックして確定する
カスタムカラーの画面にある下段のスライダーが、透明度（アルファチャンネル）を調整するバーになっています。つまみを左へ動かすほど透明度が上がって薄く透けるようになり、一番左端まで振り切ると完全に透明（見えない状態）になります。もし複数の図形をまとめて同じ半透明にしたい場合は、キーボードのShiftキーを押しながら図形を順番にクリックして複数選択した状態でこの操作を行えば、一括で処理できて便利ですよ。また、1つ作った半透明の図形をコピー＆ペーストして増やすのも、濃さがズレないのでおすすめです。
そして、この作業とセットで必ずやっておきたいのが図形の周りにある「枠線（境界線）」を消す処理です。Googleスライドでは「塗りつぶしの色」と「枠線の色」が完全に別々の設定として管理されています。そのため、中身だけを半透明にすると、外側の枠線だけがくっきり濃いまま残ってしまい、なんだか野暮ったい見た目になってしまうんですね。
多くの環境では、枠線自体にグラデーションをかけたり綺麗に半透明へぼかしたりする機能が制限されているため、用途に合わせて次の3つの方法で枠線を処理するのが確実かなと思います。
| 枠線の処理方針 | 具体的な操作手順 | おすすめのデザインシーンと効果 |
|---|---|---|
| 枠線を完全に消す（推奨） | 図形を選択 ＞ ツールバーの「枠線の色（鉛筆アイコン）」をクリック ＞ パレット一番上の「透明」を選択 | 写真の上に重ねる文字の台座（座布団）や、画面全体のカラーフィルターに最適。境界線が消えて背景と自然に馴染みます。 |
| 枠線を細く・薄くして残す | 図形を選択 ＞ 「枠線の色」で塗りつぶしと同系色の淡い色を選択 ＞ 「枠線の太さ」を1.0〜2.5pt（一般的な目安）に設定 | 複数の半透明ボックスを並べる図解など、背景色と図形の色が近くて輪郭がぼやけてしまうときに、領域をわかりやすく補助できます。 |
| 枠線のみ残して中身を完全透明にする | 図形を選択 ＞ 「塗りつぶしの色」で「透明」を選択 ＞ 「枠線の色」と「枠線の太さ」を目立つ色・太さに設定 | 資料内の特定の数値を赤枠などで囲んで強調したいときに便利。中の文字や画像を一切隠さずに視線だけを集められます。 |
【図形を見失わないための注意点】
もし「塗りつぶしの色」を透明にして、さらに「枠線の色」も透明にしてしまうと、スライド上で図形が完全に不可視になってしまい、どこにあるかわからなくなってしまいます。特別な理由がない限り、両方同時に完全な透明にするのは避けておくと安心ですね。
色変更で透明度がリセットされる原因と対策
図形を半透明にする操作に慣れてきたころに、誰もが一度はやってしまいがちな失敗が「せっかく半透明にした図形の色を後から変えたら、不透明に戻ってしまった！」という現象です。
たとえば、黒い半透明の四角形を作ったあとに、「やっぱり青い半透明にしようかな」と思って、ツールバーの「塗りつぶしの色」から標準のカラーパレットにある青色をクリックしたとします。すると、さっき設定したはずの透け感が消えて、ベタ塗りの真っ青な図形に戻ってしまうんですね。
これはバグではなく、Googleスライドの仕様によるものです。通常のカラーパレット（テーマの色見本）に並んでいる色は、すべて「不透明度100%（一切透けていない状態）」の色情報として登録されているため、後からパレットの色を選び直すと、透明度の設定ごと上書きされて初期化（リセット）されてしまう仕組みになっています。
この二度手間を防ぐためには、色と透明度を設定する「順番」を少しだけ意識するのがコツです。以下の2つのやり方のどちらかを取り入れてみてください。
対策1：先に通常パレットで色を決めてから「カスタム」を開く
一番わかりやすいのが、最初に「塗りつぶしの色」の通常パレットから、ベースにしたい色（赤や青、テーマカラーなど）をクリックして確定させておく方法です。図形の色が変わったことを確認してから、もう一度「塗りつぶしの色」＞「カスタム（＋）」を開くと、今選んだ色がセットされた状態でカスタム画面が立ち上がります。あとは下段の透明度スライダーだけを左に動かして「OK」を押せば、色がリセットされることなく綺麗にその色のまま半透明になりますよ。
対策2：「カスタム」画面の中で色選びと透明度調整を同時に行う
最初から「塗りつぶしの色」＞「カスタム（＋）」を開いてしまい、その画面の中で色相スライダー（上段の虹色のバー）やカラーピッカー、あるいはスポイトツール（画面上の好きな色を吸い取れる機能）を使って色を選び、そのまま続けて下段の透明度スライダーを調整してから「OK」を押す方法です。1つの画面の中で色と透け具合を同時に完結させるので、こちらも上書きリセットの心配がありません。
数値やカラーコードで透明度を正確に揃える
目分量でスライダーを左右に動かして半透明を作っていると、「前のページで作った半透明のボックスと、今のページのボックスで微妙に濃さが違う…」といったズレが起きやすくなります。きっちりとしたビジネス資料や、複数ページにわたって統一感のあるデザインを作りたいときは、感覚ではなく「数値」や「カラーコード」で正確に指定するのがおすすめです。
カスタムカラーの画面（塗りつぶしの色＞カスタム）をよく見てみると、上部に16進数のカラーコード（Hex）を入力する欄があり、そのすぐ横に「R」「G」「B」「A」という4つの数字ボックスが並んでいます。正確に透明度を揃えるには、この入力欄をフル活用しましょう。
アルファ値（A）の数値ボックスで1%単位の指定をする
RGB入力欄の一番右端にある「A（Alpha：アルファ値）」のボックスは、不透明度を0（完全な透明）から100（完全な不透明）までのパーセンテージ数値で直接指定できる項目です。たとえば、ここに「70」とキーボードで打ち込めば、スライダーを微妙に動かすことなく、ピタッと30%透けた状態（不透明度70%）に合わせることができます。色が違う複数の図形でも、この「A」の数値を同じにしておけば、スライド全体で透け感のトーンを完璧に統一できますね。
8桁のHEXカラーコードで色と透明度を一発コピペする
さらに一歩進んだ便利なワザが、16進数のカラーコード（Hex）入力欄を使った「8桁HEXコード」の指定です。通常のWebカラーコードは6桁（たとえば黒なら 000000、白なら FFFFFF）ですが、Googleスライドのカスタムカラー欄では、その後ろに透明度を表す2桁（00〜ffまでの256段階）を付け足した8桁のコードがそのまま機能するようになっています。
たとえば、背景の写真の明るさを少し落ち着かせるために黒い半透明フィルターを重ねたいとき、Hex欄に「00000080」や「00000065」といった8桁の文字列をコピー＆ペーストするだけで、黒色の指定と透明度の指定が一瞬で同時に完了します。よく使う会社のブランドカラーと透過率の組み合わせをメモ帳などに8桁コードとして控えておけば、いつでも同じ半透明図形を再現できて作業がすごく捗りますよ。
【豆知識：Google Apps Script（GAS）での一括自動化】
もし何十枚もある大量のスライド内の図形をまとめて同じ半透明にしたい場合は、Google Apps Script（GAS）を使う方法もあります。スクリプトエディタでSlides Serviceの shape.getFill().setSolidFill(hexString, alpha) というメソッドを使い、第1引数にカラーコード（例：”#E4002B”）、第2引数に0から1までの不透明度（例：0.95）を指定して実行すれば、手作業なしでプログラムによる一括変換も可能です。
ここまでご紹介した4つのコントロール方法について、それぞれの特徴を一覧表に整理しておきますね。
| 制御のやり方 | 操作・入力する場所 | 指定の形式・範囲 | 実務での主なメリット |
|---|---|---|---|
| 透明度スライダー操作 | 「塗りつぶしの色」＞「カスタム」の下段スライダー | 左右へドラッグ（左で透明化、右で不透明化） | 見た目の変化を確認しながら、直感的かつ素早く濃淡を調整できる |
| アルファ値（A）数値入力 | 「カスタム」画面内のRGB欄の横にある「A」ボックス | 0（完全透明）〜100（完全不透明）の整数 | 色が異なる複数の図形の間でも、透け具合のパーセンテージを1%単位で正確に統一できる |
| 8桁HEXコード指定 | 「カスタム」画面内の16進数（Hex）入力欄 | 6桁RGBコード＋末尾2桁アルファ値（00〜ff） | ベースの色と透過率を1つの文字列（例：#00000080）として管理・コピペできる |
| Google Apps Script | 拡張機能 ＞ Apps Script（スクリプトエディタ） | setSolidFill(hexString, alpha)（alphaは0〜1） | 多数のスライドにまたがる大量の図形の色と不透明度を、プログラムで一括変換できる |
グラデーションと半透明で自然にぼかす方法
単色の図形を半透明にするだけでも十分きれいですが、図形のフチ（端っこ）にはどうしても直線のくっきりとした境界線が出てしまいますよね。「写真の端をスライドの背景色にスーッと溶け込ませるように自然にぼかしたい」「画面にふんわりとした霧のような奥行きを出したい」というときは、「グラデーション」と「半透明」を組み合わせる応用テクニックが大活躍します。
設定は、単色のときと同じくツールバーの「塗りつぶしの色（バケツアイコン）」からスタートします。
【グラデーション＋半透明の設定手順】
- 図形を選択し、「塗りつぶしの色」をクリックしてパネル上部のタブを「単色」から「グラデーション」に切り替える
- パネルの一番下にある「カスタム」の「＋」アイコンをクリックする
- 「タイプ」から「線形」または「円形」を選び、「角度」でグラデーションの向き（90度や45度など）を決める
- グラデーションバーの両端にある四角いつまみ（カラーストップ／分岐点）の片方をクリックして選択する
- 右側にあるカラーの丸印をクリックし、さらに「カスタム（＋）」を開いて透明度スライダーを左へ動かす（完全に消えるようにするなら一番左端、またはカラーパレット上部の「透明」を選ぶ）
- 必要に応じて「追加」ボタンで分岐点を増やし、それぞれの色と透明度を整えて「OK」を押す
この「グラデーションの分岐点ごとに別々の透明度を設定できる」という仕組みを使うと、デザインの幅が一気に広がります。特に試してみてほしい代表的なレイアウト手法を2つご紹介しますね。
1. 画像のエッジフェード（写真の境界ぼかし）
スライドの右半分に写真を配置して、左半分にテキストを置きたいとき、写真の左端がスパッと直線で切れていると少し硬い印象になりますよね。そこで、写真の左端の上に「枠線を透明にした長方形」を重ねて配置します。
その長方形に「線形（角度0度または180度）」のカスタムグラデーションをかけ、片方の分岐点を「スライドの背景色と同じ色（白なら白）・不透明度100%（全く透けない状態）」にし、もう片方の分岐点を「スライドの背景色と同じ色・透明度100%（完全な透明）」に設定してみてください。すると、写真の端っこがスライドの背景色へと切れ目なくスーッとフェードアウトしていき、まるでプロのデザイナーが画像編集ソフトで作ったような洗練されたスライドになりますよ。
2. フォグ（霧・霞）背景効果
スライド全体に柔らかくて上品な空気感を出したいときは、薄いグレー（#F5F5F5など）と、それよりほんの少しだけ濃いグレー（#E0E0E0など）の2色をグラデーションの両端に設定し、それぞれの透明度を10〜30%程度（一般的な目安）に微調整して重ねる「フォグ効果」も素敵です。単色のベタ塗りにはない、しっとりとした奥行きが出せます。
なお、Googleスライドでは自分が作ったお気に入りのカスタムグラデーションを別のファイルへ書き出して保存する機能がないため、他のページや別資料でも使い回したいときは、作った図形をそのままコピー＆ペーストするか、上部メニューの「スライド」＞「テーマを編集（旧スライドマスター）」の中に配置してテンプレート化しておくのが賢い運用かなと思います。
見やすいスライドを作る透明度の目安とコツ
半透明の図形をスライドに取り入れる一番の目的は、おしゃれに見せること以上に「後ろにある写真やグラフの情報を活かしつつ、手前にある文字をハッキリ読みやすくすること」にあります。スライダーをなんとなく動かして決めていると、文字が背景に埋もれて読みづらくなってしまうことがあるので、用途に合わせた数値の目安を持っておくと失敗しません。
Googleスライドのカスタム設定における「透明度（どれくらい透けさせるか：0%が完全不透明、100%が完全透明）」を基準にした場合、ビジネス資料で使いやすい一般的な目安をまとめてみました。
| 活用するシーン・用途 | 推奨される透明度（透け具合の目安） | 配色とレイアウト設計のポイント |
|---|---|---|
| 写真上のテキスト台座（座布団） | 30〜50%程度 （濃い色は30〜40%、淡い色は50〜70%も可） | 明るい写真には「白系の台座＋黒文字」、暗い写真には「黒・濃紺系の台座＋白文字」を合わせるのが鉄則。角丸四角形で角を少し丸めると優しい印象になります。 |
| 表紙・タイトルの全面オーバーレイ | 40〜50%程度 | 背景写真の迫力を残しつつ、タイトル文字を主役として際立たせるバランスです。文字サイズは見出し36〜44pt、本文24〜28pt以上（目安）を確保しましょう。 |
| データ・グラフ領域の背景ボックス | 20〜30%程度 | グラフの細かい数字や目盛りを読み違えないよう、透け具合は控えめにして、背景としっかり分離させるのがコツです。 |
| 特定箇所の強調・ハイライト帯 | 20〜40%程度 | 表の特定の行に黄色の半透明帯を重ねたり、注目してほしい箇所以外を暗い半透明図形で覆ったりする手法。使う色は1〜2色に絞りましょう。 |
| 背景の装飾・透かしロゴ（ウォーターマーク） | 60〜90%程度 （ロゴは60〜80%、装飾は70〜90%目安） | メインの文章を読む邪魔にならないよう、かなり薄めに透けさせて、さりげなくブランディングや奥行きをプラスします。 |
※上記のパーセンテージやフォントサイズはあくまで一般的なデザインの目安ですので、実際に重ねる写真の明るさや色の複雑さに合わせて微調整してくださいね。
また、半透明の図形を扱うときに気をつけたいのが、「何枚も重ねすぎないこと」です。半透明の図形を3枚も4枚も重ねてしまうと、重なった部分の色が濁ってしまい、画面全体がごちゃごちゃした印象（視覚的なノイズ）になってしまいます。重ねる半透明要素は多くても2枚程度にとどめ、右クリックメニューの「順序」を使ってレイヤーの前後関係をスッキリ整理しておくのがおすすめです。図形やテキストの重なり順をきれいに整えるコツについては、Googleスライドのレイヤー徹底解説！図形の重なりや順序を整理でも詳しく紹介していますので、あわせて参考にしてみてくださいね。
コントラスト比の確保と「プロジェクター投影・PDF出力」での注意点
自分のパソコンのモニターで見ているときは「すごく綺麗で読みやすい！」と思っていても、いざ会議室のプロジェクターで映したり、PDFにして配布したりすると「あれ、文字が薄くて全然読めない…」というトラブルが起きることがあります。これを防ぐには、次の3つのチェックを取り入れるのがとても大切です。
- コントラスト比を意識する：Webアクセシビリティの国際的なガイドライン（WCAG 2.2のレベルAA基準など）では、文字色と背景色のコントラスト比を「通常の文字で4.5：1以上、大きな文字（18pt以上または14pt太字が目安）で3：1以上」にすることが推奨されています。背景写真の「一番文字の色と被りやすい場所」の上でもしっかり文字が浮き出て見えるか確認しましょう。
- プロジェクター投影時は「10〜20%濃いめ」にする：会議室のプロジェクターや大型スクリーンは、パソコンの液晶画面よりも輝度やコントラストが落ちやすく、淡い半透明の図形が「白飛び」して消えてしまうことがよくあります。プロジェクターで発表する予定があるときは、PC画面でちょうどいいと感じる状態よりも透明度を10〜20%ほど低く（つまり不透明度を70〜85%くらいの濃いめに）作っておくと、本番でもくっきり見やすくなりますよ。
- PDF化・印刷の前には必ず出力プレビューを見る：Googleスライドから「ファイル」＞「ダウンロード」＞「PDFドキュメント」として書き出したり紙に印刷したりすると、半透明（アルファチャンネル）やグラデーションの変換処理の仕様で、ブラウザで見ているときと微妙に濃淡が変わってしまうことがあります。提出前には必ず一度PDFに書き出して開いてみて、文字が沈んでいないかチェックする習慣をつけておくと安心です。
Googleスライドの図形が半透明にならない対処法
ここからは、「手順通りにやっているはずなのに図形が半透明にならない」「スマホアプリで設定場所が見つからない」といったトラブルの原因と解決策を解説していきます。さらに、図形と混同しやすい「画像」「スライドの背景」「テキストボックスや文字」を半透明にするための具体的なテクニックについても網羅して見ていきましょう。
透明度が変わらない・スライダーがない原因
「カスタムカラーの画面を開いたのに透明度のスライダーが見当たらない」「スライダーを左に動かしたのに、画面上の図形がぜんぜん透けない」というときは、操作ミスではなく、Googleスライド特有のちょっとした状態に引っかかっているケースがほとんどです。よくある5つの原因と、その直し方を順番にチェックしてみてください。
1. 塗りつぶしが「透明（なし）」のテキストボックスを選んでいる
文字を入力しただけの初期状態のテキストボックスは、もともと背景の塗りつぶしが「透明（色なし）」になっています。この状態でいきなりカスタムを開いて透明度スライダーだけを動かしても、ベースとなる色が存在しないため見た目は一切変わりません。まずは通常パレットで白や黒などの「単色」を一度塗ってから、カスタムで透明度を調整してみてください。
2. 塗りつぶしが「グラデーション」になっている
図形にグラデーションがかかっている状態で、「単色」タブのカスタムをいじろうとしてもうまく反映されないことがあります。単色の半透明にしたい場合は一度「単色」タブから色を選び直し、グラデーションのまま透けさせたい場合は「グラデーション」タブ側のカスタムを開いて、分岐点ごとに透明度を設定しましょう。
3. 複数の図形が「グループ化」されている
いくつかの図形や文字をまとめて「グループ化」している場合、グループ全体を選択した状態ではカスタムの塗りつぶしや透明度の一括変更が制限されてうまく動かないことがあります。その場合は、対象のグループを右クリックして一度「グループ解除」を行い、個別の図形（またはShiftキーでの複数選択）に対して半透明の設定をしてから、もう一度グループ化し直せば解決します。
4. ブラウザの拡大率（ズーム）でスライダーが見切れている
「そもそもカスタム画面の下にスライダーが表示されない！」という場合、まず確認したいのが「画像用のメニュー（書式設定オプション）を間違えて開いていないか」という点です。図形の場合は必ず「塗りつぶしの色」＞「カスタム」から入ります。それでもスライダーが見えないときは、Webブラウザ自体の表示倍率が拡大されすぎていて、ポップアップ画面の下側が画面の外にはみ出している可能性があります。キーボードの「Ctrl + 0」（Macは「Command + 0」）を押してブラウザのズームを100%に戻すか、パネル内をスクロールしてみてください。それでも直らない場合は、ブラウザのキャッシュクリアやシークレットウィンドウでの操作を試すとスッキリ直ることが多いですよ。
5. Googleドキュメントやスプレッドシートに貼り付けると透過が消える
Googleスライド上で綺麗に作った半透明の図形をコピーして、そのままGoogleドキュメントやスプレッドシートに貼り付けると、透明度の設定がうまく引き継がれずに不透明になってしまうという仕様上の制限があります。他のアプリへ持っていきたいときは、「Google図形描画（Google Drawings）」を経由して作成するか、一度スライドから透過処理済みのPNG画像などとして書き出したものを貼り付けるようにしてみてください。
スマホやiPadアプリ版で半透明にする制限
移動中の電車の中や外出先で、手元のスマートフォン（iPhone / Android）やiPadのGoogleスライドアプリから資料を直したいときもありますよね。ただ、ここで知っておかなければいけない重要なポイントとして、スマホやタブレットのアプリ版では、図形を半透明にする機能が大幅に制限されているという事実があります。
アプリ版で図形をタップして「塗りつぶしの色」を開いても、基本的なカラーパレットから色を塗ることはできますが、PC版にあるような「カスタム透明度のスライダー」や「複雑なカスタムグラデーションを作るメニュー」が用意されていないんですね。また、写真を薄くする「画像の不透明度調整」についても、Android版とiPhone・iPad（iOS）版でできることが異なっています。
環境ごとの対応状況を整理すると、以下のようになります。
| 使用するデバイス・環境 | 図形の半透明化・カスタムグラデーション | 画像（写真）の不透明度調整 | おすすめの作業ワークフロー・代替策 |
|---|---|---|---|
| PC（Webブラウザ版） | 完全対応 （「塗りつぶしの色」＞「カスタム」から全機能が使える） | 完全対応 （「書式設定オプション」＞「調整」から操作可能） | すべての透過設定やデザイン作りのメイン環境として使うのがベストです。 |
| Androidアプリ版 | 非対応 / 制限あり （基本色の変更はできるが、カスタム透明度やグラデーション作成は不可） | 対応 （画像をタップ ＞ 上部「書式」または下部「調整」 ＞「不透明度」スライダーで調整可能） | 写真の透過はアプリ上でできますが、図形を半透明にする作業はPC版で行いましょう。 |
| iPhone / iPad（iOS）アプリ版 | 非対応 （アプリ内に図形の透明度を動かすスライダーが存在しない） | 非対応 / 制限あり （公式ヘルプでも画像の調整はPCから行うよう案内されている） | 事前にPC版で半透明の図形を作ってスライドの端に置いておくか、別アプリで半透明のPNG画像を作って挿入するのがおすすめです。 |
このように、特にiPhoneやiPadのアプリからでは図形も画像も直接スライダーで透けさせることができないため、「メニューがどこにもない！」と探し回ってしまう方がとても多いんです。外出先でスマホやタブレットから編集する予定があるときは、あらかじめパソコンのブラウザ版でいくつか半透明の図形を作ってスライドの余白（または非表示にした予備スライド）に置いておき、スマホからはそれをコピー＆ペーストしてサイズだけ変えて使う、という工夫をしておくとスムーズに乗り切れますよ。
画像を半透明にする手順と背景切り抜きとの違い
ここまで「図形」を半透明にするお話をしてきましたが、「図形じゃなくて、挿入した写真やイラストそのものを薄く透けさせたい！」という場面もよくありますよね。冒頭でも少し触れた通り、Googleスライドでは「図形」と「画像」で半透明にするためのメニューの場所が完全に分かれています。
ここがごちゃ混ぜになっていると迷子になってしまうので、両者の違いを表でハッキリ見比べてみましょう。
| 比較する項目 | 図形（シェイプ）の半透明化 | 画像（写真・イラスト）の半透明化 |
|---|---|---|
| 操作のスタート場所 | 図形を選択 ＞ 上部ツールバーの「塗りつぶしの色」＞「カスタム」 | 画像を選択 ＞ 右クリック（または上部メニュー）から「書式設定オプション」＞ 右パネルの「調整」 |
| 素早い呼び出し方 | ツールバーのバケツアイコンをクリック（または Alt + / でツール検索） | 画像を選んだあと、Windowsは「Alt + /」、Macは「Option + /」を押して「書式設定オプション」を検索して開ける |
| スライダーの名前と向き | 「透明度」または「A（アルファ）」。カスタム画面の下段スライダーを左へ動かすほど薄く透ける。 | 環境により「不透明度」または「透明度」と表記。 ・「不透明度」表記のときは左へ動かす（数値を下げる）ほど透ける ・「透明度」表記のときは右へ動かす（数値を上げる）ほど透ける |
| 同時に調整できる項目 | 色相・彩度・明度、HEXコード、RGB値、グラデーションの分岐点 | 明るさ、コントラスト、色の変更、ドロップシャドウ（影）、鏡像（反転） |
画像を半透明にしたいときは、写真をクリックして選択し、上部ツールバーに出てくる「書式設定オプション」をクリックして画面の右側にサイドバーを出します。その中にある「調整」という項目を開くと、スライダーが出てきます。ここで少しややこしいのが、使っているバージョンや環境によってスライダーの名前が「不透明度（Opacity）」だったり「透明度（Transparency）」だったりする点です。実際にスライダーを左右に動かしてみて、写真が薄くなる方向へ調整してあげてくださいね。
「画像の背景だけを消して切り抜きたい」ときの3つのアプローチ
また、「画像を半透明にしたい」と検索している方の中には、写真全体を薄くしたいのではなく、「人物や商品の後ろにある白い背景だけを透明にして切り抜きたい」と思っている方も多いかなと思います。先ほどの「調整」スライダーを動かすと被写体そのものまで一緒に薄くなってしまうので、背景だけを消したいときは次の3つの方法を使い分けましょう。
- 1. スライド内の「背景を削除」機能を使う（対象プランのみ）：法人向けのGoogle WorkspaceエディションやGoogle AIプラン（Geminiアドオン環境など）を使っている場合は、画像を選択してツールバーの「画像を編集」アイコン（または上部メニュー「表示形式」＞「画像」＞「画像を編集」＞「背景を削除」）をクリックするだけで、AIが自動で被写体だけを切り抜いて背景を透明にしてくれます。
- 2. 外部の無料ツールで透過PNGを作って貼る：無料アカウントなどで「背景を削除」ボタンが出ない場合は、CanvaやPhotopea、AnyEraserといった外部の画像編集ツールを使って先に背景を透明にします。このとき、保存形式を必ず「PNG形式」にしてからスライドへ挿入してください（JPEG形式で保存すると透明の情報が消えて、背景が真っ白に戻ってしまいます）。
- 3. 図形の形に型抜き（マスク処理）する：背景を完全に消すのではなく、写真を丸型や角丸四角形にくり抜いて不要な端っこを隠したいだけなら、画像を選んだ状態でツールバーの「切り抜き（トリミング）」アイコンのすぐ横にある小さな下矢印「▼」をクリックします。そこから「図形」＞「円」などを選ぶと、一瞬で写真がきれいな図形の形に型抜き（マスク）されますよ。
背景画像を半透明に見せる2つの代替テクニック
スライド全体のデザインを作るときに、「スライドの背景に設定した写真を薄く半透明にして、手前の文字を読みやすくしたい！」と思うことがありますよね。そこで上部メニューの「スライド」＞「背景を変更」（またはツールバーの「背景」ボタン）を開いて画像を設定してみるのですが、実はGoogleスライドの「背景を変更」メニューの中には、画像の透明度を調整するスライダーが一切用意されていません。
つまり、標準の背景設定機能だけでは背景画像を半透明にすることはできない仕様になっているんです。でも安心してください。実務では、次の2つの代替テクニック（裏ワザ）のどちらかを使うことで、まったく同じ見た目をきれいに作ることができますよ。
方法1：背景画像の上に「画面いっぱいの半透明図形」を重ねる（一番おすすめ！）
個人的に一番おすすめしたいのがこのやり方です。まず、通常通り「背景を変更」メニューから、好きな写真をスライドの背景として設定します。次に、「挿入」＞「図形」から「長方形」を選び、スライドの端から端まで画面全体をすっぽり覆う大きさで配置します。
あとは、その長方形の「枠線の色」を「透明」にしてから、「塗りつぶしの色」＞「カスタム」を開き、白や黒（またはテーマカラー）を選んで透明度を30〜60%程度（目安）に調整します。最後にその長方形を右クリックして「順序」＞「最背面へ」を選べば、文字やグラフの一番後ろ（かつ背景画像のすぐ上）に半透明のカラーフィルターが敷かれた状態になります。
【この方法が圧倒的に使いやすい理由】
大元の写真は「背景」としてガッチリ固定されているため、作業中にマウスで間違えて背景写真をドラッグして動かしてしまうストレスがありません。しかも、上に重ねる図形を「白の半透明」にすれば明るくふんわりした印象に、「黒の半透明」にすればシックで落ち着いた印象にと、写真の雰囲気を自由自在にコントロールできます。全ページに共通で入れたいときは、「スライド」＞「テーマを編集（旧スライドマスター）」を開いて、親スライドの上にこの半透明長方形を置いておけば一発で全ページに反映されますよ。
方法2：「背景」機能を使わずに、通常の「画像」として貼って透けさせる
もうひとつの方法は、「背景を変更」メニューを使わずに、通常のメニュー「挿入」＞「画像」から写真をスライドの上にポンと置き、四隅のハンドルを引っ張ってスライド全面の大きさに広げるやり方です。これならただの「画像オブジェクト」として扱われるので、先ほどご紹介した「書式設定オプション」＞「調整」から不透明度スライダーを下げて写真自体を薄くできます。最後に右クリックから「順序」＞「最背面へ」で文字の後ろに送れば完成です。
【背景を「透明」にして画像書き出しする際の注意点】
ちなみに、「背景を変更」＞「色」で「透明」を選んだとしても、そのスライドを「ファイル」＞「ダウンロード」からPNG画像やJPEG画像としてパソコンに保存したときには、背景が透過された画像（透過PNG）にはならず、自動的に白い背景色が塗られて書き出される仕様になっています。ロゴやパーツを透過画像として書き出したいときは注意してくださいね。
テキストボックスの背景や文字を半透明にする
最後に、テキスト（文字）まわりの半透明テクニックについて見ていきましょう。ここは「文字の後ろにある四角い箱（座布団）を半透明にしたい」のか、それとも「文字そのものを透けさせたい（透かし文字にしたい）」のかで、やり方がまったく変わってきます。
テキストボックス自体の背景（座布団）を半透明にする方法
写真の上に文字を乗せるとき、わざわざ「半透明の長方形」と「テキストボックス」の2つを別々に作って重ねなくても、テキストボックス自体の背景色を半透明にするだけで、1つのパーツとしてスッキリ管理できます。
やり方は図形のときと全く同じです。文字を入力したテキストボックスの枠線をクリックして選択状態にし、ツールバーの「塗りつぶしの色（バケツアイコン）」からまずベースの色を塗り、続けて「カスタム（＋）」を開いて下段の透明度スライダーを左へ動かすだけです。これで、文字はくっきり濃いまま、後ろのボックスだけが綺麗に透ける座布団になりますよ。
文字（フォント）そのものを半透明にするには「ワードアート」を使う！
一方で、よく誤解されやすいのが「文字そのものを半透明にする方法」です。ネット上の古い記事や翻訳記事では「テキストの色＞カスタムから文字を半透明にできる」と書かれていることがありますが、現在のGoogleスライドの標準機能では、通常のテキストボックスに入力した文字の「テキストの色」には透明度を調整するスライダーが一般提供されておらず、文字自体を直接透けさせることはできません。
では、背景にうっすら馴染むような大きな英語タイトルや、「社外秘」「SAMPLE」といった透かし文字（ウォーターマーク）を作りたいときはどうすればいいのでしょうか。その正解は、通常のテキストではなく「ワードアート」機能を使うことです。
【ワードアートで半透明の透かし文字を作る手順】
- 上部メニューの「挿入」＞「ワードアート」をクリックする
- 出てきた入力欄に透けさせたい文字を入力し、キーボードの「Enter」キーを押して確定する
- 画面に配置されたワードアートを選択し、ツールバーの「枠線の色（鉛筆アイコン）」をクリックして「透明」にする
- ツールバーの「塗りつぶしの色（バケツアイコン）」でベースの色を選んでから、もう一度開いて「カスタム（＋）」をクリックする
- 下段の透明度スライダーを左へドラッグして好みの薄さに調整し、「OK」を押す
Googleスライドでは、ワードアートは「文字」ではなく「文字の形をしたベクター図形」として扱われます。そのため、図形とまったく同じように「塗りつぶしの色」＞「カスタム」から自由自在に半透明にしたり、文字の中に半透明のグラデーションをかけたりすることができるんです。ワードアートも図形と同じく、後から通常パレットで色を変えると透明度がリセットされてしまうので、「先に色を決めてからカスタムで透明度を下げる」という順番を守って作ってみてくださいね。
また、通常のテキストボックスの文字であっても、「書式設定オプション」＞「ドロップシャドウ」にチェックを入れて、文字の後ろに落ちる「影」の不透明度やぼかし具合（距離や角度）を調整してあげると、背景から文字がフワッと浮き上がって格段に読みやすくなりますよ。
まとめ：Googleスライドで図形を半透明にしよう
今回は、Googleスライドで図形を半透明にする基本の手順から、枠線の処理、グラデーションの応用、そして画像や背景、文字を透けさせるテクニックまで幅広くご紹介してきました。
最後に、この記事の大切なポイントをもう一度おさらいしておきましょう。
【この記事の重要ポイントまとめ】
- 図形の半透明化：書式設定オプションではなく、ツールバーの「塗りつぶしの色」＞「カスタム（＋）」の下段スライダーを左に動かして設定する
- 枠線と色リセットの対策：外枠が浮かないよう「枠線の色」を「透明」にし、色を変えるときは先に色を決めてから透明度を調整してリセットを防ぐ
- 正確な数値管理とデザイン目安：カスタム画面の「A（0〜100）」や「8桁HEXコード」を使うと濃さを統一できる。写真上の座布団は透明度30〜50%程度を目安にし、プロジェクター投影やPDF化の前には見え方を必ず確認する
- 画像・背景・文字の透過：画像は「書式設定オプション＞調整」から。背景画像は上に全面の半透明図形を重ねて表現し、文字自体を透けさせたいときは「ワードアート」を活用する
- スマホアプリ版の制限：スマホやiPadアプリでは図形のカスタム透過ができないため、PCブラウザ版で作成するか事前に用意したパーツをコピペして対応する
なお、Googleスライドの画面デザインや利用できる機能（AIによる背景削除など）は、お使いのGoogleアカウントの種類（無料版やGoogle Workspaceの各エディション）や、ブラウザ・アプリのアップデートによって少しずつ変わることがあります。正確な最新仕様についてはGoogleの公式ヘルプページ等もあわせてご確認いただき、重要なプレゼンや印刷物の作成時には、事前のテスト投影や最終的なご自身の環境での表示確認を行ってから本番に臨むようにしてくださいね。
もし作成したスライドを最終的にパワーポイント形式（.pptx）へ書き出して提出する必要がある場合は、半透明のグラデーションや特殊な配置が変換時にズレてしまわないよう、パワポとgoogleスライドの変換方法！崩れを防ぐ対策も解説の記事もチェックしておくと、より安心して資料を仕上げられるかなと思います。
「図形をちょっと半透明にして重ねる」というひと手間を加えるだけで、今まで文字が読みづらかった写真スライドが見違えるほどスッキリ洗練されたデザインに生まれ変わります。ぜひ今回のテクニックを、毎日のプレゼン資料作りで楽しく試してみてくださいね！
