写真を加工する！ | psgips

冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】

古岡ひふみ — Sat, 13 Aug 2022 23:00:00 +0000

【Photoshop講座】玉ボケとは、ピントがあっていない、夜景写真などで見られる、ふわふわした丸い光の玉です。これをファンタジックな効果として使うと、面白い作品ができそうですね。冴えない写真から玉ボケを発生させて、抽象的なイメージを作成しましょう。

暫定値からの調整！

およそのフィルターには、設定の目安となる暫定値が初期設定されています。[ ぼかしギャラリー ] にも、ひとつの [ ぼかしピン ] に、ぼかし度や領域が設定されていますが、玉ボケの効果は、ゼロからのスタートです。困ったときには中間値。[ 光のボケ ] に 50 % の暫定値を設定しましょう。

冴えない写真から

玉ボケをつくる方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

写真から玉ボケをつくる

これから行う操作は、写真から抽象的なイメージを作成する方法です。ぼかしギャラリーには、玉ボケを擬似的に発生させる機能があります。玉の大きさや、輪郭の強調、変換する階調領域などが調整できます。

元画像

冴えない写真から玉ボケをつくる

「冴えない写真から玉ボケをつくる方法」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。

目次に戻る

レッスン動画を配信中！

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

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

彩度を上げる

玉ボケの効果は、元画像の階調範囲で抽出するため、いちばん明るい色、つまり、白色が大部分を締める結果になりがちです。光の色を鮮やかにするため、彩度を上げておきましょう。

【操作方法】

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

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

素材画像を開く

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

[ 背景のコピー ] を作成します。

[ 背景のコピー ] を作成

レイヤー名を [ light-bokeh ] に変更します。

レイヤー名を変更

玉ボケに適した素材は？

玉ボケに適した素材は、夜景の写真です。点在する小さな光源が、玉ボケの素となります。明るく照らされた反射部分は、後の調整で削ることができます。また、玉ボケ以外の変化として、意図的に浮き立たせることもできます。

目次に戻る

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

ここでは、フィルターの効果を使用します。あらかじめ、スマートオブジェクトに変換しておくと、編集が可能なスマートフィルターとして適用できます。

【操作方法】

[ レイヤー ] パネルで、[ light-bokeh ] を右クリックます。

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

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

スマートオブジェクトに変換されたことを確認してください。

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

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

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

目次に戻る

自然な彩度を設定

彩度を上げる調整には、[ 自然な彩度 ] を使用します。適用する画像によって、適正値は異なりますが、ここでは、Max 値を設定します。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ 自然な彩度 ] を選択します。[ 自然な彩度 ]ダイアログで、[ 自然な彩度 ] に [ +100 ] を入力します。初期設定 : 0

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

自然な彩度: +100

彩度を上げることができました。

元画像

自然な彩度を設定

自然な彩度とは？

通常、彩度を上げると輝度が増し、ある水準を超えると真っ白になるトーンジャンプが起こります。[ 自然な彩度 ] は、現在の輝度を保持しながら、彩度を調整することができます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】 first appeared on psgips.

冴えない写真に霧を発生させる方法「レベル補正による階調の操作」【2022】

古岡ひふみ — Thu, 16 Jun 2022 23:00:00 +0000

【Photoshop講座】冴えない風景写真に、幻想的な霧を発生させて、空気感や遠近感などにこだわった、旅情あふれる演出を施してみましょう。レベル補正には、シャドウ、ハイライトを、任意の階調レベルで出力する機能があります。霧から浮かび上がった、シルエットのような効果が作成できます。

霧の濃度を分けよう！

風景は遠くになるほど霞んで見えます。濃い霧が発生した場合も同じです。遠景はより深く、近景はより浅く、効果の度合いを変えていくことで、自然な空気感を表現することができます。

幻想的な霧を発生させる

