グラデーションマップ| psgips

グラデーションツールを選択

ドキュメントの任意の箇所に、グラデーションを作成したい場合は、[ グラデーションツール ] を選択します。

【操作方法】

[ 幅 : 512 pixel ]、[ 高さ : 512 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー 8 bit ] の新規ドキュメントを作成します。

新規ドキュメントを作成

[ ツール ] パネルで、[ グラデーションツール ] を選択します。

[ グラデーションツール ] を選択

どんなサイズでもOK！

[ グラデーションツール ] の対象となるドキュメントは、Photoshop で開くことができる画像なら、どんなサイズでも対応することができます。ここでは、これから作成するグラデーションが確認できる程度の、小さいドキュメントを作成しています。

２つのメニュー

グラデーションツールには、オプションバーで選択する２つのメニューがあります。

【操作方法】

オプションバーのメニューをクリックホールドします。

２つのメニュー

グラデーション

グラデーションを作成した後でも、カラーやウィジェットが調整レイヤーで再編集できます。初期設定・オプションバーの表示が異なります。

[ グラデーション ] のオプションバー

クラシックグラデーション

従来のレガシー機能で、グラデーションをレイヤーに直接描画します。オプションバーの表示が異なります。

[ クラシックグラデーション ] のオプションバー

[ グラデーション ]、または、[ クラシックグラデーション ] を選択します。ここでは [ クラシックグラデーション ] を選択します。

メニューの選択

初歩的なのは？

[ グラデーション ] を選択すると、新しい調整レイヤーを自動的に作成します。カラーやウィジェットが再編集できるためとても便利です。しかし、操作方法が難しくて、調整レイヤーの機能も理解しなければならないため、初級ユーザーの方には、少しハードルが高いかも知れません。グラデーションツールとは何か？とにかく初歩的な直接描画を学びたい方は、[ クラシックグラデーション ] を選択しましょう。

レッスン動画を配信中！

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

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

オプションバーを設定

[ グラデーションツール ] を選択すると、上部にオプションバーが表示されます。オプションバーの各部の働きについて簡単にご紹介しましょう。

[ グラデーションツール ] のオプションバー

ツールプリセット

現在の設定をツールプリセットとして保存できます。

現在のグラデーションを表示

現在設定されているグラデーションのカラーバーがプレビューされます。初期設定 : 黒、白

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

[ グラデーションエディター ] ダイアログを開き、新規グラデーションの作成や編集を行います。クラシックグラデーション選択時に表示

[ グラデーションエディター ] ダイアログ

クリックでグラデーションピッカーを開く

[ プリセット ] からグラデーションを選択します。

グラデーションの種類を選択

５つのサブツールから、グラデーションの形を選びます。初期設定 : 線形グラデーション

５つのサブツール

[ グラデーションツール ] のオプションバー

描画モードを選択

画像 (基本色) に対して、グラデーション (合成色) の効果を反映させる描画モードを設定します。クラシックグラデーション選択時に表示・初期設定 : 通常

[ グラデーションツール ] のオプションバー

不透明度を設定

描画するグラデーションの不透明度を設定します。クラシックグラデーション選択時に表示・初期設定 : 100%

逆方向

有効にすると、グラデーションの開始点と終了点に設定した色が入れ替わります。初期設定 : 無効

ディザ

有効にすると、グラデーションにノイズを追加して、縞状の階調を最小限に抑えるディザ処理が適用されます。初期設定 : 有効

ディザを無効 (概念図)

ディザを有効 (概念図)

[ グラデーションツール ] のオプションバー

透明部分

有効にすると、透明部分が設定されているグラデーションの透明部分を有効にします。クラシックグラデーション選択時に表示・初期設定 : 有効

方法

グラデーションの補間方法を選択します。開始点から終了点までの色の変化が異なります。初期設定 : 知覚的

設定はいつ行う？

