ペイントのグラデーション塗りつぶし|Canvaのグラデーション図形も利用可

ペイントのグラデーション
こんな人に向けて書きました
  • グラデーションの付け方が分からなくて途方に暮れている

よく考えたら、グラデーションの付け方ってよく分からない…

Windowsペイントにはグラデーションの作成機能がありません。

ガッカリさせたかもしれませんが、ご安心ください。

これからお伝えする裏技を使えば、キレイなグラデーションが出来上がります!

本記事では、そんな裏技を使ったグラデーション塗りつぶし方法を説明します。

ちなみに…

今まで利用してきた画像編集ツールのなかで、一番使いやすかったのはCanva Proです。

有料プランになりますが、背景画像の透明化やサイズ変更などもできるので、費用対効果を考えると十分アリです。

この記事を書いた人

ヤットキプロフ

業界歴10年のWeb解析士GAIQ保有。

ガラケー時代からSNSに携わってます。

この記事を書いた人

ヤットキプロフ

業界歴10年のWeb解析士

GAIQ保有

ずっとSNSに携わってます。

目 次

ペイントによるグラデーション塗りつぶしの方法、実はみんな知らない!

先ほどお伝えした裏技とは、グラデーションの画像を貼り付けること。

つまり、画像でそれっぽく見せるという方法です。

とはいえ、高価な画像編集ソフトで作成したものと全く同じ見栄えなのでご安心下さい!

百聞は一見にしかず。

ペイントによるグラデーションがどんなものかご覧ください。

ペイントのグラデーション塗りつぶし方法

いかがしょうか。画像を貼り付けただけとは思えない仕上がりだと思います。

また、一口にグラデーションと言っても様々です。

虹のような複雑なグラデーションから、白から黒などの比較的単純な二色グラデーションまでいろいろな種類があります。

そこで以下では、まず1)虹のグラデーションを、その次に2)単純な二色グラデーションについて解説します。

ペイントによるグラデーションの塗りつぶし方法(虹)

ペイントによる虹グラデーションの塗りつぶし方法には2パターンあります。

  1. オーソドックスな方法
  2. テンプレを利用する方法

基本的な操作はどちらも同じですが、2)テンプレのほうが滑らかなグラデーションを実現できます。

お好きな方を選んで下さい。

ではいよいよ作成方法をご紹介します。

方法その1.オーソドックスな方法

まずはオーソドックスなグラデーションの作成方法です。

STEP
ペイントを起動

まず、ペイントを起動して下さい。

ペイントのグラデーション塗りつぶし方法
STEP
『色の編集』を開く

画面右上にある『色の編集』というボタンをクリックしましょう。

ペイントのグラデーション塗りつぶし方法

すると、こんな小窓が表示されます。

ペイントのグラデーション塗りつぶし方法
STEP
グラデーション部分を選択

STEP2で表示された小窓部分のグラデーション部分を選択して、[Ctrl]キー+[C]キーでコピーしましょう。

ペイントのグラデーション塗りつぶし方法
STEP
ペイントに貼り付け

ここまで来たら後は簡単。

STEP3でコピーしたグラデーションを白紙のキャンバスにペーストします。

ペイントのグラデーション塗りつぶし方法
STEP
グラデーション画像を拡大

希望のサイズになるまで、貼り付けた画像を拡大してください。

ペイントのグラデーション塗りつぶし方法
STEP
グラデーション完成!

これで完成したグラデーションが下の画像です。

あとはファイルの保存を忘れずに行いましょう!

ペイントのグラデーション塗りつぶし方法

方法その2.テンプレートを使用した方法

先ほどの方法よりも、こちらの方がもっとも簡単です。

テンプレートといっても特別なものではなく、実は私が作った滑らかなグラデーションのことです。

これをスクリーンショットでコピーするだけです。

ペイントのグラデーション塗りつぶし方法

そして先ほどのSTEP4と同様、コピーした画像を新規作成した『ペイント』に貼り付けてサイズ調整しましょう!

方法その1とその2の比較

方法その1と方法その2で作成したグラデーションの塗りつぶしを比較してみます。

ペイントのグラデーション塗りつぶし方法
オーソドックス
ペイントのグラデーション塗りつぶし方法
テンプレート

どちらかというと、右のテンプレートのほうが滑らかですね。

お好きな方法でどうぞ!

ペイントによるグラデーションの塗りつぶし方法(二色)

では次に、オンラインでの画像編集サービスを利用した、二色グラデーションの方法を2つお伝えします。