これから行う操作は、風景写真に霧を発生させる方法です。ここでは、海に掛かる吊り橋をモチーフにして、遠くに行くほど霧が濃くなる処理を行います。

「冴えない写真に霧を発生させる方法」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。

レッスン動画を配信中！

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

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

霧の構造線を設定する

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

素材画像を開く

ガイドを作成

風景写真を立方体に見立てて、霧の濃度を大まかに設定します。前方に伸びる橋と、後方の風景を面で捉える、構造線を作成しましょう。

[ 表示 ] メニューから、[ ガイド ] – [ 新規ガイド ] を選択します。[ 新規ガイド ] ダイアログで、[ 水平方向 ] を選択します。バージョン 2021 以前 [ 表示 ] – [ 新規ガイド ]

[ 位置 ] に [ 1036 px ] を入力します。

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

[ 新規ガイド ] を設定

このガイドは、風景写真から推測した、地平線の位置です。濃い霧の境界線とします。

作成されたガイドを確認

同じ要領で、水平方向の霧がなくなる境界線を作成します。[ 位置 ] に [ 1105 px ] を入力します。

[ 位置 : 1105 px ] を設定

[ 位置 ] に [ 531 px ] を入力します。

[ 位置 : 531 px ] を設定

垂直方向の濃い霧の境界線を作成します。[ 位置 ] に [ 648 px ] を入力します。

[ 位置 : 648 px ] を設定

ドキュメントの端にも作成しておきましょう。霧の濃度を大まかに設定する、構造線が作成できました。定規を表示/非表示 : [ command ( Ctrl ) ] + [ R ]

霧の濃度の構造線が作成できた

ガイドとは？

ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。正確さを必要とする作業には欠かせません。

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

古岡ひふみ

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

psgips.net

The post 冴えない写真に霧を発生させる方法「レベル補正による階調の操作」【2022】 first appeared on psgips.

風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」

古岡ひふみ — Tue, 07 Jun 2022 23:00:00 +0000

【Photoshop講座】風景写真をミニチュア化するポイントは、すっきりした明瞭な印象と、被写界深度の浅さです。被写界深度の浅さは、画像の周辺をぼかすことで表します。「虹彩絞りぼかし」と「チルトシフト」を同時に適用して、擬似的な遠近感を調整しましょう。パラメータだけの操作でカンタン！

望遠撮影を選ぶ！

ミニチュア化に適した素材は、望遠レンズで撮影されたものです。焦点距離が長いため、遠くのものが近くに見える圧縮効果があります。遠近感がないほど、それっぽく加工できます。広角レンズは NG です。

風景写真をミニチュア化する

これから行う操作は、風景写真を、ミニチュア化する方法です。明瞭な印象は、 Camera Raw を使用して、明るさ、コントラスト、彩度といった、複数の調整を組み合わせます。

被写界深度の浅さは、画像の周辺をぼかすことで表します。ディテールに関する最適な設定値は、対象となる画像のピクセル数によって異なります。応用する場合は、長辺に合わせてリサイズしてください。

レッスン動画を配信中！

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

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

補正作業の準備をする

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

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

素材画像を開く

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

[ レイヤー ] パネルで、[ 背景 ] を右クリックして、コンテキストメニューを表示します。

[ スマートオブジェクトに変換 ] を選択して適用します。

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

スマートオブジェクトに変換されたことを確認してください。

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

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

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

Camera Rawを起動

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。

[ Camera Raw ] 操作パネル

補正作業を快適に！

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ミニチュア化に適した調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

補正前と補正後の表示を切り替え

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

古岡ひふみ

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

psgips.net

The post 風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」 first appeared on psgips.

おしゃれな写真に！色あせたビンテージ風の加工「Camera Raw と Lightroom」

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

【Photoshop講座】画像に青みを加えると、肌色の生命感がなくなります。明るい部分に黄みを加えると、それはどんどん濁っていきます。ビンテージ風の加工は、赤みの関わり方が難しいですね。Camera Raw を使用して、色あせた写真プリントのような効果を再現しましょう。