[ グラデーションツール ] のオプションバーは、グラデーションを描く前に設定します。たとえば、描画した後で、サブツールを [ 線形グラデーション ] から、[ 円形グラデーション ] に変更しても反映されません。

補間方法とは？

隣合う色を混ぜる関数が定義されたもので、従来の方法は [ クラシック ]、人が感じる見え方に近い [ 知覚的 ]、直線的な関数を用いた [ リニア ] などがあります。

クラシック

知覚的

リニア

初期設定では [ 知覚的 ] が選択されています。従来の [ クラシック ] と比較すると、混色による輝度が知覚的に改善されているため、より自然で明るい印象があります。

グラデーションを描画

オプションバーの設定ができたら、ドキュメントにグラデーションを作成しましょう。解説は [ クラシックグラデーション ] を選択しています。

【操作方法】

ドキュメント内で、グラデーションの「開始点」をクリックホールドします。

グラデーションの方向にドラッグし、「終了点」でマウスボタンを離します。ドラッグした線の方向にグラデーションが描画されました。

グラデーションを描画する

カラーバーの開始点と終了点

[ グラデーションツール ] は、ドラッグを始める「開始点」、ドラッグを終える「終了点」の２点間で、設定したカラーのさまざまなグラデーションが描けます。カラーバーは、左側が開始点、右側が終了点です。このことをよく覚えておきましょう。

開始点から終了点までがグラデーション範囲

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

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

The post 基本がわかる！グラデーションの作り方「知っておきたい種類と活用方法」 first appeared on psgips.

写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】

古岡ひふみ — Sun, 11 Aug 2024 23:00:00 +0000

【Photoshop講座】人物の写真をポスタライズする方法です。ポスタリゼーションは、明るさや色の違いを簡略化して、段階的な層に分けることができます。パラメーターだけの簡単操作！このレッスンでは、Ver.25.11.0 を使用しています。

中間調でコントロール！

ここで行うポスタリゼーションは、４つの階調しかありません。ノイズを含む画像では、階調数が少なくなるほど、不要な粒子が目立つようになります。これは、明るさがわずかに異なるだけでも、別の階層に属する可能性が高くなるためです。階層の領域を制御するのは、[ シャドウ・ハイライト ] の中間調です。最も暗い階層を決めて、中間調をコントロールしましょう。

写真をイラスト調に！

４色ポスタライズ

[ STEP-01 ]

背景を白色に設定する

[ STEP-02 ]

写真の生っぽさをなくす

[ STEP-03 ]

ポスタリゼーションを適用する

人物写真をポスタライズ

これから行う操作は、人物の写真をポスタライズする方法です。ポスタリゼーションを使用すると、明るさと色の違いを段階的な階層に分けて簡略化できます。

元画像

４色ポスタライズ

主要なディテールを残しながらノイズを軽減して、階層を滑らかにする方法をご紹介しましょう。

レッスン動画を配信中！

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

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

背景を白色に設定する

ここでは、数少ない４つの階層に分けたポスタライズを想定しています。そのため、人物のハイライト領域と同じ階層に属する白色の背景を、塗りつぶしレイヤーを使用して設定します。

人物を切り抜く

背景を白色に設定

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

人物を切り抜く

人物を切り抜くための選択範囲を作成します。[ 被写体を選択 ] は、人工知能が自動的に作成してくれる機能です。ただし、この機能を活用できる素材は、画像内に、他の被写体がない場合に限ります。複数の被写体がある場合は、あらかじめ、必要な部分だけをトリミングしておきましょう。

【操作方法】

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

素材画像を開く

photo by Pexels

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

被写体を選択

選択方法を選ぶ！

[ 被写体を選択 (クラウド処理) ] は、デバイス上の処理よりも詳細な結果を取得できます。数ある選択方法の中にあって、最もパフォーマンスが高いコマンドです。被写体を選択のクラウド処理 : [ Photoshop (編集) ] - [ 環境設定 ] - [ 画像処理 ]

