- 吉田千恵子
画像に一括枠線付け PhotoScape
こんにちは デジタルライフ・コンシェルジュ 吉田千恵子です。
スマホの操作手順をHPやブログ記事にする時、
ショットと背景の境目がわかりずらいことってありませんか?
たとえばこんな感じ
![](https://static.wixstatic.com/media/f4230a_e77fb4efbd6e406d95c34caacf29e5d2~mv2.png/v1/fill/w_113,h_200,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_e77fb4efbd6e406d95c34caacf29e5d2~mv2.png)
そんな時、画像にフレームラインを付けると見やすくなります。
![](https://static.wixstatic.com/media/f4230a_f7ab2e445b0d48c9b021ed0db55fefa1~mv2.png/v1/fill/w_113,h_200,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_f7ab2e445b0d48c9b021ed0db55fefa1~mv2.png)
このフレームライン、いろいろな付け方がありますが
画像が複数枚必要な記事の場合、ひとつひとつ付けるのは正直メンドウ。
そんな時、リサイズなども含めて同一編集をまとめて済ませると
作業効率が良くなります。
今日は無料ソフトPhotoScape(Windows版)でのバッヂ処理機能
「一括編集」でフレームラインを付ける手順をご紹介します。
![](https://static.wixstatic.com/media/f4230a_b325df97ebd44ced8e17edb702552aa6~mv2.png/v1/fill/w_64,h_47,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_b325df97ebd44ced8e17edb702552aa6~mv2.png)
一括編集を開きます。
![](https://static.wixstatic.com/media/f4230a_f22107e1e1b448ffa32d19ad78fb66ec~mv2.png/v1/fill/w_64,h_35,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_f22107e1e1b448ffa32d19ad78fb66ec~mv2.png)
編集する画像をドロップし準備します。
![](https://static.wixstatic.com/media/f4230a_387a8211a3aa448dbbcbb427c6bcda79~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_387a8211a3aa448dbbcbb427c6bcda79~mv2.png)
その前に、Webで使用する画像なのでまずはリサイズから。
画像に合わせて、「幅の調整」または「高さの調整」をします。
![](https://static.wixstatic.com/media/f4230a_f2e7865b237445a58a4ffb493442ff4b~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_f2e7865b237445a58a4ffb493442ff4b~mv2.png)
ここでは「高さの調整」を「800px」にしています。
![](https://static.wixstatic.com/media/f4230a_e636d5088c684403a7244af6b141538d~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_e636d5088c684403a7244af6b141538d~mv2.png)
「余白&丸みの適応」にチェックを入れます。
![](https://static.wixstatic.com/media/f4230a_f9bc83be0beb414c82883af1fbbaf14d~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_f9bc83be0beb414c82883af1fbbaf14d~mv2.png)
「修正」をクリックします。
![](https://static.wixstatic.com/media/f4230a_a1084330e2214a41b2014f10d3cc7dad~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_a1084330e2214a41b2014f10d3cc7dad~mv2.png)
【フレームライン】の「厚さ」と「カラー」を指定し、OKします。
ここではわかりやすく「赤」を選びました。
※フレームラインのみ有効にしたいので
【背景色】の【回転】を「0」
【余白】の「同じ余白を割り当てる」にチェック入れた状態で「0」にしています。
![](https://static.wixstatic.com/media/f4230a_8048257f17a9482a8881e2ab476ae99e~mv2.png/v1/fill/w_103,h_151,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_8048257f17a9482a8881e2ab476ae99e~mv2.png)
これだけで、複数画像に対してフレームラインを付けることができます。
カンタンです^^
![](https://static.wixstatic.com/media/f4230a_68b29d762cc643cfb8fc70999543c210~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_68b29d762cc643cfb8fc70999543c210~mv2.png)
ここでワンポイント。
リサイズした画像はシャープをかけて整えましょう。
【フィルター】タブに切り替えます。
![](https://static.wixstatic.com/media/f4230a_9a4dcfdd71de416891eca7fa48c14508~mv2.png/v1/fill/w_64,h_34,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_9a4dcfdd71de416891eca7fa48c14508~mv2.png)
画像を確認しながら「+1」から「+13」の範囲で指定します。
よく「シャープを軽くかける」なんて言ったりしますが
シャープはかけすぎると画像が荒れるので要注意です。
![](https://static.wixstatic.com/media/f4230a_bcbb822ff186485eb17bf0b2c219dc85~mv2.png/v1/fill/w_76,h_137,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_bcbb822ff186485eb17bf0b2c219dc85~mv2.png)
例:リサイズ後、シャープなし と シャープあり
![](https://static.wixstatic.com/media/f4230a_9df7414ffb294574ad420b7921dc9fe4~mv2.jpg/v1/fill/w_115,h_73,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_9df7414ffb294574ad420b7921dc9fe4~mv2.jpg)
その他、「明るさ」や「コントラスト」なども設定できます。
できたら右上の「すべて変換」をクリックします。
![](https://static.wixstatic.com/media/f4230a_c8f09b548b7a405bbfdf44818d362d42~mv2.png/v1/fill/w_76,h_42,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_c8f09b548b7a405bbfdf44818d362d42~mv2.png)
【ファイルの保存先】を選び「保存」します。
![](https://static.wixstatic.com/media/f4230a_0d4339ced552410a90c7dd66d7b828e6~mv2.png/v1/fill/w_57,h_64,al_c,q_85,usm_0.66_1.00_0.01,blur_2,enc_auto/f4230a_0d4339ced552410a90c7dd66d7b828e6~mv2.png)
あとはボタンの赤枠付けなど、個々の画像編集がまだまだありますが
私の場合、フレームラインはうっかり付け忘れることがよくあるので
一括編集で済ませておくだけでも、かなり効率良く作業できます^^
今日は無料ソフトPhotoScape(Windows版)での「一括編集」でフレームラインを付ける手順をご紹介しました。
何かの時にお役立てください♪
![](https://static.wixstatic.com/media/f4230a_4d007625aedb4d14a0d700177b9c5da3~mv2.png/v1/fill/w_100,h_100,al_c,q_85,blur_3,enc_auto/f4230a_4d007625aedb4d14a0d700177b9c5da3~mv2.png)
デジタルライフ・コンシェルジュ 吉田千恵子 パソコン塾三郷教室(埼玉) http://www.misatokyousitu.com/