Local Image Studioの使い方

この記事はLocal Image Studioのヘルプページです。Local Image Studioで画像を読み込み、調整し、書き出すまでの基本操作と、各編集機能の使い方を説明します。

概要

Local Image Studio（LIS）は、Webブラウザ上で写真や画像を編集するための画像エディタです。トリミング、回転、リサイズ、ホワイトバランス、露出や階調、色、ノイズ除去、シャープネスなどの基本的な写真調整に加えて、RAW現像、トーンカーブ、カラーミキサー、各種フィルタ、文字入れ、図形描画、モザイク、周辺減光などを利用できます。

LISでは、読み込んだ画像をブラウザ内で編集し、WebP、JPEG、PNGの画像として書き出します。編集内容は元の画像ファイルそのものを書き換えません。ページを再読み込みしたり閉じたりすると編集中の内容や書き出した画像は保持されないので、必要な画像は最後に「Download」で保存してください。

STGY本体で画像をアップロードする際にも、必要に応じてLISと同じ画像エディタを呼び出して画像を調整できます。本記事ではSTGY本体の画像管理機能ではなく、Local Image Studio単体で画像を編集する機能を中心に説明します。

基本的な使い方

Local Image Studioを開くと、「Input」と「Output」の欄が表示されます。「Choose file」を押して画像を1枚選ぶと、その画像の編集画面が開きます。画像ファイルをLocal Image Studioの画面にドラッグ＆ドロップすることもできます。また、クリップボードに画像が入っている場合には、ページ上で貼り付けるとその画像を読み込めます。

編集画面で画像を調整したら、右下の「Finish」を押します。すると元画像を基に編集内容を反映した画像が生成され、Local Image Studioの画面に書き出し結果が表示されます。結果の下には画像形式、カラープロファイル、ファイルサイズ、ピクセル寸法が表示されます。「Download」を押すと画像ファイルを保存できます。

「Output」では、画像形式をWebP、JPEG、PNGから選べます。カラープロファイルは「best profile」「sRGB」「Display P3」から選べます。「best profile」は入力画像に応じて適切なプロファイルを自動的に選びます。一般的なWeb用途や幅広い互換性を重視する場合にはsRGBが無難です。Display P3は対応するディスプレイやアプリケーションで、sRGBより広い色域を利用できます。

書き出した後でも「Re-edit」を押すと、直前の編集内容を保持したまま編集画面に戻れます。また、結果を表示した状態でOutputの形式やカラープロファイルを変更すると、その設定で画像が再生成されます。

書き出し結果の画像をクリックすると、実ピクセル寸法で拡大表示できます。拡大画面はドラッグして移動でき、画面をクリックするか右上の「×」、またはEscキーで閉じられます。ノイズ、シャープネス、文字や描画の細部などは、最終的にこの表示で確認するとよいでしょう。

編集画面

編集画面の中央には画像のプレビューがあり、右側には通常「White balance」「Tone」「Color」「Finishing」の調整パネルがあります。画面上部には「Mixer」「Filter」「Text」「Draw」「Mosaic」「Vignette」「Crop」「Histogram」「Grid」の各機能があります。画面幅によっては、これらの配置が変わる場合があります。

通常のスライダーは、ドラッグすると値を変更できます。スライダーをダブルクリックすると、その項目だけを初期値に戻せます。パネル右上の開閉ボタンでは、使っていないパネルを折り畳めます。編集全体を最初からやり直したい場合には、画面上部の「Reset」を押します。

画像を通常表示している時に画像上をダブルクリックすると、その場所を中心として等倍表示になります。等倍表示では画像をドラッグして見る場所を移動できます。もう一度ダブルクリックすると等倍表示を閉じます。色や階調を調整する時は全体表示、ノイズやシャープネスを確認する時は等倍表示というように使い分けると便利です。

「Histogram」をオンにすると、画像の明るさや色の分布を確認するためのヒストグラムが表示されます。「Grid」をオンにすると、画像上にグリッドが表示されます。水平や垂直、構図を確認しながらCropや回転を行う場合に便利です。

「Mixer」「Filter」「Text」「Draw」「Mosaic」「Vignette」「Crop」などは、それぞれ画像上で操作する専用モードです。ある専用モードを選ぶと、他の専用モードは解除されます。

