photoscape-text-ec-20191225

画像編集

無料ソフトPhotoScapeで、ブログのサムネ画像に便利な「テキスト編集」する方法を画像つきで解説【縁取り/影/座標】



今回は、画像編集ソフト「PhotoScape」における…

テキスト(文字)編集の
基本的なやり方

を画像つきで解説していきたいと思います

想定しているシーンとしては、

  • ブログ内に挿し込む画像
  • ブログやYouTubeのサムネ画像(=アイキャッチ画像)

などです

具体的には、こんなことができるようになります

  • 文字を縁取りする
  • 文字にシャドウをかける
  • 文字の座標(配置)を、x軸・y軸で正確に指定する

この3つができるようになると、ブログやYouTube画像のテキスト(文字)入れが、一気に ”それっぽく” アレンジできると思います

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

リクナビNEXT

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

画像編集ソフトPhotoScapeでのテキスト編集方法【縁取り/シャドウ/座標】

はじめに大事なポイントとして、画像編集では

最終的な完成のとき以外は、
ファイル形式を「jpg」ではなく「png」で保存

するようにしましょう

なぜなら、「jpg」で保存を繰り返すと画質が劣化していくためです

詳しくは ↓ から♪

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

続きを見る

テキストを縁取りする

pc-work-202001_01

PhotoScapeを開いて、「画像編集」をクリックします

photoscape-text-20191225-hemming_01

↑ 左メニューから、編集する画像を選択しましょう

photoscape-text-20191225-hemming_02

↑ 下部メニューから、「オブジェクト」タブ > 「T」をクリックしてテキスト編集に入ります

photoscape-text-20191225-hemming_03

↑ まずは任意のテキストを入れて、フォントやサイズ、色など基本的な指定をしましょう

photoscape-text-20191225-hemming_04

↑ ベースのテキストができたら、その下の「アウトライン」という項目の「適用」にチェックを入れます

そしてその右側の「アウトライン + テキスト」を選択すれば、これでテキストが縁取り加工されます。 あとは、縁取りの色や厚さを指定すればOK

photoscape-text-20191225-hemming_05

↑ 文字がオレンジ色に縁取りされました🐥

テキストに影(シャドウ)をかける

pc-work-202001_02

下部メニューから「オブジェクト」タブ > 「T」をクリックまでは、1つ目の流れと同じです

photoscape-text-20191225-shadow_01

↑「シャドゥ」という項目の「適用」にチェックを入れましょう。 これでテキストに影をつけられます。

あとは、影の色やぼかし、透明度、太さ(x軸・Y軸)などを指定すればOK

テキストの座標を数値で正確に決める

pc-work-202001_03

また下部メニューから「オブジェクト」タブ > 「T」をクリックまでは、1つ目の流れと同様です

photoscape-text-20191225-coordinates_01

↑ テキスト編集画面の1番下「アンカー」という項目、ここでテキストの正確な座標を決められます

まずは「左上」と書かれてるタブを開いて…

photoscape-text-20191225-coordinates_02

↑ テキストの座標を決める、基準となる位置を指定しましょう。下記が例です(X軸が横 / Y軸が縦!

  • 「左上」を選べば、左上の隅っこが X軸0 / Y軸0
  • 「中央」を選べば、ど真ん中が X軸0 / Y軸0

まずは座標の基準を決めたうえで、そこからの座標を「X」「Y」の数値で指定していきます

「X」「Y」の数値は、マイナスも入力できるよ!

特に、「中央」を指定してテキストをど真ん中に配置するのは、ブログのアイキャッチ(サムネ)画像などを作るのに便利です

photoscape-text-20191225-coordinates_03

↑ こんな感じでもいいですし、もしくは網掛けや枠線も組み合わせて…

photoscape-text-20191225-coordinates_04

↑ こんな感じに仕上げても、よりサムネ(アイキャッチ)として見栄えが出るかなと思います

基本的な使い方はこれでOKです

大変お疲れさまでした♪

あずき🐥

【おまけ】そのほかに、ブログやるなら知っておきたい画像編集テクニック【初心者向け】

pc-work-202001_08

今回のテーマ以外にも、ブログ運営していて「知っといてよかった!」と感じた実用的な画像編集のテクニックを優しく解説してます

具体的には…

  • リサイズ ←画像編集するなら真っ先に知っておきたい!
  • ファイル形式の使い分け ←同じく絶対に知っておきたい!
  • テキストの挿入、縁取りや影付き
  • 網掛けや枠線、矢印の挿入
  • 透過処理

などなど… ブログやるなら知っておいて損はない、本当に実践的なスキルばかり

例えば、「ブログのサムネや解説用の画像」の編集をしたいけど…

  • 完全初心者で、まずなにからどうすればいいのかわからない…
  • 難しいことはいいから、「これだけは知っておけ!」っていうのを知りたい…

こんな方におすすめです

TOPページは ↓ から♪

image-edit-top-202001-ec
ブログ運営だけに特化した、「画像編集」の完全初心者向けテクニックTOP【超実用】

続きを見る

リクナビNEXT

この記事を書いた人

azuki_01

あずき

専業ブロガー / フリーランス3年目 / 元アパレル / WordPressとSEOを独学で学んで、10年間の会社員生活から独立しました

-画像編集

Copyright© あずきのぶろぐ。 , 2020 All Rights Reserved.