PicsewはプロのiOSスクリーンショットに欠かせない

PicsewはプロのiOSスクリーンショットに欠かせない

私たちのようにテクノロジー関連の文書作成を生業としている場合、スクリーンショットには細心の注意を払います。たとえ専門的にテクノロジー関連の記事を書いていなくても、バグを記録したり、サポートを依頼したり、大切な人に何かのやり方を見せたりするために、スクリーンショットが不可欠な場合があります。

iPhoneとiPad用のPicsewアプリは、スクリーンショットの合成や編集、そして何よりもiPhone、iPad、Apple Watchのスクリーンショットにデバイスフレームを適用する際に非常に役立ちます。App Storeから無料でダウンロードできますが、Picsew Standardにアップグレードするには0.99ドル、Picsew Proにアップグレードするには1.99ドルのアプリ内課金が必要です。デバイスフレームの追加、注釈、高画質エクスポートなどにはPicsew Standardが必要ですが、Picsew Proは静止画の合成ではなく、動画を録画して複数のスクリーンショットを作成する場合にのみ必要です。

Picsewにはたくさんのツールがあります。ここでは私たちが最もよく使うものをご紹介します。

写真をつなぎ合わせる

通常、iPhoneの縦向きのスクリーンショットは2枚にまとめるのが一般的です。そうしないと、縦幅が横幅よりも大きくなってしまい、右側に余白が残ってしまうからです。画像を2枚にまとめるツールはいくつかありますが、Picsewを使えば簡単です。

Picsewを開くと、カメラロールにある最新の画像が表示されます。画面上部の「最近」をタップすると、「スクリーンショット」など、他の写真アルバムに切り替えることができます。

どのビューからでも、合成したい画像を表示したい順番にタップします。サムネイルが青色に変わり、数字が表示されます。これは、Picsew が画像を合成する順番(左から右の順番、縦に並べている場合は上から下の順番)を表しています。

Picsewで写真を選択する

画面の下部には、写真をつなぎ合わせる方法のオプションを示す青いバーも表示されます。

  • スクロールショット: 1枚の長い連続画像
  • 縦向き:画像を積み重ねる
  • 水平:画像を横に並べる

ほとんどの場合、横向きの設定を使用しますが、他の設定も便利です。例えば、スクロールショットは設定画面全体を表示したり、スクロールするリリースノートのスクリーンショットを複数枚繋げたり、長いWebページのスクリーンショットを複数枚繋げたりするのに便利です。

複数の画像を選択し、青いバーの「横並び」をタップすると、Picsew は画像を並べて表示し、端に小さな黄色の鉛筆アイコンが表示されます。これ以上の操作は必要ありません。共有アイコンをタップして結合した画像を保存または共有できますが、Picsew にはプレゼンテーションを改善する方法がいくつかあります。

Picsewで合成した画像

画像をトリミングする

複数の画像を1枚の写真に合成する過程で、切り抜きが必要になる場合があります。切り抜きには、小さな黄色の鉛筆アイコンを使います。Picsewの切り抜き機能は、Mac用の他の画像編集ソフトの類似ツールとは少し異なるため、使い方を理解するのに少し時間がかかりました。まず、Picsewには画面下部に4つの切り抜きツールがあることに注目してください。左から右の順に:

  • 軸方向の切り取り (端の切り取り):このオプションを使用して、セット内の個々の画像の垂直方向または水平方向の端を切り取ります。
  • エッジクロップ(合成画像を切り抜く):このオプションを選択すると、合成画像全体の端をトリミングできます。最もよく使う機能です。
  • シングル クロップ (個々の画像をクロップ):このオプションを選択すると、セット内の 1 つの画像がトリミングされ、ペアになった画像が比例を保つように縮小されます。
  • 画像を分割:最後の選択肢は分かりにくいです。これは、画像を特定の位置で分割して複製し、分割点からトリミングする機能です。画像の一部を切り抜くのに使えます。例えば、Twitterのスレッドのスクリーンショットから返信の一部をトリミングしたい場合などです。

