SnapSeed

前回のブログでPhotoshop Expressによるフォトレタッチを紹介しましたが、同じような事のできるアプリはまだまだ色々あります。
その中でもGoogleが現在リリースをしている「Snapseed」をご紹介しましょう。

こちらも前回同様、具体的にどのような事が出来るのか、写真のレタッチをベースに紹介します。

【Snapseed】

iOS版/Android版

・起動画面

今回はAndroid版をタブレットで操作します。
起動画面はかなりシンプルです。

画面下の写真を開くのアイコンをタップしてギャラリーから写真を選択します。

・基本インターフェース

写真を開くとこのような画面になります。

Photoshop Expressよりもよりシンプルな画面かも知れません。
特徴としては画面左下の「濃淡ヒストグラム」の表示でしょうか。
Snapseedではこのヒストグラムを確認しながら画像処理を行っていきます。
それだけでかなり敷居が高く感じられるかもしれませんが、比較的簡単に操作はできますので、特に難しく考える必要な無いと思います。
ちなみにヒストグラムに関しては過去のGIMP講座をご参考にして下さい。

では、前回と同じフォトレタッチをしてみましょう。

・機能選択

Snapseedではまず右下の編集ボタンをタップします。

すると次の画面に移行します。

ここでは使用できるレタッチツールと特殊効果のフィルタが選べるようになっています。
かなり数が多く、Photoshop Expressより多機能である事が伺えます。

どちらかと言うとSnapseedは撮影後にじっくりと画像を編集するのに向いており、Photoshop Expressは撮影しながらササッと編集するのに向いていると思います。

・自動調整

自動調整を含め、画像の補正を行うには画像調整のボタンをタップします。

すると、補正用の画面に切り替わるのですが、あまり大きく変わった印象がありません。

自動調整に関しては画面下部の自動調整をタップするとおこなえます。

こちらの自動調整もヒストグラムの状態を「最適」な状態に機械的に行うものですので、思ったようになるかはどうかは分かりません。

・フィルタ

Photoshop Expressでは「外観」という機能でしたがSnapseedでは「フィルタ」となっています。
「フィルタ」では画像に様々な特殊効果をかける事が可能です。

これは「HDR風」になるフィルタを指定した例。
ハイ・ダイナミック・レンジの通り画像の明るさの領域が広くなり暗部のトーンもハッキリとする。

・補正

では、細かく画像の要素を設定しながら色調補正してみましょう。
先ずは画像の明るさ、露出から。

画像調整を選択すると明るさの変更が先ず表示されます。
後は画像を左右にスナップすると明るさが変わって行きます。

露出オーバーの例。

右にスナップすると明るくなります。

露出アンダーの例。

左にスナップで暗くなります。

この時に、左下のヒストグラムの形をよく見ておきましょう。
露出オーバー、つまり画像が明るいとヒストグラムの山の形が右側に寄り、露出アンダー、画像が暗くなると左側に寄る状態になります。

ヒストグラムは右側が明るいピクセル、左側が暗いピクセルになっており、この山はどの明暗のピクセルが多いのかという明るさの出現数を表しています。

ですので、補正を行う際はこの山がどちらかに偏るようなヒストグラムにならないように微調整することが重要になります。

・コントラスト

明るさ以外の項目は、画像を上下にドラッグすると項目を切り替えることが出来ます。

画像を上下にドラッグするとメニューが表示される。

コントラストを選択して画像の明暗の度合いを調整します。

コントラストを高くした例。

明暗が大きくなりすぎて画像が荒れてしまっている。

コントラストを低くした例。

明暗差がなくボンヤリとしたイメージ。

ここでも左下のヒストグラムを見てみましょう。

上がコントラストが高い状態のヒストグラム、下が低い状態のヒストグラムです。
低い方のヒストグラムの山の幅が狭い事が分かるかと思います。
画像の補正をする際にはこの山が左右に満遍なく広がっている方が良いとされています。
（但し、上の方は山が高い状態で左右が切れてしまっているので、極端な明暗差が出てしまっています。）
画像を読み込んだ際に、まずヒストグラムを確認して画像の状態を判断した上で補正をすると良いでしょう。

