グラデーション| psgips

【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】

古岡ひふみ — Wed, 28 Jun 2023 23:00:00 +0000

【Photoshop講座】放射状に広がる光は、登場感や疾走感などをアカデミックに表現できるので、情報、科学、環境、エネルギーといったテクノロジー分野で、会社案内、製品カタログなどのイメージとしてよく使われています。宇宙空間を高速で移動しているような、光の抽象的な背景アートを作成しましょう。

空間の奥行き感じさせる！

空間は上下左右に広がっているだけでなく、前方にも後方にも広がっています。すべてが擬似的な、ゼロからつくるテクスチャでは、それらを忠実に再現することは難しいです。つまり、どこかで「ごまかす」テクニックを入れていきます。

明るい光源が中心の場合は、トンネル効果という「錯覚」を利用すれば、空間の奥行きを感じさせることができます。「放射状に広がる光」の背景に、ビネットと「渦巻き雲」を作成しましょう。

ゼロからつくる！

放射状に広がる光

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から放射光を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から放射光を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「放射状に広がる光」が作成できます。

目次に戻る

ベースを作成する

「放射状に広がる光」の背景には、空間の奥行きを感じさせるビネットと「渦巻き雲」を作成します。[ 雲模様 1 ] の斑点模様は、ランダムに生成されるため、適した効果を選べるスマートオブジェクトに適用します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 1280 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定します。