例えば、エッジクロップツールを考えてみましょう。このツールを選択すると、合成画像の四辺すべてに鉛筆アイコンが表示されます。画像の上部を切り取って、下部にある検索フィールドに注目を集めたいとします。その場合の手順は以下のとおりです。

  1. 結合されたスクリーンショットの上部にある鉛筆アイコンをタップします。
  2. 画像をタップして鉛筆アイコンに向かってドラッグします。
  3. 指を離すと鉛筆アイコンがチェックマークに変わります。タップして切り抜き範囲を決定します。

Picsewでステッチ画像をトリミングする

これは、MacのPreviewやPixelmatorでの切り抜き方法とは大きく異なります。Picsewでは、残したい領域を選択して残りを切り取ります。しかし、Picsewのアプローチに慣れると、Macで通常行うよりも、小さなタッチスクリーン上での操作の方が理にかなっていると感じます。

スクリーンショットを整理する

Picsewのおすすめ機能の一つは、iOSのスクリーンショットからスクロールバーを削除し、ステータスバーをすっきりと整えられることです。画像をトリミングした後、あるいはトリミングしていない場合でも、画面上部の「ツール」をタップしてください。ツールビューでは、下部のツールバーに様々なツールが表示されます。マジックワンドをタップすると、「ステータスバーをクリーン」と「スクロールバーを削除」のスイッチが表示されます。どちらか一方または両方のスイッチを有効にすると、Picsewがすぐに効果を適用します。

Picsewでスクリーンショットをクリーンアップする

「スクロール バーの削除」は説明の必要がないほどです。スクリーンショットにスクロール バーが表示されている場合は、このスイッチでそれを削除します。

Clean Status Bar は、スクリーンショットのステータスバーを、時刻を9:41(Engadget がその理由を説明しています)、携帯電話の受信状態を最大、Wi-Fi の受信状態を最大、バッテリー残量を100%に設定することで、整然と表示します。ステータスバーを完全に切り取ることができない場合にこの機能を使うと、スクリーンショットが少しプロフェッショナルな印象を与え、携帯電話の受信状態が弱かったり、バッテリー残量が少ないことでコンテンツが邪魔されるのを防ぐことができます。

これらのスイッチは、複数のスクリーンショットをつなぎ合わせた場合でも機能します。Picsew でこれらのスイッチを自動的に適用するように設定することもできます。戻る矢印をタップしてメイン画面に戻り、右上隅の歯車をタップします。次に、「スマート認識」をタップし、「スクロールバーの自動削除」と「ステータスバーの自動消去」をオンにします。

境界線を追加する

Picsew では、画像同士を隙間なく重ねて配置してしまうため、理想的とは言えません。しかし、枠線を追加するのは簡単で、画像間に枠線を配置し、かつ配置先のページの背景色(通常は白)に設定すれば、適切な間隔で配置できます。

ツールビューのツールバーで、左から4番目のウィンドウ枠のようなアイコンをタップします。ツールバーの上にさらに5つのツールアイコンが表示されます。左から右へ:

  • 境界線を無効にする:境界線は適用されません。このオプションはデフォルトです。
  • 内部境界線を有効にする:画像間に境界線を適用します。
  • 外部境界線を有効にする:画像の外側に境界線を適用します。
  • すべての境界線を有効にする:画像間と画像の外側の両方に境界線を適用します。
  • 境界線設定:他のツールのオプションを調整します。

右側の「ボーダー設定」歯車アイコンをタップすると、ボーダーの色と幅を変更できます。内側と外側のボーダーの幅をそれぞれ異なる色に設定できますが、内側と外側のボーダーの色を変えたい場合は、内側のボーダーを設定して画像を保存し、その後、外側のボーダーを追加する必要があります。下のスクリーンショットでは分かりやすくするために紫色を使用していますが、実際には画像の内側のボーダーは常に白で設定しています。

Picsewで枠線を追加する

デバイスフレームを追加する

デバイスフレーミングは、そもそも私たちがPicsewを使うきっかけとなった機能です。Macでは、スクリーンショットには通常、ウィンドウやメニュー、あるいは画面の一部など、文脈が存在します。しかし、iPhone、iPad、Apple Watchのスクリーンショットは単なる長方形なので、iPhone、iPad、Apple Watchのスクリーンショットに見えると、読者にとって分かりやすくなります。