[ レイヤー ] パネルで、[ マスクを追加 ] をクリックします。

レイヤーマスクが追加されたことを確認します。

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

レイヤーマスクを確認

人物写真のマスク領域が、透明ピクセルに変換されたことを確認してください。

透明ピクセルを確認

透明ピクセルとは？

透明部分は、[ 環境設定 ] で設定された、グリッドが表示されます。レイヤーマスクで隠された部分は、見た目では透明ですが、元画像はそのまま、変わらずに残っています。レイヤーマスクを削除、または、効果を一時的に解除すれば、切り抜く前の状態に戻すことができます。

このような再編集を可能にするメリットが、レイヤーマスクにはあります。しかし、隠された部分が、そのまま保持されているので、データ容量が大きくなるデメリットも、持ち合わせています。

塗りつぶしレイヤーを設定

背景を透明ピクセルに置き換えることができたら、ホワイトを敷いて、切り抜きの状態を確認しましょう。

【操作方法】

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、新しい色に [ ホワイト ] を設定します。H: 0° / S: 0 % / B: 100 %

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

カラーピッカーの使い方

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

[ べた塗り 1 ] を背面へ移動します。背面へ移動: [ command ( Ctrl ) ] + [ [ ]

背面へ移動

人物の背景が白色になったことを確認してください。

背景を白色に設定

すべてのレイヤーを選択します。すべてのレイヤーを選択: [ command ( Ctrl ) ] + クリック

すべてのレイヤーを選択

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

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

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

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

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

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

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

The post 写真をイラスト調に！４色ポスタライズ「階層を滑らかにする方法」【2024】 first appeared on 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 ] をクリックします。

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

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

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

ビネットを調整

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

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

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

The post 【テクスチャ】ゼロからつくる！放射状に広がる光「何もない状態から描く抽象イメージ」【2023】 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 ( ウブロ )

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

人物を配置する

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

【操作方法】

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

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-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 ]

変形を確定

トリミングはここで！

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

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

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

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

写真をイラスト調に！コミック風のハーフトーン加工

古岡ひふみ — Thu, 24 Dec 2020 23:00:38 +0000

【Photoshop講座】イラストや漫画などに用いられるハーフトーンを合成して、ビートルの写真を、オシャレでポップなコミック風に加工しましょう。イラスト調の極意は、写真の生っぽさを消すことです。それは、複雑なピクセル情報を持つ画像から、形状や色数を、単純化していく技であると言えます。輪郭から抽出した線画も加えましょう。

単純化を身につけよう！

画像の単純化とは、複雑な線を滑らかにしたり、フルカラーから限定した色数に減らす作業です。ここでは、階調数を減らすことができる [ ポスタリゼーション ] を中心に、形状や色数を単純化する作業を組み立てましょう。

写真をイラスト調に！

コミック風のハーフトーン加工

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

コミック風のハーフトーン加工

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

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

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

レッスン動画を配信中！

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

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

ハイキーな色調にする