[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[新規ドキュメント] を設定

新規ドキュメントを作成します。

新規ドキュメントを作成

どんなサイズにも対応

ドキュメントサイズの [ 幅 ]、[ 高さ ] には、大きさや比率の制限は特にありません。たとえば、1280 x 720 pixel の長方形でも、同じ効果が得られます。しかし、放射状の適用範囲が正円のため、十分な効果を得るには正方形が最も適しています。

目次に戻る

スマートオブジェクトを作成

「放射状に広がる光」のベースになる、雲模様フィルターを適用するスマートオブジェクトを作成しましょう。まず、新規レイヤーを作成して、何もない、透明ピクセルのレイヤーを、スマートオブジェクトに変換します。

【操作方法】

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

[ 新規レイヤーを作成 ] をクリック

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

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

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

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

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

雲模様を適用

雲模様フィルターは、ランダムな斑点模様を生成します。スマートオブジェクトに適用すると、スマートフィルターの効果として、再編集が可能となります。

【操作方法】

[ ツール ] パネルで、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定します。

基本がわかる！描画色と背景色

描画色と背景色を初期設定に戻す

[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択して適用します。

[ 雲模様 1 ] を適用

フィルターの再実行

[ 雲模様 1 ] は、現在の描画色と背景色から、適用毎に異なるランダムな斑点模様を生成します。適した模様が生成されない場合は、フィルターの再実行を行います。フィルターの再実行[ control ( Alt ) ] + [ command ( Ctrl ) ] + [ F ]

前面の効果を非表示

スマートオブジェクトでは、フィルターの再実行を新しい効果として追加します。複数の効果から選択して適用することもできます。

目次に戻る

渦巻きを適用

ベースとする雲模様が決定したら、それを渦巻状に変形しましょう。ドキュメントの中心から、雲模様が渦巻き状に変形するので、白い部分が中心になる模様を選んでください。

【操作方法】

[ フィルター ] メニューから、[ 変形 ] – [ 渦巻き ] を選択します。[ 渦巻き ] ダイアログで、[ 角度 ] に [ 123 ]° を入力します。

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

[ 渦巻き ] を設定

ドキュメントの中心から、雲模様が渦巻き状に変形しました。

[ 渦巻き ] を適用

渦巻の中心に注意！

ベースの [ 雲模様 1 ] はランダムに生成されるため、斑点模様の位置が定まっていません。「放射状に広がる光」では、渦巻の中心に白い領域を配置させることがベストです。

フィルターの再実行で、[ 雲模様 1 ] の斑点模様を変更するほか、シームレスパターンの特性を活かして、[ フィルター ] – [ スクロール ] で、斑点模様の位置を調整することも可能です。

目次に戻る

周辺を暗くする設定

放射状の遠近感を出すため、画像の周辺を暗くして、中央が明るく見えるようにしましょう。詳細なグラデーションが設定できる、レイヤースタイルの [ グラデーションオーバーレイ ] を活用します。

【操作方法】

[ レイヤー ] パネルで、[ レイヤースタイルを追加 ] をクリックして、メニューから、[ グラデーションオーバーレイ ] を選択します。

[ グラデーションオーバーレイ ] を選択

[ レイヤースタイル ] ダイアログで、[ 描画モード ] に、[ 乗算 ] を選択します。

[ グラデーション ] に、[ 描画色から背景色 (黒、白) ] を設定します。

[ 逆方向 ] を有効にします。

[ スタイル ] に、[ 円形 ] を選択します。

[ 角度 ] に、[ 0 ]° を入力します。

[ 比率 ] に、[ 150 ] % を入力します。

[ 方法 ] に、[ クラシック ] を選択します。

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

[ グラデーションオーバーレイ ] を設定

画像の周辺を暗くすることができました。

グラデーションでビネットを設定

ビネットを調整

レイヤースタイルで設定するグラデーションには、すべてのオプションが揃っています。しかし、どこをどうすれば、イメージどおりに調整できるのか、そこが混乱するところですね。たとえば、周囲をもっと暗くしたいなら、[ 比率 ] を小さくします。明るくしたいなら、[ 不透明度 ] を小さくします。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】 first appeared on psgips.

【ロゴ】フォントでつくる！割れた鏡の文字「映り込みを屈折させる方法」【2023】

古岡ひふみ — Sun, 30 Apr 2023 23:00:00 +0000

【Photoshop講座】割れた鏡に映り込んだ風景が、それぞれに屈折している様子を再現します。水晶フィルターの効果から、ランダムなひび割れ模様を作成して、デンジャラスで退廃的なタイトルロゴに仕上げましょう。

マップを複数用意

ノイズやピクセレート系のフィルターは、結果が適用するたびに変わります。ひび割れ模様のベースとなる水晶の効果は、作品の出来映えに大きく影響します。そのため、同じ工法で作成したものを複数用意しておき、適用結果が気に入らなければ、すぐに変更できるようにしておきましょう。

フォントでつくる！割れた鏡の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストを割れた鏡の文字に加工

これから行う操作は、入力したテキストを、割れた鏡の文字に加工する方法です。割れた鏡に映り込んだ風景が、それぞれに、屈折している様子を再現します。使用するフォントは、任意で設定しますが、鏡面反射の効果が十分に発揮できる、太い書体を選んでください。

目次に戻る

フォントを入力する

割れた鏡の文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力します。

【操作方法】

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

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

素材画像を開く

どんな画像にも対応

文字の表面に使用する画像は、白地以外何でもかまいません。映り込みの輝きや、エッジのハイライトを適用するため、明るい画像は、あらかじめ、暗く調整しておくといいでしょう。

目次に戻る

レッスン動画を配信中！

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

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

テキストを入力

素材画像を開くことができたら、ドキュメントにポイントテキストで、文字を入力します。まず、任意のフォントを設定しましょう。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを設定

[ フォントサイズを設定 ] に [ 280 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Impact 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

文字を入力

直線的な並びを優先

映り込みの屈折は、直線的に文字が並んでいる方が効果的です。最初から崩れたような形だと、屈折している様子がわかりにくいからです。作例のようなコンデンス書体なら、直線と曲線がほどよく混ざっていて、文字の形が崩れても可読性が保てます。

目次に戻る

グラデーションを作成

文字の背景に敷く、グラデーションを設定しましょう。割れた鏡の文字は、映り込みに画像を使用しているので、それと対比させるため、グラデーションの無背景にしました。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックして、メニューから、[ グラデーション ] を選択します。

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックでグラデーションを編集 ] をクリックします。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、グラデーションを設定します。

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

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 0 % ] [ カラー : H : 355°/ S : 100 % / B : 35 % ]

[ 位置 : 100 % ] [ カラー : ブラック ]

[ グラデーションで塗りつぶし ] ダイアログで、[ スタイル ] に [ 円形 ] を選択します。

[ 角度 ] に [ 0 ] °を入力します。

[ ディザ ] を有効にします。

[ 方法 ] に [ クラシック ] を選択します。

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

[ グラデーションで塗りつぶし ] を設定

背景に敷くグラデーションが作成できました。

背景に敷くグラデーションが作成できた

ドキュメント内で作成

塗りつぶしレイヤーのグラデーションは、[ 選択範囲内で作成 ] というオプションが、初期設定では有効とされています。これは、選択範囲で作成すると、その領域内で、グラデーションの開始点と終了点が決められるというものです。選択範囲がなければ、ドキュメント内で作成されます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！割れた鏡の文字「映り込みを屈折させる方法」【2023】 first appeared on psgips.

写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】

古岡ひふみ — Thu, 20 Apr 2023 23:00:00 +0000

【Photoshop講座】木版画風のタッチは、輪郭から起こす、力強い黒い線で作成します。しかし、写真素材が逆光などで暗い場合は、色を付けたい部分まで黒くつぶされてしまいます。あらかじめ、影を明るく鮮やかにしておくと、検出できる輪郭線もシャープにできます。完成を予測して作業を組み立てましょう。

複雑な効果を構造化する！

色調補正やフィルターなどが再編集できる「スマートオブジェクト」は、ひとつのレイヤーに複数の効果が適用できます。しかし、すべてが順当に適用されるわけではありません。

たとえば、レイヤーの合成で得た効果に、フィルターを適用したい場合、あらかじめ、ひとつのレイヤーに、結合しておく必要がありますよね？このようなレイヤー結合も、スマートオブジェクトを構造化することで、再編集が可能な状態を保つことができます。

写真をイラスト調に！

江戸時代の手摺木版画風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真を手摺木版画風に加工

これから行う操作は、写真を手摺木版画風に加工する方法です。フィルターや描画モード、色調補正など、複数の操作を経て完成させます。

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

目次に戻る

レッスン動画を配信中！

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

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

空の色を合成する

手摺木版画の印象を高める効果として、鮮やかな空の色があります。素材画像の空の領域を選択して、それっぽい色彩のグラデーションを作成しましょう。

【操作方法】

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

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

素材画像を開く

最適な素材を選ぼう！

加工する素材は、人物や建物、小物の切り抜きなど、主体と背景 ( 壁や空など ) がはっきり区別できて、かつすべてにピントが合った遠景の写真が好ましいです。

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

空の領域に選択範囲を作成

空を選択とは？

機械学習テクノロジーにより、画像の空の領域を自動的に選択する機能です。空を置き換える画像合成に特化しているため、境界線は反射光で馴染ませるのが特徴です。

目次に戻る

グラデーションを作成

グラデーションは、塗りつぶしレイヤーで作成します。レイヤーマスクによる空の領域の修正や、グラデーションのカラーが再編集できます。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ グラデーション ] を選択して、[ グラデーション 1 ] を作成します。

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックしてグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、グラデーションを設定します。

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

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 33 % ] [ カラー : H : 55°/ S : 39 % / B : 100 % ]

