ご相談はLINE公式アカウントからどうぞ
PR

PhotoScape(フォトスケープ)のトリミング方法(サムネイル・正方形・円形など)

【当サイトはアフィリエイト広告を利用しています】



この記事ではPhotoScape(フォトスケープ)のトリミング方法について詳しく解説します。

フォトスケープのトリミングでは正方形や円形、サムネイル用やアイキャッチ画像など様々な用途に合わせたサイズでトリミングすることができます。

操作方法もまったく難しくないので、この記事を読みながら一緒に作業してみてくださいね。



PhotoScape(フォトスケープ)のトリミング方法

PhotoScapeのトリミングは様々なやり方がありますが、ここではよく使う画像サイズのトリミング方法について解説します。

正方形トリミング
3:4(2~3カラム・バナーなど)
サムネイル・アイキャッチ

①自由トリミング

自由トリミングとは文字通り好きなサイズに画像を切り取る機能です。特に画像サイズに指定がない場合は自由トリミングを使いましょう。

ではやり方です。まずはPhotoScapeの画像編集画面を開きましょう。

PhotoScape
画像編集をクリックします。
PhotoScape(フォトスケープ)のトリミング方法
左側のフォルダを右側のスペースのドラッグしてください。
PhotoScape(フォトスケープ)のトリミング方法
「トリミング」タブを開きます。
PhotoScape(フォトスケープ)のトリミング方法
デフォルト設定では自由トリミングになっていますのでそのまま使ってみましょう。
PhotoScape(フォトスケープ)のトリミング方法
左クリックをしながらドラッグ→Enterキーを押せばトリミング完了です。

②円形トリミング(丸く切り抜く)

PhotoScape(フォトスケープ)のトリミング方法
円形トリミングは画像を丸く切り取る機能です。円形の外側の背景色は変更できるので、ブログやホームページの背景色となじませれば自然な円形画像を見せることができます。

では実際にやってみましょう。

PhotoScape(フォトスケープ)のトリミング方法
トリミングタブで「円形にトリミング」にチェックを入れます。デフォルトでは背景色が白になっているはずです。
PhotoScape(フォトスケープ)のトリミング方法
今回の解説ではわかりやすいように背景色を赤にしてみます。
PhotoScape(フォトスケープ)のトリミング方法
ドラッグで範囲指定し、Enterキーを押しましょう。
PhotoScape(フォトスケープ)のトリミング方法
円形トリミングが出来ました!円形の外側は赤背景なので、赤背景のサイトと合わせれば上手くなじみます(赤背景色のサイトはちょっと怖いですけど)。

③正方形トリミング(1:1)

次は正方形トリミングです。

PhotoScape(フォトスケープ)のトリミング方法
縦横1:1で好きなサイズにトリミングできます。では実際にやってみましょう。
PhotoScape(フォトスケープ)のトリミング方法
トリミングタブでドロップダウンメニューを選択します。
PhotoScape(フォトスケープ)のトリミング方法
「1:1」を選択しましょう。
PhotoScape(フォトスケープ)のトリミング方法
範囲指定をすると必ず正方形で統一されます。好きなサイズにドラッグしたらEnterキーで切り取りましょう。

④サムネイルやアイキャッチサイズ(16:9)

PhotoScape(フォトスケープ)のトリミング方法
Youtubeのサムネイルやブログのアイキャッチ画像の比率である「16:9」です。かなり使うサイズなので、よくあるトラブルの解決方法も合わせて説明します。

ではまずはトリミングサイズを16:9に変更します。

PhotoScape(フォトスケープ)のトリミング方法
16:9を選択します。これでトリミングをすればいいんですが、割とトリミング段階で起きやすいトラブルがあります。
PhotoScape(フォトスケープ)のトリミング方法
16:9って割と縦幅が狭いので、画像が見切れてしまうことが多いんですよね。この場合の解決方法をシェアします。
PhotoScape(フォトスケープ)のトリミング方法
「ホーム」のタブにして「余白」をクリックしましょう。
PhotoScape(フォトスケープ)のトリミング方法
  1. 余白の色:画像の背景色に合わせる
  2. 余白のサイズ:100pxにする(最大幅)

にします。今回は画像の背景色が白なので白にします。トリミング時にはみ出ないようにしたいので、余白は複数回追加しておくといいです。

PhotoScape(フォトスケープ)のトリミング方法
余白を追加することできれいにおさまりました。僕はいつも16:9に切り抜きたい時はこの方法でやってます。

⑤2~3カラムやバナー画像サイズ(3:4)

PhotoScape(フォトスケープ)のトリミング方法
広告のバナー画像や2~3カラムで画像を並べる時にちょうどいいサイズです。
PhotoScape(フォトスケープ)のトリミング方法
3:4を選択してトリミングすればOKです。





Photoscapeは複数画像を一括トリミングできる?

たまにある質問が「複数の画像をまとめてトリミングできないか?」というものですが、PhotoScapeにはまとめてトリミングする機能はありません(リサイズはできます)。

画像編集にて

  • トリミング
  • Ctrl+Sで保存

などショートカットキーを上手く使いながら効率化していくしかなさそうです。