・暖かさ

Photoshop Expressにおける「色合い」はSnapseedでは「暖かさ」になっております。

やや青みが強いので少し暖色系の度合いを増やした例。

Photoshop Expressと同じように白のハイライト部分の色味を確認しながら調整する。

画像を右にドラッグすると赤系の暖色の度合いが増えて行き、左にドラッグすると青系の寒色が増えてゆきます。

・彩度

色の鮮やかさを調整してみましょう。
「彩度」では色の濃淡を調整できます。

Photoshop Expressでは「自然な彩度」でしたが、

こちらは「彩度」なので下げると完全に色がなくなります。

今回も少しだけ鮮やかに彩度を調整しました。

この他に補正には「ハイライト」「シャドウ」などのPhotoshopにもあった設定もありますし、独自の「アンビエンス」という背景と前景の明るさを変更するような変わった物もあります。
今回は前回の補正と同じようになるように項目を選んでいます。

・ディテール

画像をクッキリとさせる「シャープ」の機能は「ディテール」を選択すると可能になります。

選択後、画像の左右のドラッグでシャープの度合いの変更ができます。
その他、上下のメニューでは画素に大きな明暗の差のある部分のみシャープにする「ストラクチャ」という機能もあります。場合によりますが輪郭をハッキリ出したり、肌理を強調したい時には良いかも知れません。

ほんの少しだけシャープを強調。

・周辺減光

前回で枠の指定を用いて行った周辺減光はそのままの項目が有ります。

Snapseedでは外側の明るさを調整して明るくも暗くも出来るのですが、面白いのは一番明るくなる中心部分を画面上の青い点をドラッグする事で変更できる点です。
上手くやれば光の当たり方の調整も出来るかもしれません。

・レタッチ

レタッチの機能はかなり多めになっています。

画像を回転・自由な形状変形・ブラシによる部分的な色調補正など様々なものが有ります。

特徴的なのは特に変形のレタッチを使うと同時に元画像を補完処理して隙間を埋めたりなどの画像処理を行ってくれる点です。

なので、初心者でも細部のアラを気にすることなくレタッチできます。

変形の処理を行った例。

画像がゆがんで傾いているのが確認できる。

また、画像隅の部分は自動で補完処理された存在しない画像になっている。

ブラシの選択画面。

各種色調補正機能をブラシで部分的に行う事が出来る。

・トリミング

同じくトリミング機能では画像の構図の決定や傾き調整、回転・反転などが行えます。

トリミングの画面。

枠をスナップしながら構図を整える。

また、様々なサイズを選択することができます。

各フレームサイズ。
必要に応じて使い分けるといいだろう。

・オリジナルを表示

オリジナルを表示をタップすると元画像と現在の加工状態を切り替えて表示・比較出来ます。
どのように変化したか確認するのに便利な機能です。

・保存/共有

作成した画像は端末に保存、または共有が行えます。
画面の右上のボタンで行えます。

撮影した写真をレタッチしてSNSに投稿などが可能な訳です。

・履歴

Snapseedの面白い機能に履歴の利用が有ります。

作業を続けていると画面右上に数字がドンドン増えて行くのが確認できるのですが、この数字をタップするとそれまでの作業が履歴表示されます。

この画像は画像補正→ディテール→周辺減光→レンズぼかし、という風に作業を進めてきたものです。
そして履歴表示をして、周辺減光の項をタップした状態です。
すると、行ったはずのレンズぼかしがキャンセルされるのですが、項目自体は半透明になって残っています。
更にその状態で新たに「HDR風」のフィルタを使用すると周辺減光→HDR風という風になります。

ここで、半透明になっているレンズぼかしをタップすると、周辺減光→HDR風→レンズぼかしという風に作業が入れ替わるのです。

これを使えば作業順を入れ替えることによる効果の変更などが行え、かなり自由なレタッチができるのです。

大まかにはこのようなアプリで、かなり細かく高度なレタッチ作業が可能なのが特徴と言えるでしょう。

撮影に専念して、後でレタッチして使いたいという方には最適なツールではないでしょうか？

Photoshop Express