[ 位置 : 66 % ] [ カラー : H : 327°/ S : 29 % / B : 86 % ]

[ 位置 : 100 % ] [ カラー : H : 203°/ S : 60 % / B : 92 % ]

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

[ OK ] をクリック

空のグラデーションが作成できました。

空のグラデーションが作成できた

レイヤーマスクを修正

作例では、[ 空を選択 ] による選択範囲が不十分だったので、レイヤーマスク上での修正を行いました。レイヤーマスクモードに切り替える操作は、以下を参考にしてください。

【操作方法】

[ レイヤー ] パネルで、[ グラデーション 1 ] レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリックします。レイヤーマスクモードに切り替え

[ option ( Alt ) ] + クリック

すると、ドキュメントが、レイヤーマスクモードに切り替わります。

レイヤーマスクモード

通常の画像描画モードに戻る場合は、レイヤーマスクサムネールを、[ option ( Alt ) ] キーを押しながらクリック、または、レイヤーをクリックします。画像描画モードに切り替え

画像描画モード

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

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！江戸時代の手摺木版画風「力強い輪郭線と色ムラを再現」【2023】 first appeared on psgips.

【ロゴ】フォントでつくる！金属メッキの立体文字「乗用車のエンブレム」【2023】

古岡ひふみ — Thu, 06 Apr 2023 23:00:00 +0000

