ソフトライト (描画モード)| 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.

写真をイラスト調に！カラフルなアメリカン・ポップアート風

古岡ひふみ — Sun, 09 Dec 2018 23:00:00 +0000

【Photoshop講座】ポップアートとは、1960年代のアメリカで誕生した現代芸術です。「リキテンスタイン」や「ウォーホル」などが有名ですね。写真やコミックといった、商業ベースの素材を扱い、鮮やかな色で構成された、シルクスクリーン (孔版印刷) による技法が特徴です。あなたのプロフィール写真を、カラフルでアーティステックなアメリカン・ポップアート風にしましょう。

カラバリを無限に増やそう！

ポップアート風は、カラフルな配色も大きな特徴です。カラーバリエーションが簡単に増やせることができれば、配色が苦手な人でも、たくさん作った中から選べますよね。

スマートオブジェクトを活用すれば、カラーの設定が何度でもやり直せるので、お気に入りの配色がきっと見つかるハズです。各階調層に対して色が設定できる [ グラデーションマップ ] で、カラーバリエーションを無限に増やしましょう。

写真をイラスト調に！

カラフルなアメリカン・ポップアート風

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

写真をアメリカン・ポップアート風に加工

これから行う操作は、写真をアメリカン・ポップアート風に加工する方法です。フィルターや描画モード、グラデーションマップなど、複数の操作を経て完成させます。

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

photo by modelpiece.com

目次に戻る

表面をフラットにする

写真の生っぽさを消すには、ノイズを軽減して、表面をフラットにしておきます。まず、元画像をスマートオブジェクトに変換しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 1280 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、人物のプロフィールや小物の切り抜きなど、主体と背景がはっきり区別できて、かつ、明度が高い (白色) 写真が好ましいです。

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

素材画像を開く

photo by modelpiece.com

素材画像が開けたら、[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を適用します。

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

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

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

[ レイヤーの表示 / 非表示 ] をクリックして、複製した上層の [ レイヤー 0 のコピー ] を非表示にします。

[ レイヤー 0 ] を選択します。

[ レイヤー 0 ] を選択

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

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

目次に戻る

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

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

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

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

ぼかし(表面)を設定

[ ぼかし (表面) ] の適用は、ディテールを簡略化するためのベースづくりです。画像の輪郭を残しながら、その他の領域をぼかすことによって、ノイズを軽減することができます。

【操作方法】

[ フィルター ] メニューから、[ ぼかし ] – [ ぼかし (表面) ] を選択します。[ ぼかし (表面) ] ダイアログで、[ 半径 ] に [ 10 ] pixel、[ しきい値 ] に [ 15 ] レベルを入力して、[ OK ] をクリックします。

[ ぼかし (表面) ] を設定

すると、大まかな輪郭を残した表面がブレンドされ、画像のノイズや細かいディテールがフラットになります。

ぼかしの適正値は？

設定値の [ 半径 ] は、表面を滑らかにするブレンドの距離で、数値が大きほどフラットになります。[ しきい値 ] は、境界線の太さに該当するもので、数値が大きいほど簡略になります。適正値は、対象の画像にもよりますが、ノイズの軽減に関しては、ピクセル単位のブレンドになるため、たとえば、[ 半径 : 1 pixel ] でも、効果が現れることもあります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 写真をイラスト調に！カラフルなアメリカン・ポップアート風 first appeared on psgips.

【テクスチャ】ゼロからつくる！ギリシャの高級大理石

古岡ひふみ — Sat, 05 May 2018 23:00:00 +0000

【Photoshop講座】２種類の「雲模様」をベースに、ギリシャ建築などで見られる、高級大理石を描きます。ポイントは透明感と内蔵するカラー。驚くほど簡単に、しかもリアルに作れる方法をご紹介しましょう。

バリエーションが増やせる！

ランダムに生成される「雲模様」は気まぐれです。マーブル模様のカタチに左右される大理石では、なかなか気に入った仕上がりに巡り会えないかも知れません。そんな予測不能な結果も、バリエーションが簡単に増やせる工法があれば解決します。

作成後も編集が行えるスマートオブジェクトを活用すれば、１枚のレイヤーを複製するだけで、複雑なマーブル模様が作り出せます。

ゼロからつくる！

ギリシャの高級大理石

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態から大理石を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から大理石を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「高級大理石」が作成できます。最初に生成する「雲模様」がそのまま、ギリシャ建築でみられるような贅を尽くした高級大理石に変身します。

目次に戻る

レッスン動画を配信中！

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

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

ベースを作成する

スマートオブジェクトに適用した雲模様から、合成と補正によって、マーブル模様をつくり出しましょう。これをベースとして、さまざまな効果を加えていきます。

【操作方法】

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

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

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

新規ドキュメントを開く

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

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

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

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

描画色に [ ブラック ]、背景色に [ ホワイト ] を設定します。

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

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

[ 雲模様 1 ] を適用

フィルターを適用する前に

これから使用するフィルターは、描画色と背景色が反映されます。作例と同じ結果を得るには、あらかじめ、[ 描画色と背景色を初期設定に戻す ] をクリックして、描画色にブラック、背景色にホワイトを設定してください。

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

[ 雲模様 2 ] を適用

異なる２つの模様を重ねる

[ 雲模様 1 ] はランダムに生成されるため、適用結果は異なります。[ 雲模様 2 ] は、元の画像に重ねた模様が適用されます。その効果は、[ 雲模様 1 ] を描画モード [ 差の絶対値 ] で合成したものに相当します。

目次に戻る

マーブル模様の抽出

[ 雲模様 2 ] の合成色は、基本色が 50% グレーのとき、中間調より暗い階調だけで構成される特性があります。この狭い階調幅を伸ばして、画像を明るく補正すると、マーブル模様が抽出できます。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ レベル補正 ] を選択します。[ レベル補正 ] ダイアログで、[ 入力レベル ] に [ 0 / 3.00 / 96 ] を入力して、[ OK ] をクリックします。

