フレームツール| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Sat, 09 Mar 2024 06:04:32 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png フレームツール| psgips https://psgips.net 32 32 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 https://psgips.net/photoshop-reference/create-the-postcard Tue, 19 May 2020 23:00:00 +0000 https://psgips.net/?p=18107 【Photoshop基本操作】画像や文字をキレイにプリント出力するには、大きな画像解像度が必要です。高品質な商業印刷で求められる数値を設定して、年賀状にも応用できる、カンタンなポストカードを作成しましょう。 適切な解像度 […]

The post 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 first appeared on psgips.]]> 【Photoshop基本操作】画像や文字をキレイにプリント出力するには、大きな画像解像度が必要です。高品質な商業印刷で求められる数値を設定して、年賀状にも応用できる、カンタンなポストカードを作成しましょう。
適切な解像度で滑らかな文字に！
プリント出力で気になる「ギザギザ」は、ドキュメントの解像度が低いために起こる現象です。高解像度になればなるほど、文字はどんどん滑らかになります。ドキュメントを出力サイズで作成して、解像度に 350 pixel/inch を設定しましょう。
画像と文字を配置した
ポストカードをつくる
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

プリント出力用データを作成する

これから行う操作は、ポストカードのプリント出力用データを作成する方法です。ベクトル画像とビットマップ画像の配置や、フレーム内でのトリミングなど、印刷用紙面をデザインする基本作業を学びましょう。
画像と文字を配置したポストカード
目次に戻る

レイアウト用のガイドを引く

官製はがきサイズで出力することを前提とした、新規ドキュメントを作成します。ドキュメントにガイドを作成することは、紙面をデザインする上で、大変重要な作業となります。
素材画像をダウンロードしよう！( 3.8 MB )
【操作方法】
[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規 ] ダイアログで、[ 幅 ] に [ 148 ] mm、[ 高さ ] に [ 100 ] mm、[ 解像度 ] に [ 350 ] pixel/inch を入力します。[ カラーモード ] に [ CMYK カラー ]、[ カラープロファイル ] に [ Japan Color 2001 Coated ] を選択して、[ 作成 ] をクリックします。
基本がわかる！新規ドキュメントの作成
[新規ドキュメント]を設定
[ 新規ドキュメント ] を設定
官製はがきサイズの、新しいドキュメントが作成できました。
新規ドキュメントを作成
新規ドキュメントを作成
解像度とは？
[ 新規ドキュメント ] ダイアログで設定する [ 解像度 ] は、一辺１インチあたりに含まれるピクセル数で、画像の密度を表すものです。プリント出力を目的とする場合、[ 解像度 : 300 pixel/inch ] が推奨されています。ここで設定した [ 解像度 : 350 pixel/inch ] は、商業印刷で推奨される画像解像度です。
基本がわかる！画像解像度の設定
CMYKカラーとは？
CMYK カラーは、商業印刷で用いられる４色に分解されたカラーモードです。色の見え方で分けると、RGB カラーは「透過する光の色」、CMYK カラーは「反射するモノの色」です。
加色混合のRGBカラー・減色混合のCMYKカラー
ここでは、商業印刷で推奨される [ CMYK カラー ] を設定していますが、一般的な家庭用プリンターは、プリンター側に独自の変換機能が備わっているため、[ RGB カラー ] が推奨されている場合もあります。用途によって、適切なカラーモードを設定してください。
基本がわかる！RGBとCMYK
家庭用プリンターの場合は？
一般的な家庭用プリンターで出力する場合、[ CMYK カラー ] や [ Japan Color 2001 Coated ] を設定していると、色の再現力が悪くなることがあります。
これは、プリンター側の初期設定 (推奨設定) が、[ RGB カラー ] からの変換を想定しているためで、プリント時の出力設定を変えなければ、改善することが難しくなります。
プリント時の出力設定を変えない前提なら、ドキュメントのカラーモードに [ RGB カラー ] を選択します。
カラーモードに[RGBカラー]を選択
カラーモードに [ RGB カラー ] を選択
カラーモード [ RGB カラー ] の選択に伴い、カラープロファイルに [ sRGB IEC61966-2.1 ]、または、[ カラーマネジメントしない ] を選択します。
一般的な家庭用プリンターの場合、１色あたりの出力解像度がそれほど高くないので、ドキュメントの解像度は [ 350 ] pixel/inch 以下の [ 300 ] pixel/inch でもかまいません。ただし、pixel (ピクセル) を単位とする設定は、物理的サイズの換算値が変更されるので注意してください。
基本がわかる！画像解像度の設定
目次に戻る
レッスン動画を配信中！
【Photoshop講座】画像と文字を配置したポストカードをつくる
サムネールをクリックすると、
レッスン動画にリンクします。

