画像の合成 | psgips

生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】

古岡ひふみ — Sat, 19 Aug 2023 23:00:00 +0000

【Photoshop基本操作】Photoshop (ベータ版) の新機能「生成塗りつぶし」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。画像の加工方法に、革命をもたらす可能性があります。足りない領域を補間して、ふたつの画像を合成しましょう。このレッスンでは、ベータ版 Ver.25.1.0 を使用しています。ベータ版 Ver.25.9.0 以降、または、正規版 Ver.25.11.0 以降では、Firefly image 3 が実装されているため、同じような結果にはなりません。

生成範囲を想像する！

「生成塗りつぶし」は、選択範囲内を生成するものです。たとえば、円形の選択範囲を作成すると、その円形に収まることを条件として、オブジェクトや背景などが生成されます。そのため、適切な生成範囲を想像することが、思い通りの結果を生み出す、重要なテクニックとなるワケです。

生成AIがふたつの画像を

一瞬で合成する！

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

ふたつの画像を合成する方法

これから行う操作は、「生成拡張」と「生成塗りつぶし」を使って、ふたつの画像を合成する方法です。生成拡張は、画像をトリミングする感覚で、足りない領域を補間することができます。垂直方向に並べた画像の境界線に、ふたつの画像を違和感なくつなぐ、波打った水の断面を生成しましょう。

足りない領域を補間する

ふたつの画像を合成する

作例では、完成サイズを、1280 x 1280 pixel (スクエア) とします。つまり、1/2 に分けた、ひとつの画像サイズは、幅 1280 pixel、高さ 640 pixel が必要になります。しかし、ふたつの素材画像は、この条件を満たしていません。

完成サイズ : 1280 x 1280 pixel (スクエア)

ここでは、ふたつの素材画像を、幅 1280 pixel、高さ 640 pixel にするため、足りない領域を補間する操作から始めます。

目次に戻る

拡張サイズを設定する

生成拡張は、元画像の足りない領域を補間する機能です。足りない領域は、対象のドキュメントが、レイヤー、または、アートボードの場合、画像の周囲に自動作成されます。

スマートオブジェクトに変換

拡張サイズを設定する

作例の素材画像は、透明ピクセルを持たない [ 背景 ] です。そのため、元画像を保持したい場合は、あらかじめ、レイヤーに変換しておく必要があります。ここでは、元画像の非破壊編集も兼ねる、スマートオブジェクトに変換して対応します。

目次に戻る

スマートオブジェクトに変換

ひとつめの素材画像を開いて、スマートオブジェクトに変換します。これは、生成拡張を適用した後、合成画像と色調が合わなかったり、合成に不都合があった場合の予防策です。こうして、元画像を残しておけば安心です。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 609 pixel ]、 [ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 237 KB )

素材画像を開く

photo by Pete Linforth

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

切り抜きツールを設定

[ 切り抜きツール ] で、拡張サイズを設定しましょう。拡張サイズとは、ひとつの画像サイズの、完成後のピクセル数です。

【操作方法】

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

[ 切り抜きツール ] を選択

[ 切り抜きツール ] を選択すると、画像の周囲にバウンディングボックスが表示されます。

バウンディングボックスを確認

オプションバーで、[ 縦横比のプリセットまたは切り抜きサイズを選択 ] をクリックし、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。

[ 幅 x 高さ x 解像度 ] を選択

[ 切り抜く画像の幅を設定 ] に、[ 1280 px ] を入力します。

[ 切り抜く画像の高さを設定 ] に、[ 640 px ] を入力します。

[ 切り抜く画像の解像度を設定 ] に、[ 72 ] px/in を入力します。

拡張サイズを設定

解像度ってなに？

画像解像度とは、画像データの「密度」です。画像データを構成する「ピクセル」を、一辺１インチあたりにいくつ含ませるかを示す単位「 pixel/inch ( ppi ) 」で表します。

基本がわかる！画像解像度の設定

切り抜きサイズと解像度を設定すると、バウンディングボックスに比率が反映されます。

拡張サイズの比率を確認

反映されるのは比率のみ

この時点では、画像に対して Max 値のバウンディングボックスが表示されるので、設定した数値に反映されているのは、[ 幅 ]、[ 高さ ] の「比率」のみです。オプションバーの設定は、以降の操作に反映されます。

切り抜きツール「生成拡張」の使い方

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 生成AIがふたつの画像を一瞬で合成する！「生成拡張」と「生成塗りつぶし」の使い方【2024ベータ版】 first appeared on psgips.

【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】

