本ブログではSubstanceスイートによる非破壊テクスチャリングワークフローなどについても取り上げていこうと思っていますが、その前に非破壊画像処理とはなんなのか?という疑問についてデザイナに馴染みの深いPhotoshopを題材にしてご説明します。
非破壊ワークフローに関するアプローチは各ソフトによって異なりますが、非破壊処理そのものの考え方自体は変わらないのでともに学んでいきましょう。
本記事は3Dのテクスチャ作成のみならず、2D系のデザイナの皆さんにも重要な考え方だと思いますのでぜひ参考としてください。
環境
- OS X 10.11.6
- Photoshop CC 2015.5
破壊処理
まずは非破壊処理の前に破壊処理について解説しましょう。Photoshopのオペレーションの手順を紹介し、破壊処理のメリット・デメリットを紹介しましょう。
- 「selected range」レイヤーを
cmd+クリック
して円状の選択範囲を設定します - 「pic」レイヤーにグラデーションツールで直接塗りを実行します
cmd+A
で全選択、delete
で画像を削除しますcmd+D
で選択範囲を解除、また上記を繰り返して円状の選択範囲を設定します- 描画色を変更して再度グラデーションで塗りを実行します
このようにラスターデータとして直接ペイントを行うような、元画像に変更を入れるため復元が不可能になるものを破壊編集*1と言います。
直感的な操作のためペイント作業には向いていますが、再編集性が低いという難点があります。
塗りが終わった後に色を変更するにはイメージ > 色調補正を行えば可能ですが、直接ラスターデータを変更するため画像荒れなどが起こります。
非破壊処理はこれらの点をカバーし、いつでも再編集を行えるというメリットがあります。
非破壊処理
非破壊処理には色々なアプローチがありますが、今回はレイヤーマスクを利用した方法と、レイヤー効果を利用した方法について解説します。
レイヤーマスク
まずはオペレーションの前にレイヤー構造を見てみましょう。馴染みがない方もおられるかもしれないので、作りを簡単に説明しておきます。
baseレイヤー
円形のシェイプレイヤーを作成します。本例ではグラデーションのベースとなるカラー#43b0ccを設定しています。
gradationレイヤー
- baseレイヤーを覆い尽くすサイズで四角形のシェイプレイヤーを作成します。カラーは#00ccadです。
- これをbaseレイヤーに対してクリッピングマスクをかけることで円形にマスキングされます。
- レイヤーマスクを作成し、斜め方向に白黒グラデーションをかけて完成です。
作成できたところでオペレーション動画を見ていきましょう。
- gradationレイヤーを表示・非表示することでグラデーションのオンオフを調整できます。
shift+レイヤーマスククリック
でレイヤーマスク効果を外すことができます(レイヤーマスクに赤いバツが付きます)- グラデーションマスクに再度グラデーションをかけることによってグラデーションのかかり具合を調整できます。またリンクを外して移動ツールを使うことによってマスク自体の移動ももちろん可能です。
- シェイプレイヤーなのでダブルクリックをすることでカラーの変更が可能です。「baseレイヤー」と「gradationレイヤー」が分離していることでどちらのカラーも独立して操作できるのがポイントです。
レイヤースタイル
レイヤースタイルはPhotoshopにおける非破壊処理の代表格です。
今回はグラデーションオーバーレイを利用しましょう。
- レイヤースタイルは効果ごとに個別に表示・非表示が可能です。
- ダブルクリックをすることで設定にアクセスすることが可能です。
- パラメーター調整により様々なグラデーションが作れます。
まとめ
他にもやり方はありますが、メジャーなふたつの方法をご紹介しました。個人的にはレイヤーマスクを使用した方法がオススメです。
理由は下記の通りです。
- グラデーションの開始・終点をシェイプレイヤーにすることによってレイヤーパネル上でカラーが視認できる
- グラデーションカラーが独立しているため、個別に調整が可能
- レイヤースタイルは便利な半面プロパティにアクセスするのに階層を深く潜る必要があり、オペレーションが少々煩雑
どのような方法を採用するにしても、「非破壊ワークフロー」つまり「変更に強い設計」を意識するとよいでしょう。
*1:破壊処理は不可逆処理とも呼ばれます