新規ガイドレイアウトの設定

ここでは、ガイドの作成方法に [ 新規ガイドレイアウトを作成 ] を使用します。ドキュメントをブロックで等分する、割付ガイドを作成しましょう。
【操作方法】
[ 表示 ] メニューから、[ 新規ガイドレイアウトを作成 ] を選択します。[ 新規ガイドレイアウトを作成 ] ダイアログで、[ 既存のガイドを消去 ] を有効にします。
[ マージン ] を有効にして、すべてのボックスに [ 69 px ] を入力します。
[マージン]を設定
[ マージン ] を設定
すると、４辺から 69 px の位置にマージンガイドが作成されます。
マージンガイドを確認
マージンガイドを確認
[ 列 ] を有効にして、[ 数 ] に [ 5 ]、[ 間隔 ] に [ 69 px ] を入力します。
[ 行 ] を有効にして、[ 数 ] に [ 4 ]、[ 間隔 ] に [ 69 px ] を入力して、[ OK ] をクリックします。
[列]と[行]を作成
[ 列 ] と [ 行 ] を作成
すると、幅を５等分、高さを４等分した割付ガイドが作成されます。
割付ガイドを確認
割付ガイドを確認
ガイドとは？
ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。
ガイドの作成方法を大まかに分類すると、フリーハンド (手動方式) と、レイアウト (割付方式) があります。基本的なフリーハンドの操作については、以下のページで詳しく解説しています。
フリーハンド (手動方式) → レイアウト (割付方式)
基本がわかる！ガイドの作成
目次に戻る
続きは↓下の番号をクリック！
12345

The post 【文字＆レイアウト】画像と文字を配置したポストカードをつくる「プリント出力用データの作成方法」 first appeared on psgips.]]> 【画像合成】フレームツールで簡単にマスクする方法【フレームに変換】 https://psgips.net/photoshop-reference/frame-tool Sun, 25 Nov 2018 23:00:00 +0000 https://psgips.net/?p=18740 【Photoshop基本操作】別の画像をフレームの形で重ねたいときは [ フレームツール ] が便利です。直感的な操作ができて、合成画像の「非破壊編集」も自動設定してくれます。作業の効率化はもちろん、[ フレームに変換 […]

The post 【画像合成】フレームツールで簡単にマスクする方法【フレームに変換】 first appeared on psgips.]]> 【Photoshop基本操作】別の画像をフレームの形で重ねたいときは [ フレームツール ] が便利です。直感的な操作ができて、合成画像の「非破壊編集」も自動設定してくれます。作業の効率化はもちろん、[ フレームに変換 ] で、シェイプレイヤーに対応しているので、好みの形状による「はめ込み合成」が可能です。
はめ込み合成を簡単に！
[ フレームツール ] で、作成できる形状は、長方形フレームと楕円形フレームの２種類です。その他の形状は、シェイプで作成してフレームに変換します。
高度な画像合成には、レイヤーマスクやベクトルマスクの使用が望ましいです。しかし、はっきりした形状のマスクで対応できる「はめ込み合成」などは、フレームを使用した方が効率的で、操作も簡単です。はめ込み画像の変形や入れ替えなどの編集も、スピーディに行えます。
フレームツールで
簡単にマスクする方法
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

フレームで画像をはめ込み合成する方法

これから行う操作は、[ フレームツール ] のマスキング機能を利用した画像合成です。作例では、サングラスに映り込む風景の「はめ込み合成」を行います。
フレームで画像をはめ込み合成する
シェイプで作成したマスク形状をフレームに変換します。合成する画像をコピー＆ペーストで配置して、サングラスに合わせて変形します。映り込みをリアルに見せるため、レイヤースタイルを設定しましょう。
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！

素材画像を開く

