画像編集

【ブログ向け】画像編集ソフト「ペイント」で、枠線などのシンプルな図形を描く方法【超基本】

「ペイント」における、枠線などのシンプルな図形を描く方法 アイキャッチ



あずきです🐥

無料の画像編集ソフト「ペイント」における…

枠線などのシンプルな図形

を描く方法について、初心者さん向けに1から解説していきます

具体的には、例えば…

「ペイント」における、枠線などのシンプルな図形を描く方法 top-01

↑ こういったもの(ブルーの枠線!)

ブログなどで、「解説用の画像」を編集するときに便利なテクニックです

この記事の画像でも使ってる

手順そのものは「超簡単」ですが、一緒に押さえておきたい重要なポイントもあるので、あわせてご紹介していきますね

さっそく見ていきましょー🐥

▼「ペイント」の起動方法はこちら ▼

Windows10における「ペイント」の起動方法 アイキャッチ
【ペイントが見つからない…】Windows10で、画像編集ソフト「ペイント」を起動する方法【アイコンをピン留め】

続きを見る

本気でブログ収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

今回の記事はこちらの章に属しています

WordPressブログガイド 第9章「豆知識」編 

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

【画像編集】「ペイント」における、枠線などの簡単なライン・図形を描く方法【初心者向け】

ブログガイド_見出し_01

「ペイント」を起動します

「ペイント」における、枠線などのシンプルな図形を描く方法 1-01

↑ 起動できたら、画面左上の…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-02

↑ ファイル > 開く から、編集したい画像を選びましょう

今回は例として…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-03

↑ こちらの画像を編集していきます

まずは画面上部の…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-04

↑ いろんな図形が並んだこの項目から、任意の図形パターンを選択しましょう

つづいて、その右側にある…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-05

↑ こちらの「輪郭」「塗りつぶし」「線の幅」という項目で、細かいタイプを指定していきます

注意ポイント

図形やテキストの大きさは、仮に同一のサイズ(太さとかフォントサイズのこと!)で描いても、そもそもの画像サイズ(px)が違えば、実際の表示では(画像ごとで)サイズの比率が変わってきます

例えば…

  • 横幅 300pxの画像 (画像に対して)ラインやテキストが「大きく」見える
  • 横幅 1000pxの画像 (画像に対して)ラインやテキストが「小さく」見える

こういった感じ

図形やテキストの表示サイズを統一させたい場合は、画像ごとで「リサイズ」というのをまず行ってから描画すればOKです

ブログ用の画像編集 まず押さえておきたい「リサイズ」とは? アイキャッチ
【ブログ向け】画像編集を始めるなら真っ先に覚えておきたい「リサイズ」とは?【超基本】

続きを見る

今度は…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-06

↑ こちらの「色」という項目で、図形の色を指定します

  • 色1 → 枠線のカラー
  • 色2 → (塗りつぶしを選択した場合の)内側のカラー

あとは、任意のエリアに…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-07

↑ 好きな図形を描いていくだけ

マウスをドラッグ&ドロップで描けるよ!

1度描いた図形は、画面上で1度クリックしたりするまでなら…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-08

↑ 形を変更したり位置を移動できる、いわば「未確定」の状態です(枠線上に点線が表示された状態が、「未確定」状態の目印!

画面上で1度でもクリックすると…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-09

↑ 形や位置が「確定」されるので、形や場所は変えられなくなります(枠線上の点線が消えるのが、「確定」状態の目印!

ちなみに「確定させた描画を取り消したい!」という場合は、画面左上の…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-10

↑ こちらの矢印ボタン(反時計回り)をクリックすることで、「1つ前の作業状態」に戻せます

2つ戻したければ、2回クリックすればOKです

やっぱり1つ進め直したいときは、右側の矢印(時計回り)をクリック!

ということで、編集が一通りおわったら、左上の…

「ペイント」における、枠線などのシンプルな図形を描く方法 1-11

↑ ファイル > 名前を付けて保存 から、任意のファイル形式(jpg・pngなど)を選んで、保存しましょう

▼「ファイル形式って何…?」という方はこちら ▼

file-extension-201912
jpg(jpeg)とpngの違い!ファイル形式の「超実践的な使い分け」を初心者向けに解説【拡張子】

続きを見る

▼「ファイル形式の変換」についてはこちら ▼

「ペイント」における、リサイズ&ファイル形式の変換方法 アイキャッチ
【画像編集】ペイントで、「画像サイズのリサイズ」&「ファイル形式の変換」をする方法【jpg・pngなどの拡張子変更】

続きを見る

おしまい♪

あずき🐥

本気でブログ収益化するなら /

WING AFFINGER5 バナー 02

-「実績」と「信頼」。 検証と改善を重ねた唯一無二のテーマ -

WING AFFINGER5

  • ターゲットに合わせた圧倒的な最適化!
  • SEO対策と広告収入UPの機能が標準装備!
  • 面倒なカスタマイズも「クリック1つ」で簡単・時短!

今なら超時短ツール「タグ管理プラグイン」配布キャンペーン中!

公式:「稼ぐ」に特化したWordPressテーマ『WING AFFINGER5』

関連:「AFFINGER5」の購入・導入方法を1から解説
関連:「AFFINGER5」導入後にまず行うべきステップまとめ

今回の記事はこちらの章に属しています

WordPressブログガイド 第9章「豆知識」編 

あずきのWordPressブログガイド 総合TOP 

 

著者

azuki_01

- 専業ブロガー・フリーランス -

あずき

独立3年目 / 元アパレル → 歴10年

20代は中華鍋のように目まぐるしい日々でした。 30代は創作懐石のように、静かに自分の形をつくっていきます

普段はTwitterにわりといるので、覗いてもらえると嬉しいです^^

Twitter

-画像編集

© 2020 あずきのぶろぐ。