はっきり見やすいコミック風を強調するため、画像の明るい領域をハイキー (白く飛ばす) にします。ここでは、[ トーンカーブ ] を使用して、ビートルの丸っこいボディを、浮き立たせるように調整しましょう。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 2048 pixel ]、[ 高さ : 1536 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、陰影がはっきりした建物や乗り物など、線画になっても形状がわかりやすい写真が好ましいです。

素材画像を開く

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

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

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

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

[ イメージ ] メニューから、[ 色調補正 ] – [ トーンカーブ ] を選択します。[ トーンカーブ ] ダイアログで、カーブに調整ポイントを追加し、[ 入力 ] と [ 出力 ] に数値を入力して、[ OK ] をクリックします。

基本がわかる！トーンカーブの使い方

[ トーンカーブ ] を設定

【設定値】

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

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

[ 入力 : 207 ] [ 出力 : 255 ]

ハイキーな色調に調整することができました。[ レイヤー ] パネルで、スマートフィルターに [ トーンカーブ ] が追加されたことを確認します。

[ トーンカーブ ] の追加を確認

中間調を維持する

ここで行うハイキーな調整は、シャドウ領域と中間調を維持しながら、ハイライト領域を明るくすることを目指しています。

[ トーンカーブ ] の操作は、まず、中間調 (入力 : 128, 出力 : 128 ) に調整ポイントを追加し、それをアンカーとしたカーブを作成することで、滑らかで違和感のないハイライト点を探ります。

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

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

The post 写真をイラスト調に！コミック風のハーフトーン加工 first appeared on psgips.

【テクスチャ】ゼロからつくる！青空と逆光の雲「何もない状態から描くデジタル背景」

古岡ひふみ — Sat, 19 Dec 2020 23:00:00 +0000

【Photoshop講座】ランダムな斑点模様を生成する「雲模様」をベースに、太陽が照り返る、逆光の雲を描きます。ポイントは青空の色。驚くほど簡単に、しかもリアルに作れる方法をご紹介しましょう。最初に生成する「雲模様」がそのまま、壮大な青空に変身しますよ。

雲模様にして雲にあらず？

ここで描く雲には、らしからぬ、黒い影があります。雲のエッジが光り輝く「逆光の雲」にとって、これが重要な要素となるワケです。しかし「雲模様」には、そんな黒い影など存在しません。

画像の明暗を表す階調は、大まかに、シャドウ、中間調、ハイライトに分けられます。しかし、この順序を入れ替えてやると、あら不思議？もう「雲模様にして雲にあらず」とは言わせません。

ゼロからつくる！青空と逆光の雲

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態から雲を描く

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

雲のベースをつくる

新しいドキュメントに、[ 雲模様 1 ] フィルターを適用して、それを「逆光の雲」のベースにします。

【操作方法】

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

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

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

新規ドキュメントを作成

描画色に [ ブラック ]、背景色に [ ホワイト ] を設定して、[ フィルター ] メニューから、[ 描画 ] – [ 雲模様 1 ] を選択します。

[ 雲模様 1 ] を適用

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

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

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

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

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

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

レッスン動画を配信中！

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

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

遠近感をつける設定

ベースの [ 雲模様 1 ] が作成できたら、スマートオブジェクトを変形させて、遠近感をつけます。

【操作方法】

ドキュメントウィンドウの表示倍率を縮小して、画像の周囲に作業領域を確保します。

画像の周囲に作業領域を確保する

[ 編集 ] メニューから、[ 変形 ] – [ 遠近法 ] を選択して、変形のバウンディングボックスを表示します。

変形のバウンディングボックスを表示

右上のハンドルを水平方向に右側へドラッグして、[ enter ] キーを押して変形を確定します。

ハンドルを右側へドラッグ

適切な変形角度は？

[ 遠近法 ] の操作は、ドラッグする位置が遠いほど、ワイド端 ( 広角側 ) になります。しかし、あまり変形率が高いと画質が劣化してしまうので、ほどほどに。作例では、標準の [ -45°] に設定しています。

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

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

The post 【テクスチャ】ゼロからつくる！青空と逆光の雲「何もない状態から描くデジタル背景」 first appeared on psgips.

【テクスチャ】ゼロからつくる！廃工場の赤錆びた鉄板

古岡ひふみ — Thu, 30 Jul 2020 23:00:00 +0000

【Photoshop講座】廃退的な世界観を表現できる錆鉄は、映画やゲームなどのタイトルバックでよく見られます。ランダムな斑点模様から、粗い粒子を生成して、ゴツゴツと隆起した塗料の剥がれた様子を、[ ベベルとエンボス ] で立体的に表現しましょう。最初に生成する「雲模様」が、そのまま、赤錆びた鉄板に変身します。

錆色の観察力を身につける！

質感の表現は「陰影」と「光沢」が重要です。しかし、視覚的な影響力があるのは、なんと言っても「色」です。たとえば、青色なら空や海を連想したり、緑色なら葉や森を連想するように、人間の意識には潜在的なものがあります。

錆色も同じです。単調な赤茶色だけでは、赤錆を連想させることは難しいです。ここがゼロからつくるテクスチャの真骨頂です。実物よりも赤錆に見える、そんな観察力を身につけておきましょう。

ゼロからつくる！

廃工場の赤錆びた鉄板

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から赤錆を描く

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

ベースを作成する

赤錆びた鉄板のベースとなる、粗い粒子を生成しましょう。テクスチャを適用するドキュメントサイズは、100 % 等倍表示で、画面内に収まる大きさを推奨します。

【操作方法】

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

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

テクスチャを適用するサイズの、新規ドキュメントを作成します。

新規ドキュメントを作成

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

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

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

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

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

[ 描画色と背景色を初期設定に戻す ] をクリック

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

[ 雲模様 1 ] を適用

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

レッスン動画を配信中！

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

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

粗い粒子の生成

粗い粒子の生成には、[ メゾティント ] フィルターと、[ ノイズを加える ] フィルターを使用します。２つのフィルターを掛け合わせて、赤錆びた鉄板のベースを作成しましょう。

【操作方法】

[ フィルター ] メニューから、[ ピクセレート ] – [ メゾティント ] を選択します。[ メゾティント ] ダイアログで、[ 種類 ] に [ 粗いドット ] を選択して、[ OK ] をクリックします。

[ メゾティント ] を設定

スマートに模様替え！

[ 雲模様 1 ] や [ メゾティント ] などの効果は、適用するたびに異なる乱数が割り当てられるため、全く同じ結果にはなりません。

スマートオブジェクトにフィルターを適用すると、設定後も再編集が可能な「スマートフィルター」として適用されます。[ レイヤー ] パネルで、フィルター名をダブルクリックして、好みに模様替えすることができます。

[ フィルター ] メニューから、[ ノイズ ] – [ ノイズを加える ] を選択します。[ ノイズを加える ] ダイアログで、[ 量 ] に [ 150 ] % を入力します。[ 分布方法 ] に [ 均等に分布 ] を選択します。[ グレースケールノイズ ] を有効にして、[ OK ] をクリックします。

[ ノイズを加える ] を設定

２つのフィルターを掛け合わせて、赤錆びた鉄板のベースを作成することができました。

２つのフィルターで質感づくり

[ メゾティント ] で粗い質感を加え、[ ノイズを加える ] で細かい質感を加えます。[ メゾティント ] の効果は、白黒２色だけで構成されるため、大胆な粗い粒子を作成できますが、白黒それぞれの領域に階調が含まれないため、平坦な印象になりがちです。

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

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

The post 【テクスチャ】ゼロからつくる！廃工場の赤錆びた鉄板 first appeared on psgips.

【テクスチャ】ゼロからつくる！ローソクの火「どんな画像にもドラッグ＆ドロップで合成できる！」

古岡ひふみ — Sun, 05 Apr 2020 23:00:00 +0000

【Photoshop講座】何もないところから火を作って、消えたローソクの画像に合成します。作成した火は、拡大・縮小しても劣化しない非破壊編集に対応しているので、どんな画像にもドラッグ＆ドロップで合成できます。素材に合わせた火のゆらぎや、微妙な色の調整も自由に行えます。

火をじっくり観察しよう！

ローソクの火などの光源の色は、明るさが変わるだけではなく、色相そのものも少しずつ変化しています。たとえば、最も明るい部分が黄色なら、そこから放射状にだんだん暗くなる色相は、オレンジ色から赤色へと変化しています。

ゼロからつくる！ローソクの火

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態からローソクの火を描く

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

ベースを作成する

「ローソクの火」は、火の周辺の背景色を含むドキュメントを作成します。火のベースは、ホワイトと 50% グレーの塗りつぶしで行います。

【操作方法】

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

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

新しいドキュメントを作成することができました。

新しいドキュメントを作成

火の約 1.5 倍

ドキュメントのサイズは、作成したい火の約 1.5 倍の大きさに設定してください。作成後の火の大きさの調整は、非破壊編集で行えるので、ドキュメントは、およその大きさで構わないです。大きすぎるサイズでは、フィルターの適用結果が細かくなってしまうので注意してください。

レッスン動画を配信中！

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

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

グループを作成

これから作成するローソクの炎は、一括して他の画像に配置します。そのため、ひとつのグループにまとめておく方が効率的です。新しいグループを作成しましょう。

【操作方法】

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

[ 新規グループを作成 ] をクリック

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ ブラック ] を設定して、[ OK ] をクリックします。初期設定