古岡ひふみ — Mon, 11 Jul 2022 23:00:00 +0000

【Photoshop基本操作】画像を切り抜き合成すると、カラーに違和感が出ます。夜の街並みと、スタジオ撮影された人物では、その差は、ますます大きくなります。カラーの同調には、直感的な操作ができる、露光量とカラーバランスを中心に組み立てます。切り抜き合成のカラーを背景に馴染ませましょう。

補色の関係に着目！

補色とは、反対色です。これは、色相環の角度で対面する色です。たとえば、ブルーなら、イエローが補色となります。カラーバランスは、この補色を調整する機能です。一方を強めれば、その補色が弱まります。補色の関係に着目して、思い通りの結果を出しましょう。

背景に馴染む切り抜き合成

− 露光量とカラーバランスの調整 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景に馴染む切り抜き合成

これから行う操作は、切り抜き合成のカラーを、背景に馴染ませる方法です。夜の街並みと、スタジオ撮影された人物を合成します。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

モデルを切り抜く

モデルの切り抜きには、人工知能が自動的に、選択範囲を作成してくれる、[ 被写体を選択 ] を活用しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1920 pixel ]、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 193 KB )

素材画像を開く

photo by soul chentu

[ 選択範囲 ] メニューから、[ 被写体を選択 ] を選択します。

選択範囲を作成

[ レイヤー ] パネルで、[ レイヤーマスクを追加 ] をクリックします。

現在の選択範囲から、レイヤーマスクが作成されたことを確認してください。

[ レイヤーマスクを追加 ] をクリック

モデルを切り抜くことができました。

モデルを切り抜くことができた

レイヤー名を [ model ] に変更します。

レイヤー名を変更

マスクを修正しよう！

[ 被写体を選択 ] は、ピクセル単位で、正確な検知が行われます。そのため、切り抜きの境界線に出現する、フリンジ (白フチ) が出にくいです。しかし、微妙な階調の違いや、尖った部分、中マドなどで、不正確な部分もあります。これらを修正しておきましょう。

修正前と修正後

適切な結果が出なかったり、レイヤーマスクの修正が難しい場合は、ベーシックな方法で選択範囲を作成して、[ 選択とマスク ] を試してみましょう。

目次に戻る

不要な領域をトリミング

切り抜き部分だけを残して、不要な領域をトリミングしましょう。画像サイズを最小限にすることは、メモリや容量の負担を軽減できるほか、変形のバウンディングボックスも最小化できるので、作業の効率化が図れます。

【操作方法】

[ イメージ ] メニューから、[ トリミング ] を選択します。[ トリミング ] ダイアログで、[ トリミング対象カラー ] に、[ 透明ピクセル ] を選択します。

[ OK ] をクリックします。

[ トリミング ] を設定

透明ピクセルの不要な領域を、トリミングすることができました。

不要な領域をトリミング

目次に戻る

スマートオブジェクトに変換

モデルの切り抜きとトリミングができたら、レイヤーマスクを含めた、スマートオブジェクトに変換しましょう。

【操作方法】

レイヤー [ model ] を右クリックします。

コンテキストメニューから、[ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を選択

スマートオブジェクトを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【画像の合成】背景に馴染む切り抜き合成「露光量とカラーバランスの調整」【2022】 first appeared on psgips.

【画像の合成】素材を選ぶだけ！空をドラマチックに変える方法【空を置き換え】

古岡ひふみ — Wed, 28 Oct 2020 23:00:00 +0000

【Photoshop基本操作】空の領域を自動的に判別して、別の画像と合成できる [ 空を置き換え ] モードは、素材の色調に応じた適切な調整も、すべて AI で行うスゴイ機能です。もちろん、好みに合わせた手動調整もできるので、コツを掴めば、人物や小物の背景を変えることにも応用できます。

エッジに着目！

[ 空を置き換え ] モードの設定項目には、境界線を調整する [ エッジをシフト ] と [ エッジをフェード ] があります。これは自然な合成をするための「ぼかし」であり、不透明度の調整です。つまり、完全な切り抜き合成ではなく、元画像の階調や、色調を利用したテクニックが施されているワケです。

空を置き換えの操作方法

これから行う操作は、[ 空を置き換え ] モードの基本的な操作方法です。対象の素材画像を開いて、あらかじめ用意されている、置き換え画像を選ぶだけで、適切な自動調整が行われます。

後半では、[ 空を置き換え ] モードの応用として、新しく作成した素材に置き換え、それぞれの設定項目に、若干の調整を加える方法をご紹介します。

新しい素材を読み込む

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅：1920 pixel ]、[ 高さ：1280 pixel ] 、[ 解像度：300 pixel/inch ]、[ カラーモード：RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 872 KB )