入力画像とRAW現像

LISはJPEG、PNG、WebP、HEIC、HEIF、TIFF、GIF、BMP、SVGなどの一般的な画像に加えて、DNG、CR2、CR3、NEF、ARW、RW2、ORF、RAF、PEF、SRW、X3FなどのRAW画像も読み込めます。ブラウザや画像自体の状態によっては読み込めないファイルもあります。

RAW画像を開く場合には、通常画像のように完成済みのRGB画像を読むのではなく、RAWデータから表示用の画像を現像します。画像を選ぶと、まず編集用プレビューが作られ、必要に応じて元の解像度の画像が準備されます。通常は既定値のまま使えばよく、RAW現像方式を細かく選ぶ必要はありません。

RAW現像の詳細設定を表示するには、Local Image Studioの「Choose file」を右クリックします。RAWの設定欄には「RAW demosaic」「RAW highlight」「RAW tone」があります。これらの設定を変更してからRAW画像を選ぶと、その設定で現像されます。

「RAW demosaic」は、センサーのベイヤー配列などからRGB画像を作るデモザイク方式です。Linear、VNG、PPG、AHD、DCB、DHT、Modified AHDを選択できます。既定値はDHTです。方式によって細部、偽色、ノイズ、処理時間のバランスが変わりますが、特に理由がなければ既定値で構いません。

「RAW highlight」は、RAWデータ中の非常に明るい領域をどのように扱うかを指定します。Clip、Unclip、Blend、複数段階のRebuildを選択できます。既定値はBlendです。強い白飛びの周辺に色がおかしく見える場合などに変更を試すための設定です。

「RAW tone」にはThumbnail、Entropy、Linearがあります。Thumbnailはカメラ内の埋め込みサムネイルが利用できる場合に、その明るさや色の傾向を参考にして初期現像を行います。EntropyはRAW画像自体の分布から初期階調を決めます。Linearは自動的な階調合わせを行わず、より素直な現像結果を出発点にします。通常は既定値のThumbnailが使いやすく、埋め込みサムネイルを利用できない場合には自動的に代替処理が使われます。

RAW現像後も、ホワイトバランス、Tone、Color、Mixer、Filter、Cropなど、それ以降の編集操作は通常画像と同じです。

ホワイトバランス

「White balance」では、画像全体の色温度と色かぶりを調整します。

「Temperature」をプラス側にすると暖色寄り、マイナス側にすると寒色寄りになります。「Tint」は緑とマゼンタ方向の色かぶりを補正します。白い物や灰色の物が不自然に青い、黄色い、緑っぽい、赤紫っぽいと感じる場合に調整します。

「White balance」の横にあるスポイトボタンを押すと、画像上から基準となる色を選べます。本来は白、灰色、黒などの無彩色である場所をクリックすると、その場所が無彩色に近づくようにTemperatureとTintが設定されます。照明そのものに色を残したい写真では、必ずしも完全な無彩色を目指す必要はありません。スポイトで大まかな基準を作り、その後スライダーで好みに合わせる使い方もできます。

明るさと階調

「Tone」では、画像の明るさと階調を調整します。各項目は役割が異なるので、まずExposureで全体の明るさを合わせ、その後にMidtone、Contrast、Shadow、Highlight、Black、White、Clarityを必要に応じて調整すると分かりやすいでしょう。

「Exposure」は画像全体の露出をEV単位で変更します。画像全体が暗い時はプラス、明るすぎる時はマイナスにします。大きく変更すると白飛びや黒つぶれが増える場合があるので、Histogramや画像を見ながら調整します。

「Midtone」は中間調を中心に明るさの分布を変えます。Exposureで全体の明るさは合っているものの、中間の明るさだけが重い、または軽すぎる場合に使います。

「Contrast」は暗部と明部の差を広げたり縮めたりします。プラス側ではメリハリが強くなり、マイナス側では軟らかな階調になります。

「Shadow」は暗部、「Highlight」は明部を主に調整します。暗い部分の情報を起こしたい場合にはShadowをプラス側へ、明るい部分を抑えたい場合にはHighlightをマイナス側へ動かす、といった使い方ができます。