Adobeがこの数年モバイルアプリに力を入れているのは知られていますが、その殆どはサブスクリプションの購入を前提とした物が少なくありません。

その中でもごくごく初期の頃から無料配布（アプリ内購入はあり）でサービスしてきたモバイルアプリに「Photoshop Express」があります。

具体的にどのような事が出来るのか、写真のレタッチをベースに紹介します。

【Photoshop Express】

・起動画面

アプリを起動すると初回はクリエイティブクラウドの接続のためのAdobeIDの登録を促されますが、登録無しでも使えます。

起動後の画面には4つのアイコンが表示されています。

「カメラ」はスマートフォンやタブレットのカメラで撮影しながら加工するもの。
「ギャラリー」は撮影後のフォトギャラリーに記録された画像を選んで加工するもの。
「Creative Cloud」はAdobeのクラウドサービスに保存した画像をダウンロードして加工。
「Adobe Revel」もAdobeのクラウドサービスですがSNSに近いものです。そこから写真をダウンロードします。

また、左上の歯車のアイコンは環境設定で、AdobeIDの登録などが可能です。

では、ギャラリーから写真を選んでみます。

・基本インターフェース

写真を開くとこのような画面になります。

Photoshopと名前が付いていますが、操作が簡略化されているのでPhotoshop Elements的なシンプルな構造を思い出します。

では、フォトレタッチをしてみましょう。

・自動調整

とにかく単純に写真を「良い状態」にするには、画面上部中央の自動調整のアイコンをタップするだけです。

すると、アプリ側で濃淡のバランスや色かぶりなどを補正してくれるのですが、あくまでも機械的に処理をしているだけ（色調補正のアルゴリズムに従って）ですので逆にあまり良い印象の写真にならない事も多いです。

・外観

外観の機能はサムネイルという小さな画像で表示されている加工後のイメージをタップするだけでその補正を行ってくれるという機能です。
こちらだと基本的な加工後イメージを確認できるので自分のイメージに合った補正が出来るかもしれません。

ここでは紗がかかって幻想的なイメージになる「ドリーム」を選んでいます。

外観の中には鍵のマークが付いた物があり、これらは購入しない限りは使えないようになっています。

・補正

補正のアイコンをタップすると細かく画像の各要素を設定できるようになります。
例えば写真の明るさを調整する「露光」を操作してみます。

露出オーバーの例

画像下のスライダを右に動かすと露光量が増えて行き、オーバーなイメージになります。
また、左にスライドするとアンダーなイメージになります。

露出アンダーの例

ちなみに左端の「自動」をタップすると「自動露光」になり、適切だと思われる明るさにしてくれます。
（この原理に関してはGIMP講座でのヒストグラムで解説しています）

・コントラスト/ハイライト/シャドウ

個人的な好みでやや露光量をアンダーにしたので、次にコントラストを調整してみようと思います。

コントラストは画像の明暗差の事で、差が大きいと画像が濃くなり、差が小さいと薄くなります。
スライダを右に動かすとコントラストが高くなり濃い画像に、左でコントラストが低くなり淡い画像になります。

露出アンダーで明るい部分がやや少なくなったので、ややコントラストを高くして明るい部分と暗い部分をくっきりと力強くしてみました。

その他にハイライトを調整すると画像の明るい部分の範囲をシャドウを調整すると暗い部分の範囲を調整できます。

Photoshopに慣れている方だとレベル補正やトーンカーブによる色調補正をイメージすると良いでしょう。

・色合い

ここまでは明るさを中心に補正してきましたが、色の補正をしてみましょう。

スライダを右に動かした例。
青～紫の色が強い。

色合いではスライダを右に動かすと青みが強くなり、左に動かすとその補色である黄～赤色が強く出て来ます。
補色は反対色ですので補色の間の色の変化（グラデーション）が画像全体に影響します。
この辺りは色の三属性とか加法混色の原理などを知っておく方が良いのですが、ここは単純に画像において白っぽい部分を確認してみましょう。

明るい部分にはその画像に特に強く全体に影響する色が表れます。
個人的にはやや青みが強いような印象を受けたので、青みが強くなる右ではなく反対の左にスライダを動かしています。

