Photoshopで拡大された切り抜き詳細ビューを作成する

01の10

前書き

拡大断面表示の詳細例 ©スーチャステイン
Gayleは次のように書いています: 「私はPhotoshop CS3を使用しています。私の夫と私はキャビネットにパンフレットをまとめています。領域を丸めて拡大または拡大し、詳細を表示して側面に移動したいです。 "

画像の一部の拡大表示を作成するためのチュートリアルはたくさんありますが、私が見つけたチュートリアルでは、拡大表示は画像の元の部分を拡大表示しています。 Gayleは拡大ビューを横に移動したいので、同時に2つのサイズで見ることができます。 このチュートリアルでは、これを行うプロセスについて説明します。

私はこのチュートリアルでPhotoshop CS3を使用していますが、それ以降のバージョンや最近の古いバージョンでも可能です。

02の10

イメージを開いて準備する

©Sue Chastain、UI©Adobe

まず、作業したい画像を開きます。 拡大表示で可能な限り詳細をキャプチャするには、かなり高解像度のファイルが必要です。

あなたが同じイメージをフォローしたいのであれば、私のイメージをダウンロードすることができます。 最新のカメラのマクロモードを試しながらこの写真を撮りました。 私は私のコンピュータ上で写真を見るまで、花の上に小さなクモを見たことはありません。

あなたのレイヤーパレットで、背景レイヤーを右クリックし、「スマートオブジェクトに変換」を選択します。 これにより、レイヤーの非破壊編集が可能になり、詳細ビューを作成した後に画像を編集する必要が生じた場合に、簡単に編集できます。 スマートオブジェクトがサポートされていない古いバージョンのPhotoshopを使用している場合、スマートオブジェクトではなく背景にレイヤーを変換します。

レイヤー名をダブルクリックし、元の名前に変更します。

写真を編集する必要がある場合:
スマートレイヤーを右クリックし、[コンテンツを編集]を選択します。 スマートオブジェクトの操作に関する情報を含むダイアログボックスが表示されます。 それを読んでOKをクリックします。

新しいウィンドウでレイヤーが開きます。 この新しいウィンドウで画像に必要な修正を行います。 スマートオブジェクトのウィンドウを閉じ、保存するかどうかを確認するメッセージが表示されたら「はい」と答えます。

03/10

詳細領域の選択を行う

©スーチャステイン
ツールボックスから楕円形のマーキーツールを有効にし、詳細ビューに使用する領域を選択します。 シフトキーを押し下げて選択を完全な円の形に保ちます。 マウスボタンを離す前に、スペースバーを使用して選択範囲を変更します。

04/10

詳細領域をレイヤーにコピーする

UI©Adobe
[レイヤー]> [新規]> [レイヤーコピー]の順に進みます。 このレイヤの名前を「細かい」に変更し、レイヤを右クリックし、「レイヤを複製...」を選択し、2番目のコピーの名前を「詳細」にします。

レイヤーパレットの下部で、新しいグループのボタンをクリックします。 これにより、レイヤーパレットにフォルダアイコンが表示されます。

「元の」レイヤーと「細かい」小さなレイヤーの両方をクリックして選択し、もう一方をクリックして「グループ1」レイヤーにドラッグします。 レイヤパレットは、ここで撮影されたスクリーンのように見えるはずです。

05の10

元の画像を縮小する

©Sue Chastain、UI©Adobe
レイヤーパレットの「グループ1」をクリックし、編集/変形/スケールに進みます。 レイヤーをグループ化してグループを選択することにより、両方のレイヤーが一緒にスケールされるようにします。

オプションバーで、W:とH:の間のチェーンアイコンをクリックし、幅または高さのいずれかに25%を入力し、チェックマークアイコンを押してスケーリングを適用します。

注:ここでは自由変換を使用できましたが、数値スケーリングを使用することで、既知の値で作業できます。 これは完成した文書の倍率を書き留めたい場合に必要です。

06の10

切り込みにストロークを追加する

©Sue Chastain、UI©Adobe
「細かい細かい」レイヤーをクリックして選択し、レイヤーパレットの下部でFxボタンをクリックし、「ストローク」を選択します。必要に応じてストローク設定を調整します。 私は黒いストロークの色と2ピクセルのサイズを使用しています。 OKをクリックしてスタイルを適用し、ダイアログボックスを終了します。

今度は、同じレイヤースタイルを「ディテールラージ」レイヤーにコピーします。 レイヤースタイルをコピー&ペーストするには、レイヤーパレットのレイヤーを右クリックし、コンテキストメニューから適切なコマンドを選択します。

07/10

ディテールビューにドロップシャドウを追加する

©Sue Chastain、UI©Adobe
次に、「ディテール・ラージ」レイヤーの直下にある「エフェクト」ラインをダブルクリックします。 ドロップシャドウをクリックして設定を好みに合わせてから、レイヤースタイルダイアログをOKにします。

08の10

切り取りの位置を変更する

©スーチャステイン
「詳細の大きい」レイヤーを選択した状態で、移動ツールをアクティブにして、画像全体に関連してレイヤーを配置します。

09/10

コネクタラインを追加する

©スーチャステイン
200%以上に拡大します。 新しい空のレイヤーを作成し、それを「グループ1」と「ディテール・ラージ」の間で移動します。 ツールボックス(形状ツールの下)から線ツールをアクティブにします。 オプションバーで線幅を詳細レイヤーのストロークエフェクトに使用したのと同じサイズに設定します。 矢頭が有効になっていないこと、スタイルがなしに設定されていること、色が黒であることを確認する。

図のように、2つの円を結ぶ2本の線をドラッグします。 シームレスに接続するように行の配置を調整するには、移動ツールに切り替える必要があります。 より正確に行位置を調整するときは、コントロールキーを押したままにします。

10の10

テキストを追加して完成した画像を保存する

©スーチャステイン
100%に戻って画像を最終確認してください。 彼らが見える場合は、あなたのコネクタラインを調整してください。 必要に応じてテキストを追加します。 [画像]> [トリム]に進み、完成した画像を自動トリミングします。 必要に応じて、下のレイヤーとして単色の背景にドロップします。 ここでは、最終的な画像と、参照のためにレイヤーパレットを見ていきます。

画像を編集可能にしたい場合は、ネイティブのPhotoshop PSD形式で保存します。 あなたのパンフレットが別のAdobeアプリケーションにある場合は、Photoshopファイルをレイアウトに直接配置することができます。 それ以外の場合は、すべてを選択して、[結合コピー]コマンドを使用してパンフレット文書に貼り付けるか、レイヤーを展開してコピーを保存してパンフレットに読み込むことができます。