【Photoshop講座】乗用車などに取り付けられた「メッキのエンブレム」は、カタログやポスターでもグラフィック化され、製品のイメージを伝える重要な役割を果たしています。その材質や質感を損なうことなく、アレンジするテクニックは、デザイナーならマスターしておきたいですね。リアルな金属メッキの光沢感を表現しましょう。

観察力こそが武器になる！

デザインで必要とされる「リアル」は、詳細な写実ではなく、抽象的な感じ方です。そこには、質感を表現する、整理整頓された技があり、それを実現できるのは、モノを見る観察力です。

文字を立体的に見せるには、通常、光源の入射角に対して、反対方向に影を描きます。しかし、乱反射する性質を持つ金属メッキでは、それとは逆方向になる、「階調のねじれ」がポイントとなります。

フォントでつくる！

金属メッキの立体文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

テキストをメッキのエンブレム風に加工

これから行う操作は、入力したテキストをメッキのエンブレム風に加工する方法です。レイヤースタイルに、特定の設定値を入力することにより、リアルな金属メッキの光沢感を表現します。使用するフォントは、任意で設定しますが、鏡面反射の効果が十分に発揮できる、太い書体を選んでください。

画像にテキストを入力

メッキのエンブレム風に加工

目次に戻る

ベースのフォントを入力する

素材画像を開いて、メッキのエンブレム風に見えるフォントを入力しましょう。ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。

【操作方法】

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

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

素材画像を開く

どんな画像にも対応

背景に敷く素材は、工法とは直接関係しないので、どんな画像でも対応できます。もちろん、白地でもかまいません。しかし、違和感のない合成を行うには、光源の入射角を合わすことも必要です。

目次に戻る

