Photoshopを触り始めた人が最初につまずきやすいのが、ショートカット、シームレステクスチャ、カスタムアクションとブラシ、レンズフレア、ライティングエフェクト、調整レイヤーといった10のポイントです。どれも具体的な手順を添えたので、オンラインPSですぐに試せます。
1. ショートカットの活用
ショートカットはPhotoshop(オンラインPSでも同じ)の作業効率を左右する鍵です。体に覚えさせてしまえばキーボードだけで操作でき、創作そのものに集中できます。
よく使うショートカット(オンラインPSでも同じように使えます):
- Ctrl+J – 現在のレイヤーを新しいレイヤーに複製
- J – エアブラシツールに切り替え(オンラインPSでは「エアブラシ」)
- M – 選択ツール(長方形/楕円)に切り替え
- [ / ] – ブラシ系ツール(エアブラシ、ブラシ、鉛筆、スタンプ、履歴ブラシ、消しゴム、ぼかし/焼き込みなど)でブラシサイズを調整
- Shift+Backspace – 「塗りつぶし」ダイアログを表示(オンラインPSではShift+F5)
オンラインPSでツールヒントを表示したいときは、左上のメニューから編集 → 環境設定 → 一般を開き、ツールヒントを表示にチェックを入れます。ツールにマウスを重ねるだけで名前とショートカットが表示されます。
2. シームレステクスチャ
シームレステクスチャは3DレンダリングやWeb背景、テクスチャ制作でよく使われます。オンラインPSで手早く作る手順は次のとおりです。
- 加工したい画像を開きます(1024×1024など2の累乗サイズがおすすめです)。
- フィルター → その他 → 移動を選びます。
- 水平方向と垂直方向の移動量を、それぞれ画像の幅・高さの半分にします(1024×1024の画像なら512)。
「未定義領域」では「折り返す」を選びます。 - 移動すると継ぎ目が現れるので、J(エアブラシ)やS(スタンプツール)で修復します。
- 仕上がったらCtrl+Aでカンバス全体を選択し、編集 → パターンを定義(オンラインPSも同じ)で名前を付けます。
- 新規ドキュメントを作成し、編集 → 塗りつぶしの「使用」で保存したパターンを選べば、シームレスな背景のできあがりです。
同じカンバス上で仕上がりを確認したい場合は、編集 → 変形 → 拡大・縮小で幅と高さをそれぞれ「200%」にし、レイヤーをドラッグして周囲のつながり具合を確かめます。
3. よく使う操作をアクションにする
オンラインPSでもPhotoshopの「アクション」パネル(ウィンドウ → アクション)が使えます。よく使うキー操作を記録しておけば、バッチ処理の速度が目に見えて上がります。
次の例は、表示中のレイヤーを結合してクリップボードにコピーし、新しいドキュメントに貼り付ける一連の操作です。
- ウィンドウ → アクションを開き、パネル右上の「新規アクション」をクリックします。
- アクションに名前を付け(例:表示レイヤーをコピー)、割り当てたいファンクションキーを押します(競合しにくいShift+F2がおすすめです)。
- 手順を記録します:
- 新規レイヤー:Shift+Ctrl+N
- 表示レイヤーを統合:Shift+Alt+Ctrl+E
- すべてを選択:Ctrl+A
- コピー:Ctrl+C
- 選択を解除:Ctrl+D
- 現在の(空の)レイヤーを削除:Delete
- 記録が終わったら「停止」をクリックします。
- 以降はどのドキュメントでもShift+F2を押すだけで、この一連の操作が自動で実行されます。
オンラインPSでもアクションの読み込み・書き出しができます(アクションパネル → メニュー → アクションを読み込み/アクションを保存)。複数のPCで共有したいときに便利です。
4. レイヤーの自動選択
レイヤーが大量にあるドキュメントでは、「レイヤーの自動選択」を使うと目的のレイヤーをすぐに見つけられます。
- 移動ツール(V)を選びます。
- 上部のオプションバーでレイヤーの自動選択にチェックを入れます。
- カンバス上で表示されているオブジェクトをクリックすると、オンラインPSが対応するレイヤーに自動で切り替わります。
- なげなわやペンなど別のツールを使っているときでも、クリック時にCtrlを押していれば移動ツールの自動レイヤー切り替えが働きます。
注意:パスの編集や文字の編集をするときは、誤って別のレイヤーを選ばないよう、自動選択を解除しておきましょう。
5. カスタムブラシの作成
カスタムブラシを使えば、作品に自分だけのテクスチャや装飾を加えられます。オンラインPSでの作成手順を一通り見てみましょう。
- 新規ドキュメントを作成し、サイズを設定します(500×500 px、解像度72 dpiがおすすめです)。
- 任意の描画ツール(BブラシやPシェイプツールなど)で好きな形や模様を描きます(小さな花、星、点のテクスチャなど)。色はブラシ使用時に描画色へ置き換わるため、黒(または濃いグレー)で描くのがおすすめです。
- 描き終えたらCtrl+Aで画像全体を選択します。
- 編集 → ブラシプリセットを定義(オンラインPSも同じ)を選び、新しいブラシに名前を付けます。
- B(ブラシ)ツールに切り替えると、作成したカスタムブラシがブラシプリセットに表示されます。
ブラシをもっと滑らかにしたい場合は、定義する前にフィルター → ぼかし → ガウスぼかしをかけたり、編集 → 変形 → ワープで形を微調整したりします。
6. レンズフレア効果
レンズフレア(Lens Flare)は画面にドラマ性を加える定番の演出です。ここではオンラインPSでフレアを独立したレイヤーとして残し、いつでも調整・削除できるようにする方法を紹介します。
- レイヤーパネル下部の塗りつぶしまたは調整レイヤーを新規作成 → ベタ塗りを選び、黒を指定して「フレアのベース」と名前を付けます。
- 作成した黒いレイヤーが、フレアを加えたい画像より上にあることを確認します。
- 黒いレイヤーを選んだ状態でフィルター → 描画 → レンズフレア(オンラインPSも同じ場所)を開きます。フレアの種類、明るさ、位置などを設定してOKをクリックします。
- このレイヤーの描画モードをスクリーンに変更すると、黒い部分が透明になり、フレアだけが残ります。
- フレアの位置や強さを変えたいときは、フィルターをもう一度開くだけです(レイヤーに元の情報が残っています)。
白い背景でも同じテクニックが使えます。その場合は描画モードを「オーバーレイ」か「ソフトライト」にすると、フレアがより自然に見えます。
7. ライティングエフェクトフィルター
ライティングエフェクト(Lighting Effects)を使うと、平面的な画像に手早く立体感を加えられます。
- テクスチャやチャンネル用の画像(ノイズ、紙の質感など)を用意し、任意のレイヤーに配置します。
- 対象のレイヤーを選び、フィルター → 描画 → ライティングエフェクト(オンラインPSも同じ)を開きます。
- ダイアログの左側で「カスタムテクスチャチャンネルを使用」を選び、ドロップダウンからテクスチャを格納したチャンネル(例:「チャンネル2」)を指定します。
- 光源の位置、強さ、半径、光の流れの方向などを調整し、プレビューで確認します。
- OKをクリックすると、ライティング効果が選択中のレイヤーに直接適用されます。
同じレイヤーに複数のライティングを重ねたいときは、まずレイヤーを複製し(Ctrl+J)、それぞれに違うライティング設定を適用してから、描画モードを「オーバーレイ」や「ソフトライト」にします。
8. 調整レイヤーを使う
調整レイヤーは非破壊編集の要です。Photoshopと同じく、オンラインPSにも豊富な調整レイヤーが揃っています。
- カラーバランス、レベル補正、トーンカーブ、露出、色相・彩度、白黒、特定色域の選択など。
- 作成方法:レイヤー → 新しい調整レイヤー → …(またはレイヤーパネル下部の「塗りつぶしまたは調整レイヤーを新規作成」ボタン)。
- 調整レイヤーにはそれぞれ専用のマスクがあり、ブラシでいつでも部分的に隠したり表示したりできます。
- 特定のレイヤーだけを調整したい場合は、調整レイヤーを対象レイヤーの上に置き、プロパティパネルで「クリッピングマスク」にチェックを入れます。
Photoshopと同様、オンラインPSの調整レイヤーでもリアルタイムプレビュー、色のサンプリング、数値入力、そしてCtrl+Alt+G(クリッピングマスクの作成)による効率化が可能です。
9. すばやい複製のコツ
- 同じドキュメント内:レイヤーまたは選択範囲を選び、V(移動ツール)に切り替えてAltを押しながらドラッグすると、そのオブジェクトを複製できます。
- ドラッグ中にShiftも押すと、水平・垂直・45度のいずれか(最も近い方向)に沿って移動するため、位置がずれません。
- 異なるドキュメント間での複製:
- コピー元のドキュメントでオブジェクトを選び、VのままShiftを押してコピー先のウィンドウへドラッグします。
- 2つのドキュメントのサイズが同じなら同じ座標に配置され、異なる場合は自動的に中央に配置されます。
- クリップボードを使わないので、Ctrl+C / Ctrl+Vの往復が不要です。ブロック状の要素を大量に動かすときに特に向いています。
オンラインPSでもCtrl+J(現在のレイヤーを複製)が使え、Alt+ドラッグと組み合わせれば二段階の複製ができます。
10. 作成したプリセットを失わないための管理
オンラインPS(またはPhotoshop)を長く使っていると、ブラシ、スウォッチ、グラデーション、スタイル、パターン、輪郭、シェイプなど、自作のリソースがどんどん増えていきます。こまめに保存しておかないと、再インストールで全て失われてしまいます。ここではプリセットマネージャーを使ったバックアップ方法を紹介します。
- 編集 → 環境設定 → プリセットマネージャーを開きます(オンラインPSでは編集 → プリセット → プリセットマネージャー)。
- 左側の一覧から書き出したい種類を選びます:ブラシ、スウォッチ、グラデーション、スタイル、パターン、輪郭、カスタムシェイプ。
- セットを保存…をクリックし、わかりやすいフォルダを選びます(「PS_プリセット」のような専用フォルダがおすすめです)。拡張子
.abr、.aco、.grd、.pat、.asl、.vltなどのファイルが生成されます。 - 再インストールしたり別のPCに移ったりしたときは、同じ画面でセットを読み込み…をクリックし、対応するファイルを選ぶだけで、自作リソースが全て復元されます。
- 大きなプロジェクトを終えるたび、あるいは月に一度はバックアップを取っておくと、突然のトラブルでリソースを失う心配がありません。
仕事用のPCと自宅のタブレットなど、複数のデバイスを行き来する場合は、バックアップファイルをクラウドストレージやチャットツールに置いておくと、いつでも最新の状態を保てます。
参考資料
- オンラインPS
- Adobe 公式ドキュメント
- PS チュートリアルサイト