This article is written in Japanese.

去年の年末にいろいろ購入したものの紹介の第３段です。

今回はMac用の画像編集ソフトです。

用途としては主に
1) アプリなどで使うPNGファイルの作成
2) 写真などで使うJPGファイルの編集
これらを想定しています。

ぼくは
・サブスクリプションが嫌いです。
・CPUやGPU、バッテリなどを酷使するソフトは嫌いです。
ということで、プロなどが使うA社のソフトやAで始まるソフトは除外しました。

A社のソフトは高価で有名でしょう。皆さん誰でも知ってます。
Aで始まるソフトはAppleなども推してる、Macの特徴を活かしたアプリを謳っています。

で、元々は去年の年末にどのドローソフトを今後使っていくかを考えたのですが、Aで始まるソフトのドローアプリを使ったら、こりゃぁダメだとなりました。使ってる最中にGPUを恐ろしく使ってファンがブン回り、アプリを閉じた後も他のアプリと比べて1000万倍以上のエネルギーを消費したと記録されてました。Macの寿命を大きく縮める悪いソフトでした。

で、今から紹介するドローアプリ「Amadine」とペイントアプリ「Pixelmator Pro」を買いました。どちらもMac専用に最適化されたアプリです。どちらも素晴らしい機能を持っている割に、すごく手の届きやすい価格のアプリです。

・Amadine: https://amadine.com

・Pixelmator Pro: https://www.pixelmator.com/pro/

ーー

ちなみに、誰も気付いてないでしょうが。ウチのサイトでは横1000ピクセルの画像を配置して、500ピクセルで表示しています。つまり、２本指で広げていったりして拡大すると細かい部分が見れます。これはRetina対応のために以前からやってることです。

ーー

最初に挙げた 1) の用途として、実際にPET Bottling（日本語、English）というアプリで使う、タップした時のフィードバックイメージを作成した時のファイルを見てみます。

次の画像がタップした時に表示されるアニメーションの途中画像です。

あらためてスクリーンショットを撮るのが邪魔くさいので、YouTubeで再生してるところをそのまま載せてます (^_^;
YouTubeのめっちゃ短い動画はこちらです。 https://youtu.be/yb0W3Qb6sX8

Amadineで各オブジェクトを作成し、それらをコピー＆ペーストした個々のオブジェクトとして、Pixelmator Proでどう組み合わせるとよいアニメーションが実現できるのか試行錯誤して最終決定しました。

次の画像がAmadineで作成していったLayerです。

次の画像が、これらの各オブジェクトをPixelmator Proで組み合わせていった試行錯誤したレイヤーです。

こうやって、背景が白くても黒くても、確実にユーザーにフィードバックを伝えられるアニメーションに使われる画像ができました。

実際のアニメーションは、これが小さく始まって、大きくなっていく時にだんだん薄くなっていく、非常に上品なものに仕上がりました。

ーー

では、最初に挙げた 2) の用途として、Pixelmator Proで 2つの画像を合成する例を見てみます。

電車の画像に

女の子の画像を

組み合わせます。

両方の画像を開き、両方とも16bit/チャンネルにします。これで大きく色を変えた時のトーンジャンプを防ぎます。

そして女の子の画像をテキトーにコピーします。

電車の画像にペーストして、クイック選択ツールで超テキトーに女の子を選択します。

「カスタマイズ…」をクリックして、オプションの「スマートリファイン」、「追加」をONにします。（スクリーンショットで追加がOFFになっててすみません）

マウスでどんどんクリックして、女の子の選択範囲を拡張していきます。
気が済んだら、右下の「適用する」をクリックして、女の子の写真にマスクを追加します。

これで女の子は、先程の選択した部分だけが表示されます。

そしたら、レイヤーを複製して（元画像は非表示にする）、「変形…」（Command+T）で置きたい場所に移動して大きさや角度を調整します。（いつも使う用途では、いったんレイヤーを少し透明にして、どう配置するか探ってます。）

女の子が背景に馴染むように、レイヤーマスクの境界部分を１ピクセル縮小します。同時に白と黒の境界がボケるので、それなりにいい感じです。

電車のあたりに焦点が当たってるので、近くにいるように配置した女の子をぼかします。

女の子は影に位置したりするので、露出を下げ、ハイライトを暗くして、コントラストを下げて、青っぽくするというように、カラーを調整します。

出来たら、「Web用に書き出す…」を選択して、JPG 90%で書き出して、容量を抑えつつ画質をキープして完成です。

ま、今回の例はテキトーですけど。こんな感じです。
レイヤーマスクの調整もカラーの調整も非破壊で、後からいくらでも編集し直すことができます。

以前からPixelmator（Proでない）は使っていたのですが、これにはいくつかの問題がありました。Proではそれらの多くを解消しています。まったく別物と考えていいくらい。

また、今年の途中のバージョンでいくつか問題だなと思った部分があったのですが、訴え続けた結果十分に常時使用できるものに戻ったと思います。

CPU効率のいい、十分な機能を備えながら、手軽な価格で手に入る、Amadine と Pixelmator Pro はお勧めです！

それじゃまた～。