レッスン動画を配信中！

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

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

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。[ フォントサイズを設定 ] に [ 350 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

アンチエイリアスを設定: 滑らかに

任意のフォントを設定

作例では、「 AddCityboy 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

文字を入力

文字の間隔を空けよう！

金属メッキの効果は、エッジの側面に、乱反射する光を付けるための境界線を設けます。そのため、隣接する文字が近いとスペースが足りなくなってしまいます。あらかじめ、トラッキングなどで、文字の間隔を少し空けておくと効果的です。

文字列が欧文の場合は、[ 文字のカーニングを設定 ] に [ オプティカル ]、[ 選択した文字のトラッキングを設定 ] に [ 25 ] を設定しておくといいでしょう。

カーニングとトラッキングを設定

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！金属メッキの立体文字「乗用車のエンブレム」【2023】 first appeared on 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.

写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」

古岡ひふみ — Mon, 27 Dec 2021 23:00:00 +0000

【Photoshop講座】都会の雑踏をテーマに、見上げた青空と、ジェット旅客機を合成します。アニメっぽく仕上げるコツは、影を明るくすることと、輪郭をハッキリさせることです。情緒的な光の演出を加えて、アニメ風景を完成させましょう。

白色を重ねる技法！

描画モード [ ソフトライト ] の特性は、基本色に対して、合成色の明度が 50 % 反映されます。そのため、明度 100 % の完全な白色が合成されると、トレーシングペーパーを被せたような半調になります。この技法、アニメ風写真加工に最適ですね。

写真をイラスト調に！

アニメ風景の描き方

– 場面転換・都会の雑踏 –

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

アニメ風景のように加工する

これから行う操作は、写真をアニメの風景カットのように加工する方法です。スマートオブジェクトに複数の色調補正やフィルターを加えて完成させます。

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

目次に戻る

レッスン動画を配信中！

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

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

３つの画像を合成する

ひとつのドキュメントに、合成する３つの素材画像を配置しましょう。アニメ風景のベースにするのは、空を見上げた信号機です。配置方法には、元画像の情報が保持できる、[ 埋め込みを配置 ] を使用します。

【操作方法】

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

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

素材画像を開く

photo by runrun2017

合成する画像は、ベースの信号機 [ uf035-signal.jpg ]、青空と雲 [ uf035-sky.jpg ]、ジェット旅客機 [ uf035-plane.png ] です。応用する場合は、素材画像を準備してください。

合成に適した素材は？

このレッスンでは、３点合成を前提として、まず、光源の方向に注意を払いました。そして、光源を背にした「逆光」です。

アニメの背景画では、光と影のコントラストを強調する演出が多く見られます。写真をイラスト調にするテーマにおいては、影を明るく、輪郭をシャープにする技法を用いるので、ディテールが繊細で複雑な、電線を張り巡らせた信号機の素材を選びました。

目次に戻る

埋め込みを配置

ドキュメントに画像を配置するには、画像を開いて、コピー＆ペーストで配置する方法と、画像を開かずに配置する、配置コマンドを使用した方法、さらに、ファイルを直接、ドキュメントにドラッグ＆ドロップする方法もあります。ここでは、[ 埋め込みを配置 ] を用いましょう。

【操作方法】

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。青空と雲の画像 [ uf035-sky.jpg ]、続いて、ジェット旅客機の画像 [ uf035-plane.png ] を選択します。

[ 配置 ] をクリックします。

[ uf035-plane.png ] を選択

[ enter ] キーを押して、変形を確定します。

３つの画像を配置

合成する３つの素材画像を、ひとつのドキュメントにまとめることができました。ラスタライズ不可

３つの画像をひとつのドキュメントにまとめる

埋め込みを配置とは？

[ 埋め込みを配置 ] で画像を配置すると、元画像の情報を保持した、スマートオブジェクトに変換したレイヤーが作成されます。

配置するドキュメントより、元画像のサイズが大きい場合は、ドキュメントサイズに合わせて自動縮小されます。もちろん、再編集可能なスマートオブジェクトなので、拡大・縮小などの変形が、画質を劣化させることなく、何度でもやり直せます。デメリットは、ファイル容量が大きくなることです。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！アニメ風景の描き方「場面転換・都会の雑踏・光の演出」 first appeared on psgips.

【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】

古岡ひふみ — Sun, 28 Nov 2021 23:00:00 +0000

【Photoshop講座】焼印とは、熱した金型を木や皮革などに押し付けて、それを何らかの印 (しるし) とするものです。Brand (ブランド) の語源とされているところが面白いですね。金型という特性があるので、ひとかたまりの文字にすると、それっぽく仕上がります。フォントや図形、イラストなど、あらゆるものに使える技法をご紹介しましょう。

シェイプバーストを効果的に使おう！

[ シェイプバースト ] とは、放射状のグラデーションを適用できる機能です。焼印には、高温の熱を感じさせるような、「焼け焦げ」の演出が欠かせません。透明度の変化だけではなく、広がる色にも変化を付けたいので、ここは、どうしても、手を加えたいところです。

フォントでつくる！

焦げた焼印の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

焦げた焼印の効果をつける

これから行う操作は、入力したテキストを焼印風に加工する方法です。作例では、大小の文字を組んだ、スマートオブジェクトをベースとして、他のオブジェクトにも適用できるレイヤースタイルで、焦げた焼印の効果をつけます。使用するフォントは任意で設定しますが、目詰まりしにくいサンセリフ系の細い書体が最適です。

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

素材画像をダウンロードしよう！ ( 文字のベース付PSD : 8.7 MB )

目次に戻る

レッスン動画を配信中！

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

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

フォントを入力する

焼印の文字のベースにする、フォントを選んで入力しましょう。ここでは、楕円形のネームスタンプを想定しているので、まず、その形状が収まる、新しいドキュメントを作成します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント] ダイアログで、[ 幅 ] に [ 1920 ] pixel、[ 高さ ] に [ 1080 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ] を設定します。

