こんにちは!どこでもパソコン教室 四日市です。
今回の授業は、Word・Excel・PowerPoint共通の機能、「図形の塗りつぶし方法」7種類を解説します!

PowerPointで、図形を使うのが好きです♪
けれども、いつも同じような色ばかりで塗りつぶしています。
塗りつぶし方法にもっと種類はありませんか?

当教室の人気授業の1つが、図形を使用しての作品づくりです♪
Word・Excel・PowerPoint共通の機能、図形の塗りつぶし方法は、次の7種類あります。
- 単色
- 半透明
- スポイト(PowerPointのみ)
- 図(図で図形を塗りつぶす)
- グラデーション
- テクスチャ
- パターン

〝図で図形を塗りつぶす〟…?
初めて知る方法もありますね。

面白いですよ♪
最後までご受講いただきますと、単色だけではない、図形の塗りつぶしのアイデアの引き出しが増えて、ワンランク上の仕上がりになりますよ♪

学ばないと気が付かない機能ですね。
これからの作品づくりが楽しみです♪
最初に図形の挿入方法を確認しましょう!
図形の塗りつぶしをするには、最初に図形の挿入が必要です。
手順を確認していきましょう。
Word・Excel・PowerPoint共通です。今回は、PowerPoint画面で解説します。
- 次の箇所を順に🖱クリックします。[挿入]タブ ➡[図]グループ ➡[図形]コマンドボタン*
*コマンドボタンとは、リボン上などにあるボタンのことで、🖱クリックや、選択してEnterを押すことで機能を実行します。
- 表示されたリストの中から、気に入った図形を🖱クリックで選択します。
今回は、「星とリボン」➡[スクロール:横]にします。
- マウスポインター*の形が「+」になります。
*マウスポインターとは…マウスで動く矢印で、状況によって「I」や「+」などの形になります。
図形の描き方は次の2つの方法があります。
●画面上を🖱クリック ➡ 挿入された図形の「○」ハンドルを🖱ドラッグ
●左上から右下へ🖱ドラッグ図形の大きさは、「○」ハンドルを外側に🖱ドラッグすると拡大、内側に🖱ドラッグすると縮小します。
ちなみに、図形を含めて、画像・アイコン・3Dモデル・SmartArt・グラフ・スクリーンショットを『図』といいます。
を取る方法を解説しています。
[図形の塗りつぶし]コマンドボタンの位置
コマンドボタンとは、リボン上などにある機能を実行するためのボタンです。
[図形の塗りつぶし]コマンドボタンは、図形が選択された状態のときに表示される[描画ツール|書式]タブ内にあります。
もしも、「あれ!? 図形の塗りつぶしのボタンがない…」と思われたときは、図形を🖱クリックしてみましょう。
Word・Excel・PowerPointの、それぞれ下記の位置にあります。
Word/ワード
図形を塗りつぶすには、次の箇所を順に🖱クリックします。
Excel/エクセル
図形を塗りつぶすには、次の箇所を順に🖱クリックします。
PowerPoint/パワーポイント
図形を塗りつぶすには、次の箇所を順に🖱クリックします。
図形の塗りつぶし方法7種類を解説!
それでは、図形の塗りつぶし方法7種類を、1つずつ解説していきます。
「この方法やってみたい!」と思われる箇所だけご覧いただいても大丈夫ですけれども、ぜひ各方法を実際に試してみて、アイデアの引き出しを増やしていただければと思います。
今回は、PowerPointの画面でご紹介します。
『単色』1色で塗りつぶす
単色とは、一番よく使用される塗りつぶし方法で、お好みの色を🖱クリックして選択します。
- [図形の塗りつぶし]を🖱クリックします。
すると、絵の具のパレットのように色が並んでいて、任意の色を🖱クリックするだけで、図形の塗りつぶしができます。
- もしも、「🤔この中に欲しい色がないなぁ…」というときは、[塗りつぶしの色]を🖱クリックしてみましょう。「色の設定」ダイアログボックスが起動して、選択できる色が増えます!●[標準]タブ
🖱クリックで色を選択 ➡[OK]を🖱クリックします。
●[ユーザー設定]タブ
カラーモデルをご存知の場合、数値などで詳細に設定できます。
『半透明(透過性)』背面にあるものが透けて見える
半透明とは、機能名でいうと「透過性」といって、背面にある文字列や図が透けて見えるように塗りつぶす方法です。
👚お洋服でいう“シースルー”のように、カッコいいですね!
- [図形の塗りつぶし]を🖱クリックします。
- [塗りつぶしの色]を🖱クリックします。
- 「色の設定」ダイアログボックスが起動します。
[標準]・[ユーザー設定]2つのタブ、どちらの下部にも「透過性」があります。
- スライダーを🖱ドラッグしたり、[<][>][▲][▼]ボタンを🖱クリック、または直接数値を手入力して、お好みの透明度に設定しましょう。
今回は、70%に設定しました。背面の文字列が透けて見えるようになります。
『スポイト』使いたい色を吸いとるように取り入れる
スポイトだけは、PowerPointのみの機能となり、WordとExcelにはありません。
とても面白い機能ですので、ぜひマスターしていただければと思います。
例えば、画面上に気に入った色を見つけて、「図形をこの色で塗りつぶしたいけれど、色の一覧の中から探すの大変だなぁ~😢」と思われたことはありませんか?
こういうときは、スポイトが便利です。
画面上の使用したい色をスポイトで🖱クリックすることで、その色をスポイトで吸いとるイメージで、全く同じ色で図形を塗りつぶすことができます。
- [図形の塗りつぶし]を🖱クリックします。
- [スポイト]を🖱クリックします。
- マウスポインターが、矢印からスポイトの形になります。
- ご希望の色の箇所を、🖱クリックしましょう。🖱クリックと同時に、塗りつぶし完了です!
今回は背景の色にすることで、“カメレオン”のようにかくれてみました。
- スライドペイン*以外の箇所の色も選択できます。
*スライドペインとは…スライドとなる編集領域のことです。マウスを移動するだけではスポイトが矢印に戻ってしまいますので、目的の色まで🖱ドラッグ・アンド・ドロップ*することで塗りつぶしできます。
*ドラッグ・アンド・ドロップとは… マウスの左ボタンを🖱クリックしたまま移動して、目的の位置で指を離すことです。
を一覧にして解説しています。
『図』図で図形を塗りつぶす
図とは、写真やイラストなど、図が図形の形に縁どられるという塗りつぶし方法です。
ちょっと分かりづらいかもしれませんけれども、実際に試してみると、もう手放せない機能となりますよ!
- [図形の塗りつぶし]を🖱クリックします。
- [図]を🖱クリックします。
- 「図の挿入」画面が表示されます。
今回は「ファイルから」にして、ピクチャフォルダーに用意しておいた写真を使用します。
挿入できる図は、次の3箇所から選択できます。ファイルから 自分で用意した図を使用できます。 オンライン画像 オンラインとは、インターネット上のことです。
様々な画像を検索できます。
著作権など、画像の使用については注意しましょう。アイコンから Word・Excel・PowerPoint共通の機能、「アイコン」の中から選択できます。
<[アイコン]コマンドの位置>
[挿入]タブ ➡[図]グループ ➡[アイコン] - 「ファイルから」を🖱クリックすると、「図の挿入」ウィンドウが表示されます。
左側の一覧の中にある、「ピクチャ」を🖱クリックします。 - 用意しておいた写真を🖱クリックして選択します。
- [挿入]を🖱クリックします。
- 「図」で図形の塗りつぶし完成です!
図形の拡大・縮小するときに、角にある「○」ハンドルをShiftを押しながら🖱ドラッグすると、縦・横の比率を保持できます。
すぐにショートカットキー Ctrl+Z を押しましょう。
『グラデーション』様々な色の組み合わせで濃淡を表現
グラデーションとは、色に濃淡や変化をつけて塗りつぶす方法です。
🤡個性的なデザインができますね!
- [図形の塗りつぶし]を🖱クリックします。
- [グラデーション]を🖱ポイント*します。
*ポイントとは…🖱クリックするのではなく、マウスポインターを重ね合わせることです。 - 表示された一覧の中から、🖱クリックして選択してもOKです。
今回は、オリジナルのグラデーションを作成するため、[その他のグラデーション]を🖱クリックしましょう。
- 画面の右側に「図形の書式設定」が表示されます。
「塗りつぶし(グラデーション)」に、🖱クリックで「◉」チェックを入れますと、グラデーションを詳細に設定できるようになります。
- 今回は「グラデーションの分岐点」と「色」を、下図のように設定してみましょう。
[分岐点]を🖱クリックしてから、色を選択したり、🖱ドラッグして設定します。
[分岐点]は、追加・削除もできます。
- グラデーションでの塗りつぶし完成です!
かなり詳細な設定ができますので、ぜひこだわりのグラデーションを作成してみましょう。
『テクスチャ』質感を表現する塗りつぶし
テクスチャとは、あらかじめ用意されている「コルク」「大理石」などで塗りつぶす方法です。
温度感や硬さなど、質感を表現できます!
- [図形の塗りつぶし]を🖱クリックします。
- [テクスチャ]を🖱ポイントします。
- 表示された一覧の中から、🖱クリックして選択します。今回は「大理石(白)」を選択します。
- テクスチャでの塗りつぶし完成です!豪華な仕上がりですね。
『パターン』模様で塗りつぶす
パターンとは、「ストライプ」や「市松模様」などで塗りつぶす方法です。
模様と色で、様々な表現ができます!
- [図形の塗りつぶし]を🖱クリックします。
- [グラデーション]、または[テクスチャ]のいずれかを🖱ポイントします。
- [その他のグラデーション]、または[その他のテクスチャ]を🖱クリックしましょう。
- 画面の右側に「図形の書式設定」が表示されます。
「塗りつぶし(パターン)」に、🖱クリックで「◉」チェックを入れますと、パターンを設定できるようになります。
- [パターン]で模様を🖱クリックで選択します。
続いて、[前景]・[背景]それぞれの色を選択しましょう。スポイト機能も使用できます。
今回は、カーレースなどの「レース旗」をイメージして、次のように設定してみました。
[パターン]…市松模様(大)/[前景]…黒 /[背景]…白
- パターンでの塗りつぶし完成です!
模様と色使いで幅広い表現ができますので、いろいろ楽しめますね。
セルの強調表示ルールでも活かせます。
番外編:「塗りつぶしなし」という選択肢もあります!
塗りつぶしなしにすると、図形が枠線のみとなります。
この機能を利用して、文章の中の大切な箇所を素早く強調することができます。
- 文章の中にある文字列、「7種類」を強調したいと思います。
任意の図形を描画しましょう。(今回は、「四角形:角を丸くする」を使用しています。)
- [図形の塗りつぶし]を🖱クリックします。
- [塗りつぶしなし]を🖱クリックすると、隠れていた文字列「7種類」が見えて強調されました。
まとめ
今回の授業は、Word・Excel・PowerPoint共通の機能、「図形の塗りつぶし方法」7種類を解説しました!
- 単色
- 半透明
- スポイト(PowerPointのみ)
- 図(図で図形を塗りつぶす)
- グラデーション
- テクスチャ
- パターン
番外編として、「塗りつぶしなし」もご紹介しました。
実は、メール送受信や予定管理もできるOutlookでも、メール作成画面で図形を使用できます。
単色だけではない、図形の塗りつぶしアイデアの引き出しを増やして、〝ワンランク上の仕上がり〟をお楽しみいただけましたら幸いです♪
😄ご受講お疲れさまでした!
オーダメイド感覚で予算に合わせてあなた好みの1台にできる【NECパソコン直販サイト】
● 👨「無料で使える画像を探しています」とご希望の方にオススメ!
無料登録&無料で使えて商用利用もOK!【イラストAC】
イラストダウンロードサイト【イラストAC】 | |
![]() |
を、図解入りで解説しています。
プロも使用するイラストデザインソフト「Adobe illustrator」です。
パソコンスキルを身に付けて、ステップアップ転職される方も多くいらっしゃいます。
当教室での授業が、皆様のスキルアップの一助となれましたら幸いです!

アルバイト・パート ⇨ 派遣社員 ⇨ 正社員 ⇨ 契約社員 ⇨ フリーランスと、さまざまな働き方の経験を持ちます私から、実際にお世話になった(なっている)働き方の選択肢をご紹介します♪
【すべて登録無料で利用できます】
● 転職&企業の評判・口コミ:転職会議で企業情報を見極めながら転職活動をする
● 転職サイト:ミイダスで自分の市場価値を見いだしてフィットしたオファーを受け取る
● 派遣・紹介予定派遣:マイナビスタッフで希望やスキルに合ったお仕事を紹介してもらう
● 副業・フリーランス:ランサーズ、クラウドワークスでクラウドソーシングや在宅ワークをする

お仕事でパソコン操作に困られたら、また当サイト「どこでもパソコン教室 四日市」を見に来てくださいね。一緒に頑張りましょう♪
コメント