この様に色味の調整をする事をホワイトバランスと言います。

・自然な彩度

色の鮮やかさを調整してみましょう。
自然な彩度では色の濃淡を調整できます。
スライダを右に動かせばビビッドに、左に動かせばグレーに近づいていきます。

スライダを一番左にして彩度を下げた状態。
「彩度」ではなく「自然な彩度」としているのは彩度0=グレーとなるはずなのだが、
うっすらと色が残っている状態になっているように微調整を行っているからだと思われる。

今回はやや鮮やかな色味にしてみました。

若干ビビッドに彩度を指定した。
あまり上げ過ぎると逆効果になる。

・シャープ

最後に先鋭化を行って、画像をクッキリとさせます。

シャープのスライダを右に動かすとドンドン画像がクッキリしていきます。
あまり上げ過ぎると画像が荒れますので適度な値にしておきましょう。

ホンの少しだけシャープを入れる。
エッジがやや際立ってクッキリとした印象を与える。

・フレーム/エッジ

画像には枠を付けることが出来ます。

今回は個人的な趣味で周辺減光っぽい雰囲気になるビネットの黒を指定しました。

・レタッチ

画像の修正を行うレタッチ機能もあります。

Photoshopで言うところの修復ブラシ・スポット修復ブラシのような感じです。
上手く修正するにはズームを上手く使ったりとコツがいります。

・トリミング

トリミング機能では画像の構図の決定や傾き調整、回転・反転などが行えます。

トリミングの画面。

枠をスナップしながら構図を整える。

下には傾き調整などのインターフェースが見える。

また、制約を選ぶと構図を様々なサイズで決めることができます。

制限の中の各フレームサイズ。
必要に応じて使い分けるといいだろう。

・オリジナルを表示

オリジナルを表示をタップすると元画像と現在の加工状態を切り替えて表示・比較出来ます。
どのように変化したか確認するのに便利な機能です。

・保存/共有

右上のAndroidではお馴染みの共有マークでデータを保存。

作成した画像は端末に保存、またはAdobeのクラウドサービス、または様々なアプリケーションを介しての共有が行えます。

撮影した写真をレタッチしてSNSに投稿などが可能な訳です。

他にフラッシュでの赤目の修正などの機能もあり、基本的な写真修正の為のツールは揃っている感じです。

Photoshopであれば現像アプリのLightroomやレイヤーなどの合成機能も持ったPhotoshop MIXなどもモバイル用に提供されています。
その中でも一番簡単に使えるのがこのPhotoshop Expressになるでしょう。

また、これと同様の画像処理アプリも色々ありますので、またそれもご紹介したいと思っています。

10月のスケジュールを公開しました

9月も半ばを過ぎましたので、凡そ決まりつつあるスケジュールに合わせて、教室の開講可能スケジュールの10月分を公開しております。

今のところ、10月からは月・水・金がしばらく空いている状況が続く予定です。
9月はほぼ毎日開講できます。

ただ、急な予定の変更はありますのでご注意ください。

只今、教室でこの記事を書いているのですが、ひな鳥が飛ぶ練習をしているのかヨチヨチと教室の周りをうろついております。
親鳥も遠くからそれを見ています。

こうやって色々体験して一人前になっていくのだなと、ふと思いました。

当教室でも色々な体験が出来ますので、「飛び立ってみたい」方はご連絡を。

Windows10

7/29にリリースされたWindows10。
Windows7/8/8.1からだと無償アップグレード出来るので、既に使ってる方も多いかと思います。

ただ、WindowsのPCはメーカー毎にハードウェアの仕様が違うのでアップグレードしようと思っているマシンがWindows10に対応しているかメーカーのアナウンスを確認してからの方がいいでしょう。
自作機だとドライバーの対応を確認するのに大変そうな気もしますが。

教室ではまだチョット様子見で年始か年度替わり辺りで更新しようと考えています。
多分アプリケーション的には問題無いでしょうけど、ちょっと慎重に。

で、実はモバイル機として使っているWindowsPCを試しにWindows10にしてみました。

【ASUS　VivoBook X102BA】

