Slopographic

PhotoSlop ガイド

PhotoSlopの使い方

PhotoSlopは、レイヤーに対応したブラウザーの写真編集ソフトです。写真はあなたの端末に残り、アップロードされることはありません。

PhotoSlop を開く

写真を開く

開いた画像はそれぞれ、キャンバスの上にタブとして表示されます。ツールは左側にあり、現在のツールのオプションは上部のバーにあります。パネル(カラー、スウォッチ、ブラシ、文字、透かし、レイヤー、履歴)は右側にあります。

  1. 写真をウィンドウにドロップするか、「ファイル」→「開く…」(Ctrl+O)を選んでください。PSDファイルは、レイヤーを保ったまま開きます。
  2. 初めてアクセスすると、空のキャンバスに案内カードが表示されます。「サンプル写真で試す」をクリックすると、練習用の画像が使えます。
  3. 「ファイル」→「新規…」(Ctrl+N)で、選んだサイズの空のキャンバスを作れます。

色を調整する

「イメージ」メニューには、「画像サイズ…」、「キャンバスサイズ…」、回転、反転もあります。「フィルター」メニューには、ぼかし、シャープ化、ノイズなどがあります。

  1. 「イメージ」メニューを開き、「色調補正」にカーソルを合わせます。
  2. 「レベル補正…」(Ctrl+L)、「トーンカーブ…」(Ctrl+M)、「色相・彩度…」(Ctrl+U)などから選んでください。
  3. スライダーを動かしてプレビューを確認し、確定します。
PhotoSlopの「イメージ」メニューで色調補正が開いている様子。明るさ・コントラスト、レベル補正、トーンカーブ、色相・彩度などが並んでいます

テキストを追加する

テキストは独立したレイヤーになるため、写真に触れずに後から移動や変更ができます。「レイヤー」→「テキストを編集」で文字を変えられます。

  1. Tキーで「横書き文字ツール」を選ぶか、ツールボックスのTをクリックします。
  2. 画像の上をクリックして入力します。フォントとサイズは「文字」パネルか、上部のバーで設定します。
  3. Ctrl+Enterで入力を終えます。
  4. Vキーで「移動ツール」を選び、テキストをドラッグして配置します。
移動ツールで選択された「Golden hour」というテキストレイヤーが夕日の写真の上にあり、レイヤーパネルに2つのレイヤーが表示されている様子

保存して書き出す

PhotoSlopは、作業中の内容をこの端末に保存し続けます。「保存」(Ctrl+S)はSlop Driveに保存し、「ファイル」→「Photoshop形式(.psd)でダウンロード」は、すべてのレイヤーを1つのファイルに残します。

1枚の画像にするには、上部の「書き出し」(または「ファイル」→「名前を付けて書き出す…」)をクリックします。PNG、JPEG、WebPと大きさを選んで「書き出し」をクリックしてください。「PNGでクイック書き出し」(Alt+Shift+Ctrl+S)は、ダイアログを飛ばします。

PhotoSlopの「名前を付けて書き出す」ダイアログで、形式がPNG、サイズが100%、背景が透明に設定されている様子

キーボード ショートカット

キー機能
V移動ツール
M範囲選択
L投げなわ
W自動選択
Cトリミング
Bブラシ
E消しゴム
T文字
Iスポイト
X / D描画色と背景色の入れ替え/初期値に戻す
Ctrl+T自由変形
Ctrl+Z / Shift+Ctrl+Z元に戻す/やり直し
Ctrl+O開く
Ctrl+SSlop Driveに保存
Alt+Shift+Ctrl+W名前を付けて書き出す