切り抜いたピクセルを削除| psgips

写真を加工する！風景を水面に映すアクション

古岡ひふみ — Tue, 17 Nov 2020 23:00:00 +0000

【Photoshop講座】水面の反射効果は、元画像を垂直方向に反転することで行えます。しかし、さざなみを表現するのが難しいですね。雄大な風景なら遠近感も必要です。そんなときは、Adobe Exchange を活用しましょう。アクションを再生するだけで、風景を水面に映す効果がカンタンにつくれます。

水平線の位置を吟味する！

アクションを再生する前の準備として、画像のトリミングがあります。とりわけ、水平線の位置は重要です。なぜなら、元画像の視点によって、適切な位置が変わるからです。視点が下がるほど遠く、視点が上がるほど近いという法則を前提に、水平線の位置を吟味しましょう。

風景写真に水面の反射効果をつける

これから行う操作は、風景写真に水面の反射効果をつける方法です。アクションファイルをインストールし、[ アクション ] パネルで再生します。

Adobe Exchange から提供されている拡張機能 [ Reflections in Photoshop ] は、さまざまな反射効果を作成する、アクションファイルがセットされています。

水面の反射効果が作成できる [ Water Reflection ]

Adobe Exchange インストールページ

【インストール方法】

[ Creative Cloud ] を起動して、[ マーケットプレイス ] – [ プラグイン ] – [ すべてのプラグイン ] を選択します。Creative Cloud アカウントでログイン

Creative Cloud

[ Adobe Exchange からも入手可能 ] カテゴリから、[ Reflections in Photoshop ] の [ 詳細情報 ] をクリックします。検索フィルター : Photoshop

[ 詳細情報 ] をクリック

[ Reflections in Photoshop ] インストールページで詳細を確認して、[ Free ] をクリックします。

[ Free ] をクリック

Adobe Exchange インストールページ

[ Plugin acquired. Next click on this Install link to open Creative Cloud App and finish installation. ] の [ Install ] をクリックします。

[ Reflections in Photoshop プラグインをインストール ] で [ OK ] をクリックします。

[ OK ] をクリック

Adobe Exchange インストールページ

プラグインを管理！

インストールしたプラグインは、[ Creative Cloud ] の [ プラグインを管理 ] で管理します。[ プラグインを管理 ] では、現在インストールしているプラグインが表示されるほか、アンインストールなどの操作が行えます。

[ アンインストール ] をクリック

アクションを読み込む

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

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

素材画像を開く

photo by JuergenPM

[ ウィンドウ ] メニューから、[ アクション ] を選択します。[ アクション ] パネルで、パネルメニューから、[ アクションを読み込み ] を選択します。

基本がわかる！アクションの作り方

[ アクションを読み込み ] を選択

[ ダウンロード ] – [ PanosFX REFLECTIONS v.2.0.0 ] – [ PFx REFLECTIONS.atn ] を選択します。

[ 開く ] をクリックします。

[ PFx REFLECTIONS.atn ] を選択

[ アクション ] パネルで、[ PFx REFLECTIONS ] が読み込まれたことを確認してください。

[ PFx REFLECTIONS ] を確認

ファイルを確認しよう！

[ Reflections in Photoshop ] をインストールすると、パソコンで設定されたダウンロードフォルダー (初期設定 : [ ( ユーザ ) ] – [ ダウンロード ] ) 内に、[ PanosFX REFLECTIONS v.2.0.0 ] というフォルダーがダウンロードされます。

置き換えマップデータとアクションファイル

[ MAP-1 (water).psd ] と [ MAP-2 (water).psd ] は、置き換え用のマップデータです。[ PFx REFLECTIONS.atn ] は、Photoshop 用のアクションファイルであり、[ Water Reflection ] をはじめ、さまざまな反射効果が含まれています。

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！風景を水面に映すアクション 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.

【トリミング】切り抜きサイズを指定する方法「切り抜きツールの使い方」

古岡ひふみ — Sun, 18 Feb 2018 23:00:00 +0000

【Photoshop基本操作】SNS 用のプロフィール画像など、Web 上で使用する画像は、あらかじめ、画像サイズ (仕上げ寸法) が指定されていることがあります。必要な部分だけをトリミングしながら、ピクセル数をぴったり合わせることって、意外に難しいですよね。切り抜きサイズの比率をキープしながら、トリミング領域が自由に操作できる方法をご紹介しましょう。

切り抜き比率でトリミング！

画像のトリミングは、切り抜きサイズあってのトリミングです。切り抜きサイズを指定しない切り抜きって存在するの？って思うくらい、[ 幅 ]、[ 高さ ]、[ 解像度 ] は、重要なレギュレーションです。

[ 切り抜きツール ] の [ 幅 x 高さ x 解像度 ] を使用すると、切り抜きサイズと同じ比率のバウンディングボックスで調整できるので、正確なピクセル数に合わせた思い通りのトリミングが行えます。

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

– 切り抜きツールの使い方 –

[ STEP-01 ]

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

[ STEP-02 ]

切り抜きツールを選択する

[ STEP-03 ]

幅と高さを入力する

[ STEP-04 ]