海外メーカーですが台湾のASUS社のウルトラモバイルPCです。
私はこれのホワイトモデルを愛用しております。
日本では正式にサポートされていないようですが、量販店でちゃんと正規販売されているという不思議な機種です。
出先でプロジェクタを使用させてもらう時に、タブレット端末のHDMI端子などに対応していない場合が多いのでVGA出力というレガシーな端子を持っているこれにしました。

実はこれモニタが10.1インチのタッチスクリーンなんです。
なのでWindows8のメトロインターフェース（あの四角いやつですね）との相性はいいのですが、完全にメトロに対応したアプリが不充分という事もあって、基本的にデスクトップで操作することになるんですね。
すると、この小さな画面ではせっかくのタッチスクリーンが活かせないのです。インターフェースが小さすぎて。

ですので、持ち歩きの時は本体と電源とマウスまたはスタイラスペンという感じでほとんど画面をタッチすることが無かったのです。

ですが、Windows10にアップグレードして、飛躍的にこの辺りの不満が軽減されました。

という事で、どういう所が変わったのか、あくまで私の環境での話ですが、挙げてみます。
ご参考までに。

●タブレットモードとデスクトップに境がない

一番驚いたのはコレです。
以前のWindows8ではメトロ画面とデスクトップに環境が分かれていて、その切替が煩わしかったりしました。
ですが、Windows10の「タブレットモード」と「デスクトップ」はほぼ境目なくアプリを起動します。
これが非常に快適。
簡略化されたタブレット用のインターフェースでもちゃんとWindows10の操作が出来るように設計されています。
ノートPCではなく、AndroidのタブレットPCを操作しているような解りやすさです。

Windows10のタブレットモード。
Windows8と同じメトロインターフェースを採用している。

タブレットモードへは以前のチャームと同じように画面右をスワイプすると表示される通知画面で切り替える。

●動作が思ったより軽快

新しいOSを古い機種にインストールすると動作が重たくなったりするのが当然でした。
ましてや、このウルトラモバイルPCはタブレット用のCPUを採用してるPCとしては非力な方。
対応機種とはいえ、今までの経験から、多分動きは悪くなるだろうと予想しておりました。

で、実際インストールしてみて感じたのは、非常に動作が軽い。
確かにややもたつく所はありますが、元々が非力ですので。それにしてもちゃんと気持ちよく動いてくれるのです。

●新ブラウザ「EDGE」が凄く軽快

Windows10からブラウザソフトが新しくなっているのは有名ですが、この「EDGE」が動作が軽快かつ多機能。
特にPDFのブラウザとしても使用出来たり、表示ページに注釈を付けることが出来たりと面白い機能が追加されています。
Windows8のInternetExplolerよりも操作も分かりやすくて、他のブラウザもインストールしてはいますが、基本は「EDGE」で充分にブラウジング出来ます。

新ブラウザのEDGE。

シンプルなデザイン。

右上の各種ボタン。

右から三番目のペンとノートのボタンが注釈画面への切り替え。

●アプリケーションの切り替えもタッチで出来る

Windowsだとお馴染みの「Windowsキー」+「Tabキー」でのアプリケーション切り替え。
タッチパネルだと以前のWindows8では画面左からのスワイプでしたが、Windows10では起動アプリの一覧ボタンがあります。
またAndroidではお馴染みの「戻るボタン」もタブレットモードでは表示されるので、殆どのOSの操作が直感でデスクトップ並みに行えます。

アプリケーションの切替画面。

アプリケーションの切り替えや終了を行える。

タブレットモードのタスクバー。

左のスタートボタンはホーム画面へ戻る。長押しするとコンテクストメニューが開く。

矢印は「戻るボタン」。操作をひとつ前に戻したり、アプリを閉じたり出来る。

虫眼鏡は検索ボタン。

一番右がアプリの切り替えボタン。

デスクトップモードだと仮想デスクトップなども。

今のところはこんな感じでしょうか？
デスクトップモードでガシガシ使うとまた違う印象を受ける事になるのかもしれませんが。
個人的にはタッチスクリーン搭載機ならアップグレードしてタブレットモードを使うとかなり快適になるかと思います。

また新しい事に気付いたらご紹介しますね。