利用するサイトは次の2つです。

  1. バナー工房
  2. Canva

なお、Canvaは登録(無料)が必要ですが、グラデーション以外にも様々な画像編集が手軽に行なえます。

おそらく、私も含めてほとんどのブロガーが毎日のように利用しています。

それでいってみましょう!

バナー工房によるグラデーション画像の作り方

STEP
バナー工房にアクセス

まずはバナー工房にアクセスしましょう。

ペイントのグラデーション塗りつぶし方法
バナー工房TOP画面
STEP
『ピッカー』ボタンで色を選択

下の画像のように、『ピッカー』ボタンを押してグラデーションをかけたい色を選択します。

また、カラーコードを入力して指定することもできます。

ペイントのグラデーション塗りつぶし方法
STEP
グラデーション画像を作成

STEP2で色を指定したら、『画像を作成する』ボタンでグラデーションを作成します。

今回は、赤と白の二色グラデーションにしてみました。

ペイントのグラデーション塗りつぶし方法
STEP
グラデーション画像をコピー

グラデーション画像のスクリーンショットを撮影します。

ペイントのグラデーション塗りつぶし方法
STEP
ペイントに貼り付け

ペイントの新規作成に貼り付けてサイズ調整しましょう。

ペイントのグラデーション塗りつぶし方法
STEP
二色グラデーションの完成!

そして完成した二色グラデーションがこれです。

とても滑らかに仕上がってますね!

ペイントのグラデーション塗りつぶし方法

Canvaによるグラデーション画像の作り方

Canvaの無料登録が完了していることを前提に説明しますのでご了承下さい。

STEP
Canvaにアクセス

まずはCanvaにログインしましょう。

CanvaのTOP画面
STEP
『プレゼンテーション』を選択する

ログイン後に表示される最初の画面で『プレゼンテーション』をクリックしてください。

描画するためのキャンバスを作ることができればよいので、『プレゼンテーション』以外のものでも構いません。

STEP
グラデーション画像を作成するキャンバスの表示

STEP2でプレゼンテーションを選択すると、下のようなワークスペースが表示されます。

STEP
グラデーション画像を検索する

左サイドバーの【素材】タブを選択後、検索窓に『グラデーション』と入力して、下の画像と同じグラデーション画像を探します。

見つかったら、その画像を1クリックして下さい。

けっこう下の方までスクロールしないと、このグラデーション画像が出てこないのでご注意下さい。

STEP
グラデーション画像が表示される

ワークスペースのキャンバスに、グラデーション画像が表示されます。

STEP
グラデーションにしたい色を選択する

STEP6のままでは水色と紫のグラデーションになっています。

今回はこれを赤と白のグラデーションに変更していきます。

まず、元の図形をクリックして選択状態にしてください。

そして、キャンバス左上のカラーパレットから赤と白を選択しましょう。

STEP
グラデーションの完成

これで、グラデーションが完成しました!

また、この画像は回転させることもできるので、上下方向のグラデーションにすることもできます。

あとは、Canvaからこの画像をダウンロードすればOKです。

また、先ほどのように、スクリーンショットを撮影してペイントに貼り付けても大丈夫です。

ペイントによるグラデーションの塗りつぶし:まとめ

以上、ペイントによるグラデーションの塗りつぶし方法を説明しました。

こうした基本的なことなら『ペイント』でも実現できます。

とはいえ、ちょっと手間がかかるなと感じる方には、Cnava Proがおすすめです。

税込月1,000円(年額払いの場合)ですが、60万枚以上のテンプレや7500万点のイラスト・写真素材が使い放題なので、想像以上に満足度の高いサービスです。

それではまた、次の記事でお会いしましょう!

【色に関するペイントの記事】

色の塗りつぶし方法

画像の白黒反転や色反転

画像の背景を透明にする方法

グラデーションで塗りつぶす方法

ペイントによる色の置き換え方法

スポイト機能(色1・色2の使い方)

ペイントでカラーコードを調べる方法

【画像加工に関するペイントの記事】

画像の余白を消す方法

画像を貼り付ける方法

画像を円形に切り抜く方法

画像をトリミングする方法

画像のサイズを変更する方法

モザイク加工で画像をぼかす方法

角度を微調整して画像を回転させる方法

サイズ違いの画像をキレイに並べる方法

【関連記事】

ペイントの記事一覧

時短につながるパソコンの裏技機能

10分でマスター。ペイントの使い方(まとめ)

コメントはお気軽にどうぞ!

コメントする

CAPTCHA


目 次