カラーピッカーの使い方

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

ドキュメント全体をブラックで塗りつぶすことができました。

ブラックで塗りつぶす

ひとつにまとめて効率化

グループの作成は、複数のレイヤーをひとつにまとめて操作できるため、他のドキュメントに配置するときに役立ちます。グループ内のレイヤーは、項目の頭下げが行われています。

グループ内に作成されていることを確認

グループ内の [ べた塗り 1 ] は、配置先のドキュメントサイズに関係なく対応できるので、必ずグループ内に作成されていることを確認してください。

パスの作成と変形

火のベースは、正円のシェイプの一部を変形させて作成します。作例では、ベクトルレイヤーで作成しますが、ピクセルレイヤーの塗りつぶしでも対応できます。

【操作方法】

[ ツール ] パネルで、[ 楕円形ツール ] を選択します。

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

[ 楕円形ツール ] を選択

オプションバーで、[ ツールモードを選択 ] に [ シェイプ ] を選択します。

[ シェイプの塗りを設定 ] に [ ホワイト ] を設定します。

[ シェイプの塗りを設定 : ホワイト ]

[ shift ] キーを押しながら、正円を作成します。

[ shift ] + ドラッグ

縦横比を固定する

[ shift ] キー押しながらドラッグすると、縦横の比率が等しい正円が作成できます。または、オプションバーの歯車アイコンをクリックすると、[ 正円 ] や [ 中心から ] などのパスオプションが選べます。

