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

グラデーションの付け方にお困りなら…

グラデーションを付けるための3つの方法

【難易度】

グラデーションの付け方って、どうやるの…?

Windows10マシンに標準でインストールされている画像編集ソフトといえば『ペイント』

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

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

これからお伝えする裏技を使えば可能です。

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

この記事を書いた人

ヤットキプロフ

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

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

Twitterはこちら→ @yattoki_mashita

この記事を書いた人

ヤットキプロフ

業界歴9年のWeb解析士

GAIQ保有

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

Twitterはこちら: @yattoki_mashita

目 次

ペイントによるグラデーション塗りつぶし|Canvaのグラデーション図形も応用可能

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

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

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

百聞は一見にしかず。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

STEP
ペイントを起動

まず、ペイントを起動して下さい。すると、こんな画面になります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

この方法がもっとも簡単です。

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

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

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

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

オーソドックスな方法とテンプレート方法の比較

オーソドックスな方法とテンプレートの方法で作ったグラデーションの塗りつぶしを比較してみます。

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

右のテンプレートのほうが滑らかですね。

お好きな方法でどうぞ!

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

では次に、オンラインでの画像編集サービスを利用した、二色グラデーションの方法を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です。

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

ポイント

Canvaは非常に使いやすいサービスです。

多くのブロガーに愛用されており、グラデーション以外の編集作業も手軽にできます。

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

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

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

なお、画像編集には、Canvaが手軽に使えてかなり便利です。多くのブロガー愛用の画像編集ツールです。

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

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

色の塗りつぶし方法

画像の白黒反転や色反転

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

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

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

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

【関連記事】

ペイントの記事一覧

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

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

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

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

コメントする

CAPTCHA


目 次
閉じる