素材画像を開く

photo by Diego Ubiria

認識しやすい素材を選ぶ！

[ 空を置き換え ] は AI まかせなので、空の領域が極端に少なかったり、複雑なオブジェクトを背景にした素材画像には適していません。また、いろんな色が含まれている空も NG です。曇り空のような明るく、色の変化が少ない、AI が認識しやすい素材を選びましょう。

[ 編集 ] メニューから、[ 空を置き換え ] を選択します。[ 空を置き換え ] ダイアログで、[ 置き換えとなる空をクリックして選択 ] をクリックします。

[ 置き換えとなる空をクリックして選択 ] をクリック

ここでは、[ 壮観 ] – [ Spectacular004byRussellBrown ( 5000 x 2895 ピクセル ) ] を選択します。

置き換える空の素材を選択

[ 空を置き換え ] ダイアログで、[ 出力 ] セクションの [ 出力先 ] に [ 新規レイヤー ] を選択します。

[ OK ] をクリックします。

[ 出力先 ] に [ 新規レイヤー ] を選択

空を置き換えることができました。

[ 空を置き換え ] 自動調整による適用

どこまでが自動調整？

[ 空を置き換え ] ダイアログの [ 前景の調整 ] セクションにある [ 照明の調整 ] と [ カラー調整 ] は、置き換え画像に合わせた元画像の調整であり、デフォルトでは、それぞれの組み合わせによって、適正値が割り出されています。

元画像の適正値が割り出されている

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【画像の合成】素材を選ぶだけ！空をドラマチックに変える方法【空を置き換え】 first appeared on psgips.

【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】

古岡ひふみ — Thu, 18 Jul 2019 23:00:00 +0000

【Photoshop基本操作】画像にワイングラスを合成するには、不透明度で「半調」にしてはダメです。これじゃ幽霊みたいになってします (笑)。ガラスのくっきりした質感は、エッジの濃い部分と、光沢や映り込みの明るい部分を残しながら、背景が透けて見えるように調整しなければなりません。描画モードの「乗算」と「スクリーン」を活用してみましょう。

ブレンド条件で最終調整！

ブレンド条件とは、階調レベルで不透明度を調整する機能です。合成結果に反映させない境目 (隠す領域) が調整できます。言ってみれば、この機能だけで合成することも可能です。しかし、対象画像により、階調数が減ってしまうので「全能」ではありません。作例では、最終調整で不透明部分を削る目的に使用します。

背景が透ける！

切り抜きグラスの合成方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

背景が透けて見える合成方法

これから行う操作は、無背景で撮影したワイングラスを切り抜き、別の画像に合成する方法です。背景が透けて見える合成方法がテーマなので、素材画像のワイングラスには、すでに切り抜きパスが作成してあります。切り抜きが苦手な方でもカンタンにできるレッスンです。リアルな合成に挑戦してみましょう！

元画像

背景が透けて見える合成方法

目次に戻る

切り抜きマスクを作成する

レッスン用のドキュメントには、あらかじめ、ワイングラスの形のパスが保存されています。そのパスから、選択範囲を読み込んで、切り抜き用のレイヤーマスクを作成しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1276 pixel ]、[ 高さ : 1920 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 377 KB )

素材画像を開く

photo by adonyig

白色ホリゾントが原則！

素材に用いるワイングラスは、白色ホリゾント (背景の壁や布・紙など) で撮影されていることが原則です。背景があるものや黒っぽいホリゾントは NG です。

黒っぽい背景だと暗い部分が抽出しにくい

描画モードの [ 乗算 ] と [ スクリーン ] を活用する方法では、いちばん暗い部分と明るい部分がそれぞれ抽出できなくてはなりません。そのためには、中間調を起点とした明るめの背景に、透明なオブジェクトを置いた素材が適しています。

基本がわかる！描画モードの種類と特性

[ パス ] パネルを表示します。

[ パス 1 ] レイヤーサムネールを [ command ( Ctrl ) ] キーを押しながらクリックします。描画ピクセルを選択

基本がわかる！パスの作成と使い方

[ command ( Ctrl ) ] + クリック

すると、ワイングラスの選択範囲が作成されます。

切り抜きの選択範囲を確認

[ イメージ ] メニューから、[ 切り抜き ] を選択します。すると、選択範囲の領域でトリミングされ、カンバスサイズが最小限の大きさになります。

切り抜きを極める！画像のトリミング方法10選