色と明度を分けて考える！

ビンテージ風の特徴は、褪色していて階調が浅いことです。彩度を下げると、それっぽい雰囲気にはなりますが、現代版としてアレンジするには、色から受ける印象は、できるだけ残しておきたいものです。RGB をチャンネル別に設定すれば、色と明度を分けて考えることができます。

おしゃれなビンテージ風に加工

これから行う操作は、カラー写真をビンテージ風に加工する方法です。素材に適したコントロールが行える、Camera Raw を使用して、おしゃれなビンテージ風に加工しましょう。

レッスン動画を配信中！

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

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

補正作業の準備をする

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

素材画像を開く

photo by Engin Akyurt

[ レイヤー ] パネルで、[ 背景 ] を右クリックして、コンテキストメニューを表示します。

[ スマートオブジェクトに変換 ] を選択して適用します。

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

スマートオブジェクトに変換されたことを確認してください。

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

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

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

Camera Rawを起動

Camera Raw フィルターは、Raw データを現像するための拡張機能を、Photoshop の効果として、使用できるようにしたものです。Lightroom でも、同様に行えます。

[ フィルター ] メニューから、[ Camera Raw フィルター ] を選択します。

Camera Raw を起動

[ Camera Raw ] 操作パネルで、[ 補正前と補正後の表示を切り替え ] をクリックします。

[ ズームレベルの選択 ] に、[ 100% ] 以上の表示倍率を選択します。

[ Camera Raw ] 操作パネル

補正作業を快適に！

[ 補正前と補正後の表示を切り替え ] は、補正前と補正後の２画面を見比べながら、ビンテージ風に加工する調整が行えます。クリックで切り替えることができ、クリックホールドすると、メニューが表示されます。

補正前と補正後の表示を切り替え

[ ズームレベルの選択 ] は、プレビューの表示倍率が選択できます。プレビューの精度を上げるには、このパネルのコントロールを調整するときに、プレビューのサイズを 100 % 以上までズームします。

ズームレベルの選択

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

古岡ひふみ

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

psgips.net

The post おしゃれな写真に！色あせたビンテージ風の加工「Camera Raw と Lightroom」 first appeared on psgips.

RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】

古岡ひふみ — Thu, 14 Apr 2022 23:00:00 +0000

【Photoshop講座】アナグリフとは、特殊なメガネを通して、立体的に見える写真や映像の技法です。赤と青のフィルターによって、両眼の視差を応用するため、左右に色ズレを起こしているのが特徴です。RGB カラーモードのチャンネルを操作して、カラー写真をモノクロの、アナグリフ 3D 風に加工しましょう。

スクロールで穴埋め！

チャンネルをずらすと、左右に足りない部分ができます。これも効果だと言えますが、気になる場合は、「スクロール」で目立たなくしましょう。

左右のトーンが同じなら、「ラップアラウンド (巻き戻す)」で OK！スマートオブジェクトなら、色ズレの大きさも、後から調整できます。

RGBをずらす！

アナグリフ3D風の効果

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

アナグリフ3D風に加工する

これから行う操作は、アナグリフ 3D 風の効果をつける方法です。カラー写真をモノクロ化して、複製した３枚のスマートオブジェクトに、それぞれのチャンネルを描画します。RGB のズレは、数値入力で行う「スクロール」を使用します。

アナグリフ 3D 風の効果は、「レンズ収差」と言われる、光学的な色ズレを利用したものです。立体映像や立体写真などは、それぞれ、色ズレの仕組みが異なっています。あくまでも、擬似的な表現によるものです。

RGB カラーモードの画像は、レッド ( R )、グリーン ( G )、ブルー ( B ) のチャンネルによる「加色混合 (かしょくこんごう)」で作成されています。チャンネル画像の重なりが、多少でもずれると、簡単に色ズレを起こしてしまいます。その仕組みは、いたってシンプルです。