「Black」は黒に近い領域、「White」は白に近い領域を調整します。ShadowやHighlightより端の階調を整えたい場合に使います。Blackを使って黒の締まりを調整し、Whiteを使って明部の抜けや白飛びの見え方を調整できます。

「Clarity」は画像の局所的な明暗差を調整します。プラス側では細部や質感がはっきりし、マイナス側では局所コントラストが弱くなって柔らかな印象になります。強くかけると不自然な縁取りやざらつきが目立つ場合があるので、等倍表示でも確認してください。

Tone見出しの「Auto」を押すと、Shadow、Highlight、Clarityをいったん初期値に戻した上で、Exposure、Midtone、Contrastを画像解析によって自動調整します。まずAutoで出発点を作り、その後に各項目を手で追い込むことができます。Exposure、Midtone、Contrastにはそれぞれ個別の「Auto」ボタンもあります。

トーンカーブ

Tone見出しのグラフボタンを押すと、「Tone curve」パネルが開きます。トーンカーブでは、入力の明るさに対して出力の明るさをどのように変えるかを、曲線として直接指定できます。グラフの左側ほど暗部、右側ほど明部を表します。背景には画像の明るさの分布も表示されます。

曲線上をクリックすると制御点が追加され、そのままドラッグして位置を調整できます。既存の制御点もドラッグして移動できます。制御点を右クリックすると削除できます。Macなど右クリックの代わりにCtrl+クリックを使う環境でも削除できます。「Reset」を押すと追加した制御点が全て削除され、標準の直線に戻ります。

中間調付近を少し持ち上げると中間調が明るくなり、下げると暗くなります。暗部側を下げて明部側を上げるS字にするとコントラストが強まり、逆S字にするとコントラストが弱まります。トーンカーブは自由度が高いので、最初は少数の制御点で小さく調整するのが安全です。

色の調整

「Color」には「Saturation」と「Vibrance」があります。

「Saturation」は画像全体の彩度を調整します。プラス側にすると色が鮮やかになり、マイナス側にすると色が薄くなります。大きく下げると無彩色に近づきます。

「Vibrance」も彩度感を調整しますが、Saturationよりも色ごとの状態を考慮した調整を行います。既に強く飽和している色を過度に押し上げず、彩度の低い色を中心に鮮やかさを加えたい場合に使いやすい項目です。Saturationで全体量を整え、Vibranceで見た目の鮮やかさを微調整することもできます。

特定の色域だけを変えたい場合には、次のMixerを使います。

Mixer

「Mixer」をオンにすると、画像の右上にカラーミキサーが表示されます。Mixerでは、特定の色域についてHue、Saturation、Luminanceを個別に調整できます。

標準のパレットには、色相環を12分割した12個の色ボタンがあります。赤、黄、緑、シアン、青、マゼンタの中間にも操作点があり、隣り合う色へ効果が滑らかにつながるようになっています。色ボタンを選んでから「Hue」を動かすと色相、「Saturation」を動かすと彩度、「Luminance」を動かすと明るさが変わります。それぞれのスライダーをダブルクリックすると0に戻ります。

Mixerモード中に画像上をクリックすると、その場所の色に最も近い色域が自動的に選択されます。例えば空の青だけを調整したい場合には、空をクリックして選ばれた色域のHueやSaturationを変更すると便利です。

Mixer右上のパレットボタンを押すと、12色の「Colors」とRGBの「Primary」を切り替えられます。PrimaryではRed、Green、Blueの原色成分を基準としてHue、Saturation、Luminanceを調整します。12色パレットより画像全体の色関係を大きく動かす用途に向いています。

Mixer内の「Reset」を押すと、Mixerで行った調整だけを全て初期化できます。

Filter

「Filter」をオンにすると、画像の右上にフィルタパネルが表示されます。フィルタは一度に1種類だけ有効になります。「Off」を押すとフィルタを解除します。

「Monochrome」にはRec 709、Rec 601、Average、Red、Yellow、Blueがあります。いずれもモノクロ画像にしますが、元画像の赤、緑、青をどの比率で明るさへ変換するかが異なります。Red、Yellow、Blueなどは、カラーフィルタを使ったモノクロ写真のように、元の色によって明暗関係を変えたい場合に利用できます。