パスオプションで設定することもできる

同じ要領で、小さい正円を同心円で作成します。小さい正円は、50% グレーで塗りつぶします。

大小２つの正円を作成

[ ツール ] パネルで、[ パス選択ツール ] を選択します。

[ パス選択ツール ] を選択

[ 楕円形 1 ] を選択します。正円の上のアンカーポイントを [ option ( Alt ) ] + [ command ( Ctrl ) ] + クリックし、上へドラッグして変形します。

[ option ( Alt ) ] + [ command ( Ctrl ) ] + クリック

アンカーポイントをドラッグ

[ 楕円形 2 ] を選択します。正円の上のアンカーポイントをクリックし、下へドラッグして変形します。

アンカーポイントをクリック

アンカーポイントをドラッグ

一時的に切り替える

[ パス選択ツール ] を使用中に [ option ( Alt ) ] + [ command ( Ctrl ) ] キーを押すと、一時的に [ アンカーポイントの切り替えツール ] の切り替えが行えます。

一時的に [ アンカーポイントの切り替えツール ] の切り替え

[ アンカーポイントの切り替えツール ] は、作成したパスのアンカーポイントをクリック、または、ドラッグして、方向線の削除 / 追加を行い、方向点をドラッグして、方向線の角度 / 長さを編集します。

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

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

The post 【テクスチャ】ゼロからつくる！ローソクの火「どんな画像にもドラッグ＆ドロップで合成できる！」 first appeared on psgips.

【テクスチャ】ゼロからつくる！大爆発の炎「再実行で効果を繰り返す」

古岡ひふみ — Fri, 06 Mar 2020 23:00:00 +0000