基本がわかる！色調補正の考え方

[ レベル補正 ] を設定

雲模様の合成と補正によって、マーブル模様が抽出できました。

マーブル模様を抽出

明度の階調をコントロール

[ レベル補正 ] は、シャドウ、中間調、ハイライトの照度レベル (階調) を統合的に調整できます。ここでは、フラットな印象にするため、少し白トビした部分をつくります。

[ 入力レベル ] のハイライト点をシャドウ側へ、大きく食い込ませると、ハイライトの階調を削ることができます。マーブル模様の抽出は、中間点をシャドウ側へ、調整することで行います。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！ギリシャの高級大理石 first appeared on psgips.

【テクスチャ】ゼロからつくる！赤錆びた縞鋼板

古岡ひふみ — Sat, 30 Jul 2016 23:00:00 +0000

【Photoshop講座】縞鋼板とは、滑り止めの出っ張りが付いた鉄板です。使い古された質感は、赤錆びから、出っ張りの部分を擦り取ることで表します。シームレスパターンから、任意のドキュメントサイズへ展開しましょう。

出っ張り部分にパターンを使う！

縞鋼板の赤錆びたベースとは別に、出っ張り部分に、立体的な効果をつけるパターンを作成します。白黒で塗り分けただけのパターンは、3D ソフトで初歩的に行われている「バンプマッピング (高低差を計算する平面地図) 」と同じ手法です。立体的なエッジは、[ ベベルとエンボス ] で設定するので、滑らかにも、ハードにも変えることができます。

ゼロからつくる！

赤錆びた縞鋼板

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

何もない状態から縞鋼板を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態から縞鋼板を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「赤錆びた縞鋼板」が作成できます。最初に生成する「雲模様」が、そのまま、出っ張り模様のあるリアルな縞鋼板に変身します。

目次に戻る