選択範囲の領域でトリミング

[ レイヤー ] パネルを表示します。

[ 背景 ] サムネールを [ option ( Alt ) ] キーを押しながらダブルクリックします。すると、背景からレイヤーに変換されます。

基本がわかる！レイヤーの使い方

[ option ( Alt ) ] + ダブルクリック

背景からレイヤーに変換

[ レイヤー ] パネルで、[ レイヤーマスクを追加 ] をクリックします。

基本がわかる！レイヤーマスクの使い方

[ レイヤーマスクを追加 ] をクリック

ワイングラスの切り抜きが完了しました。

領域でトリミング

レイヤーマスクで切り抜き

切り抜きマスクをパーツで！

レイヤーマスクで切り抜きを行う場合、合成する別の画像にコピー＆ペーストしてから、そのドキュメントで作業する方がイメージしやすいかも知れません。

しかし、切り抜きの対象が小さかったり、レイヤーが複数で構成されているときは、無駄や混乱の原因にもなりかねません。作例では、切り抜きマスクをパーツの段階で作成しておくことで、後の作業の効率化を図ります。

目次に戻る

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

合成用レイヤーの準備

背景が透けるグラスの合成では、描画モードが異なる２枚の合成用レイヤーが必要です。スマートオブジェクトを複製することで、再編集した場合も、その結果が連動するレイヤーを作成することができます。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択して適用します。

[ スマートオブジェクトに変換 ] を適用

スマートオブジェクトとは？

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

レイヤーマスクを含むスマートオブジェクトは、リンクされたマスク領域が保持され、ドキュメントを開くことで、レイヤーマスクを編集することができます。

[ レイヤー ] パネルで、[ レイヤー 0 ] を [ 新規レイヤーを作成 ] にドラッグします。

[ レイヤー 0 のコピー ] が作成されたことを確認します。

[ 新規レイヤーを作成 ] にドラッグ

[ レイヤー 0 のコピー ] を作成

それぞれのレイヤー名を上から [ グラス : スクリーン ]、[ グラス : 乗算 ] に変更します。

[ グラス : スクリーン ] を選択します。

[ グラス : 乗算 ] を非表示にします。

レイヤー名を変更

スマオブを複製すると？

同じドキュメント内で、スマートオブジェクトを複製すると、それぞれのコンテンツはリンクされます。

たとえば、元のスマートオブジェクトで行なったレイヤーマスクの編集は、複製したスマートオブジェクトにも反映されます。まったく同じ編集内容が共有されるワケです。

ひとつの修正ですべてのファイルを更新する方法

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

開口部を設定

ワイングラスの開口部を斜め上から見ると、後方が１枚、前方が２枚重なっています。不透明度は、１枚より２枚の方が高くなるので、その違いを設定する必要があります。

【操作方法】

[ パス ] パネルを表示し、[ パス 1 ] を選択します。

[ パス 1 ] を選択

[ ツール ] パネルで、[ パスコンポーネント選択ツール ] を選択します。

[ パスコンポーネント選択ツール ] を選択

ワイングラスの開口部をクリックして、楕円形の閉じたパスを選択します。

[ command ( Ctrl ) ] + [ C ] キーを押して、コピーします。

開口部のパスをクリック＆コピー

[ パス ] パネルで、何もないところをクリックします。

すると、[ パス 1 ] の選択が解除されます。パスを非表示

何もないところをクリック

[ レイヤー ] パネルを表示して、[ command ( Ctrl ) ] + [ V ] キーを押してペーストします。

すると、[ グラス : スクリーン ] に、ベクトルマスクが作成されます。

基本がわかる！マスクの種類と作り方

[ レイヤー ] パネルを表示してペースト

ベクトルマスクを作成

オプションバーで、[ 前面シェイプを削除 ] を選択します。

[ 前面シェイプを削除 ] を選択

開口部がマスクされ、透明ピクセルに置き換えられました。

開口部がマスクされた

開口部の不透明度を調整！

グラスの開口部に設けたベクトルマスクは、後の操作で不透明度を調整するために用います。この部分は、グラスの中でもいちばん背景が透ける部分です。

しかし、撮影時による白色ホリゾントの影響も大きく、暗い背景に合成する場合は、その明るさを大幅に抑えなければ、他の部分との整合性が取れません。

目次に戻る

グループを作成

２枚のレイヤーをひとつにまとめるグループを作成します。グループの作成は、対象レイヤーを選択してから行うと、フォルダーに入れる操作が省略できます。

【操作方法】