【Photoshop講座】何もないところから、大爆発の炎を作成します。爆発の形状は、ランダムに生成されるため、結果は、出たとこ勝負です。しかし、[ 雲模様 2 ] の適用回数により、変化する形状から簡単に選べるので、きっと、イメージに合った「大爆発の炎」が見つかることでしょう。大胆に、ボカン！と爆発させましょう。

効果を繰り返す！

適用したフィルターは、[ フィルターの再実行 ] で繰り返すことができます。このコマンドには、ショートカットキーが割り当てられているので、キーを押すだけで簡単に適用できます。[ スマートフィルター ] との組み合わせで、さらに増幅した適用結果が作り出せます。

ゼロからつくる！大爆発の炎

[ STEP-01 ]

ベースを作成する

[ STEP-02 ]

テクスチャを着色する

[ STEP-03 ]

大爆発の炎を増幅させる

何もない状態から大爆発を描く

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

ベースを作成する

「大爆発の炎」は、ランダムに生成される [ 雲模様 1 ] の斑点模様から作成する方法を取ります。スマートオブジェクトや塗りつぶしレイヤーを活用すると、再編集可能なベースが作成できます。

【操作方法】

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

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

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

新規ドキュメントを作成

どんなサイズにも対応

ドキュメントサイズの [ 幅 ]、[ 高さ ] には、大きさや比率の制限は特にありません。たとえば、512 x 512 pixel の正方形でも、同じ効果が得られます。

[ 雲模様 1 ] は、256 pixel の倍数に限り、つなぎ目のないシームレスパターンが作成できます。しかし作例では、周囲を暗くする効果を加えるので、シームレスパターンには適していません。

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

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

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

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

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

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

レッスン動画を配信中！

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

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

雲模様の適用

ベースにする雲模様を適用しましょう。雲模様は、適用するたびに模様が変わる、変数が用いられています。適した模様が生成されない場合は、フィルターの再実行を行ってください。

【操作方法】

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

[ 描画色と背景色を初期設定に戻す ] をクリック

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

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

[ 雲模様 1 ] を適用

フィルターの再実行

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

前面の効果を非表示

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

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

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

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

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

周囲を暗くする設定

大爆発の形状は球体です。[ 雲模様 1 ] で作成した斑点模様に、放射状のグラデーションを合成すれば、中央を明るく周囲を暗くすることができます。

【操作方法】

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

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

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

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

[ グラデーションエディター ] ダイアログで、次のグラデーションを設定して、[ OK ] をクリックします。

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

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

【設定値】

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

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

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

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

[ グラデーションで塗りつぶし ] ダイアログで、[ スタイル ] に [ 円形 ] を選択し、[ 逆方向 ] を無効にして、[ 角度 ] に [ 0 ]°、[ 比率 ] に [ 100 ] % を入力して、[ OK ] をクリックします。

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

放射状のグラデーションが設定できたことを確認してください。

放射状のグラデーションを確認

[ レイヤー ] パネルで、描画モードに [ オーバーレイ ] を選択します。

[ オーバーレイ ] を選択

放射状のグラデーションで、ドキュメントの周囲を暗くして、大爆発の形状を作成することができました。

オーバーレイとは？

描画モード [ オーバーレイ ] は、合成色が重なっても画像に影響しない「中性色」を 50％グレーとして、明るい部分はより明るく、暗い部分はより暗くする特性があります。

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

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

プリセット「 wood_grain.amp 」をダウンロード ( 1 KB )

The post 【テクスチャ】ゼロからつくる！大爆発の炎「再実行で効果を繰り返す」 first appeared on psgips.

【テクスチャ】ゼロからつくる！木目調のテクスチャ「トーンカーブで階調を分断して繰り返す！」

古岡ひふみ — Mon, 24 Feb 2020 23:00:00 +0000

