GIMP

GIMPで枠線(囲み線)の書き方というか、描き方をご紹介します。

矩形(くけい)選択をクリック

ツールボックス左上にある矩形選択を選びます。

[peg-image src="https://lh3.googleusercontent.com/-vk1Cxl6NAOo/V2K-_cnwAEI/AAAAAAAAATA/MU40Yi_t-6Mx8oR6l7Idvsw6C-i0Y3EGACHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-16%2B23.55.39.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296805226241327170" caption="スクリーンショット 2016-06-16 23.55.39.png" type="image" alt="スクリーンショット 2016-06-16 23.55.39.png" image_size="157x479" ]

枠線で囲みたい部分を矩形選択する

ドラックアンドドロップで枠線で囲みたい部分を選択します。

[peg-image src="https://lh3.googleusercontent.com/-th8oXI2NWVY/V2K-_YrjrTI/AAAAAAAAATA/ippWU5MsDyQfrfvx6X2_xN2j3AmKIzyiQCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-16%2B23.56.19.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296805225183554866" caption="スクリーンショット 2016-06-16 23.56.19.png" type="image" alt="スクリーンショット 2016-06-16 23.56.19.png" image_size="324x240" ]

「選択範囲の境界線を描画」をクリック

「編集」　＞　「選択範囲の境界線を描画」をクリック

[peg-image src="https://lh3.googleusercontent.com/-dJee7KewVCA/V2LB88zOkHI/AAAAAAAAATw/J-EmKrwjsRIT_pVYzi6em4mZaiQqmmODACHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-16%2B23.56.37.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296808481874677874" caption="スクリーンショット 2016-06-16 23.56.37.png" type="image" alt="スクリーンショット 2016-06-16 23.56.37.png" image_size="271x375" ]

境界線を描く

境界線描画のダイアログが表示されるので、線の幅やスタイルを入力し、「描画」ボタンをクリック

[peg-image src="https://lh3.googleusercontent.com/-JefzybhP0Es/V2K-_VvXmkI/AAAAAAAAATA/AvjN6aXtlvUNyGKMBMKtIUTC0sh8LHbegCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-16%2B23.57.05.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296805224394234434" caption="スクリーンショット 2016-06-16 23.57.05.png" type="image" alt="スクリーンショット 2016-06-16 23.57.05.png" image_size="418x376" ]

枠線が描画されます。

[peg-image src="https://lh3.googleusercontent.com/-P1OijKy-0BM/V2K-_aJcrII/AAAAAAAAATA/CfdtTmHatys5-ompAj8Bitnd3qlDgNn4gCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-16%2B23.57.20.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296805225577360514" caption="スクリーンショット 2016-06-16 23.57.20.png" type="image" alt="スクリーンショット 2016-06-16 23.57.20.png" image_size="297x212" ]

画像を上書き保存

「ファイル」　＞　「[画像ファイル名]に上書きエクスポート」をクリックで、上書き保存できます。
「保存」や「名前を付けて保存」だとpngやgif、jpgで保存できないので、元の拡張子で保存したい場合は上書き保存します。

[peg-image src="https://lh3.googleusercontent.com/--Bq77pGvgqQ/V2LB88xu-hI/AAAAAAAAATw/W7M1VVs82uE-nSW1Wh1Otf3YB-18tyj7ACHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-17%2B0.11.18.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296808481868413458" caption="スクリーンショット 2016-06-17 0.11.18.png" type="image" alt="スクリーンショット 2016-06-17 0.11.18.png" image_size="544x433" ]

以上で完了です。

枠線の色を変えたい場合は？

ツールボックスの「現在の描画色」をクリックし、色を変更した後に枠線の描画を行います。

[peg-image src="https://lh3.googleusercontent.com/-2T3KbdQigwM/V2LEI9G_gzI/AAAAAAAAAUI/c2TR7ZsnkuQFVHGNFAGPDM41bKjScXzDgCHM/s144-o/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588%2B2016-06-17%2B0.21.13.png" href="https://picasaweb.google.com/107888545635181725503/Web#6296810887139263282" caption="スクリーンショット 2016-06-17 0.21.13.png" type="image" alt="スクリーンショット 2016-06-17 0.21.13.png" image_size="160x340" ]

お疲れさまでした。