RGBの加色混合

ここでは、非破壊編集によって、色ズレを起こす工法を取ります。そのため、「レイヤー効果」による RGB チャンネルの操作を行います。次の動画 ( 13:49 ) で、およその手順を見ておきましょう。

目次に戻る

レッスン動画を配信中！

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

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

カラーをモノクロ化する

ここでご紹介する、アナグリフ 3D 風の効果は、モノクロ写真を対象としたものです。素材画像がカラー写真の場合は、あらかじめ、モノクロ化しておきましょう。

【操作方法】

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

素材画像を開く

photo by Pexels

素材選びのコツ！

アナグリフ 3D 風の加工には、主体のシルエットが、ハッキリしているものを選びましょう。背景に風景や模様が入っていると、RGB のズレが強調できません。

[ レイヤー ] パネルで、[ 調整レイヤーを新規作成 ] をクリックして、メニューから、[ 白黒 ] を選択します。[ 白黒 1 ] を作成します。

[ 白黒 1 ] を作成

[ プロパティ ] パネルで、以下の設定値を入力します。

[ 白黒 ] を設定

【設定値】

レッド系 : 30 %

イエロー系 : 89 %

グリーン系 : 59 %

シアン系 : 70 %

ブルー系 : 11 %

マゼンタ系 : 41 %

カラー写真をモノクロ化することができました。

カラーをモノクロ化する

輝度を優先させたモノクロ？

一般的なモノクロ化は、各チャンネルに、同じクレースケール値を振り分けます。そのため、異なる色でも、同じ明度を持つ色は、同じ濃度のグレースケール値が適用されます。

たとえば、黄色と青色の見た目の違いが、モノクロ化によって、現れにくい結果になります。輝度を優先させたモノクロ化は、色が持つ明るさに対して、人間の感じる量で調整します。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】 first appeared on psgips.

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」

古岡ひふみ — Mon, 14 Dec 2020 23:00:00 +0000

【Photoshop講座】モノクロ画像を着色するのは面倒ですね。上塗りした違和感を消すのも一苦労です。機械学習テクノロジーを使用した [ カラー化 ] を使用すれば、驚くほどカンタンに解決できます。

焦点カラーを使う！

[ カラー化 ] は、着色する箇所を [ 焦点 ] として、上塗りカラーがカスタマイズできます。大まかには、被写体と背景は焦点が違うので塗り分けるということです。[ クリックして焦点を選択 ] の設定で、カラー化の完成度は格段にアップします。

カラー化による着色処理

これから行う操作は、[ カラー化 ] を使って、モノクロ画像を着色する方法です。[ カラー化 ] は、[ ニューラルフィルター ] というフィルターカテゴリでリリースされた AI フィルターのひとつで、まだ未完成のベータ版です。バージョン 2022 以降では「正式版」として改善されています。

カラー化を適用する

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

素材画像を開く

photo by bharatspace

[ フィルター ] メニューから、[ ニューラルフィルター ] を選択します。すると、[ ニューラルフィルター ] 操作パネルが表示されます。起動時のプレビューに表示される青枠は、AI による顔認証エリアです。

[ ニューラルフィルター ] 操作パネル

[ ニューラルフィルター ] パネルで、[ ベータ版フィルター ] をクリックします。バージョン 2022 以降では「正式版」として改善されています。

[ カラー化 ] をクリックして有効にします。クラウドからダウンロード

[ カラー化 ] を有効

[ カラー化 ] を有効にすると、自動的に画像の解析が始まり、処理が終わると結果がプレビューされます。

自動解析の結果がプレビューされる

[ カラー化 ] は、自動解析が初期設定となり、[ シーン ] セクションのプロパティで調整が可能です。

[ シーン ] セクションを確認

ニューラルフィルターとは？