【Photoshop講座】一片の雲模様をベースに、トーンカーブで木目模様を作成します。簡単に設定できるプリセットを用意しているので、いろいろな木目模様が、バリエーションとして作り出せます。表面の質感や反射する光を加えて、生木にオイルフィニッシュを施したような色に仕上げましょう。

階調を分断して繰り返す！

色調補正ツールの [ トーンカーブ ] は、「あり得ない設定」も可能とするパフォーマンスを秘めています。何層にも重なった年輪の断面である木目模様は、階調を小刻みに分断して繰り返すことで表現します。

ゼロからつくる！

木目調のテクスチャ

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態から木目を描く

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

プリセットをダウンロード

作例では、[ トーンカーブ ] のプリセットファイルを用意しています。あらかじめ、プリセットファイル「 wood_grain.amp 」をダウンロードしてください。

ダウンロードしたプリセットファイルの読み込みは、[ トーンカーブ ] ダイアログの [ プリセットオプション ] – [ プリセットの読み込み ] を選択します。

[ プリセットの読み込み ] を選択

ベースを作成する

木目調のテクスチャは、ランダムに生成される [ 雲模様 1 ] を適用後に変形する技法を取ります。そのため、新しく作成するドキュメントには、変形前のカンバスサイズを設定します。

【操作方法】

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

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

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

新規ドキュメントを作成

幅は 1/10 を設定

新規ドキュメントの [ 幅 ] には、仕上げサイズの 1/10 を設定します。これは、後の手順で、幅を引き伸ばす操作があり、必要としない領域の「容量」を節約するためのものです。

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

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

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

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

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

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

レッスン動画を配信中！

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

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

雲模様の適用

【操作方法】

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

[ 描画色と背景色を初期設定に戻す ] をクリック

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

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

[ 雲模様 1 ] を適用

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

模様替えのために

スマートオブジェクトは、フィルター適用後の画像を再編集できます。つまり、仕上げの模様が気に入らない場合には、簡単に「模様替え」ができるワケです。

しかし、作例では、後の手順で幅を引き伸ばす操作があるので、[ 雲模様 1 ] などの描画系フィルターでは、元のサイズがキープできません。

元のサイズをキープするには、スマートオブジェクトの中にスマートオブジェクトを含む「入れ子構造」にすれば解決します。このようにしておくことで、同じ条件での [ 雲模様 1 ] が再実行できるようになります。

スマートオブジェクトの変形

スマートオブジェクトを、仕上げサイズに変形しましょう。ここでは、まず、カンバスサイズを変更してから、そのサイズに合わせて変形する方法を取ります。

【操作方法】

[ イメージ ] メニューから、[ カンバスサイズ ] を選択します。[ カンバスサイズ ] ダイアログで、[ 幅 ] に [ 1280 ] pixel を入力して、[ OK ] をクリックします。

[ 幅 ] に [ 1280 ] pixel を入力

カンバスサイズを、仕上げサイズに変更することができました。

カンバスサイズを仕上げサイズに変更

変形のバウンディングボックスを表示します。自由変形 : [ command ( Ctrl ) ] + [ T ]

変形のバウンディングボックスを表示

オプションバーで、[ 縦横比を固定 ] を無効にします。

[ 水平比率を設定 ] に [ 1025.00% ] を入力し、[ enter ] キーを押して、変形を確定します。

[ 水平比率を設定 ] に [ 1025.00% ] を入力

雲模様を左右に引き伸ばすことができました。

雲模様を左右に引き伸ばす

拡大率に少し余裕を

仕上げサイズ 1/10 からの拡大は、10 倍 ( 1000 % ) が正しい値です。しかし、後の手順で、[ ぼかし (移動) ] を適用するため、拡大率に少し余裕を設けます。

拡大率に少し余裕を設ける

拡大率は、カンバスサイズの幅より 32 〜 64 pixel 大きければ十分です。計算式は、( カンバスサイズの幅＋余裕の幅 ) ÷ ( カンバスサイズの幅 ) × 100 で求めることができます。

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

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