ゼロからつくる！テクスチャ | 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.

【テクスチャ】ゼロからつくる！涼しげな水の波紋「濃淡のグラデーションから生成する」【2020】

古岡ひふみ — Mon, 11 Jan 2021 23:00:00 +0000

【Photoshop講座】水の波紋には、幾重にも広がる輪や規則正しいリズムがあります。その物静かな清涼感や環境イメージは、タイトルや商品などを意図的にアピールする手法とされています。

グラデで決まる！

波紋の生成に [ ジグザグ ] を使う方法では、元のピクセルを変形させるので、それに適した濃淡のグラデーションが必要になるワケです。

ハイライト部分が水面の輝き色、シャドウ部分が最深部の水色です。明るい色を左上に配置することで、視覚的な遠近感が表現できます。

ゼロからつくる！

涼しげな水の波紋

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態から水の波紋を描く

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

目次に戻る

ベース色を設定する

「涼しげな水の波紋」は、ドキュメントを正方形から長方形に変形させる方法を取ります。このため、手順の前半は、真上から見た波紋を想定しながら行います。

【操作方法】

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

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

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

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

新規ドキュメントを作成

サイズで効果が変わる！

「涼しげな水の波紋」は、フィルターの機能によって、ピクセルレイヤーを変形します。作例より大きいドキュメントサイズでは、輪の数が多くなり、小さなドキュメントサイズでは、輪の数が少なくなります。

目次に戻る

レッスン動画を配信中！

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

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

グラデーションを設定

ベースにする色は、[ グラデーション ] 塗りつぶしレイヤーで設定します。波紋を生成するには、濃淡のグラデーションが必要です。単調にならないように、中間調にもカラーを設定しましょう。

【操作方法】

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

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

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

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

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

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

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

【設定値】

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

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

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

[ 位置 : 50 % ] [ カラー : H : 198°/ S : 32 % / B : 89 % ]

[ 位置 : 100 % ] [ カラー : H : 206°/ S : 6 % / B : 99 % ]

[ グラデーションで塗りつぶし ] ダイアログで、[ 角度 ] に [ 120 ]°を入力して、[ OK ] をクリックします。

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

ベースの色となるグラデーションが作成できました。

ベースの色が設定できた

角度で効果が変わる！

[ グラデーションで塗りつぶし ] ダイアログで設定する [ 角度 ] は大変重要です。グラデーションの最も明るい部分が光源となるので、右上からの入射角にしたい場合は、[ 角度 ] を [ 75 ]°から [ 30 ]°までの範囲に設定します。

目次に戻る

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

ベースの色が設定できたら、ドキュメントのすべてを、スマートオブジェクトに変換しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を [ command ( Ctrl ) ] キーを押しながらクリックして、[ グラデーション 1 ] と [ 背景 ] を選択します。

[ command ( Ctrl ) ] + クリック

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

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

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

複数のレイヤーをスマートオブジェクトに変換すると、前面のレイヤー名が反映されます。操作には影響ないですが、作例のように [ グラデーション 1 ] では、ちょっとヘンですよね (笑)。レイヤー名をダブルクリックして、任意の名称に変更することができます。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【テクスチャ】ゼロからつくる！涼しげな水の波紋「濃淡のグラデーションから生成する」【2020】 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°] に設定しています。

目次に戻る

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

古岡ひふみ

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

psgips.net

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 ] をクリックします。

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

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

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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 ) ] キーを押すと、一時的に [ アンカーポイントの切り替えツール ] の切り替えが行えます。

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

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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 ] を作成

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

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

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

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

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

【設定値】

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

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

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

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

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

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

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

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

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

[ オーバーレイ ] を選択

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

オーバーレイとは？

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

目次に戻る

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

古岡ひふみ

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

psgips.net

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

【テクスチャ】ゼロからつくる！黒いアスファルト

古岡ひふみ — Thu, 05 Mar 2020 23:00:00 +0000

【Photoshop講座】アスファルトは、岩石や鉱物系でありながら、都会的でカッコいい印象がありますね。「黒いアスファルト」が目指すものは、敷き詰められたばかりのアスファルトです。黒いタールと小石が入り混じったゴツゴツした質感を誇張させて、ゼロからアスファルトのテクスチャを作成しましょう。

固まりと溝を表現する！

アスファルトは、小石と液状のタールが混ぜられたものです。そのため、細かいざらつきよりも、ギュッと凝縮された固まり部分と、その周囲に深い溝を設けることを優先します。

ゼロからつくる！黒いアスファルト

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

何もない状態からアスファルトを描く

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

目次に戻る

ベースを作成する

アスファルトのテクスチャは、ランダムに生成される [ 点描 ] から、ゴツゴツした質感をつける技法を取ります。そのため、その元となるカラーノイズを [ ノイズを加える ] で発生させます。

【操作方法】

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

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

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