ツールビューのツールバーで、モックアップアイコン(左から2番目、iPhoneのようなアイコン)をタップし、上部のツールバーにある色のいずれかをタップして、スクリーンショットの周囲に同様の色のフレームを配置します。Picsewは、スクリーンショットがiPhone、iPad、Apple Watchのいずれのデバイスからのものかに関わらず、適切なフレームを自動的に適用します。これは、スクリーンショットのサイズとデバイスのフレームを一致させることで行われます。上部のツールバーにある色の右側にあるiPhoneアイコンをタップすると、利用可能なさまざまなフレームから選択できます。iPhone 11 ProのスクリーンショットにApple Watchのフレームを付けるなど、奇抜なフレームも選択できます。

Apple Watchのスクリーンショットにデバイスフレームを追加する
Apple Watchのスクリーンショットのフレーミング前とフレーミング後

残念ながら、フレームは1枚の画像にしか適用できず、複数の画像を結合する場合は適用できません。回避策としては、1枚ずつフレームを適用し、後で結合する方法があります。Picsewの写真ピッカーで画像を1枚選択し、青いバーの「調整」をタップし、「ツール」をタップして、必要なデバイスフレームを適用します。この手順を、他の画像と結合したい画像にも繰り返します。次に、写真ピッカーでフレームを適用したスクリーンショットを選択し、結合します。幸い、フレームには余白が含まれているため、画像間に手動で境界線を追加する必要はありません。

結果の送信

満足のいく結果が得られたら、右上の共有アイコンをタップして、完成した画像を最終的な送信先に送信します。Picsewでは、写真を写真アプリまたはファイルアプリに保存するオプションがあります。または、「共有先」をタップして標準の共有シートを表示することもできます。

通常、最終的な画像を Mac に直接送信するには、AirDrop を使用します。

その他のツール

私たちはMacのプレビューに非常に精通しており( 「Take Control of Preview 」という書籍も執筆しました)、Picsewで編集作業を終え、追加の編集はプレビューで行います。しかし、Picsewには他にも役立つツールがいくつか用意されています。

  • 透かし: Picsewの透かしツールを使えば、画像の下部に1つのテキスト透かしを入れることも、画像全体に斜めに複数のテキスト透かしを入れることもできます。テキストの色、サイズ、不透明度は調整可能です。
  • 編集:スクリーンショットには、公開したくない情報が含まれていることがよくあります。Picsew の編集ツールを使えば、四角形、塗りつぶし、ぼかし、ピクセル化などで情報を隠すことができます。
  • テキスト: Picsewの最新バージョンでは、テキスト注釈が新たにサポートされました。テキストのサイズ、色、配置、スタイル(反転の有無)を調整し、画像上の任意の場所に配置できます。
  • ペン: Picsewのペンツールを使うと、自由な形のスケッチや長方形を描くことができます。線の幅、色、不透明度を変更できます。「元に戻す」ボタンはありますが、描画を止めた後は図形の調整や位置の変更はできません。

Picsewに最も期待しているのは、複数の画像をフレームに入れて合成する機能です。一つ一つ個別に処理して合成するのは面倒です。そのため、MacStoriesのFederico Viticci氏が作成したiOSショートカットを使うことが多いです。このショートカットは、スクリーンショットのフレームと合成をワンステップで行うことができます。写真アプリから起動する方が速くて簡単ですが、Appleのデバイスすべて(あるいは多く)に対応しているわけではありません。特に、私たち二人が愛用している10.5インチiPad Proでは顕著です。また、編集は事実上不可能です。Federico氏がショートカットを使い続けて、このショートカットを開発したことは素晴らしいと思います。

Picsewにもう一つ使える機能は、画像を特定のサイズにトリミングする機能です。例えば、1280×800ピクセルぴったりの画像が必要な場合がありますが、iOSアプリではこの機能はあまり一般的ではありません。しかし、私たちの友人であるKhoi Vinhが最近、まさにこれを実現するiOSショートカットを作成しました。まだ試していませんが、iOSで同様の機能が必要な方は試してみる価値があります。

Picsew には改善の余地があるものの、iPhone、iPad、Apple Watch のスクリーンショットを定期的に扱う人にとっては、1 ドルの価値は十分にあります。

Idfte
Contributing writer at Idfte. Passionate about sharing knowledge and keeping readers informed.