[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規ドキュメント ] を設定

焼印の文字のベースになる、新規ドキュメントが作成できました。

新規ドキュメントを作成

ガイドを引こう！

目次に戻る

フォントの設定

ドキュメントの中央に、焼印の文字のベースになる、フォントを配置しましょう。ここでは、ポイントテキストで入力します。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを選択

[ フォントサイズを設定 ] に [ 200 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

[ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Square 721 Extend Roman 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。フォントサイズは暫定値です。後ほど調整を行います。[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

ドキュメント内をクリックして、文字を入力します。[ enter ] キーを押して、入力を確定します。

文字を入力

[ command ( Ctrl ) ] キーを押しながら、入力した文字をドラッグして、ドキュメントの中央に揃えます。

文字を中央に揃える

文字間を調整

[ 文字 ] パネルでは、さまざまな書式設定が行えます。[ フォントサイズを設定] を選択したあと、方向キーの上下を押すと、設定値の微調整が行えます。作例では、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択、[ 選択した文字のトラッキングを設定 ] に [ 75 ] を設定しています。

フォントサイズと文字間を調整

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】 first appeared on psgips.

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

目次に戻る

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

[ 配置 ] をクリックします。

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

目次に戻る

レッスン動画を配信中！

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

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

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

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

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

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

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」 first appeared on psgips.

写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」

古岡ひふみ — Mon, 12 Apr 2021 23:00:00 +0000

【Photoshop講座】写真ではわかりにくい部分を精密に描き出す、テクニカル・イラストレーションは、自動車や家電製品などの技術的な情報を、視覚的に伝達するための技法です。クルマ好きを唸らせるポイントは、シャープな陰影と克明なディテール。写真の生っぽさを消して、エアブラシで描かれたような、精悍なタッチで仕上げましょう。

フラットと隈取りの最強タッグ！

写真を言い換えるなら「ノイズの集合体」です。一方、テクニカル・イラストレーションの特徴は、タッチを感じさせないリアルな描写です。

コントラストを強くすると階調が飛んでしまうし、誇張した補正はノイズの発生を招きます。この２つを解消させるにはどうしたらいいか？その答えが、このレッスンには含まれています。ノイズのないフラットな面に、トーンをつくる技を習得しましょう。

写真をイラスト調に！

精密なテクニカル・イラスト風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

面をぼかして輪郭をシャープに

これから行う操作は、写真をイラスト調に加工する方法です。テクニカル・イラストレーションとは、工業製品を精密に描き出した、立体図に用いられている様式です。写真ではわかりにくい情報を、視覚的に伝達する役目があります。タッチを感じさせないリアルな描写で、クルマ好きを唸らせる、一枚に仕上げましょう。

目次に戻る

レッスン動画を配信中！

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

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

ボディを切り抜く

オープンカーのボディを切り抜いて、無地の背景を設定しましょう。下記に記載している URL から、素材画像をダウンロードしてください。

【操作方法】

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

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

素材画像を開く

photo by hostsh

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

保存されているパスの [ ボディ ] を選択します。

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

パスの [ ボディ ] を選択

すると、ドキュメントに、オープンカーのボディを、トレースしたパスが表示されます。

パスが表示される

切り抜きパス付

このレッスンでは、あらかじめ、作業に必要なパスを素材画像に保存しています。作品に応用する場合は、あらかじめ、主体を切り抜くパスを作成するか、レイヤーマスクなどで、正確な選択範囲を作成してください。

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

目次に戻る

新規グループを作成

表示したパスは、この後の操作で、ベクトルマスクに適用します。オープンカーのボディ・カラーを切り抜くものです。複数のレイヤーで共有させるため、新しいグループを作成して、そこにベクトルマスクを追加します。

【操作方法】

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

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

すると、新規グループ [ グループ 1 ] が作成されます。

新規グループを作成

グループ名を変更

[ グループ 1 ] をダブルクリックして、グループ名を「ボディ・カラー」に変更します。グループ [ ボディ・カラー ] が、選択されていることを確認してください。

グループ名を変更

目次に戻る

ベクトルマスクを追加

新しく作成したグループには、まだ、レイヤーが含まれていません。しかし、表示中のパスは、元画像の位置に合わされているので、先にベクトルマスクを追加しても、問題はありません。

【操作方法】

[ レイヤー ] メニューから、[ ベクトルマスク ] – [ 現在のパス ] を選択します。

[ 現在のパス ] を選択

すると、グループ [ ボディ・カラー ] に、ベクトルマスクが作成されます。

ベクトルマスクの作成を確認

[ プロパティ ] パネルで、[ ぼかし ] に [ 0.5 px ] を入力します。

[ ぼかし : 0.5 px ]

パスの境界線をぼかす

このベクトルマスクは、グループ内のオブジェクトを、まとめて、切り抜くために使用します。パスの境界線に、ぼかしを設定しておきましょう。ベクトルマスクを少しぼかすことで、切り抜きがより自然に見えます。

目次に戻る

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

元画像の保持と、適用するフィルターなどが再編集できる、スマートオブジェクトに変換しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を選択します。

[ 背景 ] を選択

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

[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを、確認してください。

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

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

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

レイヤー名を変更

[ レイヤー 0 ] をダブルクリックして、レイヤー名を「1964 Turner Mk3」に変更します。

レイヤー名を変更

目次に戻る

グループ内に格納

スマートオブジェクトに変換した元画像を、グループ内に格納しましょう。グループに追加したベクトルマスクが適用され、オープンカーの背景が、透明ピクセルに変換されます。

【操作方法】

グループ [ ボディ・カラー ] に、[ 1964 Turner Mk3 ] をドラッグ＆ドロップします。

[ 1964 Turner Mk3 ] が、グループ内に格納されたことを確認してください。

すると、オープンカーが切り抜かれ、その他の領域が、透明ピクセルに変換されます。

まとめて切り抜き

グループにベクトルマスクを追加すると、グループ内のレイヤーがまとめて切り抜けます。

目次に戻る

背景色を設定

透明ピクセルに変換された背景に、背景色を設定しましょう。ここでは、用紙の色を想定して、ホワイトより少し暗いカラーを設定します。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 0° / S : 0 % / B : 95 % ] を入力して、[ OK ] をクリックします。

カラーピッカーの使い方

[ カラーピッカー ] を設定

[ レイヤー ] パネルで、[ べた塗り 1 ] をドラッグ＆ドロップして、グループ外の最背面へ移動します。

[ べた塗り 1 ] が、グループ外の最背面へ移動できたことを確認してください。

ボディを切り抜いて、背景色を設定することができました。

背景色を設定

背景色は変更可能

この背景色は、暫定的なものです。カラーを再編集することや、別の素材画像を敷くこともできます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！精密なテクニカル・イラスト風「ノイズのないフラット面とシャープを両立させる」 first appeared on psgips.