新規ドキュメントを作成

どんなサイズにも対応！

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

ランダムに生成される模様をベースにしているので、シームレスパターンには対応していません。

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

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

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ] をクリックします。

[ 塗りつぶし ] を設定

[ フィルター ] メニューから、[ スマートフィルター用に変換 ] を選択して適用します。

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

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

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

目次に戻る

レッスン動画を配信中！

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

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

カラーノイズの設定

50% グレーで塗りつぶしたレイヤーに、ノイズを発生させると、赤、緑、青の細かいピクセルがランダムに分布されます。アスファルトの元になるカラーノイズを設定しましょう。

【操作方法】

[ フィルター ] メニューから、[ ノイズ ] – [ ノイズを加える ] を選択します。[ ノイズを加える ] ダイアログで、[ 分布方法 ] に [ ガウス分布 ] を選択します。

[ 量 ] に [ 50 ] % を入力して、[ OK ] をクリックします。

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

[ 50% グレー ] で塗りつぶした [ レイヤー 1 ] から、カラーノイズを発生させることができました。

分布方法とは？

[ 均等に分布 ] と [ ガウス分布 ] の違いは、ノイズの階調をつくり出す方法にあります。

設定値の [ 量 ] に対して、一定幅に分布された比較的きれいなノイズが [ 均等に分布 ] です。大から小へ分散した乱れたノイズが [ ガウス分布 ] です。

目次に戻る

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

古岡ひふみ

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

psgips.net

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 」をダウンロードしてください。

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

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

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

目次に戻る

ベースを作成する

木目調のテクスチャは、ランダムに生成される [ 雲模様 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 で求めることができます。

目次に戻る

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

古岡ひふみ

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

psgips.net

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

【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」

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

【Photoshop講座】筋入りクラフト紙とは、封筒や洋裁の型紙などに使用される、細かい縞模様が入ったクラフト紙の一種です。ハトロン紙とも呼ばれています。表面に紙のたわみを付け、繊細でレトロな風合いを再現してみましょう。ゼロからつくるテクスチャの利点は、色と風合いが自由に調整できることです。

本物よりもそれらしく！

特に用紙系の写真素材は、繊細な風合いが足りずフラットな印象になりがちです。そして、背景画像として用いることが多いため、その色調を調整するのにも手間がかかります。目的を見据えた誇張した表現で、本物よりもそれらしく見せるテクニックを身に付けましょう。

ゼロからつくる！

筋入りクラフト紙

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態からクラフト紙を描く

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

目次に戻る

レッスン動画を配信中！

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

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

ベースを作成する

クラフト紙の色は、パルプ原料から漂白されていない自然な薄茶色です。明るすぎて暗すぎてもダメ。赤っぽくなったり青っぽくなったり、この微妙な調合には苦戦を強いられますが、色だけでそれっぽく見せることができれば、テクスチャの半分は出来たも同然です。

【操作方法】

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

[ 新規 ] を設定

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

新規ドキュメントを作成

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

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 37 / S : 49 / B : 65 ] を設定して、[ OK ] をクリックします。

カラーピッカーの使い方

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

クラフトペーパーやダンボールのような色で塗つぶせました。

ベースカラーを塗りつぶす

目次に戻る

粒子を設定

塗りつぶしレイヤーで、ベースカラーが塗りつぶせたら、クラフト紙のザラザラした質感をつけます。質感と言っても、細かいものなので、ランダムなノイズのような効果を目指します。

【操作方法】

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

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

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ]をクリックします。

[ 塗りつぶし ] を設定

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

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

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

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

[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ アーティスティック ] – [ 粒状フィルム ] を選択します。

[ 粒状フィルム ] を選択

[ 粒状フィルム ] ダイアログで、[ 粒子 ] に [ 4 ]、[ 領域のハイライト ] に [ 0 ]、[ 密度 ] に [ 10 ] を入力して、[ OK ] をクリックします。初期設定

[ 粒状フィルム ] を設定

粒子の強さを設定

[ 粒状フィルム ] は、対象画像の明るさに対して、[ 粒子 ] を適用します。適用範囲を [ 領域のハイライト ] で調整して、[ 密度 ] で境界線の滑らかさを調整します。

作例では、明るさが均一なべた塗り画像に適用しているので、効果の強さを調整する [ 粒子 ] のみが有効です。[ 領域のハイライト ]、[ 密度 ] の設定値を変えても変化しません。

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

[ 描画モード : オーバーレイ ] を選択

少しザラつきがあるクラフト紙のベースができました。

下のレイヤーを反映する

描画モード [ オーバーレイ ] の中性色は「50% グレー」です。50% グレーの部分は、合成色として影響しないので、下のレイヤーの基本色がそのまま反映され、[ 粒状フィルム ] の粒子のみが適用されます。

目次に戻る

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

古岡ひふみ

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

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 ] を適用

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