「Photochemical」にはSepia、Cyanotype、Negative、Solarization、Cross Process、Bleach Bypassがあります。Sepiaは褐色系、Cyanotypeは青系の古典的な写真表現です。Negativeは色と明暗を反転したネガ風、Solarizationは明暗反転を部分的に組み合わせた表現です。Cross Processは色を大きく転ばせたクロスプロセス風、Bleach Bypassは彩度を抑えながらコントラスト感を強めた銀残し風の表現です。

「Simulation」にはProvia、Velvia、Astia、Eterna、C. Chromeがあります。写真用フィルムやフィルムシミュレーションを意識した色と階調のプリセットです。色鮮やかなもの、軟らかなもの、彩度を抑えたものなど、仕上がりの方向を素早く変えたい場合に利用できます。

「Others」にはSwap RGB、Part Color、Dichrome、Trichrome、Duotone、Super MC、Edgeがあります。これらのボタンは、同じボタンを繰り返し押すことで複数のバリエーションを順番に切り替え、最後にOffへ戻るものがあります。

「Swap RGB」はRGBチャンネルの組み合わせを入れ替えて非現実的な色を作ります。「Part Color」は選んだ色域を残し、その他をモノクロに近づけます。「Dichrome」「Trichrome」「Duotone」は限られた色の組み合わせで画像を再構成する表現です。「Super MC」はモノクロ変換時の色別の寄与を強く変える特殊なモノクロ表現です。「Edge」はCanny、XDoG、Multi-scaleの輪郭抽出を切り替え、線画やデッサンに近い表現を作ります。

フィルタを適用した後でも、White balance、Tone、Colorなどの通常の調整項目を変更できます。フィルタは完成形を一発で決める機能というより、色や表現の方向を決めるための出発点として使うこともできます。

Cropと回転

「Crop」をオンにすると、切り抜く範囲の四隅にハンドルが表示されます。四隅をドラッグして範囲の大きさを変え、枠の内側をドラッグして位置を移動できます。枠の外側は暗く表示され、最終画像には枠の内側だけが残ります。

画像が横長の場合には1:1、4:3、3:2、16:9、縦長の場合には1:1、3:4、2:3、9:16の比率ボタンが表示されます。ボタンを押すと、現在の中心位置をなるべく維持しながら、その縦横比に切り抜き範囲を調整します。比率ボタンを使わず、四隅を直接動かして任意の比率にすることもできます。

Cropモード右上の回転ボタンを押すと回転モードになります。画像の四隅に現れるハンドルをドラッグすると、画像を細かい角度で回転できます。傾いた水平線や建物を補正する場合には、Gridを表示して合わせると分かりやすくなります。

Cropと回転は、画像の構図を決める操作です。細かなシャープネスやノイズを見る前に、おおよその構図を先に決めておくと編集しやすくなります。

Text

「Text」をオンにして画像内をクリックすると、その場所に新しい文字を追加できます。入力欄に文字を入力すると画像上に表示されます。作成した文字はドラッグして位置を移動できます。

文字の編集用ボタンでは、文字サイズ、文字色、縁取り色、フォントを変更できます。文字色には黒、灰色、白のほか複数の色があり、縁取りは背景との明暗差が小さい場所でも文字を読みやすくするのに便利です。フォントはNoto Sans JP、Noto Serif JP、Klee One、Dela Gothic One、Zen Old Mincho Blackを順番に切り替えられます。

不要な文字は「×」ボタンで削除できます。写真の説明、日時、場所、簡単な注記などを画像そのものに入れたい場合に利用できます。

Draw

「Draw」をオンにすると、Line、Rectangle、Ellipseから描画する図形を選べます。画像上をドラッグすると、線、長方形、楕円を作成できます。

作成した図形は移動したり、端や四隅のハンドルを動かして大きさや形を調整できます。線の太さはThin、Medium、Thick、Extra thickの4段階を切り替えられ、線の色も変更できます。RectangleとEllipseでは塗りつぶし色も指定できます。不要な図形は「×」で削除できます。

場所を囲って示したり、矢印の代わりに線を引いたり、簡単な説明図を写真上に作る用途に使えます。

Mosaic

「Mosaic」をオンにして画像上をドラッグすると、矩形のモザイク領域を作成できます。既に作成したモザイク領域はドラッグして移動できます。不要な領域は右上の「×」で削除できます。複数のモザイク領域を同じ画像に置くこともできます。