Photoshop 2021 ( 22.0.0 ) から実装された [ ニューラルフィルター ] は、GPU / AI 技術を活用した新機能です。さまざまなフィルター効果をクラウドからダウンロードして使用するのが特徴です。初めて使用するフィルターは、クラウドアイコンをクリックします。

[ カラー化 ] の説明

[ ニューラルフィルター ] に含まれている [ カラー化 ] は、[ ベータ版フィルター ] として提供されています。今後も改善されていくフィルターなので、結果は一致しないかも知れませんが、驚くような結果が期待できるので試してみましょう。バージョン 2022 以降では「正式版」として改善されています。

ニューラルフィルターを初期化！

ニューラルフィルターを初期化したい場合は、次のフォルダーを削除してください。Mac のユーザーライブラリフォルダーは、デフォルトで非表示なっています。[ option ] キーを押しながら、[ 移動 ] – [ ライブラリ ] を選択してください。パス中の「24」は、バージョン 2023 の番号です。

Mac

[ユーザー名]/ライブラリ/Application Support/Adobe/ UXP/PluginsStorage/PHSP/24/Internal/ com.adobe.nfp.gallery/PluginData

Windows

C:\Users\[ユーザー名]\AppData\Roaming\Adobe\ UXP\PluginsStorage\PHSP\24\Internal\ com.adobe.nfp.gallery\PluginData

[ 出力 ] に [ スマートフィルター ] を選択します。

すべての設定ができたら、[ OK ] をクリックします。

[ スマートフィルター ] を選択

[ レイヤー ] パネルで、[ スマートフィルター ] を確認します。

[ スマートフィルター ] を確認

ハイライトを暗く！

モノクロ画像の傾向として、明るい部分を白く飛ばす「ハイキー処理」があります。[ カラー化 ] は、元画像の階調 (グレースケール) によって解析するので、真っ白な部分は「白色」として認識されます。

[ カラー化 ] を適用する前に、ハイライト領域を暗くしておくと効果的です。[ シャドウ・ハイライト ] は、シャドウ領域とハイライト領域を個別に調整できるので、ハイライト領域のみを暗くしたい場合は、[ シャドウ ] セクションの [ 量 ] に [ 0 ] % を入力し、[ ハイライト ] セクションの [ 量 ] に任意の調整率を入力します。

[ シャドウ・ハイライト ] による調整例

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」 first appeared on 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.

写真を加工する！パソコン画面から飛び出すウミガメ

古岡ひふみ — Sun, 04 Jun 2017 23:00:00 +0000

【Photoshop講座】はめ込み合成の一部を、フレームの外にはみ出させるだけで、トリッキーな効果が得られます。それはまるで、ノートパソコンの画面から飛び出してきたように感じます。チュートリアルの主なポイントは、自然な切り抜きと立体的に見せる光と影です。複雑な作業を効率的に組み立てましょう。

内側と外側の変化！

トリッキーな効果を得るには、オブジェクトを自然に切り抜くことはもちろんですが、それ以上に、光と影の演出が重要です。作例では、海中を泳ぐウミガメを使用しているので、画面の外側に切り出してみると、元の青味がかった影が目立ってしまいます。画面の内側と外側では、環境光の色が変わるワケです。画面から飛び出した部分の、色調を変える技を身につけましょう。

画像合成の総合テクニック

これから行う操作は、パソコン画面に素材画像をはめ込み、主体の一部を、画面の外側へはみ出させることにより、飛び出したような効果をつくり出す方法です。オブジェクトの選択や切り抜き、トリッキーなレイヤーマスクの作成、特定の色域を軽減させるカラーの調整方法など、画像合成に関わる、さまざまなテクニックが盛り込まれています。

はめ込み合成の位置を決める

素材画像をダウンロードして開きます。サンゴ礁とウミガメ、ノートパソコンの素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 800 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGBカラー ] を使用しています。

サンゴ礁とウミガメの素材画像をダウンロードしよう！ ( 494 KB )