[ フレームツール ] で、はめ込み合成を行うには、そのマスク形状のシェイプを作成する必要があります。作例では、あらかじめ、[ シェイプ 1 ] を作成しています。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 720 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ]を使用しています。
素材画像をダウンロードしよう！ ( 3.3 MB )
素材画像を開く
素材画像を開く
photo by dhyananogales
[ レイヤー ] パネルで、[ シェイプ 1 ] が選択されていることを確認してください。
[シェイプ1]が選択されていることを確認
[ シェイプ 1 ] が選択されていることを確認
マスクをシェイプで作成
シェイプの作成は、[ ツール ] パネルで、[ ペンツール ] を選択します。オプションバーで、[ ツールモードを選択 ] に [ シェイプ ] を選択して、サングラスの映り込み部分をトレースします。
[ツールモードを選択:シェイプ]
[ ツールモードを選択 : シェイプ ]
映り込み部分をトレース
映り込み部分をトレース ( 塗り : 0% を設定した場合 )
作成したシェイプには、塗り、または、線の設定があります。しかし、フレームに変換する場合は影響を受けないので、何でもかまいません。また、[ 属性 ( プロパティ ) ] パネルによる [ 濃度 ]、[ 不透明度 ] なども反映されません。[ パス ] のみが変換され、フレームのマスク領域になります。クリッピングマスク、作業用パスからフレームに変換することはできません。
基本がわかる！パスの作成と使い方
クリックするだけ！パスを直感的に作成する方法
目次に戻る
続きは↓下の番号をクリック！
12345

The post 【画像合成】フレームツールで簡単にマスクする方法【フレームに変換】 first appeared on psgips.]]> 【画像の合成】スマホ画面にピッタリ！画像をはめ込む方法【ガイドにスナップ】 https://psgips.net/photoshop-reference/images-simulated Thu, 05 Apr 2018 23:00:00 +0000 https://psgips.net/?p=18049 【Photoshop基本操作】スマートフォン画面のはめ込み合成は、選択範囲内にペーストする方法がポピュラーです。しかし、角度を合わせた変形を行ったり、エッジに合わす作業は、とても面倒なものです。そんなときは、ガイドのスナ […]

The post 【画像の合成】スマホ画面にピッタリ！画像をはめ込む方法【ガイドにスナップ】 first appeared on psgips.]]> 【Photoshop基本操作】スマートフォン画面のはめ込み合成は、選択範囲内にペーストする方法がポピュラーです。しかし、角度を合わせた変形を行ったり、エッジに合わす作業は、とても面倒なものです。そんなときは、ガイドのスナップ機能を利用すれば、正確な変形はもちろん、すばやく効率的な作業が行えます。
計画が効率化を生む！
「急がば回れ」ということわざがありますが、画像のはめ込み合成は、まさにその通り。画面比率に合わない画像を、感覚だけで変形するなんて、余計に時間がかかるものだと思いませんか？
スマートフォン画面には、規格に準じたサイズがあるので、その比率を算出して、はめ込み合成用の画像 (正面方向) をトリミングしておきます。
スマホ画面にピッタリ！
画像をはめ込む方法
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

画面のはめ込み合成

これから行う操作は、スマートフォン画面へのはめ込み合成を、正確に行う方法です。はめ込み合成でよく見られる失敗は、パース変形による違和感です。
スマートフォン画面へのはめ込み合成
Photoshop の遠近法による変形は、パースの精度が高いです。そのため、失敗の原因のほとんどは、はめ込む画像と、画面比率が合致していないことが考えられます。ガイドにスナップして、スマホ画面にピッタリはめ込みましょう。スナップ：オブジェクトの端をガイドなどに吸着させる機能
目次に戻る
基本がわかる動画を配信中！
【Photoshop講座】基本がわかる！画像解像度の設定「物理的な大きさとの関係」【2024】
基本がわかる！画像解像度の設定
【Photoshop講座】基本がわかる！色かぶりの補正「ホワイトバランスと色温度」【2024】
基本がわかる！色かぶりの補正
チャンネル登録をお願いします！

画像をトリミングする

スマホ画面にはめ込む画像は、あらかじめ、スマホ画面の比率で、トリミングしておきます。スマホ画面の比率は、それぞれの機種によって異なります。ここでは、一般的な 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 ] キーを押して、現在の切り抜き操作を確定します。
はめ込み画像をトリミングすることができた
はめ込み画像をトリミングすることができた
ピクセルは削除しない？
オプションバーで、[ 切り抜いたピクセルを削除 ] を有効にすると、切り抜いたピクセル (切り抜き以外の領域) が削除されます。無効 (初期設定) の場合は、切り抜いたピクセルが保存され、[ 移動ツール ] で画像を移動すると、切り抜き以外の領域がドキュメント内に現れます。
[切り抜いたピクセルを削除]が有効の場合
目次に戻る
続きは↓下の番号をクリック！
12345

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