Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

Photoshop Mix Pixlr Editor 写真合成 Android

メインPCをMacからChromebookに変えたので従来の写真合成とは違った方法を模索してきましたが、今回は無料のAndroidアプリ「Photoshop Mix」と無料のWebアプリ「Pixlr Editor」を使った方法を紹介します。

はじめに

ChromebookをメインPCとして使い始めました。用途は日常的な作業やブログ記事の執筆、クラウドワークス経由のWebライターの仕事など比較的軽い作業です。

購入したChromebookは「Aser Spin 11」ですが、以下のような理由で選定しました。

私の場合はマニアックな用途(3DCG、VR、DTMなど)にも使うので、MacやWindowsも時々併用していますが、ちょっとした写真合成などはChromebookでやりたいので試行錯誤中です。

今回は、複数の素材写真から目的に合わせた作品に合成する方法を紹介します。

無料のWebアプリ「Pixlr Editor」はレイヤーが使えてレイヤーごと保存できるので重宝していますが、ペンツールやスマート選択ツールが使えないので複数の写真を合成するのに不便です。

そこで、私のChromebookはAndroidアプリが使えるので「Photoshop Mix」をマウス操作で使っています。

Chromebookでは多少使いにくい部分がありますが、Pixlr Editorと組み合わせることでなんとか実用的に使えるようになったので紹介します。

なお、その他の各種ツールやサイトも併用しますが、今回はPhotoshop MixとPixlr Editorの使い方に焦点を当てて紹介するので、各種ツールやサイトについてはリンク先をご確認ください

素材写真の準備

私は無料の写真素材を「タダピク」で検索し、主に「Pixabay」からダウンロードして使っています。今回は女性モデルと衣装と背景をダウンロードして合成してみます。

以下の3点の素材写真を使いました。ブログへの掲載の関係で画像を圧縮していますが、実作業では「1920×1280」の写真をダウンロードしてそのまま使っています。

・女性モデル

girl 2164412 1920 1024x683 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

・衣装

beauty 1822467 1920 1024x687 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

・背景

kyoto 944999 1920 1024x768 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

このブログはWordPressなのでプラグインの「EWWW Image Optimizer」を使っていますが、Webアプリの「画像を圧縮」や「Squoosh」なども使います。

Photoshop Mixでモデルの顔と衣装を切り取り

Photoshop Mixを起動し女性モデルを読み込みます。

Screenshot 2019 09 12 at 12.17.39 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

マウス操作だとこのメニューが表示されないことがあるので、その場合は左上のメニューから「ギャラリー」をダミーで選ぶと表示されるようになります。

デバイスをクリックして「ダウンロード」にある女性モデルの写真を選んで読み込みます。

Screenshot 2019 09 12 at 12.18.25 1024x740 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

下のツールバーの「選択範囲」をクリック。

Screenshot 2019 09 12 at 12.20.10 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

スマート選択」になっているので、顔の部分をマウスでなぞります

Screenshot 2019 09 12 at 12.19.55 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

私の場合は少し広めに選択しますが、必要な形状のみを選択すると後で楽です。右下のチェックマークをクリックして確定します。

Screenshot 2019 09 12 at 12.21.19 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

右上の共有アイコンをクリックしてメニューから「詳細」を選んでフォルダーに保存します。

同様に、衣装もスマート選択して切り抜いてフォルダーに保存します。

Screenshot 2019 09 12 at 12.25.35 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 12.26.24 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

プロジェクトには上記のように自動的に保存されているので、以上でPhotoshop Mixの作業は終了です。

Photoshop Mixで写真の合成もできますが、私の場合は以後の作業はPixlr Editorでやりました。

Pixlr Editorで写真を合成

Pixlr Editorのサイトに行っても画像編集画面が開かない場合は、URLの左側の鍵アイコンをクリックして、Flashを「許可」にして再度開いてみてください。

Screenshot 2019 09 12 at 15.29.08 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

背景写真を読み込みます。

Screenshot 2019 09 12 at 13.44.50 1024x591 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

衣装を読み込みます。

Screenshot 2019 09 12 at 13.45.43 1024x712 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

編集メニューから「全て選択」後「コピー」し、背景に「貼り付け」ます。

Screenshot 2019 09 12 at 13.46.46 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 13.47.09 1024x775 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

編集メニューから「自由変形…」を選んで、衣装の大きさと位置を合わせます。Shiftキーを押しながら拡大縮小すると縦横比が保存されます。

Screenshot 2019 09 12 at 13.47.43 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 13.48.26 1024x787 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

枠外をクリックし「はい」をクリックして確定します。

Screenshot 2019 09 12 at 13.48.43 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

を読み込みます。

Screenshot 2019 09 12 at 13.49.12 1 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 13.49.42 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

衣装と同様にして背景に貼り付けます。

Screenshot 2019 09 12 at 13.50.09 1024x785 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

同様に編集メニューの「自由変形…」で顔の大きさと傾きを調整します。

Screenshot 2019 09 12 at 13.51.52 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

私の場合は、右側にあるレイヤーパネルで顔の不透明度を60%くらいにして行いました。

Screenshot 2019 09 12 at 13.50.40 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

左側の消しゴムツールで顔の周囲を消します。

Screenshot 2019 09 12 at 13.52.38 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 13.57.28 1024x784 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

レイヤーを衣装に切り替えて、衣装の周囲も消します。

Screenshot 2019 09 12 at 14.00.49 1024x786 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

顔と衣装の手の色合いが異なるので、顔の色合いを手に合わせます。

Screenshot 2019 09 12 at 14.01.39 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
Screenshot 2019 09 12 at 14.02.44 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

OK」をクリックして確定します。

以上でPixlr Editorの作業は終了ですので、ファイルメニューの「保存…」でレイヤーも保存できる「.pxd」形式と、実際に使う「.jpg.png」形式で保存します。

透明度が含まれる画像は.pngにしますが、通常は.jpgで良いと思います。

arashiyama girl 1 1024x768 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

合成写真の仕上げ

私は「Adobeフォトプラン」を契約(月額980円)しているので、今回はWeb版の「Lightroom」で仕上げました。「プリセット」の「ソフトミスト」を使っています。

Screenshot 2019 09 12 at 14.18.54 1024x559 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!
arashiyama girl 1 lr 1024x768 - Chromebookで写真合成?Photoshop MixとPixlr Editorの使い方?!

元の合成写真よりソフトな色調に仕上がっていると思います。

まとめ

今回は紹介する都合上、少々荒っぽい作業となりましたが、この程度の作業だと正味約15分くらいしかかからないので、比較的簡単に合成写真を作れます。

本格的な写真加工だとやはりPhotoshop CCを使うことになるので、Chromebookからだと以下の記事で紹介したGoogleのクラウドサービスGCPを使ったNVIDIA GPU付き仮想Windowsを使うことになり少々手間がかかります。

日常的な作業やブログ記事の作成などであれば、今回紹介した方法を参考にしていただければ十分ではないでしょうか?

ではでは、きらやん

(Visited 18 times, 1 visits today)

コメント