ノートパソコンの素材画像をダウンロードしよう！ ( 320 KB )

サンゴ礁とウミガメの素材画像を開く

ノートパソコンの素材画像を開く

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

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

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

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

ひとつにまとめる操作

サンゴ礁とウミガメの素材画像を、切り抜きレイヤーとして合成したいので、ノートパソコンの素材画像にコピー＆ペーストして、それぞれの画像をひとつのドキュメントにまとめます。

サンゴ礁とウミガメの素材画像を表示します。

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

ノートパソコンの素材画像を表示します。

グループの作成

合成画像を複数のレイヤーで構成するので、それらを、ひとつにまとめる [ グループ ] をあらかじめ作成しておきます。

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックします。

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

描画モードに [ 通常 ] を選択します。

[ グループ 1 ] を作成

[ command ( Ctrl ) ] + [ V ] キーを押して、コピーしたサンゴ礁とウミガメの素材画像をペーストします。

合成画像をペースト

通過と通常の違い！

グループの、描画モードの初期設定は、[ 通過 ] です。これは、レイヤーの、描画モードの初期設定である [ 通常 ] と同じ働きをするものです。しかし、[ 通過 ] は、グループ外にも影響を及ぼします。そのため、[ 通過 ] という差別化が行われています。

グループ内の描画モードや、調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は、[ 通常 ] を選択します。 [ 通過 ] から [ 通常 ] に変更することで、すべての効果がグループ内で完結します。

不透明度の設定

合成する背景画像の位置をわかりやすくするため、ペーストしたサンゴ礁と、ウミガメのレイヤーを半透明にします。

[ レイヤー ] パネルで、[ 不透明度 ] に [ 50% ] を入力します。