顔、車のナンバー、画面内の文字列など、公開したくない部分を隠す場合に利用できます。モザイクをかける範囲は、最終出力前に必ず確認してください。

Vignette

「Vignette」をオンにすると、画像上に楕円形の領域が表示されます。楕円の内側を基準として、画像の外側へ向かって徐々に暗くなる周辺減光を加えます。

楕円は移動や大きさの変更ができ、画像上の主題に合わせて中心と範囲を調整できます。強さはEVで変更できます。人物や物体の周囲を少し暗くして視線を中央へ集めたい場合などに利用できます。強くかけすぎると不自然になりやすいので、まず弱めの値から調整するとよいでしょう。

Denoise、Defringe、Resize、Sharpen

「Finishing」には、出力前の仕上げに使うDenoise、Defringe、Resize、Sharpenがあります。

「Denoise」は画像のノイズを低減します。高感度撮影や暗部を大きく持ち上げた画像では効果が分かりやすくなります。強くしすぎると細かな模様や質感まで平滑化されるので、等倍表示で確認しながら調整してください。

「Defringe」は、輪郭の周辺に出る紫や緑などの色ずれを抑えます。明暗差の大きい境界に色の縁が見える場合に使います。問題がない画像では0のままで構いません。

「Resize」は出力画像の大きさを、元画像に対するパーセントで指定します。100%なら元のピクセル寸法を基準に出力し、小さくすると縮小します。「2MP」「5MP」ボタンを押すと、画像の縦横比を維持しながら、およそ200万画素または500万画素になる倍率を自動設定できます。Web掲載などで元画像の全画素が不要な場合には、適切に縮小するとファイルサイズも小さくできます。

「Sharpen」は輪郭や細部を強調します。Resizeで縮小した後の見た目を整えたり、少し甘い画像の細部を引き締める場合に使います。ノイズも強調されるので、必要ならDenoiseを先に調整し、最後にSharpenを決めると分かりやすいでしょう。

画像の確認

画像編集では、全体の印象と細部の両方を確認することが重要です。通常表示では構図、明るさ、色のバランスを確認し、等倍表示ではピント、ノイズ、シャープネス、色ずれ、文字や描画の縁などを確認してください。

Histogramは、画面だけでは判断しにくい明るさの偏りを確認する助けになります。ただし、ヒストグラムの形に唯一の正解があるわけではありません。夜景なら暗部が多く、雪景色なら明部が多くなるのが自然です。画像の内容を見た上で補助情報として使ってください。

編集画面に表示されるプレビューは、操作を軽くするために最終出力より小さな画像を使う場合があります。特にRAW画像では、最初にサムネイルや編集用プレビューを使い、その後に高解像度のデータを準備します。「Finish」では編集内容を最終画像へ適用するため、細部の最終確認は書き出し結果をクリックして行うのが確実です。

出力と保存

編集画面で「Finish」を押すと、Local Image Studioのメイン画面に結果が表示されます。出力形式はWebP、JPEG、PNGから選べます。

WebPは写真でも比較的小さなファイルにしやすく、Web用途に向いています。JPEGは非常に広く対応しているため、他のアプリケーションとの互換性を優先する場合に便利です。PNGは可逆圧縮なので、再圧縮による画質劣化を避けたい画像や、後で別のソフトウェアで加工する素材に向いています。写真では一般にWebPやJPEGよりファイルサイズが大きくなります。

カラープロファイルは「best profile」「sRGB」「Display P3」から選択します。「best profile」は入力に応じて自動選択します。どの環境でも同じように見えることを優先する場合にはsRGBが扱いやすく、広色域を維持したい場合にはDisplay P3を選べます。ただし、Display P3の表示は閲覧環境側の対応にも依存します。

結果欄には、画像形式、実際に使われたカラープロファイル、ファイルサイズ、ピクセル寸法が表示されます。結果画像をクリックして細部を確認し、問題がなければ「Download」で保存します。調整し直す場合には「Re-edit」を押します。

Local Image Studioは編集結果をSTGY上の画像として自動保存するものではありません。作業を終える前に、必要な結果を必ずDownloadしてください。