[ レイヤー ] パネルで、[ グラス : 乗算 ] を表示します。

[ shift ] キーを押しながら、[ グラス : 乗算 ] をクリックして、[ グラス : スクリーン ] と２枚同時に選択します。

[ グラス : 乗算 ] を表示

２枚同時に選択する

[ 新規グループを作成 ] をクリックします。

[ グループ 1 ] が作成されたことを確認します。

[ 新規グループを作成 ] をクリック

[ グループ 1 ] を作成

[ グループ 1 ] の名称を [ 切り抜きグラス ] に変更します。

グループ名を変更

複数のレイヤーを一括管理！

作例のように、切り抜き用レイヤーが複数で構成されている場合、グループフォルダーに入れておくと、移動や変形などの適用が、切り抜きオブジェクト単位で一括して行えるようになります。

乱雑になりがちな [ レイヤー ] パネルも整理できるので、一石二鳥ですね。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【画像の合成】背景が透ける！切り抜きグラスの合成方法「描画モードとブレンド条件」【2020】 first appeared on psgips.

【画像の合成】スマホ画面にピッタリ！画像をはめ込む方法【ガイドにスナップ】

古岡ひふみ — Thu, 05 Apr 2018 23:00:00 +0000

【Photoshop基本操作】スマートフォン画面のはめ込み合成は、選択範囲内にペーストする方法がポピュラーです。しかし、角度を合わせた変形を行ったり、エッジに合わす作業は、とても面倒なものです。そんなときは、ガイドのスナップ機能を利用すれば、正確な変形はもちろん、すばやく効率的な作業が行えます。

計画が効率化を生む！

「急がば回れ」ということわざがありますが、画像のはめ込み合成は、まさにその通り。画面比率に合わない画像を、感覚だけで変形するなんて、余計に時間がかかるものだと思いませんか？

スマートフォン画面には、規格に準じたサイズがあるので、その比率を算出して、はめ込み合成用の画像 (正面方向) をトリミングしておきます。

スマホ画面にピッタリ！

画像をはめ込む方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

画面のはめ込み合成

これから行う操作は、スマートフォン画面へのはめ込み合成を、正確に行う方法です。はめ込み合成でよく見られる失敗は、パース変形による違和感です。

Photoshop の遠近法による変形は、パースの精度が高いです。そのため、失敗の原因のほとんどは、はめ込む画像と、画面比率が合致していないことが考えられます。ガイドにスナップして、スマホ画面にピッタリはめ込みましょう。スナップ：オブジェクトの端をガイドなどに吸着させる機能

目次に戻る

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

画像をトリミングする

スマホ画面にはめ込む画像は、あらかじめ、スマホ画面の比率で、トリミングしておきます。スマホ画面の比率は、それぞれの機種によって異なります。ここでは、一般的な 16 : 9 を採用します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像をダウンロードしよう！ ( 464 KB )

素材画像を開く

photo by Y-Photography

[ ツール ] パネルで、[ 切り抜きツール ] を選択します。

切り抜きサイズを指定する方法

[ 切り抜きツール ] を選択

オプションバーで、プリセットメニューから、[ 幅 x 高さ x 解像度 ] を選択します。

[ 切り抜く画像の幅を設定 ] に [ 720 px ]、[ 切り抜く画像の高さを設定 ] に [ 1280 px ]、[ 切り抜く画像の解像度を設定 ] に [ 72 ] px/in を入力します。

切り抜きサイズと解像度を入力

画面比率でトリミング

作例は、HD サイズの原寸 [ 幅 : 720 pixel ]、[ 高さ : 1280 pixel ] を設定していますが、対象の素材が、これより低解像度の場合は、16 : 9 の比率を設定してください。

バウンディングボックスをドラッグして、切り抜き領域を調整します。

切り抜き領域を調整

オプションバーで、[ 現在の切り抜き操作を確定 ] をクリック、または、[ enter ] キーを押して、現在の切り抜き操作を確定します。

はめ込み画像をトリミングすることができた

ピクセルは削除しない？

オプションバーで、[ 切り抜いたピクセルを削除 ] を有効にすると、切り抜いたピクセル (切り抜き以外の領域) が削除されます。無効 (初期設定) の場合は、切り抜いたピクセルが保存され、[ 移動ツール ] で画像を移動すると、切り抜き以外の領域がドキュメント内に現れます。

目次に戻る

続きは↓下の番号をクリック！

古岡ひふみ

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

psgips.net

The post 【画像の合成】スマホ画面にピッタリ！画像をはめ込む方法【ガイドにスナップ】 first appeared on psgips.