[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示します。

[ 不透明度 : 50% ] を設定

大きさと位置の調整

オプションバーで、[ 基準点の位置 ] を中央上に設定します。

[ 縦横比を固定 ] をクリックします。

[ 水平比率を設定 ] に [ 75% ] を入力します。

[ 水平比率を設定 : 75% ] を入力

バウンディングボックス内をドラッグして、パソコン画面との位置が調整できたら、[ enter ] キーを押して、変形を確定します。

ドラッグして合成画像の位置を調整する

不透明度は暫定的！

[ 不透明度 ] の設定は、合成する位置を確認するための、暫定的なものです。パソコン画面との位置が調整できたら、元の状態に戻しましょう。オプションバーで、[ 不透明度 ] に [ 100% ] を設定します。

[ 不透明度 : 100% ] を設定

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！パソコン画面から飛び出すウミガメ first appeared on psgips.

写真を加工する！ひび割れた土の肌を持つ女

古岡ひふみ — Sat, 03 Jun 2017 23:00:00 +0000

【Photoshop講座】画像を合成するとき、描画モードを設定すると、さまざまな結果が生成されます。異なる描画モードを片っ端から試してみるのもいいですが、描画モードの「中性色」を知っておくと、引き出しから取り出すスピードが速くなります。人物の肌にひび割れた土の画像を合成して、描画モードの特性を理解しましょう。

グレースケールで考える！

描画モードによる結果は、想像もつかないところが面白いですね。しかし、そのような「偶然の産物」を期待してばかりはいられません。

作例のようなひび割れた土の合成では、ひび割れの暗い部分がハッキリ出るように合成したいので、ここを最も暗いシャドウ点に調整します。

合成画像がカラーであってもグレースケールで考えて、詳細なディテールが白トビしないように階調を整えることがコツです。

描画モードの操作で合成する

描画モードは、画像の重なり条件を選択できる高度な機能です。背面 ( 基本色 ) のレイヤーに対して、前面 ( 合成色 ) のレイヤーの効果が反映されます。描画モードの [ オーバーレイ ] は、基本色のハイライト、シャドウを保ちながら、合成色を [ 乗算 ] する特性があるので、明るい部分をより明るく、暗い部分をより暗くできます。

２つの素材画像を開く

素材画像をダウンロードして開きます。女性の顔、ひび割れた土の素材画像は、[ 幅 : 1358 pixel ]、[ 高さ : 1920 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

女性の顔の素材画像をダウンロードしよう！ ( 750 KB )

ひび割れた土の素材画像をダウンロードしよう！ ( 1 MB )

女性の顔の素材画像を開く

ひび割れた土の素材画像を開く

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

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

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

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

グループを作成

女性の顔の素材画像を表示します。合成画像を複数の調整レイヤーで構成するので、それらをひとつにまとめる [ グループ ] をあらかじめ作成しておきます。

[ レイヤー ] パネルで、[ 新規グループを作成 ] をクリックします。

[ 背景 ] の前面に [ グループ 1 ] が作成されたことを確認します。

[ グループ 1 ] を作成

通過と通常の違い！

グループの描画モードの初期設定は [ 通過 ] です。これはレイヤーの描画モードの初期設定である [ 通常 ] と同じ働きをするものです。しかし、グループ外にも影響を及ぼします。そのため、[ 通過 ] という差別化が行われています。

グループ内の描画モードや調整レイヤーなどの効果を、背面のレイヤーに影響させたくない場合は [ 通常 ] を選択します。 [ 通過 ] から [ 通常 ] に変更することで、すべての効果がグループ内で完結します。

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！ひび割れた土の肌を持つ女 first appeared on psgips.

写真を加工する！インスタグラム1977風

古岡ひふみ — Mon, 22 Jun 2015 23:00:00 +0000

【Photoshop講座】おしゃれなヴィンテージ風写真に加工できるアプリ「 Instagram 」。その多彩なフィルターの中から、色あせた写真プリントのような「 1977 」を再現してみましょう。「 1977 」は、元の白地を黄色く変色させながら、青色の退色により全体を赤みがかった印象にできます。

変色させながら明るくする！

色あせた表現は、シャドウ点を明るく、ハイライト点を暗くすることがポイントです。全体を赤みがからせるには、チャンネル [ レッド ] のシャドウ点を極端に明るくし、白地に黄みを付けるには、チャンネル [ ブルー ] のハイライト点を暗くします。

RGB チャンネルのカラーバランスでは、チャンネル [ レッド ] がいちばん明るくなるように設定し、[ ブルー ]、[ グリーン ] の順で、幅広い中間調を明るくします。

セピア調に変色させる技

これから行う操作は、Instagram 風に画像を加工する方法です。「 1977 」は、人の肌色の生命感をそのままに、寒色系が極端に抑えられるので、髪の毛などの暗い色のトーンが淡く茶色になります。

「 Instagram 」の中でも、効果が強いフィルターのひとつです。その特徴は、色あせたプリント写真のようなセピア調の変色ですが、このような大胆な色変換を [ トーンカーブ ] の操作だけで行います。

レッスン動画を配信中！

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

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

トーンカーブを設定する

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

素材画像を開く

photo by Philo Nordlund

作業を始める前に！

素材画像のトリミングやピクセルサイズの変更を行う場合は、作業を始める前に済ませておいてください。

[ レイヤー ] パネルで、[ 塗りつぶしまたは調整レイヤーを新規作成 ] をクリックし、メニューから [ トーンカーブ ] を選択して、[ トーンカーブ 1 ] を作成します。

[ トーンカーブ 1 ] を作成

すると、[ 属性 ( プロパティ ) ] パネルに、[ トーンカーブ ] の設定を行うダイアログボックスが表示されます。

[ トーンカーブ ] ダイアログ

トーンカーブとは？

トーンカーブの作成は、設定した後でも編集できる調整レイヤーを利用することが一般的です。基本的な操作は、正方形のグラフ ( ヒストグラム ) を対角線に横切る「線」の傾きを変えたり、曲げを加えたりすることで、画像の色調を補正します。

ここでは、カラーバランスに大きな変化を加えるため、RGB チャンネルごとに、それぞれトーンカーブの設定を行います。

チャンネル [ レッド ] の設定

チャンネルに [ レッド ] を選択します。

トーンカーブの左下コーナーのポイントを選択します。

[ 入力 ] に [ 0 ]、[ 出力 ] に [ 80 ] を設定します。

トーンカーブの形状を確認します。

トーンカーブを選択して設定

トーンカーブのシャドウ点が、左下コーナーからそのまま上へ移動すると、いちばん暗い部分が明るくなります。

いちばん暗い部分が明るくなる

さらに、ポイントを追加して、それぞれを設定していきます。

ポイントを追加してそれぞれを設定

【設定値】

[ 入力 : 0 ] [ 出力 : 80 ]

[ 入力 : 32 ] [ 出力 : 80 ]

[ 入力 : 64 ] [ 出力 : 112 ]

[ 入力 : 96 ] [ 出力 : 144 ]

[ 入力 : 128 ] [ 出力 : 176 ]

[ 入力 : 160 ] [ 出力 : 216 ]

[ 入力 : 192 ] [ 出力 : 224 ]

[ 入力 : 224 ] [ 出力 : 224 ]

[ 入力 : 255 ] [ 出力 : 231 ]

チャンネル [ レッド ] のシャドウ点を極端に明るく、幅広い中間調を極端に明るく、ハイライト点を暗くする設定ができました。

チャンネル [ レッド ] の設定ができた

入力と出力の関係！

トーンカーブの [ 入力 ] は、補正前の階調レベルを設定する項目で、[ 出力 ] は、補正後の階調レベルを設定する項目です。たとえば、[ 入力 : 192 ]、[ 出力 : 224 ] なら、256 階調の 192 レベルを 224 レベルまで明るくします。[ 入力 : 255 ]、[ 出力 : 231 ] なら、256 階調の 255 レベルを 231 レベルまで暗くします。

入力と出力の関係は、入力値に対して、出力値が大きいか？小さいか？によって、明るさ・暗さが調整されるものと考えればいいでしょう。

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

古岡ひふみ

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

psgips.net

The post 写真を加工する！インスタグラム1977風 first appeared on psgips.

写真を加工する！ | psgips

冴えない写真から玉ボケをつくる方法「ぼかしギャラリーの効果・抽象イメージ」【2022】

写真から玉ボケをつくる

彩度を上げる

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

自然な彩度を設定

冴えない写真に霧を発生させる方法「レベル補正による階調の操作」【2022】

幻想的な霧を発生させる

霧の構造線を設定する

ガイドを作成

風景写真をミニチュア化する方法「被写界深度を擬似的にコントロール」

風景写真をミニチュア化する

補正作業の準備をする

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

Camera Rawを起動

おしゃれな写真に！色あせたビンテージ風の加工「Camera Raw と Lightroom」

おしゃれなビンテージ風に加工

補正作業の準備をする

Camera Rawを起動

RGBをずらす！アナグリフ3D風の効果「立体写真の技法・モノクロ編」【2022】

アナグリフ3D風に加工する

カラーをモノクロ化する

写真を加工する！モノクロ画像のカラー化 「ニューラルフィルター2021ベータ版」

カラー化による着色処理

カラー化を適用する

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

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

アクションを読み込む

写真を加工する！パソコン画面から飛び出すウミガメ

画像合成の総合テクニック

はめ込み合成の位置を決める

ひとつにまとめる操作

グループの作成

不透明度の設定

大きさと位置の調整

写真を加工する！ひび割れた土の肌を持つ女

描画モードの操作で合成する

２つの素材画像を開く

グループを作成

写真を加工する！インスタグラム1977風

セピア調に変色させる技

トーンカーブを設定する

チャンネル [ レッド ] の設定

写真を加工する！モノクロ画像のカラー化「ニューラルフィルター2021ベータ版」